body {
  font-family: 'Open Sans', sans-serif;
  color: #6f6f6f;
  background-color: #ffffff;
}

a {color:#5f959e;}
a:hover {
    cursor:pointer;
    text-decoration: none;
}
a:focus, a:active,a:link,a:hover, a {
  outline: none !important;
  text-decoration: none !important;
  transition:all .5s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 10px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}
h1 {
  font-size: 24px;
  line-height: 32px;
}
h2,
h3 {
  font-size: 18px;
  line-height: 23px;
}
h4,
h5,
h6 {
  font-weight: 300;
}

ul.margTenTop  {
    margin-top:20px;
}

.smallinfo {
  font-weight: 300;
  color: #b3b3b3 !important;
  font-size: 13px;
}
hr {
  border-top-color: #e0e3e6;
}
.glyphicons i:before {
  color: gray;
}
.glyphicons.table {
  width: 0px;
}
body {
  padding-top: 14px;
  line-height: 23px;
}

.masthead {
  height: auto;
  min-height: 57px;
  position: relative;
}
.masthead #logo {
  display: block;
  float: left;
}
/* Blue Wide Wrapper */
.widewrapper {
  background-repeat: repeat-x;
  background-color: #5f959e;
}


.xmas {
    width: 100%;
    height: 32px;
    background: url(../img/xmasLights.gif);
    background-repeat: repeat-x;
    background-size: 260px 32px;
    position:absolute;
    z-index:4;
    margin-top:-3px;
}

/* FOLDING CUBE WAITING ANIM */

.sk-folding-cube {
  margin:-30px 0px 0px 140px;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
          transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1); 
}
.sk-folding-cube .sk-cube:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #80b9c7;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
          animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
}
.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
          transform: scale(1.1) rotateZ(90deg);
}
.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
          transform: scale(1.1) rotateZ(180deg);
}
.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
          transform: scale(1.1) rotateZ(270deg);
}
.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
          background:#6cbac9;
}
.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
          background:#6fcce4;
}
.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
          background:#a3d9db;
}

#capLogo {
    background:url(../img/cap_logo_467.png);
    width:300px;
    height:51px;
    position:relative;
    transition:all .5s;
    background-size:300px 51px;
}

.capDlLogo {
    opacity:0;
    width:300px;
    margin:30px auto 0px auto;
}
.capDlLogo.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
}

.capDlLogo.animated.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}


@-webkit-keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  } 
}

@keyframes sk-foldCubeAngle {
  0%, 10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
            transform: perspective(140px) rotateX(-180deg);
    opacity: 0; 
  } 25%, 75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
            transform: perspective(140px) rotateX(0deg);
    opacity: 1; 
  } 90%, 100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
            transform: perspective(140px) rotateY(180deg);
    opacity: 0; 
  }
}

/* END OF FOLDING CUBE WAIT ANIM */

.l4Btn {
    width:100%;
    height:48px;
    background:#5f959e;
    border-radius:6px;
    text-align:center;
    line-height:60px;
    margin-top:4px;
    transition:all .5s;
    cursor:pointer;
}
.l4Btn.active, .l4Btn:hover {background:#73adb7;}

.l4Btn.textType {
    width:100%;
    height:48px;
    border:1px solid #5f959e;
    color:#5f959e;
    background:white;
    line-height:60px;
    margin-top:-1px;
    padding:8px;
    line-height: 30px;
    font-size: 16px;
    text-align:center;
    cursor:pointer;
    border-radius:0px;
}
.l4Btn.textType.active {
    background:#eaf6f6;
    border-right:4px solid #5f959e;
}
.l4Btn.textType.first {
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}
.l4Btn.textType.last {
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
}
.tutTextArea {
    margin-top:4px;
    background:white;
    border-radius:10px;
    border:1px solid #5f949d;
    padding:0px 0px 4px 0px;
    margin-bottom:20px;
    height:497px;
    border-left: 4px solid #5f949d;
    overflow: scroll;
}
#pMenIndicator {
    border-top:10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right:10px solid #5f949d;
    width:0px;
    height:0px;
    margin-top:14px;
    transition:margin 1s;
    position:absolute;
}



.tuTextText {
    margin-top: -4px;
    padding: 0px 8px 0px 22px;
}

.tutTextContTitle {
    overflow:hidden;
    text-shadow:0px 0px 2px #355c62;
    text-align:center;
    line-height:46px;
    width:100%;
    font-size:18px;
    color:#fff;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 5%, #5f949d 13%, #5f949d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 5%,#5f949d 13%,#5f949d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ffffff 0%,#ffffff 5%,#5f949d 13%,#5f949d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#5f949d',GradientType=1 ); /* IE6-9 */
}




.gotoLeapText {
    font-weight:bold;
    font-size:20px;
    font-family:arial;
    float:left;
    margin:6px 0px 0px 0px;
}
#gotoLeap {
    display:none;
    height:130px;
    top:42px;
    top:42px;
    left:460px;
    color:white;
    width:204px;
    margin: 41px auto 0px auto;
}
#adBannerOnLoad {
    display:block;
    height:130px;
    font-size:18px;
    margin:60px auto 0px auto;
    color:#d9e8ea;
    width:492px;
    text-align:center;
}

#navToLeap {
    background: url(../img/learnMore.png) center left;
    background-repeat:no-repeat;
    width: 204px;
    height: 35px;
    background-size: 35px 35px;
    float: left;
    border: 1px solid white;
    padding: 24px 0px 20px 41px;
    border-radius: 8px;
    line-height: 0;
    font-weight: bold;
    font-size: 20px;
    transition:all 1s;
    cursor:pointer;
    z-index:99;
}
#navToLeap:hover {
    background:url('../img/learnMoreHover.png') center left;
    background-repeat:no-repeat;
    background-size:35px 35px;
    box-shadow:0px 0px 8px white;
}

#playAdAgain {
    margin:38px 0px 0px 0px;
    background:url('../img/playItAgain.png') 8px 6px no-repeat;
    width: 204px;
    height: 35px;
    background-size: 35px 35px;
    float: left;
    border: 1px solid white;
    padding: 24px 0px 20px 52px;
    border-radius: 8px;
    line-height: 0;
    font-weight: bold;
    font-size: 20px;
    transition:all 1s;
    cursor:pointer;
    z-index:99;
}
#playAdAgain:hover {
    box-shadow:0px 0px 8px white;
}

#leapmov {
    left: 320px;
    z-index: 0;
    height: 252px;
    margin: -21px auto 0px auto;

}
.lt-ie9 .widewrapper {
  background-image: url('../img/bg_white.png');
}
.widewrapper.pagetitle {
  background-color: #ffffff;
}
.lt-ie9 .widewrapper.pagetitle {
  background-image: url('../img/bg_lightblue_title.png');
}

.cgiLocation a {
    color:white;
}

.locText {
    line-height:50px;
    display:inline;
    height:50px;
    float:left;
    font-size:18px;
    padding-left:10px;
    margin-top:20px;
}

.locText.addr {
    line-height:20px;
    padding-top:13px;
    margin-top:0px;
}

#emailBtn {
    display: inline;
    padding: 15px 30px 11px 30px;
    margin: 0px 0px 0px 0px;
    border-radius: 10px;
    cursor: pointer;
    background:white;
    color:#5f959e;
    transition:background 1s;
}
#emailBtn:hover {
    background:#e1f0f3;
}
.cgiLocation {
    color:#fff;
    float:left;
    width:100%;
    margin-top:20px;
}
.cgiLocation.last {
    padding-bottom:20px;
}

.cgiIcon {
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    margin-top: 20px;
    display: inline-block;
    float: left;
}

.cgiIcon.Home {
    background-image: url('../img/home.png');
}
.cgiIcon.Phone {
    background-image: url('../img/phone.png');
}
.cgiIcon.Fax {
    background-image: url('../img/fax.png');
}
.cgiIcon.Email {
    background-image: url('../img/email.png');
}

.newsBtn, .newsBtn.alt, .newsBtn.alt2 {
    background:#78232a;
    width:100%;
    border-radius:6px;
    padding:4px;color:white;
    font-weight:bold;
    line-height:20px;
    text-align:center;
    border:1px solid #b14108;
    cursor:pointer;
    transition:all 1s;
    margin-bottom:4px;
}


.newsBtn.alt {
    background:#6099c4;
    border:1px solid #4b73b5;
}
.newsBtn.alt2 {
    background:#779e3e;
    border:1px solid #58773f;
}
.newsBtn.alt:hover, .newsBtn.alt2:hover {
    background:#6199ac;
    border:1px solid #4d8092; 
}


.newsBtn.even {
    background:#b14108;
    border:1px solid #78232a;
}

.newsBtn:hover, .newsBtn.even:hover {
    background:#6199ac;
    border:1px solid #4d8092;  
}

.capHeadText {
    width:100%;
    text-align:center;
    height:120px;
    float:left;
    margin-top:-156px;
    font-size:24px;
    color:#b46868;
}

.widewrapper.weak-highlight {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: inset 1px 3px 1px -2px #f2f2f2;
  -moz-box-shadow: inset 1px 3px 1px -2px #f2f2f2;
  box-shadow: inset 1px 3px 1px -2px #f2f2f2;
}
.widewrapper.weak-highlightNoShadow {
  background-color: #ffffff;
}





.widewrapper.weak-highlight.sp {
    box-shadow:none;
    margin-top:18px;
}

.widewrapper.weak-highlightNoShadow.train {
    background:url('../img/trainBg.png') no-repeat 36% top;
    margin-top:20px;
}
.widewrapper.weak-highlightNoShadow.plane {
    background:url('../img/planeBg.png') no-repeat 72% top;
    margin-top:20px;
}
.widewrapper img {
  height: auto;
  max-width: 100%;
  margin: 0 auto;
}
.lt-ie9 .widewrapper.weak-highlight {
  background-image: url('../img/bg_lightgrey.png');
}
.widewrapper.strong-highlight {
  background-color: #f7f7f7;
}
.lt-ie9 .widewrapper.strong-highlight {
  background-image: url('../img/bg_lightblue.png');
}


.widewrapper.weak-highlightNoShadow.leap {

    height: 100%;
    width: 100%;
    float: left;
    /*background: #b6cfd4;*/
    background: -moz-linear-gradient(top, #b6cfd4 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #b6cfd4 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #b6cfd4 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6cfd4', endColorstr='#ffffff',GradientType=0 );
}

.sideMenuFolder {
    width:35px;
    float:right;
    margin-right:8px;
}

.widewrapper.footer {
  background-color: #333333;
  color: #ffffff;
  z-index:999;
}
.lt-ie9 .widewrapper.footer {
  background-image: url('../img/bg_darkblue.png');
}
div.pagetitle,
.calltoaction {
  color: #6f6f6f;
}
div.pagetitle h1,
.calltoaction h1 {
  color: #6f6f6f;
}
div.pagetitle {
  padding: 6px;
}
div.pagetitle h1 {
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  float: left;
  color: #666666;
}
div.pagetitle h1 span.category {
  color: #b3b3b3;
  font-weight: 300;
}
div.pagetitle h1 span.categoryEnd {
  font-weight: 500;
  color: #666666;
}
.pagetitle-dropdown {
  float: right;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .sidecolumn {
    padding-top: 50px;
  }

}

.bookRight, .bookLeft, .book {
    margin:0px;
    top:8px;
}

.calltoaction {
  padding-top: 60px;
  padding-bottom: 60px;
  font-size: 24px;
  text-align: center;
  line-height: 60px;
}
.calltoaction .btn {
  margin: 0 10px;
}
.copyright {
  text-align: center;
  color: #999999;
  background-color: white;
  font-size: 11px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 15px;
}
.copyright p {
  margin: 0;
}
footer {
  font-size: 13px;
  line-height: 20px;
}
footer h4, footer h4 a {
  font-size: 14px;
  font-weight: 600;
}
footer h4 a, footer h4 a:hover {
  color: #ffffff;
}
footer .grove-list {
  font-size: 12px;
  font-weight: 600;
  margin-top: -4px;
  padding-left: 15px;
}
footer .grove-list li {
  margin-top: 0;
  margin-bottom: 0;
}
footer .grove-list li a {
  color: #89c0ca;
}
footer .grove-list li:before {
  border-width: 3px 6px;
  left: -14px;
  top: 14px;
}
footer .glyphicons i:before {
  font-size: 24px;
  color: #ffffff;
}
footer .glyphicons:hover {
  cursor: pointer;
}
footer .glyphicons:hover i:before {
  color: #9db5c8;
}
footer .indent30 {
  margin-left: 30px;
}
@media (max-width: 767px) {
  footer .indent30 {
    margin-left: 0;
  }
}
.row.footer {
  margin-top: 20px;
  margin-bottom: 30px;
}

.isoControl {
    margin-top: -55px;
    margin-left: 5px;
}


#prevRm {
    background-image:url(../img/prev.png);
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    position:relative;
    z-index:1;
}

#nextRm {
    background-image:url(../img/next.png);
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    position:relative;
    z-index:1;
    margin-left:10px;
}


#learnMoreLeap {
    color: white;
    width: 100px;
    text-align: center;
    font-weight: bold;
    padding: 4px 4px;
    border: 1px solid white;
    border-radius: 4px;
    transition:all 1s;
    cursor:pointer;
    float:left;
}
#learnMoreLeap:hover {
    background:#6bb9c7;
}

.container.leap3Logo {
    background: url(../img/leap-ad.png);
    width:216px;
    background-size: auto 212px;
    padding-left: 300px;
    left: 0px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 99;
    height: 211px;
}

.container.content {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container.content.colored {
    background:#5f959e;
    border-radius:14px;
}
.container.content.colored.tower {
    background:#5f959e url('../img/tokyotower.png')no-repeat 20% 5px;
}

.japanMap {
    background:url('../img/japanMap.png')no-repeat;
    background-size:302px 314px;
    width:302px;
    height:314px;
    float: right;
    margin: -28px 73px 0px 0px;
    opacity: .2;
}

.container.indexMenu {
    background:url('../img/indexCap.jpg')no-repeat top center;
    height: 100%;
    padding-top: 26px;
    padding-left: 28px;
    width: auto;
    border-radius: 10px;
    box-shadow: 0px 2px 5px grey;
}

.container.indexMenu.iso {
    background:url('../img/indexIso.jpg')no-repeat top center;
}
.container.bottomMenu {
    padding-left:0px;
    padding-right:0px;
    margin-top:20px;
}
.container.leap {
    background:white;
    border-radius:12px;
    opacity:0.88;
    border:1px solid teal;
}

.bottomThird {
    float:left;
    width:31%;
}


.bottomThird.nd {
    margin-left:3.5%;
}

a.jpSub {
    color:white;
}
a.spHeader:hover {
    color:#5f959e;
}

.centeredTitle {
    width:304px;
    font-size:24px;
    color:#4899bb;
    margin:-26px auto 0px auto;
    padding:10px;
    cursor:pointer;
    transition:all .5s;
    height:40px;
    line-height:20px;
    background:white;
    border-bottom-left-radius:10px;
    text-align:center;
    border-bottom-right-radius:10px;
    border-left:1px solid #4899bb;
    border-bottom:1px solid #4899bb;
    border-right:1px solid #4899bb;
    box-shadow:2px 2px 4px #ababab;
}
.centeredTitle:hover {
    background:#edfbff;
    text-shadow:0px 0px 4px #fff;
}

.centeredTitle.iso {
    font-size: 16px;
    font-weight:bold;
    margin: 0px auto;
    width: 190px;
    margin-top: 8px;
    margin-left: -8px;
    background: #87a3bc;
    width: 84%;
    text-align: center;
    border-radius: 0px;
    border-top-right-radius: 6px;
    color: white;
    border-bottom-right-radius: 6px;
    padding: 2px 0px;
    border-top:1px solid white;
    border-right:1px solid white;
    border-bottom:1px solid white;
}


.indexCapLogo {
    background:url('../img/cap_logo_467.png');
    width: 467px;
    height: 80px;
    background-size: 467px 80px;
    margin:24px auto 36px auto;
}
.indexCapLogo.iso {
    background:url('../img/iso_logo_small.png');
    background-size:180px 40px;
    width:180px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}
.indexCapLogo.ivdg {
    background:url('../img/ivdg_logo_small.png');
    background-size:180px 40px;
    width:180px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}
.indexCapLogo.smallCt {
    background:url('../img/captoday_logo_small.png');
    background-size:180px 40px;
    width:180px;
    height:40px;
    margin-top:0px;
    margin-left:0px;
}


.glyphicons-show {
  margin-top: 50px;
  margin-bottom: 40px;
}
.glyphicons-show .glyphicons {
  margin: 10px;
  margin-top: 25px;
}
.glyphicons-show .glyphicons i:before {
  color: #6d6e71;
}
.grove-dropdown {
  padding: 3px 0 0 0;
  background-color: #1c242c;
  background-color: rgba(28, 36, 44, 0.85);
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  -webkit-background-clip: none;
  -moz-background-clip: none;
  background-clip: none;
}
.grove-dropdown > li:first-child > a {
  border-top: 1px solid transparent;
}
.grove-dropdown > li:hover {
  background-color: #4a5258;
  background-color: rgba(255, 255, 255, 0.1);
}
.grove-dropdown > li:hover + li > a {
  border-top: 1px solid transparent;
}
.grove-dropdown > li > a {
  border-top: 1px solid #4a5258;
  border-top-color: rgba(255, 255, 255, 0.2);
  line-height: 33px;
  color: #ffffff;
  margin: 0 10px 0 10px;
}
.grove-dropdown > li > a:hover,
.grove-dropdown > li > a:focus {
  color: #ffffff;
  filter: none;
  background-color: transparent;
  background-image: none;
  border-top: 1px solid transparent;
}
.grove-navbar {
  background: #f7f7f7;
  border: none;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.grove-navbar .grove-toggle {
  float: right;
  margin-right: 15px;
  display: none;
  position: relative;
}
@media (max-width: 767px) {
  .grove-navbar .grove-toggle {
    display: block;
  }
}
.grove-navbar .navbar-brand {
  padding-top: 0px;
  padding-bottom: 0px;
}
.grove-navbar .grove-nav {
  max-height: none;
  border-top: none;
}
.grove-navbar .grove-nav .nav {
  margin-bottom: 0;
  float: right;
}
.grove-navbar .grove-nav .nav .caret {
  display: none;
}
.grove-navbar .grove-nav .nav > li {
  float: left;
  margin: 0;
  padding: 13px;
}
.grove-navbar .grove-nav .nav > li.dropdown.open.active > a:focus,
.grove-navbar .grove-nav .nav > li.dropdown.open.active > a:hover {
  background-color: transparent;
  color: #5f959e;

}
.grove-navbar .grove-nav .nav > li:last-child {
  padding-right: 0;
}
.grove-navbar .grove-nav .nav > li.active > a {
  font-weight: bold;
  color: #5f959e;
  background-color: transparent;
    
}
.grove-navbar .grove-nav .nav > li > a {
  color: #333333;
  padding: 0;
  text-shadow: none;
}
.grove-navbar .grove-nav .nav > li > a:focus,
.grove-navbar .grove-nav .nav > li > a:hover {
  background: none;
  color: #5f959e;
}
.grove-navbar .grove-nav .nav .dropdown-menu {
  top: 61px;
  padding: 0px;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.95);
  border: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
  -webkit-background-clip: none;
  -moz-background-clip: none;
  background-clip: none;
}
.grove-navbar .grove-nav .nav .dropdown-menu > li {
    transition:all .5s;
}
.grove-navbar .grove-nav .nav .dropdown-menu > li:first-child > a {
  border-top: 1px solid transparent;
}
.grove-navbar .grove-nav .nav .dropdown-menu > li:hover {
  background-color: #4a5258;
  background-color: rgba(255, 255, 255, 0.1);
  background:#c5e3e8;
}

.grove-navbar .grove-nav .nav .dropdown-menu > li:last-child{
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.grove-navbar .grove-nav .nav .dropdown-menu > li:hover + li > a {
  border-top: 1px solid transparent;
}
.grove-navbar .grove-nav .nav .dropdown-menu > li > a {
  border-top: 1px solid transparent;
  border-top-color: rgba(247, 247, 247, 1.0);
  line-height: 40px;
  color: gray;
  margin: 0 10px 0 10px;
}
.grove-navbar .grove-nav .nav .dropdown-menu > li > a:hover,
.grove-navbar .grove-nav .nav .dropdown-menu > li > a:focus {
  color: #5f959e;
  filter: none;
  background-color: transparent;
  background-image: none;
  border-top: 1px solid transparent;
}
.grove-navbar .grove-nav .nav .open > a,
.grove-navbar .grove-nav .nav .open > a:focus,
.grove-navbar .grove-nav .nav .open > a:hover {
  background-color: transparent;
}
@media (max-width: 767px) {
  .grove-navbar {
    margin-bottom: 0px;
  }
  .grove-navbar .navbar-header {
    margin-bottom: 12px;
  }
  .grove-navbar .grove-nav .nav {
    float: none;
    margin-top: 0px;
    background-color: #909fa8;
    padding-top: 6px;
  }
  .grove-navbar .grove-nav .nav .caret {
    display: inline-block;
  }
  .grove-navbar .grove-nav .nav > li {
    float: none;
    padding-left: 26px;
  }
  .grove-navbar .grove-nav .nav > li.dropdown.open.active > a:focus,
  .grove-navbar .grove-nav .nav > li.dropdown.open.active > a:hover {
    background-color: transparent;
    color: gray;
  }
  .grove-navbar .grove-nav .nav > li.open {
    background-color: #d2d2d2;
  }
  .grove-navbar .grove-nav .nav > li.active a {
    color: #ffffff;
    font-weight: normal;
  }
  .grove-navbar .grove-nav .nav > li > a {
    color: #ffffff;
    font-size: 20px;
    font-weight: normal;
    padding: 9px 15px;
    margin-bottom: 2px;
  }
  .grove-navbar .grove-nav .nav > li > a:focus,
  .grove-navbar .grove-nav .nav > li > a:hover {
    color: #ffffff;
  }
  .grove-navbar .grove-nav .nav > li .caret {
    border-top-color: gray;
    border-bottom-color: #ffffff;
  }
  .grove-navbar .grove-nav .nav .dropdown > a:focus .caret,
  .grove-navbar .grove-nav .nav .dropdown > a:hover .caret {
    border-bottom-color: gray;
    border-top-color: gray;
  }
  .grove-navbar .grove-nav .nav .dropdown-menu {
    position: inherit;
    float: none;
    top: inherit;
    left: inherit;
    margin: ;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .grove-navbar .grove-nav .nav .dropdown-menu a {
    font-weight: normal;
  }
  .grove-navbar .grove-nav .nav .dropdown-menu > li {
    margin-left: 16px;
  }
  .grove-navbar .grove-nav .nav .dropdown-menu > li:hover {
    background-color: transparent;
  }
  .grove-navbar .grove-nav .nav .dropdown-menu > li:hover > a {
    color: #ffffff;
  }
  .grove-navbar .grove-nav .nav .dropdown-menu > li > a {
    color: #ffffff;
    border-top: 1px solid transparent;
    margin: 0;
    padding: 3px 8px;
  }
}
@media (max-width: 767px) and (min-width: 768px) and (max-width: 979px) {
  .grove-navbar .grove-nav .nav > li {
    margin-left: 20px;
  }


}
.isoRm {
    border-radius:10px;
    box-shadow:0px 0px 2px gray;
    width:100%;
    transition:all .5s;
    cursor:pointer;
}

#prevRm, #nextRm {
    cursor:pointer;
}

.isoRm:hover {
    box-shadow:0px 0px 2px #b5e56a;
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */
}
.headline {
  text-align: center;
  font-size: 22px;
  font-weight: 300;
  line-height: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  color: #1da3c4;
}
.headline.iso {
    color:#82b2d7;
}
.headline.top {
  margin-top: 15px;
}
.grove-list {
  margin-top: 20px;
  list-style: none;
  padding-left: 25px;
}
.grove-list li {
  margin-bottom: 10px;
}
.grove-list li:before {
  content: "";
  border-color: transparent transparent transparent #d0d5d9;
  border-style: solid;
  border-width: 3px 8px;
  width: 8px;
  display: block;
  left: -20px;
  top: 13px;
  position: relative;
}
.form-control {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 17px;
  font-weight: normal;
}
.form-control:focus {
  border-color: rgba(118, 148, 167, 0.5);
  outline: 0;
  outline: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @form-focus-border;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @form-focus-border;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px @form-focus-border;
}
label {
  font-weight: normal;
}
.form-group {
  margin-bottom: 11px;
}
.btn-grove-common {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-grove-one {
  color: #ffffff;
  background-color: #7694a7;
  border-color: #7694a7;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#7694a7), to(#587588));
  background-image: -webkit-linear-gradient(top, #7694a7, 0%, #587588, 100%);
  background-image: -moz-linear-gradient(top, #7694a7 0%, #587588 100%);
  background-image: linear-gradient(to bottom, #7694a7 0%, #587588 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7694a7', endColorstr='#ff587588', GradientType=0);
  background-repeat: repeat-x;
  border-color: #547082;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-grove-one:hover,
.btn-grove-one:focus,
.btn-grove-one:active,
.btn-grove-one.active,
.open .dropdown-toggle.btn-grove-one {
  color: #ffffff;
  background-color: #608095;
  border-color: #587588;
}
.btn-grove-one:active,
.btn-grove-one.active,
.open .dropdown-toggle.btn-grove-one {
  background-image: none;
}
.btn-grove-one.disabled,
.btn-grove-one[disabled],
fieldset[disabled] .btn-grove-one,
.btn-grove-one.disabled:hover,
.btn-grove-one[disabled]:hover,
fieldset[disabled] .btn-grove-one:hover,
.btn-grove-one.disabled:focus,
.btn-grove-one[disabled]:focus,
fieldset[disabled] .btn-grove-one:focus,
.btn-grove-one.disabled:active,
.btn-grove-one[disabled]:active,
fieldset[disabled] .btn-grove-one:active,
.btn-grove-one.disabled.active,
.btn-grove-one[disabled].active,
fieldset[disabled] .btn-grove-one.active {
  background-color: #7694a7;
  border-color: #7694a7;
}
.btn-grove-one:hover,
.btn-grove-one:focus {
  background-color: #587588;
  background-position: 0 -15px;
}
.btn-grove-one:active,
.btn-grove-one.active {
  background-color: #587588;
  border-color: #547082;
}
.btn-grove-one .caret {
  border-top-color: #ffffff;
}
.btn-grove-one .glyphicons i:before {
  color: #ffffff;
}
.btn-grove-two {
  color: #6f6f6f;
  background-color: #f3f2f2;
  border-color: #f3f2f2;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f3f2f2), to(#d6d2d2));
  background-image: -webkit-linear-gradient(top, #f3f2f2, 0%, #d6d2d2, 100%);
  background-image: -moz-linear-gradient(top, #f3f2f2 0%, #d6d2d2 100%);
  background-image: linear-gradient(to bottom, #f3f2f2 0%, #d6d2d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff3f2f2', endColorstr='#ffd6d2d2', GradientType=0);
  background-repeat: repeat-x;
  border-color: #d1cdcd;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-grove-two:hover,
.btn-grove-two:focus,
.btn-grove-two:active,
.btn-grove-two.active,
.open .dropdown-toggle.btn-grove-two {
  color: #6f6f6f;
  background-color: #dfdddd;
  border-color: #d6d2d2;
}
.btn-grove-two:active,
.btn-grove-two.active,
.open .dropdown-toggle.btn-grove-two {
  background-image: none;
}
.btn-grove-two.disabled,
.btn-grove-two[disabled],
fieldset[disabled] .btn-grove-two,
.btn-grove-two.disabled:hover,
.btn-grove-two[disabled]:hover,
fieldset[disabled] .btn-grove-two:hover,
.btn-grove-two.disabled:focus,
.btn-grove-two[disabled]:focus,
fieldset[disabled] .btn-grove-two:focus,
.btn-grove-two.disabled:active,
.btn-grove-two[disabled]:active,
fieldset[disabled] .btn-grove-two:active,
.btn-grove-two.disabled.active,
.btn-grove-two[disabled].active,
fieldset[disabled] .btn-grove-two.active {
  background-color: #f3f2f2;
  border-color: #f3f2f2;
}
.btn-grove-two:hover,
.btn-grove-two:focus {
  background-color: #d6d2d2;
  background-position: 0 -15px;
}
.btn-grove-two:active,
.btn-grove-two.active {
  background-color: #d6d2d2;
  border-color: #d1cdcd;
}
.btn-grove-two .caret {
  border-top-color: #6f6f6f;
}
.btn-grove-two .glyphicons i:before {
  color: #6f6f6f;
}
.btn-grove-three {
  color: #ffffff;
  background-color: #b8bbbe;
  border-color: #b8bbbe;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-grove-three:hover,
.btn-grove-three:focus,
.btn-grove-three:active,
.btn-grove-three.active,
.open .dropdown-toggle.btn-grove-three {
  color: #ffffff;
  background-color: #a3a7ab;
  border-color: #989ca1;
}
.btn-grove-three:active,
.btn-grove-three.active,
.open .dropdown-toggle.btn-grove-three {
  background-image: none;
}
.btn-grove-three.disabled,
.btn-grove-three[disabled],
fieldset[disabled] .btn-grove-three,
.btn-grove-three.disabled:hover,
.btn-grove-three[disabled]:hover,
fieldset[disabled] .btn-grove-three:hover,
.btn-grove-three.disabled:focus,
.btn-grove-three[disabled]:focus,
fieldset[disabled] .btn-grove-three:focus,
.btn-grove-three.disabled:active,
.btn-grove-three[disabled]:active,
fieldset[disabled] .btn-grove-three:active,
.btn-grove-three.disabled.active,
.btn-grove-three[disabled].active,
fieldset[disabled] .btn-grove-three.active {
  background-color: #b8bbbe;
  border-color: #b8bbbe;
}
.btn-grove-three .caret {
  border-top-color: #ffffff;
}
.btn-grove-three .glyphicons i:before {
  color: #ffffff;
}
.btn .glyphicons {
  padding-left: 25px;
}
.btn .glyphicons i:before {
  font-size: 19px;
  top: -6px;
}
.btn-xs .glyphicons {
  padding-left: 15px;
}
.btn-xs .glyphicons i:before {
  font-size: 13px;
  top: -2px;
}
.btn-sm .glyphicons {
  padding-left: 23px;
}
.btn-sm .glyphicons i:before {
  font-size: 18px;
  top: -4px;
}
.btn-lg {
  font-size: 14px;
}
.btn-lg .glyphicons {
  padding-left: 26px;
}
.btn-lg .glyphicons i:before {
  font-size: 23px;
  top: -8px;
}
.btn-xlg {
  padding: 18px 22px;
  font-size: 15px;
  line-height: normal;
  border-radius: 3px;
  letter-spacing: 2px;
}
.btn-xlg .glyphicons {
  padding-left: 23px;
}
.btn-xlg .glyphicons i:before {
  font-size: 24px;
  top: -9px;
}
.btn-bold {
  font-weight: 600;
  text-transform: uppercase;
}
.btn-group .dropdown-menu.grove-dropdown {
  background-color: #151b20;
  background-color: rgba(28, 36, 44, 0.9);
  margin-top: -1px;
}
#layerslider {
  color: white;
}
#layerslider div.large-caption {
  font-size: 30px;
  padding-left: 5%;
}
#layerslider div.large-caption p {
  background-color: none;
  color: #333333;
  font-weight: 300;
  display: inline-block;
  margin: 2px 0 0 0;
  line-height: 48px;
  padding: 0 13px 0 0px;
}
div.showroom {
  padding-top: 30px;
  padding-bottom: 30px;
}
div.showroom-controls {
  margin-bottom: 12px;
  height: 24px;
}
div.showroom-controls i.verticalSeparator:before {
  content: "|";
  color: #dadada;
  font-weight: normal;
  font-style: normal;
}
div.showroom-controls div.links {
  background: #ffffff;
  font-weight: 400;
  font-size: 18px;
  padding-right: 10px;
  float: left;
  color: #333333;
}
.widewrapper.weak-highlight div.showroom-controls div.links {
  background: #ffffff;
}
div.showroom-controls div.controls {
  float: right;
  background-color: white;
  padding: 0 0 0 10px;
}
.widewrapper.weak-highlight div.showroom-controls div.controls {
  background: #fafafa;
}
div.showroom-controls div.controls a {
  display: block;
  float: left;
  width: 20px;
  height: 21px;
}
div.showroom-controls div.controls a.left {
  background-image: url(../img/showroom-left.png);
}
div.showroom-controls div.controls a.right {
  background-image: url(../img/showroom-right.png);
  margin-left: 5px;
}
div.showroom-controls a {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
div.showroom-controls a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.showroom-item {
  margin-bottom: 20px;
}
.showroom-item .image {
  position: relative;
}
@media (max-width: 767px) {
     .specialMessage {display:none;}
  .showroom-item .image {
    width: 263px;
    margin: auto;
  }
    .capHeadText {
        font-size:20px;
    }
}
.showroom-item .image .overlay {
  position: absolute;
  left: 0;
  right: 0px;
  top: 0px;
  bottom: 0;
  opacity: 0;
  display: hidden;
  background-color: #000000;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  overflow: hidden;
}
@media (max-width: 767px) {
  .showroom-item .image .overlay {
    background-color: rgba(0, 0, 0, 0);
    opacity: 0.75;
    display: block;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }
}
.showroom-item .image .overlay .glyphicons {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin: 0;
  margin-top: -16px;
  margin-left: -16px;
}
.showroom-item .image .overlay .glyphicons i:before {
  font-size: 30px;
  color: #ffffff;
}
.showroom-item .image .overlay div.name {
  color: #fff;
  position: absolute;
  bottom: -25px;
  right: 10px;
  padding: 5px;
  font-weight: 600;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
  .showroom-item .image .overlay div.name {
    background-color: rgba(0, 0, 0, 0.75);
    bottom: 5px;
  }
}
.showroom-item .image:hover .overlay {
  opacity: 0.75;
}
.showroom-item .image:hover div.name {
  bottom: 5px;
}
.showroom-item.blog-item .content h3 {
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 0px;
}
.showroom-item.blog-item .content h3 a {
  color: #6f6f6f;
}
.showroom-item.blog-item .content span.meta {
  display: block;
}
.showroom-item.blog-item .content span.preview {
  display: block;
  margin-top: 5px;
}
.showroom-item.blog-item .content a.more {
  margin-top: 16px;
  display: block;
}
div.carousel.testimonials {
  line-height: inherit;
}
.testimonial-item {
  margin-bottom: 40px;
}
.testimonial-item .bubble {
  border: #dcdcdc 1px solid;
  padding: 14px 12px 30px 12px;
  position: relative;
}
.testimonial-item .bubble:before,
.testimonial-item .bubble:after {
  content: "";
  display: block;
  position: absolute;
  border-style: solid outset;
  width: 0;
}
.testimonial-item .bubble:before {
  border-width: 33px 0 0 33px;
  bottom: -33px;
  left: 40px;
  border-color: #dcdcdc transparent;
}
.testimonial-item .bubble:after {
  border-width: 33px 0 0 33px;
  bottom: -30px;
  left: 39px;
  border-color: #fff transparent;
}
.testimonial-item .client {
  font-size: 12px;
  font-weight: 600;
  float: left;
  margin-left: 85px;
  margin-top: 5px;
}
@media (max-width: 767px) {
  div.our-clients .clients {
    text-align: center;
  }
}
div.our-clients .clients .client {
  float: left;
  width: 285px;
  height: 112px;
  line-height: 112px;
  text-align: center;
  border: 1px solid #dce0e3;
  border-left: none;
}
@media (min-width: 980px) and (max-width: 1199px) {
  div.our-clients .clients .client {
    width: 235px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  div.our-clients .clients .client {
    width: 180px;
  }
  div.our-clients .clients .client img {
    max-height: 70%;
    max-width: 70%;
  }
}

div.our-clients .clients .client:first-child {
  border-left: 1px solid #dce0e3;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
}
div.our-clients .clients .client:last-child {
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
}
div.our-clients .clients .client img,
div.our-clients .clients .client .img-responsive {
  display: inline-block;
  vertical-align: middle;
}
.pricing-plan,
.product-comparison {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.pricing-plan .head,
.product-comparison .head {
  font-size: 24px;
  font-weight: bold;
  padding-top: 45px;
  padding-bottom: 45px;
  background-color: #7694a7;
  background-image: linear-gradient(to bottom, #7694a7, #68808f);
  color: #ffffff;
  position: relative;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-box-shadow: 0 1px 1px -1px @gradient-one-shadow;
  -moz-box-shadow: 0 1px 1px -1px @gradient-one-shadow;
  box-shadow: 0 1px 1px -1px @gradient-one-shadow;
}
.pricing-plan .head.alternative,
.product-comparison .head.alternative {
  background-color: #f3f2f2;
  background-image: linear-gradient(to bottom, #f3f2f2, #e5e3e3);
  color: #6f6f6f;
  -webkit-box-shadow: 0 1px 1px -1px @pricing-head-shadow;
  -moz-box-shadow: 0 1px 1px -1px @pricing-head-shadow;
  box-shadow: 0 1px 1px -1px @pricing-head-shadow;
}
.pricing-plan .head.alternative .ribbon,
.product-comparison .head.alternative .ribbon {
  background-color: #7694a7;
  background-image: linear-gradient(to bottom, #7694a7, #68808f);
  color: #ffffff;
}
.pricing-plan .head.alternative .ribbon:after,
.product-comparison .head.alternative .ribbon:after {
  border-color: transparent #f3f2f2 transparent transparent;
}
.pricing-plan .head.alternative .ribbon:before,
.product-comparison .head.alternative .ribbon:before {
  border-color: #6f6f6f #6f6f6f transparent transparent;
}
.pricing-plan .head .ribbon,
.product-comparison .head .ribbon {
  position: absolute;
  height: 25px;
  background-color: #f3f2f2;
  background-image: linear-gradient(to bottom, #f3f2f2, #e5e3e3);
  font-size: 14px;
  color: #6f6f6f;
  letter-spacing: 1px;
  padding: 0 27px 0 10px;
  top: 12px;
  left: -5px;
  line-height: 23px;
}
.pricing-plan .head .ribbon:after,
.product-comparison .head .ribbon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-width: 13px 10px;
  border-style: solid;
  border-color: transparent #7694a7 transparent transparent;
  display: block;
  width: 0;
}
.pricing-plan .head .ribbon:before,
.product-comparison .head .ribbon:before {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 0px;
  border-width: 2px 3px;
  border-style: solid;
  border-color: #2d414f #2d414f transparent transparent;
  display: block;
  width: 0;
}
.pricing-plan ul.details {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: 0 solid #e0e3e6;
  border-width: 1px 1px 0 0;
}
.pricing-plan ul.details li {
  border: 0 solid #e0e3e6;
  border-width: 0 0 1px 1px;
  border-collapse: collapse;
  height: 45px;
  line-height: 45px;
}
.pricing-plan ul.details li.price {
  font-size: 30px;
  font-weight: bold;
  height: 65px;
  line-height: 65px;
  background-image: linear-gradient(to bottom, #fafafa, #f3f2f2);
}
.pricing-plan ul.details li.price .small {
  font-size: 12px;
}
.pricing-plan ul.details li.buy {
  height: 100px;
  line-height: 100px;
}
#map-canvas {
  margin: 0;
  padding: 0;
  height: 480px;
}
#map-canvas img {
  max-width: none;
}
#contact-form button {
  float: right;
  margin: 10px 0 0 0;
}
#contact-details.with-margin {
  margin-top: 56px;
}
#contact-details .detail-block {
  margin-bottom: 26px;
}
#contact-details .detail-block h3 {
  margin-bottom: 12px;
}
#contact-details .info-block {
  margin-bottom: 30px;
}
#contact-details .info-block .glyphicons {
  float: left;
}
#contact-details .info-block .glyphicons i:before {
  top: 5px;
  left: 5px;
  color: #8a8a8a;
}
#contact-details .info-block .info {
  margin-left: 50px;
}
#contact-details .info-block .info h5 {
  margin-bottom: 0;
  font-weight: 600;
}
#contact-details .info-block .info.business-hours p {
  margin: 0;
}
.row.content {
  margin-top: 50px;
  margin-bottom: 50px;
}
.leadimage {
  margin-bottom: 20px;
}
.blog-post header {
  margin-bottom: 8px;
}
.blog-post header h2.title {
  display: inline-block;
  margin-top: 10px;
}
.blog-post header h2.title a {
  color: #6f6f6f;
}
.blog-post header .comment-count {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.blog-post header .comment-count a {
  color: #6f6f6f;
}
.blog-post header .comment-count .glyphicons i:before {
  font-size: 30px;
  color: #fff;
  left: 10px;
  top: -8px;
}
.blog-post header .comment-count:hover .glyphicons i:before {
  color: #fff;
}
.blog-post .meta {
  font-weight: 600;
  margin-top: 20px;
}
.blog-post .btn.readmore {
  margin-top: 30px;
  margin-bottom: 0;
}
#comments button {
  float: right;
  margin: 10px 0 0 0;
}
#comments .reply-icon {
  float: left;
  width: 60px;
  text-align: right;
}
#comments .reply-icon .glyphicons i:before {
  left: 10px;
  color: #fff;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
#comments .comment {
  padding: 6px 9px 9px 9px;
  border: 1px #e0e3e6 solid;
  margin: 15px 0 15px 0;
}
#comments .comment.reply {
  margin-left: 70px;
}
#comments .comment .avatar {
  float: left;
  margin-top: 5px;
}
#comments .comment .content {
  margin-left: 60px;
}
#comments .comment .content .author {
  font-weight: 600;
  margin-bottom: 0;
}
#comments .comment .content .text {
  display: block;
  margin-top: 5px;
}
.blog-sidecolumn {
  padding-top: 50px;
}
.widget {
  margin: 0 0 30px 0;
}

input[type="text"] {border-radius:6px;}
.search-form input::-webkit-input-placeholder {
  color: #6f6f6f;
}
.search-form input:-moz-placeholder {
  color: #6f6f6f;
}
.search-form input::-moz-placeholder {
  color: #6f6f6f;
}
.search-form input:-ms-input-placeholder {
  color: #6f6f6f;
}
.tags-list {
  list-style: none;
  margin-left: 0;
  padding: 0;
}
.tags-list li {
  float: left;
  padding: 5px 9px;
  margin: 0 12px 13px 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #e2e5e7;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.tags-list li a {
  color: #6f6f6f;
}
.tags-list li:hover {
  background-color: #cad2d7;
}
ul.paging {
  list-style: none;
  float: right;
}
ul.paging li {
  float: left;
  width: 25px;
  height: 25px;
  line-height: 23px;
  text-align: center;
  margin-left: 10px;
  border: 1px solid #e0e3e6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
ul.paging li a {
  color: #6f6f6f;
}
ul.paging li.active {
  background-color: #7593a6;
}
ul.paging li.active a {
  color: #ffffff;
}
.row.feature-box {
  margin-top: 100px;
  margin-bottom: 90px;
}
@media (max-width: 767px) {
  .row.feature-box {
    margin-top: 40px;
    margin-bottom: 30px;
  }
}
.mission {
  margin-top: 34px;
  margin-bottom: 34px;
}
.mission p {
  color: #ffffff;
}
.mission h2 {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 10px 0;
  padding-bottom: 2px;
}
.mission h3 {
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  margin: 0 0 10px 0;
}
.mission .icon {
  width: 50px;
  height: 50px;
  border: 1px #d0d5d9 solid;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mission .icon .glyphicons i:before {
  font-size: 26px;
  left: 14px;
  top: 5px;
}
.mission .text {
  margin-left: 70px;
}
.mission .glyphicons i:before {
  font-size: 23px;
  left: 3px;
  top: -9px;
  margin-left: -3px;
  float: left;
}
.feature {
  margin-top: 24px;
  margin-bottom: 34px;
}
.feature h3 {
  color: #333333;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
}
.feature p {
  color: #4d4d4d;
  font-size: 16px;
  font-weight: 300;
}
.feature .icon {
  width: 50px;
  height: 50px;
  border: 1px #d0d5d9 solid;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.feature .icon .glyphicons i:before {
  font-size: 26px;
  left: 14px;
  top: 5px;
}
.feature .text {
  margin-left: 70px;
}
.feature .glyphicons i:before {
  font-size: 23px;
  left: 3px;
  top: -9px;
  margin-left: -3px;
  float: left;
  color: white;
}
.large-features {
  border-top: 0px #e0e3e6 solid;
}
.large-features .feature {
  border-bottom: 0px #e0e3e6 solid;
  margin: 30px 0 30px 0;
}
.large-features .feature h3 {
  font-size: 18px;
  font-weight: 600;
}
.large-features .feature h3.with-icon {
  margin: 0 0 15px 25px;
}
.large-features .feature div.description {
  margin-top: 30px;
}
.large-features .feature div.description.special-margin {
  margin-top: 55px;
}
@media (max-width: 767px) {
  .large-features .feature div.description {
    margin-top: 55px;
    margin-bottom: 55px;
  }
}
.large-features .feature div.image {
  text-align: center;
}
.large-features .feature div.image img {
  display: inline-block;
}
@media (max-width: 767px) {
  .large-features .feature div.image {
    margin-top: 20px;
  }
}
.large-features .glyphicons i:before {
  font-size: 38px;
  left: 3px;
  top: -20px;
  margin-left: -25px;
}
.launch-project a {
  margin-top: 20px;
  float: right;
  text-transform: none;
}
.progress.grove-progress {
  background-image: none;
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.progress.grove-progress .progress-bar {
  font-size: 12px;
  background-image: none;
  background-color: #d0d9df;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  filter: none;
}
.our-skills .grove-progress {
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .team-member {
    margin-bottom: 30px;
  }
    #leapAd {display:none;}
}
@media (max-width: 320px) {
    #learnMoreLeap {
        margin: 132px 0px 0px -110px;
    }
}
.team-member .description {
  padding: 5px 20px;
  background-color: #e7e7e7;
}
.team-member .social .glyphicons {
  height: 36px;
  margin: 5px 7px 0 0;
}
.team-member .social .glyphicons i:before {
  font-size: 35px;
  color: #293540;
}
.team-member .social .glyphicons:hover i:before {
  color: #1c242c;
}
.login {
  padding-top: 60px;
  text-align: center;
}
.login .login-icons {
  height: 95px;
  padding: 20px 0 25px 0;
}
.login .login-icons .glyphicons {
  margin-right: 20px;
  margin-left: 20px;
}
.login .login-icons .glyphicons i:before {
  font-size: 48px;
  color: #6d6e71;
}
.login .login-icons .glyphicons:hover {
  cursor: pointer;
}
.login .login-icons .glyphicons:hover i:before {
  color: #3b3d41;
}
.login .login-hr {
  background: url(../img/showroom-bg.png);
  margin-bottom: 12px;
  height: 24px;
}
.login .login-hr span {
  background-color: #ffffff;
  padding: 0 10px 0 10px;
  font-style: italic;
  font-weight: 600;
  color: #6f6f6f;
}
.login form {
  padding: 40px 0;
  text-align: left;
}
.login button.btn {
  margin: 10px 0 0 0;
  float: right;
}
.e404 {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 130px;
}
.e404 h1 {
  font-size: 140px;
  letter-spacing: 15px;
  font-weight: 700;
  line-height: 160px;
}
.e404 p {
  font-size: 30px;
  font-weight: 700;
  line-height: 55px;
}
.faq .question {
  padding-top: 13px;
  padding-bottom: 13px;
  border-top: 1px solid #e0e3e6;
}
.faq .question .faq-toggle {
  font-size: 14px;
  font-weight: 600;
  color: #6f6f6f;
}
.faq .question .faq-toggle:focus,
.faq .question .faq-toggle:hover {
  outline: none;
  text-decoration: none;
}
.faq .question .faq-toggle:before {
  margin-right: 17px;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  content: "+";
  bottom: -2px;
}
.faq .question .faq-toggle.open:before {
  content: "−";
}
.faq .question .answer {
  padding-top: 15px;
}
.faq .question:first-child {
  border-top: none;
}
.product-comparison {
  margin-top: 60px;
  margin-bottom: 60px;
}
.product-comparison .captions ul,
.product-comparison .data ul {
  padding: 0;
  list-style: none;
}
.product-comparison .captions ul li,
.product-comparison .data ul li {
  border-top: 1px #e0e3e6 solid;
  overflow: hidden;
  height: 64px;
}
.product-comparison .captions ul li:first-child,
.product-comparison .data ul li:first-child {
  border-top: none;
}
@media (max-width: 979px) {
  .product-comparison .captions,
  .product-comparison .data {
    margin-bottom: 30px;
  }
    
}
@media (max-width:480px) {
        #learnMoreLeap {
        margin: 132px 0px 0px -14px;
    }
}
@media (max-width: 979px) {
  .product-comparison {
    margin-bottom: 30px;
  }
}
.product-comparison .captions {
  text-align: left;
  margin-top: 113px;
  padding-right: 0;
}
.product-comparison .captions ul {
  border: 1px #e0e3e6 solid;
  border-right: none;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.product-comparison .captions ul li {
  padding: 20px 14px;
}
.product-comparison .data {
  padding-right: 0;
  padding-left: 0;
}
.product-comparison .data ul {
  border-top: 1px #e0e3e6 solid;
  border-bottom: 1px #e0e3e6 solid;
}
.product-comparison .data ul li {
  padding-left: 15px;
  padding-right: 15px;
}
.product-comparison .data ul li span {
  background-color: #faf8f8;
  padding: 21px 14px;
  display: block;
  height: 64px;
  font-weight: 600;
}
.product-comparison .data ul li span .glyphicons {
  padding: 6px 0 11px 21px;
}
.product-comparison .data ul li span .glyphicons i:before {
  color: #6f6f6f;
}
@media (max-width: 979px) {
  .product-comparison .data {
    padding-right: 15px;
  }
  .product-comparison .data ul {
    border-right: 1px #e0e3e6 solid;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }
  .product-comparison .data ul li {
    padding-right: 0;
  }
  .product-comparison .data ul li:last-child span {
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
  }
}
.product-comparison .data.last {
  padding-right: 15px;
}
.product-comparison .data.last ul {
  border-right: 1px #e0e3e6 solid;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.product-comparison .data.last ul li {
  padding-right: 0;
}
.product-comparison .data.last ul li:last-child span {
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.product-comparison .data.last .header {
  padding-right: 0px;
}
.product-comparison .data.highlighted ul li span {
  background-color: #eceef0;
}
.product-comparison .header {
  padding-left: 15px;
  padding-right: 15px;
}
.product-comparison .header .head {
  display: block;
  border-left: 1px solid transparent;
}
.product-comparison .header .head.height-fix {
  height: 113px;
}
.product-comparison .header .head.two-liner {
  padding-top: 27px;
  line-height: 30px;
}
@media (max-width: 979px) {
  .product-comparison .header {
    padding-right: 0px;
  }
}
.product-comparison .disclaimer {
  text-align: left;
  padding: 15px;
}
.product-comparison .disclaimer .glyphicons {
  float: left;
  margin-top: 5px;
}
.product-comparison .disclaimer .text {
  margin-left: 40px;
}

/******************************************/
/*  Custom CSS CGIKK Bootstrap OVERRIDE   */
/******************************************/
.clear {clear: both !important;}
.language {
  padding-bottom: 15px;
  font-size: 12px; 
  font-weight: 300;
}
.language .nonActive {
  color: #999999;
}
.language a:hover {
  color: #5f959e;
}
.divider-vertical:before {
content: "|";
color: rgb(218, 218, 218);
font-weight: normal;
font-style: normal;
}
.navbar-nav {
  margin-top: 6px;
}
span.largeAnd {
  font-size: 50px;
  color: #cccccc;
}
.lightGrayHeader {
  color: #cccccc;
  font-weight: 500px;
  font-size: 26px;
}
.chairmanNotes {
  font-size: 16px;
  font-weight: 300;
  color: #4d4d4d;
}
.chairmanNotes .links {
  font-weight: 500;
  color: #333333;
  font-size: 16px;
}
.integratedQSS h4 {
  font-size: 17px;
  font-weight: 300;
  line-height: 28px;
}
footer ul.grove-list{
  list-style: none;
  padding-left: 0;
}
footer .grove-list li a {
  font-weight: 400;
}
footer .grove-list li a:hover {
  color: #8bedf2;
}
footer .grove-list li:before {
  border-width: 0px 0px;
  left: 0px;
  top: 0px;
}
.col{
        margin-bottom: -99999px;
        padding-bottom: 99999px;
    }
    
.col-wrap{
    overflow: hidden; 
}
.bigDark a {
  color: #333333;
}
span.smallGray a {
  font-size: 14px;
  font-weight: 500;
  color: #808080;
}

.noPadding { padding: 0 !important;}

.features {padding-bottom: 30px;}

@media (max-width: 767px) {
.grove-navbar .grove-nav .nav {
    background-color: #f7f7f7;
}
.grove-navbar .grove-nav .nav > li a, .grove-navbar .grove-nav .nav > li.active a {
    font-weight: 400;
    font-size: 16px;
    color:gray;
}
.grove-navbar .grove-nav .nav > li a:hover {
    color: gray;
}
}

/* Diagram POPUP Wrapper */
.diagramWrapper {
    margin-left: 50%;
    margin-right: 50%;
}
/* QMS BEGIN*/
.cgi-contain-qms{
    display: block;
    width: 275px;
    height: 70px;
    outline: none;
    cursor: pointer;
    position: absolute;
    margin-left: -140px;
    margin-top: -60px;
}
.cgi-contain-qms .cgi-qms h3{
    color: #333333;
}
.cgi-contain-qms span{
  width: 395px;
  line-height: 26px;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 60px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 300;
  color: #4d4d4d;
  border: 5px solid #f2f2f2;
  border-radius: 1000px;
  background: rgba(255,255,255,1.0);
  position: absolute;
  bottom: -90px;
  opacity: 0;
  box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cgi-contain-qms:hover span{
  margin-left: -60px;
  opacity: 0.97;
  bottom: 90px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* QMS END */

/* CME BEGIN*/
.cgi-contain-cme{
    display: block;
    width: 90px;
    height: 170px;
    outline: none;
    cursor: pointer;
    position: absolute;
    margin-left: -190px;
    margin-top: -380px;
}
.cgi-contain-cme .cgi-cme h3{
    color: #333333;
}
.cgi-contain-cme span{
  width: 395px;
  line-height: 26px;
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 70px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 300;
  color: #4d4d4d;
  border: 6px solid #f2f2f2;
  border-radius: 1000px;
  background: rgba(255,255,255,1.0);
  position: absolute;
  bottom: 10px;
  opacity: 0;
  box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cgi-contain-cme:hover span{
  margin-left: -200px;
  opacity: 0.97;
  bottom: -90px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* CME END */

/* PT BEGIN*/
.cgi-contain-pt{
    display: block;
    width: 90px;
    height: 170px;
    outline: none;
    cursor: pointer;
    position: absolute;
    margin-left: 120px;
    margin-top: -380px;
}
.cgi-contain-pt .cgi-pt h3{
    color: #333333;
}
.cgi-contain-pt span{
  width: 395px;
  line-height: 26px;
  padding-top: 75px;
  padding-bottom: 75px;
  padding-left: 70px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 300;
  color: #4d4d4d;
  border: 6px solid #f2f2f2;
  border-radius: 1000px;
  background: rgba(255,255,255,1.0);
  position: absolute;
  bottom: 10px;
  opacity: 0;
  box-shadow: 0px 3px 8px rgba(0,0,0,0.1);
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.cgi-contain-pt:hover span{
  margin-left: -100px;
  opacity: 0.97;
  bottom: -85px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
/* PT END */

/* CGI Supports Accordion Panels */
.panel-default .panel-heading {
  background-color: #5f959e !important;
}
.panel-default {
  border-radius: 30px !important;
  border: 1px solid #5f959e;

}
.panel-heading a{
  display: block;
  outline: 0;
  text-decoration: none;
}
.panel-heading a:hover{
  color: #5f959e;
  outline: 0;
  text-decoration: none;

}
.panel-heading H4{
  font-weight: 500;
  font-size: 14px;
  color: #4d4d4d;
  background-color: #ffffff;
  border-radius: 20px;
  border: 1px solid #e6e6e6;
  width: 40%;
  padding-top: 6px;
  padding-bottom: 6px;
    margin-left: 10%;
    width: 80% !important;
}
.panel-heading .caret{
  margin-bottom: 4px;
}
.panel-group {
  margin:0px auto;
}
.panel-group .panel {
    margin: 5px 0 0 0;
    padding: 0;
    }
.panelPadding {
  padding-top: 20px;
}
.panel-body p {
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  color: #4d4d4d;
}
.panel-body a {
  padding-right: 5px;
  font-size: 15px;
}

.step-header {
  padding-bottom: 30px;
}

.step-description {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 300;
  color: #333333;
  line-height: 50px;
}

span.step {
  background: #5f959e;
  border-radius: 2.0em;
  -moz-border-radius: 2.0em;
  -webkit-border-radius: 2.0em;
  color: #ffffff;
  display: inline-block;
  font-weight: 400;
  line-height: 1.6em;
  padding: 10px;
  text-align: center;
  width: 3.0em; 
  font-size: 15px;
  font-family: 'Lato', sans-serif;
}

/* --------------------------- START SEAN CSS ------------------------ */

.markSig {
    background:url(../img/markSig.png);
    width:116px;
    height:39px;
    margin:-35px 0px 0px 1%;
    background-size:116px 39px;
}

.specialMessage {
    position:fixed;
    top:-130px;
    width:98%;
    margin:0px 0px 0px 1%;
    border:2px solid #5f8b94;
    opacity:.97;
    z-index:9999;
    float:left;
    background:white;
    border-radius:8px;
    padding:20px 60px 20px 0px;
    transition:all 1s;
    height:130px;
    min-width:870px;
}
.specialMessage.on {
    top: -8px;
}


.specialMessageText {
    margin:0px 0px 0px 80px;
    font-size:14px;
    width:88%;
    float:left;    
}
.kmLeft {
    position:absolute;
    background:url(../img/kmLeft.png);
    width:58px;
    height:114px;
    background-size:58px 114px;
    left:4px;
    top:10px;
}
.kmRight {
    position:absolute;
    top:10px;
    background:url(../img/kmRight.png);
    width:58px;
    height:114px;
    background-size:58px 114px;
    right:4px;
}
#closeSpecial {
    position: absolute;
    bottom: -24px;
    transition: all .5s;
    border: 2px solid #5f8b94;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 30px;
    height: 23px;
    right: 2%;
    background: #5f8b94;
    color: white;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    cursor: pointer;
}
#closeSpecial:hover {
    background: #b46868;
    border: 2px solid #b46868;
}





@media (max-width: 992px) {
    .capNewLogo {
        display:none;
    }
}



.leaplogotiny {
    background:url(../img/leaplogotiny.png) no-repeat;
    width:38px;
    height:36px;
    background-size:38px 36px;
    display:inline-block;
    line-height: 34px;
    padding-left: 56px;
    margin-left: -10px;
}
.minapsyslogotiny {
    background:url(../img/minapsyslogotiny.png) no-repeat;
    width:52px;
    height:36px;
    background-size:52px 36px;
    display:inline-block;
    line-height: 34px;
    padding-left: 61px;
    margin-left: -15px;
}

#lightRayOne {
    background:url(../img/lightBeam.png);
    background-repeat:no-repeat;
    height:7px;
    width:167px;
    left:-167px;
    position:absolute;
    transition:all 3s;
    margin-top: -31px;
    opacity:.6;
}
#lightRayTwo {
    background:url(../img/lightBeam.png);
    background-repeat:no-repeat;
    height:7px;
    width:167px;
    right:-167px;
    position:absolute;
    transition:all 2s;
    transform: rotateX(180deg);
    margin-top: 1px;
    opacity:.6;
}
#lightRayOne.on {
    left:100%;
}
#lightRayTwo.on {
    right:100%;
}



.jslmLogo {
    background:url(../img/jslm.png);
    float:left;
    width:42px;
    height:42px;
    background-size:42px 42px;
    opacity:0;
    transition:opacity 1s;
    margin:8px 0px 0px 10px;
    box-shadow:1px 1px 2px black;
    border-radius:38px;
}
.jslmLogo.on {opacity:.88;}



.surveyNews {
    background:#744948;
    float: left;
    width: 100%;
}


.surveyNews.jslm {
    background:#45607c;
}

.surveyNewsContent {
    width: 89%;
    color: white;
    margin: 0px auto;
}
.surveyNewsHeader {
    color:white;
    font-size: 18px;
    text-align: center;
    padding: 8px 0px 8px 0px;
    text-shadow: #4a2a29 0px 0px 6px;
    font-weight:bold;
    background: #b69594;
    background: -moz-linear-gradient(top, #b69594 1%, #7f5554 100%);
    background: -webkit-linear-gradient(top, #b69594 1%,#7f5554 100%);
    background: linear-gradient(to bottom, #b69594 1%,#7f5554 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b69594', endColorstr='#7f5554',GradientType=0 );
}
.surveyNewsHeader.jslm {
    text-shadow: #213447 0px 0px 6px;
    background: #86aacc;
    background: -moz-linear-gradient(top, #86aacc 1%, #4d6f91 100%);
    background: -webkit-linear-gradient(top, #86aacc 1%,#4d6f91 100%);
    background: linear-gradient(to bottom, #86aacc 1%,#4d6f91 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aacc', endColorstr='#4d6f91',GradientType=0 );
}


.surveyNewsItem {
    width:100%;
    margin:0px auto 8px auto;
    line-height:18px;
    padding: 6px 3px 6px 8px;
    line-height: 18px;
    /*border-top: 1px solid #522e2e;*/
}
.surveyNewsItemSep {
    width:100%;
    height:1px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#744948+0,522e2e+50,744948+100 */
    background: #744948; /* Old browsers */
    background: -moz-linear-gradient(left,  #744948 0%, #522e2e 50%, #744948 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #744948 0%,#522e2e 50%,#744948 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #744948 0%,#522e2e 50%,#744948 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#744948', endColorstr='#744948',GradientType=1 ); /* IE6-9 */
}
.surveyNewsItemSep.jslm {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45607c+0,233349+50,45607c+100 */
    background: #45607c; /* Old browsers */
    background: -moz-linear-gradient(left,  #45607c 0%, #233349 50%, #45607c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #45607c 0%,#233349 50%,#45607c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #45607c 0%,#233349 50%,#45607c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45607c', endColorstr='#45607c',GradientType=1 ); /* IE6-9 */
}

.surveyNewsDate {
}

.surveyNewsTitle {
    font-weight:bold;
}

.surveyNewsBtn {
    background: #5d3535;
    color: white;
    transition:background 1s;
    border: 1px solid white;
    border-radius:4px;
    float: right;
    height: 28px;
    margin: 3px 0px 4px 0px;
    padding: 0px 30px;
    line-height: 28px;
    cursor:pointer;
}
.surveyNewsBtn:hover {
    background:#9d5b5a;
}

.surveyNewsFoot {
    transition:all 1s;
    height:23px;
    width:100%;
    float:left;
    margin-top:0px;
    background: #b69594; /* Old browsers */
    background: -moz-linear-gradient(top, #b69594 1%, #7f5554 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b69594 1%,#7f5554 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b69594 1%,#7f5554 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b69594', endColorstr='#7f5554',GradientType=0 ); /* IE6-9 */
}
.surveyNewsFoot.jslm {
    background: #86aacc; /* Old browsers */
    background: -moz-linear-gradient(top, #86aacc 1%, #4d6f91 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #86aacc 1%,#4d6f91 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #86aacc 1%,#4d6f91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aacc', endColorstr='#4d6f91',GradientType=0 ); /* IE6-9 */
}



#whatsCapSurvey {display:block;}
#capProgramList {display:none;}
#capShippingCalendar {display:none;}
#capFaq {display:none;}

#whatsISO15189 {display:block;}
#isoConsulting {display:none;}
#isoEducation {display:none;}
#isoFaq {display:none;}
#isoRoadmap {border-radius:10px;box-shadow:0px 0px 4px gray;}

.cgiSubMenu {
    border-bottom:2px solid #1da3c4;
    background: #e0eef0;
    height: 82px;
    margin-top: 0px;
    color: black;
    width:100%;
    float:left;
    position:relative;
    z-index:3;
}
.cgiSubMenu.iso {
    background:#d9e1e9;
    border-bottom:2px solid #87a3bc;
}

.capSubMenu {
    height: 44px;
    margin-top: -34px;
    opacity: 0.88;
    color: #333333;
    font-weight:bold;
    width:100%;
    float:left; 
    background:#5f8b94;
}

.pdfViewer {
    width:calc(100%-1px);
    height:1100px;
    border-radius:10px;
}
.pdfViewerControl {
    background: #525659;
    width: 100%;
    height: 66px;
    margin: -7px 0px 0px 0px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    margin-bottom: 16px;
    padding: 18px 2% 0px 0px;
}
.pdfViewerBtn, .leafletBtn {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; 
    width:23%;
    margin-left:2%;
    padding:4px 0px 0px 4px;
    text-align:center;
    font-weight:bold;
    border-radius:10px;
    border:2px solid #2adde4;
    max-width:100%;
    float:left;
    height:34px;
    color:white;
    background:#5f959e;
    font-size:12px;
    transition:all 1s;
    cursor:pointer;
    line-height:23px;
}



ul.front {margin-left:-26px;}
a.reddish {color:#b46868;}
a.blueish {color:#699bc2;}

h4.red {
    border:1px solid #b46868;
    cursor:pointer;
    color:#3d3d3d;
    border-radius:6px;
    padding:4px;
    transition:background .5s;
    background:#f4e9e9;
    font-size:14px;
}
h4.red:hover {background:white;}
h3.red {
    border:1px solid #b46868;
    font-size:16px;
    background: #c37c7c;
    text-align: center;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    border-radius: 6px;
}
h4.blue {
    border:1px solid #699bc2;
    cursor:pointer;
    color:#3d3d3d;
    padding:4px;
    border-radius:6px;
    transition:background .5s;
    background:#e3ebf2;
    font-size:14px;
}
h4.blue:hover {background:white;}
h3.blue {
    border:1px solid #699bc2;
    font-size:16px;
    background: #82b2d7;
    text-align: center;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    border-radius:6px;
}
h3.green {
    border:1px solid #6aa072;
    font-size:16px;
    background: #8ec496;
    text-align: center;
    color: white;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: bold;
    border-radius:6px;
}
h4.green {
    border:1px solid #6aa072;
    cursor:pointer;
    color:#3d3d3d;
    padding:4px;
    border-radius:6px;
    transition:background .5s;
    background:#d5e9d8;
    font-size:14px;
}
h4.green:hover {
    background:#fff;
}

h3.orange {
    border:1px solid #e3ac6b;
    font-size:16px;
    background: #f2bc7d;
    text-align: center;
    color: white;
     font-weight: bold;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius:6px;
}
h4.orange {
    border:1px solid #e3ac6b;
    cursor:pointer;
    color:#3d3d3d;
    padding:4px;
    border-radius:6px;
    transition:background .5s;
    background:#f3ede5;
    font-size:14px;
}
h4.orange:hover {
    background:white;
}

h3.purple {
    border: 1px solid #9c74c0;
    font-size:16px;
    background: #b08ecf;
    text-align: center;
    color: white;
    padding-top: 8px;
     font-weight: bold;
    padding-bottom: 8px;
    border-radius:6px;
}
h4.purple {
    font-size:14px;
    border:1px solid #9c74c0;
    cursor:pointer;
    color:#3d3d3d;
    padding:4px;
    border-radius:6px;
    transition:background .5s;
    background:#ece5f2;
}
h4.purple:hover {background:white;}
.topMenuSubText {
    color:#404040;
}

#testies {
    display:block;
    transition:all 1s;
}
#testies.show {
    display:block;
}

.pdfViewerBtn.quickView {
    margin-top:10px;
    width:44%;
    margin-left:4%;
}

.bottomMenuItem {
    background:white;
    border-radius:10px;
    box-shadow:0px 0px 4px gray;
    padding:8px;
    background:url('../img/miniBg1.jpg') bottom center;
    background-size:cover;
    background-repeat:no-repeat;
    width:100%;
    height:340px;
}
.bottomMenuItem.mb2 {
    background:url('../img/miniBg2.jpg') bottom center;
    background-size:cover;
    background-repeat:no-repeat;
    
}
.bottomMenuItem.mb3 {
    background:url('../img/miniBg3.jpg') center center;
    background-size:cover;
    background-repeat:no-repeat;
}

.leafletBtn {
    margin-top:10px;
    margin-left:2%;
    font-size: 34px;
    width:25%;
}

.leafletBtn.right {
    float: right;
    margin-left: 0px;
    margin-right: 2%;
}

.leafletDisplay {
    width: 44%;
    float: left;
    margin-top: 10px;
    margin-left: 1%;
    color: white;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
   -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;    
    
}

.pdfViewerBtn.on {
    box-shadow: 1px 1px 12px #2adde4;
    background:#55aac6;
}
.pdfViewerBtn:hover, .leafletBtn:hover {
    background:#3a99b8;
}

.capDlMenuBtn {
    font-weight:bold;
}    
.capDlMenuBtn a:hover {
    color:white;
}    

.capSm4 {
    padding-top: 6px;
    width: 28%;
    float: left;
    margin: 0% 2.6%;
}
.capSm3 {
    padding-top: 6px;
    width: 21%;
    float: left;
    margin: 0% 1.6%;
}

.capMenuItem  {
    padding: 4px;
    background:white;
    text-align: center;
    transition: background .8s;
    cursor: pointer;
    border-radius:14px;
}
.capMenuItem.red {background:#c37c7c;}
.capMenuItem.blue {background:#82b2d7;}
.capMenuItem.green {background:#5f959e;}
.capMenuItem.purple {background:#b08ecf;}

.capMenuItem:hover {
    background:#aff8ff;
    position:relative;
    float:left;
}

#qmsChart {
    position:absolute;
    background:url(../img/qms_chart.png) no-repeat;
    width:212px;
    height:212px;
    margin:34px 0px 0px 10px;
}

#qmsChart1 {
    background:url(../img/qms_chart_1.png) no-repeat;
    position:absolute;
    width:86px;
    height:86px;
    top: -59px;
    left: 60px;
    opacity:1;
    transition:all .5s;
    transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}
#qmsChart1.intro {
    opacity:0;
    transform:scale(0.5);
    -ms-transform:scale(0.5); /* IE 9 */
    -moz-transform:scale(0.5); /* Firefox */
    -webkit-transform:scale(0.5); /* Safari and Chrome */
    -o-transform:scale(0.5); /* Opera */
}

#qmsChart2 {
    background:url(../img/qms_chart_2.png) no-repeat;
    position:absolute;
    width:86px;
    height:86px;
    left: 189px;
    top: 64px;
    opacity:1;
    transition:all .5s;
    transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}

#qmsChart2.intro {
    opacity:0;
    transform:scale(0.5);
    -ms-transform:scale(0.5); /* IE 9 */
    -moz-transform:scale(0.5); /* Firefox */
    -webkit-transform:scale(0.5); /* Safari and Chrome */
    -o-transform:scale(0.5); /* Opera */
}

#qmsChart3 {
    background:url(../img/qms_chart_3.png) no-repeat;
    position:absolute;
    width:86px;
    height:86px;
    top: 64px;
    left: -63px;
    opacity:1;
    transition:all .5s;
    transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}
#qmsChart3.intro {
    opacity:0;
    transform:scale(0.5);
    -ms-transform:scale(0.5); /* IE 9 */
    -moz-transform:scale(0.5); /* Firefox */
    -webkit-transform:scale(0.5); /* Safari and Chrome */
    -o-transform:scale(0.5); /* Opera */
}

#qmsChart4 {
    background:url(../img/qms_chart_4.png) no-repeat;
    position:absolute;
    width:86px;
    height:86px;
    left: 60px;
    top: 184px;
    opacity:1;
    transition:all .5s;
    transform:scale(1);
    -ms-transform:scale(1); /* IE 9 */
    -moz-transform:scale(1); /* Firefox */
    -webkit-transform:scale(1); /* Safari and Chrome */
    -o-transform:scale(1); /* Opera */
}
#qmsChart4.intro {
    opacity:0;
    transform:scale(0.5);
    -ms-transform:scale(0.5); /* IE 9 */
    -moz-transform:scale(0.5); /* Firefox */
    -webkit-transform:scale(0.5); /* Safari and Chrome */
    -o-transform:scale(0.5); /* Opera */
}

.capTodayTitleArea {
    background: white;
    width: 96%;
    border-radius: 10px;
    height: 88px;
    float: left;
    z-index: 0;
    position: relative;
    margin: 20px 0px 0px 2%;
}
.capTodayLogo {
  background:url(../img/capTodayLogo.png) no-repeat;
    height:88px;
    width:400px;
    float:left;
    border-radius:10px;
}
.capNewLogo {
    background:url(../img/capLogoNew.png) no-repeat;
    height:68px;
    width:400px;
    float:left;
    border-radius:10px;
    margin:11px 0px 0px 0px;
}
.capNewLogo.today {
    margin:11px 0px 0px 0px;
}

.gotoCapPlayer {
    color: white;
    background: #7ab3bd;
    width: 96%;
    border-radius: 10px;
    font-weight: bold;
    padding: 4px 0px;
    text-align: center;
    font-size: 18px;
    margin: -43px auto 0px 2%;
    cursor: pointer;
    float: left;
}

.capTodayIframe {
    width:100%;
    height:100%;
    background:#fff;
}
.capTodayContainer {
    width:100%;
    height:968px;
    background:#5f959e;
    border-radius:14px;
    padding: 120px 20px 55px 20px;
}

.movieBanner {
        margin:34px auto 0px auto;
        background:url(../img/movieTitleBanner.png) no-repeat center top;
        width:840px;
        height:300px;
}

#videoMenuContents::-webkit-scrollbar {
    width: 1em;
    
}
 
#videoMenuContents::-webkit-scrollbar-track {
    border-radius: 10px;
    padding:4px 0px;
}
 
#videoMenuContents::-webkit-scrollbar-thumb {
  background-color: #b6cfd4;
  outline: 1px solid #a5ced6;
    border-radius:12px;
    background:transparent;
    
}
 
#videoMenuContents::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #fff; 
}
#videoMenuContents::-webkit-scrollbar-corner {
    background:transparent;
}


.leapLabel {
    width:286px;
    height:272px;
    background:url(../img/movielogo.png);
    opacity:0.7;
    position:absolute;
    right:140px;
    top:22px;
    z-index:2;
}
#videoMenuContents {
    color:white;
    padding:0px 30px 0px 8px;
    height:94%;
    width:99%;
    float:left;
    margin-top:10px;
    position:relative;
    z-index:3;
    overflow-y:scroll;
    overflow-x:hidden;
}



.videoLink {
    font-size:18px;
    cursor:pointer;
    font-weight:bold;
    padding:12px 8px 12px 8px;
    width:100%;
    float:left;
    border-radius:8px;
    margin: 6px 0px 0px 8px;
    border:1px solid #a5ced6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72a8aa+0,618a91+100 */
    background: #72a8aa; /* Old browsers */
    background: -moz-linear-gradient(top,  #72a8aa 0%, #618a91 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #72a8aa 0%,#618a91 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #72a8aa 0%,#618a91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a8aa', endColorstr='#618a91',GradientType=0 ); /* IE6-9 */
    transition:all .8s;
    opacity:.82;
}

.videoLink:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87c6c6+0,6b9ea0+100 */
    background: #87c6c6; /* Old browsers */
    background: -moz-linear-gradient(top,  #87c6c6 0%, #6b9ea0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #87c6c6 0%,#6b9ea0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #87c6c6 0%,#6b9ea0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c6c6', endColorstr='#6b9ea0',GradientType=0 ); /* IE6-9 */
    border:1px solid white;
}

#autoPlayBtn {
    cursor: pointer;
    color: white;
    font-weight: bold;
    padding: 9px 2px 0px 18px;
    width: 160px;
    height: 32px;
    text-align: center;
    line-height: 17px;
    position: absolute;
    left: 155px;
    top: 293px;
    line-height: 12px;
    border-bottom-right-radius: 17px;
    border: 1px solid #a5ced6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72a8aa+0,618a91+100 */
    background: #72a8aa; /* Old browsers */
    background: -moz-linear-gradient(top,  #72a8aa 0%, #618a91 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #72a8aa 0%,#618a91 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #72a8aa 0%,#618a91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a8aa', endColorstr='#618a91',GradientType=0 ); /* IE6-9 */
    transition:all .8s; 
}
#autoPlayBtn:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#87c6c6+0,6b9ea0+100 */
    background: #87c6c6; /* Old browsers */
    background: -moz-linear-gradient(top,  #87c6c6 0%, #6b9ea0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #87c6c6 0%,#6b9ea0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #87c6c6 0%,#6b9ea0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c6c6', endColorstr='#6b9ea0',GradientType=0 ); /* IE6-9 */
    border:1px solid white;
}

#tokyoTower {
    transition:all 6s;
    filter:brightness(160%);
    filter:contrast(60%);
}
#tokyoTower.on {
    filter:brightness(80%);
    filter:contrast(200%);
}
#lightRay {
    background:url(../img/lightray.png)no-repeat;
    width:600px;
    height:360px;
    transition:all 4s;
    position:relative;
    z-index:9;
    float: left;
    margin-left:2.6%;
    opacity:0;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transform: rotate(-22.3deg);
}
#lightRay.on {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    transform: rotate(-6.5deg);
    opacity:.3;
}

#powerDot {
    transition:all .5s;
    width:14px;
    height:14px;
    border-radius:14px;
    background-color:#13a1aa;
    box-shadow:0px 0px 0px aqua;
    display:inline-block;
    margin:0px 0px 0px 0px;
    position:absolute;
    left:14px;
    top:8px;
    border:1px solid #437c80;;
}
#powerDot.on {
    box-shadow:1px 1px 8px aqua;
    background:#2fe3ea;
}

.leapDocDl {
    border: 1px solid #a5ced6;
    font-size: 16px;
    padding: 2px 12px;
    float: left;
    width:100%;
    border-radius: 10px;
    transition: all .8s;
    cursor:pointer;
    text-align:center;
}
.leapDocDl:hover {
    background:#aff8ff;
    color:gray;
}

.leapTable {
    background:#fff;
    border-radius:10px;
    margin: 20px 0px 20px 0px;
    width:100%;
    padding-bottom:20px;
    box-shadow: 0px 0px 8px #8bb4bb;
}
tbody {
    background:transparent;
}

.leapTr {    
    width: 100%;
    padding: 4px 8px;
}

.leapTr.odd {
    background:#f4f8f8;
}
.leapTr.odd.dark {
    background:#e2eef0;
}

.leapTr.sec {
    background:#fbedea;
}
.leapTr.title {
    background:#5f959e;
    color:white;
}
.leapTh.foot {
    color:white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.leapThHeader {
    color: white;
    text-align: center;
    font-size: 20px;
    padding: 20px 0px 0px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.leapTh.tl {
    border-top-left-radius: 10px;
}
.leapTh.tr {
    border-top-right-radius: 10px;
}
.leapTh.tl, .leapTh.thirds.tl {
    border-top-left-radius: 10px;
}
.leapTh.tr, .leapTh.thirds.tr {
    border-top-right-radius: 10px;
}
.leapTd.bl, .leapTd.thirds.bl {
    border-bottom-left-radius: 10px;
}
.leapTd.br, .leapTd.thirds.br {
    border-bottom-right-radius: 10px;
}
.leapTd.bl, .leapTd.thirds.bl {
    border-bottom-left-radius: 10px;
}
.leapTd.br, .leapTd.thirds.br {
    border-bottom-right-radius: 10px;
}

.leapThText {
    border:1px solid #5f959e;
    border-radius:10px;
}
.leapTable.trans {
    background:transparent;
}
.leapTh {
    text-align: left;
    width: 50%;
    padding: 20px 20px;
    font-size: 16px;
}
.leapTh.thirds {
    width:33.3%;
    text-align:left;
}

.leapTd {
    width:50%;
    padding: 0px 20px;
}
.leapTd.thirds {
    width:33.3%;
}

.leapTd.alert {
    width:100%;
    background:#fbedea;
    border-radius:10px;
}

.videoContainer {
    border-radius:20px;
    padding:4px 4px 4px 4px;
    border:1px solid #a5ced6;
    position:relative;
    width:100%;
    z-index:7;
    background:white;
    box-shadow:0px 2px 3px #204548;
}
.leapTheater {
    position:relative;
    margin:34px auto 0px auto;
    width:94%;
    z-index:6;
    border-radius:10px;
}

#leapVidMenuBtn {
    cursor: pointer;
    padding: 4px 2px 0px 27px;
    color: white;
    font-weight: bold;
    width:136px;
    height:32px;
    position:absolute;
    bottom: -32px;
    left: 20px;
    z-index:6;
    border-bottom-left-radius: 17px;
    border: 1px solid #a5ced6;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#72a8aa+0,618a91+100 */
    background: #72a8aa; /* Old browsers */
    background: -moz-linear-gradient(top,  #72a8aa 0%, #618a91 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #72a8aa 0%,#618a91 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #72a8aa 0%,#618a91 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72a8aa', endColorstr='#618a91',GradientType=0 ); /* IE6-9 */
    transition:all .8s; 
}
#leapVidMenuBtn:hover {
    background: #87c6c6; /* Old browsers */
    background: -moz-linear-gradient(top,  #87c6c6 0%, #6b9ea0 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #87c6c6 0%,#6b9ea0 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #87c6c6 0%,#6b9ea0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87c6c6', endColorstr='#6b9ea0',GradientType=0 ); /* IE6-9 */
    border:1px solid white;
}



.topReturn {
    position: fixed;
    height: 44px;
    width: 120px;
    background: white;
    border: 1px solid #5f959e;
    right: -1px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    line-height: 43px;
    padding-left: 9px;
    box-shadow: 0px 0px 8px grey;
    font-weight: bold;
    cursor: pointer;
    transition:all 1s;
    bottom:-50px;
    opacity:0;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.topReturn.show {
    opacity:1;
    bottom: 40px;
}
.topReturn:hover {
    background:#c5e3e8;
}


#faqMenu {
    height:76px;   
}

#youTubeContainer.mini {
    position: fixed;
    top: 10px;
    right: 12px;
    z-index: 99;
    width: 254px;
    height: 146px;
    transition: all 1s;
    border: 4px solid #5f959e;
    border-radius: 6px;
    box-shadow:0px 0px 20px black;
}
#closeMinVid {
    background: url(https://s3-ap-northeast-1.amazonaws.com/cgi-leap/video_tutorials/img/closeIt.png) no-repeat 3px, #76adb7;
    background-size: 34px 34px;
    width: 48px;
    height: 40px;
    color: white;
    position: fixed;
    top: 166px;
    right: -90px;
    border-top-left-radius: 36px;
    border-bottom-left-radius: 36px;
    padding: 6px 0px 0px 14px;
    font-weight: bold;
    transition: all 2s;
    cursor: pointer;
    z-index: 9;
    box-shadow: 0px 2px 4px #2e5159;
}
#closeMinVid.open {
    right: 0px;
}
#closeMinVid.open:hover {
    font-weight:bold;
    background:url("https://s3-ap-northeast-1.amazonaws.com/cgi-leap/video_tutorials/img/closeIt.png") no-repeat  3px, #b14d4d;
    background-size: 34px 34px;
}

#leapfaq {display:block;}
.leapFaqMenu {
    width: 100%;
    background: white;
    padding: 5px 10px 10px 10px;
    float: left;
    border-radius: 10px;
    border: 1px solid #5f959e;
}
.cgi50 {
    width: 48%;
    margin-left: 8px;
    margin-top: 8px;
    float: left;
    font-size: 16px;
    line-height: 43px;
}
#leapspecs {display:block;}
#leapdown {display:none;}

#menuBack {
    padding:14px 22px 0px 22px;
    width: 100%;
    height: 295px;
    border-bottom-left-radius: 20px;
    background: #729ca3;
    position: relative;
    margin: -290px auto 0px auto;
    z-index: 0;
    transition: all 2s;
    border: 1px solid #a5ced6;
    z-index: 5;
    float: left;
    border-bottom-right-radius: 20px;
}

video {
    max-width:1440px;
}
.whyLeapText.video {
    z-index:9;
    float:none;
    width:720px;
}

.vidInfoLeft {
    width:72%;
    text-align:left;
    padding-left:8px;
    float:left;
}
.vidInfoRight {
    width:28%;
    text-align:right;
    padding-right:8px;
    float:left;
}
.vidInfoLeft.show {margin-top:0px;}
.vidInfoRight.show {margin-top:0px;}


#curtain {
    height:100%;
    width:100%;
    left:0px;
    top:0px;
    position:absolute;
    z-index:1;
    background:black;
    opacity:0;
    transition:opacity 2s;
    z-index:5;
    display: none;
}
#curtain.on {opacity:0.6;}


#movieErrorIcon {
    background:url("https://s3-ap-northeast-1.amazonaws.com/cgi-leap/video_tutorials/img/movieError.png");
    width:76px;
    height:75px;
    background-size:76px 75px;
    float:left;
    transition:all 1s;
    margin-top:8px;
}

#movieErrorIcon.on {
    transform: rotate(-20deg);
}
#movieErrorIcon.on.hoverImage {
    background:url("https://s3-ap-northeast-1.amazonaws.com/cgi-leap/video_tutorials/img/movieErrorHover.png");
    width:76px;
    height:75px;
    background-size:76px 75px; 
}

.movieErrorCont {
    width:300px;
    height:84px;
    margin:0px auto 0px auto;
}
#movieErrorBtn {
    height:30px;
    width:140px;
    float:left;
    border: 1px solid #84bbc5;
    padding: 4px 4px 4px 4px;
    border-radius: 8px;
    line-height:30px;
    cursor: pointer;
    font-size:16px;
    text-align:center;
    margin:24px 0px 0px 10px;
    transition:all .5s;
    line-height: 22px;
}
#movieErrorBtn:hover {
    border:1px solid #cbe4e9;
    background:#76adb7;
}

.bmHead, .brHead, .bpoHead {
    display:inline-block;
    float:left;
    width:50px;
    height:50px;
    background-size:50px 50px;
    position:relative;
}
.bmHead {background:url(../img/bmHead.png)}
.brHead {background:url(../img/brHead.png)}
.bpoHead {background:url(../img/bpoHead.png)}
.centeredHeader {width:100%;text-align:center;}


.leapVideoPlayer {
    position:relative;
    z-index:10;
    text-align: center;
}
.videoInfoBox {
    font-size: 16px;
    border-radius:8px;
    border:1px solid #a5ced6;
    width:100%;
    color:white;
    line-height: 38px;
    background:url(../img/indicatorBg.png) repeat-x;
    overflow:hidden;
    height:40px;
}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.spacer400 {
    width:100%;
    height:400px;
    
}

/** LEAP CONTENTS **/
.col-sm-12.threehundred {
    height:320px;
}
.col-sm-12.leapPoint {
    margin-top:16px;
    height:220px;
}

.docDlLi {
    margin-top:26px;
    width:100%;
    float:left;
    line-height:28px;
    padding:10px;
    border-radius:14px;
    transition:background .5s;
}
.docDlLi:hover {
    background:#ebf4f5;
}

.leapUl {
        list-style-image: url(../img/leap-bullet.png);
}

.capUl {
    list-style-image: url(../img/capBullet.png); 
}
.capLi {
    font-size: 26px;
    padding: 24px 0px 12px 0px;
    }

.capText {
    font-size:16px;
    width:96%;
    padding: 8px 0px 0px 40px;
}

.capText.gotoCap {
    margin:20px 0px 0px 6px;
}
.capText.fullWidth {
    width:100%;
}

.greenText {
    color:#5f8b94;
    display:inline;
}
.redText {
    color:crimson;
    font-weight:bold;
    display:inline;
}
.paleRedText {
    color:#eae0ef;
    font-weight:bold;
    display:inline;
}

.capContents, .isoContents {
    width:88%;
    margin:20px auto 0px auto;
}


.gotoCapBtn {
    background:#0f657a;
    color:white;
    transition:background .8s;
    padding:8px 12px;
    border-radius:8px;
    display:inline-block;
    width:100%;
    text-align:center;
}
.gotoCapBtn:hover {
    background:#96b5bb;
    color:white;
}

.capLogoLarge {
    background-repeat:no-repeat;
    margin:0px auto;
    max-width: 1021px;
    height: auto;
    width: auto\9; /* ie8 */
}
.fullWidthTitle {
    width:100%;
    text-align:center;
}
.capHighlightBox {
    background: #0f657a;
    border-radius: 14px;
    color: white;
    margin-top:10px;
    float:left;
    padding:20px 0px 10px 20px;
    font-size: 16px;
    line-height: 34px;
    width:100%;
    margin-bottom: 10px;
}
.floatLeft {
    float:left;
    width:100%;
    overflow-x: hidden;
}
.leapComp1 {
    background:url(../img/comp1.png);
    width:250px;
    height:142px;
    background-size:250px 142px;
    float:left;
    position:relative;
}
.leapComp2 {
    background:url(../img/comp2.png);
    width:250px;
    height:142px;
    background-size:250px 142px;
    float:left;
}
.leapComp3 {
    background:url(../img/comp3.png);
    width:250px;
    height:142px;
    background-size:250px 142px;
    float:left;
}

.ol-md-12.leapContent {
    padding:0px;
}
.leapLogo {
    background:url(../img/LeapLogoGreen.png);
    width:140px;
    height:133px;
    background-size:140px 133px;
    opacity:0;
    margin:30px 0px 0px 0px;
}

.leapLogo.on {
    opacity:0.4;
    transition:opacity 2s;
}
.leapLiteLogo {
    background:url(../img/LeapLiteLogoGreen.png);
    width:140px;
    height:133px;
    background-size:140px 133px;
    opacity:0;
    margin:30px 0px 0px 0px;
    opacity:0.4;
}

.down20 {
    margin-top:20px;
}


.trainIcon {
    background:url(../img/trainIcon.png);
    width:38px;
    height:38px;
    background-size:38px 38px;
    margin: 0px 0px 4px 12px;
    float: left;
}
.planeIcon {
    background:url(../img/planeIcon.png);
    width:38px;
    height:38px;
    background-size:38px 38px;
    margin: 0px 0px 4px 12px;
    float: left;
}
.walkingMapTitle {
    font-size:16px;
    color:#5f959e;
    float: left;
    margin: 8px 0px 0px 8px;
}


.walkingMapContainer {
    width:100%;
    height:100%;
    margin-top:80px;
    float:left;
}

.leapDlTitle {
    padding:2px;
    width:70%;
    float:left;
}

.leapContents {
    height:100%;
    width:100%;
    float:left;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a8a8a9+0,ffffff+100 */
    background: #b6cfd4; /* Old browsers */
    background: -moz-linear-gradient(top,  #b6cfd4 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b6cfd4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b6cfd4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6cfd4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.dateSizeStamp {
    display:inline;
    text-align:right;
    width:30%;
    color:#5f959e;
    float:left;
}

.whyLeapText {
    margin: 54px 0px 0px 0px;
    background: white;
    font-size: 16px;
    border-radius: 20px;
    padding: 0px 24px 34px 18px;
    border: 1px solid #a5ced6;
    float: left;
    position: relative;
    width: 100%;
    line-height: 34px;
}
.whyLeapPoint {
    background:white;
    font-size:16px;
    border-radius:20px;
    padding:20px;
    border:1px solid #a5ced6;
}

#whyLeap {
    display:block;
    float:left;
    width:100%;
}

li.news {
    float: left;
    padding: 12px 0px;
}
.newsImage {
    border-radius:8px;
    float:left;
    margin: 8px 16px 4px 0px;
    padding-right: 10px;
    padding-bottom: 10px;
}

#newsLogo {
    width:73px;
    height:60px; 
    background:url(../img/capNews.gif);
    background-size:73px 60px;
    margin:0px 0px 0px 0px;
    float:left;
    margin-top:1px;
}
#newsLogo.iso {
     background:url(../img/isoNews.gif);
    background-size: 73px 60px;
}
.newsHeaderText {
    font-size:22px;
    line-height:62px;
    color:#1da3c4;
}
.gwAnnounce {
    background:url(../img/goldenWeek.jpg) left;
    background-repeat:no-repeat;
    background-size:203px 188px;
    width:100%;
    padding-left:20%;
}
.fish {
    background:url(../img/fish.png);
    display:inline-block;
    background-size:109px 20px;
    width:109px;
    height:20px;
    opacity:.6;
    float:right;
    margin-top:6px;
}

.flow {
    max-width:390px;
    width:100%;
    padding:0px 10%;
    
}

.isoNewsText {
    float:left;
    padding:10px 0px 20px 0px;
    margin:0px;
}

.isoNewsText.withImage {
    margin:0px 0px 0px 20px;
    padding:0px;
}

.newsHeader {
    z-index:2;
    position:relative;
    width:100%;
    border-bottom: 1px solid #1da3c4;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:68px;
    float:left;
    border: 2px solid #1da3c4;
    border-bottom: 0px;
    background:#fff;
}

.newsHeader {
    box-shadow:0px 3px 3px #82b2d7;
}

#newsContents {
    z-index:1;
    position:relative;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    width:100%;
    float:left;
    font-size:16px;
    background:white;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 25px 10px 0px 10px;
}

.surveyNewsDl {
    color: white;
    background: #d3adad;
    background: -moz-linear-gradient(top, #d3adad 0%, #a88686 46%, #a86b6b 49%, #7f5554 100%);
    background: -webkit-linear-gradient(top, #d3adad 0%,#a88686 46%,#a86b6b 49%,#7f5554 100%);
    background: linear-gradient(to bottom, #d3adad 0%,#a88686 46%,#a86b6b 49%,#7f5554 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3adad', endColorstr='#7f5554',GradientType=0 );
    padding: 4px 30px;
    border-radius: 4px;
    border: 1px solid white;
    text-shadow: 0px 0px 4px #7f5554;
    display: inline;
    margin-left: 6px;
    margin-top: 4px;
    font-weight:bold;
}
.surveyNewsDl.jslm {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b0cee5+0,82b2d7+47,72a5cc+49,3f5f78+100 */
    background: #b0cee5; /* Old browsers */
    background: -moz-linear-gradient(top,  #b0cee5 0%, #82b2d7 47%, #72a5cc 49%, #3f5f78 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b0cee5 0%,#82b2d7 47%,#72a5cc 49%,#3f5f78 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b0cee5 0%,#82b2d7 47%,#72a5cc 49%,#3f5f78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0cee5', endColorstr='#3f5f78',GradientType=0 ); /* IE6-9 */

}

.surveyNewsDl.top {padding:2px 30px;}


.surveyNewsDl.chartVersion {padding:4px 12px;float:left;}
.surveyNewsDl.chartVersion.jslm {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b0cee5+0,82b2d7+47,72a5cc+49,3f5f78+100 */
    background: #b0cee5; /* Old browsers */
    background: -moz-linear-gradient(top,  #b0cee5 0%, #82b2d7 47%, #72a5cc 49%, #3f5f78 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b0cee5 0%,#82b2d7 47%,#72a5cc 49%,#3f5f78 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b0cee5 0%,#82b2d7 47%,#72a5cc 49%,#3f5f78 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0cee5', endColorstr='#3f5f78',GradientType=0 ); /* IE6-9 */

}


.newsEntry {border-top:1px solid #1da3c4;float:left;width:100%;padding:12px 0px;line-height: 30px; font-size:14px;}
.newsEntry.top {border:none;}
.newsEntrySurvey {border:1px solid white;padding:4px 40px;border-radius:8px;color:white;font-weight:bold;height:100%;background:#c37c7c;display:inline;}
.newsEntryJsml {padding:4px 16px;border-radius:8px;color:white;font-weight:bold;height:100%;background:#82b2d7;display:inline;}
.newsEntryCap {padding:4px 16px;border-radius:8px;color:white;font-weight:bold;height:100%;background:#29a4c2;display:inline;}
.awardTitle {
    background:url(../img/award.png) left no-repeat;
    width:27px;
    height:50px;
    background-size:27px 50px;
    float:left;
}
.projectorIcon {
    background:url(../img/projector.png) left no-repeat;
    width:50px;
    height:80px;
    background-size:50px 80px;
    float:left;
}

#leapLiteVsLeap {
    display:none;
    float:left;
    width:100%;
    height:600px;
}
#leapLearning {
    display:none;
    float:left;
    width:100%;
}
#leapDocumentation {
    display:none;
    float:left;
    width:100%;
    height:600px;
}



.cgiSubMenu.top {
    margin-top:0px;
    margin-bottom:0px;
}
.cgiSubMenu.top.leap {
    margin-bottom:-1px;
    border-bottom:2px solid #5f959e;
}

.cgiSm3 {
    padding-top: 5px;
    width: 24.4%;
    float: left;
    margin: 0px 0px 0px 0.5%;
}
.cgiSm3.top {
    width:99.1%;
}

.cgiSm5 {
    padding-top: 5px;
    width: 19.4%;
    float: left;
    margin: 0px 0px 0px 0.5%;
}
.cgiSm5.top {
    width:99.1%;
}


.cgiSm4 {
    padding-top: 6px;
    width: 28%;
    float: left;
    margin: 0% 2.6%;
}



@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }

  75% {
    transform: translate3d(0, 10px, 0);
  }

  90% {
    transform: translate3d(0, -5px, 0);
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.dividerLine {
    height: 47px;
    float: left;
    border-left: 1px solid #fff;
    margin: -13px 0px 0px 0px;
}

#capIdCheckClose {
    width:20px;
    height:20px;
    background-size:20px 20px;
    background-image:url(../img/closeMe.png);
    float: left;
    margin: 2px 10px 0px 10px;
}

#capFork,#capForkB {
    display:none;
    margin:5px 0px 0px 14px;
    float:left;
}
.capIdCheckText {
    margin-top:4px;
    font-size:20px;
    color:#fff;
    float:left;
    margin:0px;
}


.btnCapOto {
    background:#4a2a29;
    color:white;
    float:left;
    font-size:20px;
    padding: 4px 8px;
    border-radius: 6px;
    cursor: pointer;
    margin: -4px 0px 0px 12px;
    border:1px solid #fff;
}
.btnCapOto.jslm {background:#6292b7;}
.spotContent {
    margin-top:8px;
    border:1px solid #5f8b94;
    border-radius:6px;
    padding:8px 8px 0px 8px;
    margin-top:8px;
    border:1px solid #5f8b94;
    border-radius:6px;
    padding:8px 8px 0px 8px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d5e2ed+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #d5e2ed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#d5e2ed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#d5e2ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5e2ed',GradientType=0 ); /* IE6-9 */
}

.spotContent.alert {
    float: left;
    padding: 12px 10px 10px 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,edd5d5+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #edd5d5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#edd5d5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#edd5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edd5d5',GradientType=0 ); /* IE6-9 */
    border:1px solid #D67B6F;
    margin-bottom:0px;
}


.btnCapOto:hover {
    background: #c37c7c;
    transition:all .5s;
}
.btnCapOto.jslm:hover {
    background: #86b2d5;
}
#capOtoiawaseB {
    width:226px;
    height:90px;
    border-radius:8px;
    position:fixed;
    bottom:-90px;
    left:20px;
    background:#45607c;
    padding:8px 8px 8px 7px;
    border:1px solid #fff;
    z-index:999;
    transition:all 1s;
    box-shadow: 2px 3px 8px grey;
    cursor:pointer;
}

#capOtoiawase {
    width:226px;
    height:90px;
    border-radius:8px;
    position:fixed;
    bottom:-90px;
    left:20px;
    background:#744948;
    padding:8px 8px 8px 7px;
    border:1px solid #fff;
    z-index:999;
    transition:all 1s;
    box-shadow: 2px 3px 8px grey;
    cursor:pointer;
}
#capOtoiawase:hover {
    background:#a95555;
}

#capOtoiawaseB:hover {
    background:#82b2d7;
}

#capOtoiawaseB.animated {
    animation-duration: 2s;
    animation-fill-mode: both;
}

#capOtoiawaseB.animated.bounceInUp {
    bottom:-42px;
    animation-name: bounceInUp;
}
#capOtoiawaseB.animated.bounceInUp.question {
    width:100%;
    left:0px;
    border-radius:0px;
    border:0px;
    border-top:1px solid #fff;
}

#capOtoiawase.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}

#capOtoiawase.animated.bounceInUp {
    bottom:-42px;
    animation-name: bounceInUp;
}
#capOtoiawase.animated.bounceInUp.question {
    width:100%;
    left:0px;
    border-radius:0px;
    border:0px;
    border-top:1px solid #fff;
}


.capOto {
    width:209px;
    height:20px;
    background-size:209px 20px;
    background-image:url(../img/capoto.png);
    margin: 6px 0px 0px 0px;
    float:left;
}

.cgiMenuItem {
    border: 1px solid #1da3c4;
    border-left: 8px solid #1da3c4;
    border-radius: 4px;
    padding: 4px;
    background: #1da3c4;
    color: white;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
}

.cgiMenuItem.selected {
    border: 1px solid #1da3c4;
    border-left: 8px solid #1da3c4;
    background: #dfecf0;
    color: #333;
}

.cgiMenuItem:hover {
    border:1px solid #1da3c4;
    border-left: 8px solid #1da3c4;
    background: #dfecf0;
    color:#333;
}

.cgiMenuItem.leap {
    border: 1px solid #5f959e;
    border-left: 8px solid #5f959e;
    background: #5f959e;
}
.cgiMenuItem.leap.selected {
    border: 1px solid #5f959e;
    border-left: 8px solid #5f959e;
    background: #deeef1;
}
.cgiMenuItem.leap:hover {
    border:1px solid #5f959e;
    border-left: 8px solid #5f959e;
    background: #deeef1;
    color:#333;
}


.cgiMenuItem.iso {
    border:1px solid #87a3bc;
    border-left: 8px solid #87a3bc;
    border-radius:4px;
    padding:4px;
    background:#87a3bc;
    color:white;
    text-align:center;
    transition:all .5s;
    cursor:pointer;
}

.cgiMenuItem.iso.selected {
    border:1px solid #87a3bc;
    border-left: 8px solid #87a3bc;
    
    background: #d9e1e9;
    color:#333;
}

.cgiMenuItem.iso:hover {
    border:1px solid #87a3bc;
    border-left: 8px solid #87a3bc;
    
    background: #d9e1e9;
    color:#333;
}





.cgiMenuItem.nonjslm {
    border:1px solid #808080;
    border-left: 8px solid #808080;
    background: #808080;
    color:white;
}

.cgiMenuItem.nonjslm:hover {
    border:1px solid #808080;
    border-left: 8px solid #808080;
    background: #ededed;
    color:#333;
}

.cgiMenuItem.nonjslm.selected {
    border:1px solid #808080;
    border-left: 8px solid #808080;
    background: #ededed;
    color:#333;
}






.cgiMenuItem.jslm {
    border:1px solid #8ec496;
    border-left: 8px solid #8ec496;
    background: #8ec496;
    color:white;
}
.cgiMenuItem.cap {
    border:1px solid #8ec496;
    border-left: 8px solid #8ec496;
    background: #1da3c4;
    color:white;
}

.cgiMenuItem.jslm:hover {
    border:1px solid #8ec496;
    border-left: 8px solid #8ec496;
    background: #f0f7f1;
    color:#333;
}

.cgiMenuItem.jslm.selected {
    border:1px solid #8ec496;
    border-left: 8px solid #8ec496;
    background: #f0f7f1;
    color:#333; 
}




.cgiMenuItem.accred {
    border: 1px solid #f2bc7d;
    border-left: 8px solid #f2bc7d;
    
    background:#f2bc7d;
    color:white;
}

.cgiMenuItem.accred:hover {
    border: 1px solid #f2bc7d;
    border-left: 8px solid #f2bc7d;
    
    background:#f3ede5;
    color:#333;    
}

.cgiMenuItem.accred.selected {
    border: 1px solid #f2bc7d;
    border-left: 8px solid #f2bc7d;
    
    background: #f3ede5;
    color:#333;
}

#surveyData {display:none;}
#surveyData.show {display:block;}
#jslmData {display:none;}
#jslmData.show {display:block;}

.cgiMenuItem.pip {
    background:#b08ecf;
    border: 1px solid #b08ecf;
    border-left: 8px solid #b08ecf;
    
    color:white; 
}

.cgiMenuItem.pip:hover {
    border: 1px solid #b08ecf;
    border-left: 8px solid #b08ecf;
    
    background:#ece5f2;
    color:#333;    
}
.cgiMenuItem.pip.selected {
    border: 1px solid #b08ecf;
    border-left: 8px solid #b08ecf;
    
    background: #ece5f2;
    color:#333;
}




#channelIndicatorAccred {
    position:absolute;
    width: 28%;
    margin: 0% 2.6%;
    height:31px;
    border-radius:20px;
    border:3px solid #2adde4;
    margin-top: 6px;
    transition:all 1s;
}

#channelIndicatorAccred.pos1 {
    margin-left:35.8%;
}
#channelIndicatorAccred.pos2 {
    margin-left:69%;
}


#channelIndicator, #channelIndicatorIso {
    position:absolute;
    width:21%;
    margin:0% 2%;
    height:31px;
    border-radius:20px;
    border:3px solid #2adde4;
    margin-top: 6px;
    transition:all 1s;
}
#channelIndicator.pos2, #channelIndicatorIso.pos2 {
    margin-left:27%;
}
#channelIndicator.pos3, #channelIndicatorIso.pos3 {
    margin-left:52%;
}
#channelIndicator.pos4, #channelIndicatorIso.pos4 {
    margin-left:77%;
}
/** END LEAP CONTENTS **/

.showRoute {
    color:white;
    background:#5f959e;
    width:100%;
    border-radius:10px;
    font-weight:bold;
    padding:4px 0px;
    text-align:center;
    font-size:18px;
    margin-top:6px;
    cursor:pointer;
    float:left;
    transition:all .8s;
}
.showRoute:hover {
    background:#8fc8d2;
}
.showRoute.ivd {
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    margin-top:30px;
    margin-bottom:10px;

}

.newsText {
    margin: 0 auto;
    width: 100%;
    height:260px;
    display:block;
    box-shadow:0px 0px 4px #5f8b94;
    padding:10px;
    overflow:hidden;
    border-radius:8px;
}
.show-more:hover {background:#6bb9c7;}
.show-more {
    margin: 0px 0px 0px 13px;
    float: left;
    background: #5f8b94;
    color: white;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    font-size:12px;
    padding:2px 4px 0px 4px;
}
.show-more:hover {color:white;}
.show-more:visited {color:white;}


.capImage {
    width:100%;
    border:1px solid #5f8b94;
    border-radius:8px;
    float:left;
    box-shadow: 0px 0px 8px #c4e7f2;
}


.flowChart {
    border: 2px solid #5f8b94;
    float:left;
    border-radius:10px;
    margin-top:10px;
    width: 100%;
    font-size:18px;
}
.flowChart.iso {
    border: 2px solid #82b2d7;
    
}
#clickContainer {
    background:black;
    width:100%;
    text-align:center;
    opacity:.8;
    color:white;
    margin-top:-40%;
    float:left;
    line-height: 36px;
}

.clickImageIcon {
    background:url(../img/zoomIcon.png) no-repeat;
    background-size:10px 20px;
    width:10px;
    height:20px;
    margin: 0px 0px -12px 14px;
    display:inline-block;
}

.flowChart.solid {
    height: 284px;
    overflow-y: scroll;
    border-right: 2px solid #1da3c4;
    width: 100%;
    margin-bottom: 40px;
    float: left;
    margin-top: -22px;
    border-left: 2px solid #1da3c4;
    border-bottom: 2px solid #1da3c4;
    border-top: none;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.flowChart.solid.iso {
    border:2px solid #82b2d7;
}
.flowChart.solid.top {    border: 2px solid #5f8b94;
    border-radius: 10px;}

#jslmLeafletWindow {
    
    width: 100%;
    transition: all .8s;
    padding: 0px 20%;
    background: url(../img/carbon.png) repeat;
    border:4px solid #5f959e;
    padding-bottom: 14px;
    margin-bottom: -8px;
    padding-top: 12px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transition:all .8s;
}
#jslmLeafletWindow.viewing {
    padding:0%;
    box-shadow:0px 0px 8px grey;
}

.leafletContainer {
    text-align:center;
}
.leafletController {
    width:40%;
    background: #5f959e;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    height: 54px;
    margin: 0px auto 0px auto;
}
.leafletSelectContainer {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    background: #5f959e;
    width:100%;
    height: 54px;
    margin: 8px auto 0px auto;
}

.cgiSm12 {width:100%;float:left;}
.cgiSm58 {width:60%;float:left;}
.cgiSm38 {width:40%;float:left;}

.cgiSm58.pr, .cgiSm38.pr {padding-right:14px;}
.cgiSm58.pl, .cgiSm38.pl {padding-left:14px;}


.capSpecialHeader {
    margin-left:40px;
    background: #c5e3e8; /* Old browsers */
    background: -moz-linear-gradient(left, #c5e3e8 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c5e3e8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c5e3e8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5e3e8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */    
    padding:4px 8px;
    border-radius:6px;
    font-weight:bold;
    border: 1px solid #5f8b94;
    font-size:18px;
    transition:all .5s;
}
#qmsText1.intro, #qmsText2.intro, #qmsText3.intro, #qmsText4.intro {
    width:0px;
    opacity:0;
    transform:scale(0);
    -ms-transform:scale(0); /* IE 9 */
    -moz-transform:scale(0); /* Firefox */
    -webkit-transform:scale(0); /* Safari and Chrome */
    -o-transform:scale(0); /* Opera */
    box-shadow:0px 0px 50px gray;
}
.capSpecialHeader.blue.qmsAnim {
    height:364px;
    padding-right: 8px;
    padding-top:20px;
    font-size: 16px;
    margin-left: 320px;
    float: left;
    margin-top: -58px;
    line-height: 19px;
    opacity:1;
}
.capSpecialHeader.small {
    background:#c4e7f2;
}
.capSpecialHeader.red {
    background: #f4e9e9; /* Old browsers */
    background: -moz-linear-gradient(left, #f4e9e9 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f4e9e9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f4e9e9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e9e9', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    border: 1px solid #c37c7c;
}
.capSpecialHeader.red.qmsAnim {
    height: 104px;
    width: 400px;
    font-size: 16px;
    margin-left: 340px;
    float: left;
    margin-top: 4px;
    line-height: 19px;
      opacity:1;
}
.capSpecialHeader.green.qmsAnim {
    height: 85px;
    width: 400px;
    font-size: 16px;
    margin-left: 360px;
    float: left;
    margin-top:4px;
    line-height: 19px;
    opacity:1;
}
.capSpecialHeader.redTitle {
    margin-left: 0px;
    background: #7f7f7f;
    border: 2px solid #c37c7c;
    color: white;
}
.capSpecialHeader.blue {
    background: #e3ebf2; /* Old browsers */
    background: -moz-linear-gradient(left, #e3ebf2 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e3ebf2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e3ebf2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3ebf2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */    
    border: 1px solid #82b2d7;
}
.capSpecialHeader.blueTitle {
    margin-left:0px;
    background: #7f7f7f;
    border: 2px solid #82b2d7;
    color:white;
}
.capSpecialHeader.orange {
    background: #f3ede5; /* Old browsers */
    background: -moz-linear-gradient(left, #f3ede5 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f3ede5 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f3ede5 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3ede5', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    border: 1px solid #f2bc7d;
}
.capSpecialHeader.orange.qmsAnim {
    height: 85px;
    width: 400px;
    font-size: 16px;
    margin-left: 380px;
    float: left;
    margin-top:4px;
    line-height: 19px;
    opacity:1;
}
.capSpecialHeader.orangeTitle {
    margin-left:0px;
    background: #7f7f7f;
    border: 2px solid #f2bc7d;
    color:white;
}
.capSpecialHeader.purple {
    background: #ece5f2; /* Old browsers */
    background: -moz-linear-gradient(left, #ece5f2 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ece5f2 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ece5f2 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ece5f2', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    border: 1px solid #b08ecf;
}
.capSpecialHeader.purpleTitle {
    margin-left:0px;
    background: #7f7f7f;
    border: 2px solid #b08ecf;
    color:white;
}




.headline.walkingmap {
    margin:40px 0px 0px 0px;
}
.headline.cap {
    margin-top:20px;
}

#map {
  height:400px;
  width:100%;
  border-radius:12px;
  overflow:hidden;
  border:2px solid #25acba;

}

.ivdGlobalMistakesHeader {
    background: #f2e4e5 url(../img/bikuri.png) 20px center no-repeat;
    background-size: 14px 30px;
    color: #6f6f6f;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    border: 1px solid #e3afb3;
}

.pubDate {
    text-align: right;
    font-size: 10px;
    margin-right: 14px;
}

table {text-align:left;background:#f0f0f0;margin-bottom:20px;}

th {
    color: white;
    background: #5f959e;
}

th, td {width:40%;padding: 6px 8px;}

th.first, td.first  {
    width:5%;
}
th.second, td.second  {
    width:15%;
}





/* -------------------- END SEANS CSS ---------------------*/

.dropdown-toggle.disabled {
    transition:color .5s;
}

.col-sm-4.col.cap {
    text-align:center;
    background: #96b5bb;
    height: 44px;
    margin-top: -44px;
    opacity: 0.68;
}





.video-container,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Use as background images that span 100% accross website */
.background-wrapper {
  padding-top: 50px;
  border-top: 1px solid #f7f7f7;
  /*border-bottom: 1px solid #f7f7f7;*/

}

.background-cap {
  background:url(../img/header1.jpg) no-repeat center -116px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}
.background-survey {
  background:url(../img/header2b.png) no-repeat top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    position:relative;
    z-index:2;
    
}
.background-surveyjslm {
  background:url(../img/header3.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    position:relative;
    z-index:2;
}
.background-capdownloads {
    background:url(../img/header3b.jpg) no-repeat right center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position:relative;
    z-index:2;
}
.background-accred {
  background:url(../img/header4.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}
.background-pip {
  background:url(../img/header5.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}
.background-iso {
  background:url(../img/isobg.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}
.background-faq {
  background:url(../img/isofaqbg.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}

.background-consulting {
  background:url(../img/isoconsultingbg.jpg) no-repeat bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}
.background-qms {
  background:url(../img/isoqmsbg.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}
.background-otoiawase {
  background:url(../img/otoiawase.jpg) no-repeat bottom;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    opacity:.8;
}

.background-integrate {
  background:url(../img/bg_integrated.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.background-minapsys {
  background:url(../img/bg_minapsys.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.background-ivd {
  background:url(../img/bg_ivd.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.background-newleap {
  background:url(../img/bg_usingleap.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    padding-top:80px;
    padding-bottom:50px;
}
.background-newcgi {
  background:url(../img/cgitokyo.jpg) no-repeat top left;
  height:360px;
  background-size:cover;
  margin-bottom:2px;
}
.background-history {
  background:url(../img/cgihistory.jpg) no-repeat top left;
  height:360px;
  background-size:cover;
  margin-bottom:2px;
}
.background-news {
  background:url(../img/cginewsTest.jpg) no-repeat center;
  height:300px;
  background-size:cover;
}
.background-archive {
    background:url(../img/cginewsArchive.jpg) no-repeat center;
    height:300px;
    background-size:cover;
}

#gotoArchive {
    padding: 2px 10px 1px 20px;
    color: white;
    background:#263438;
    height: 23px;
    width: 163px;
    border-bottom-right-radius: 6px;
    border-bottom: 2px solid #4188b6;
    transition:all 1s ease-out;
    margin-left:-166px;
    cursor:pointer;
    font-size:14px;
}
#gotoArchive:hover {
    background:#246e88;text-shadow:0px 0px 3px white;
}
#gotoArchive.on {
    margin-left:0px;
}

.archiveYear {
    float: left;
    color: white;
    border-right: 1px solid #d1d1d1;
    padding: 0px 12px;
    transition:all 1s;
    cursor:pointer;
    height: 20px;
    line-height: 20px;
    margin-top: 3px;
}
.archiveLabel {transition:none;cursor:none;}
.archiveYear:hover {background:#246e88;text-shadow:0px 0px 3px white;}
.archiveYear.selected {background:#246e88;text-shadow:0px 0px 3px white;}

.background-jobs {
  background:url(../img/cgicareers.png) no-repeat top left;
  height:300px;
  background-size:cover;
  margin-bottom:2px;
}

.marqueeCont {
    margin-top: -23px;
    width: 100%;
    height: 23px;
    background-size: 100% 23px;
    background: url(../img/marqueeBg.png);
    background-repeat: repeat-x;
    float: left;
    position: relative;
    z-index: 2;
    box-shadow: 0px 2px 6px grey;
    border-bottom: 1px solid #434343;
}
.marqueeGlass {
    margin-top: -23px;
    width: 100%;
    height: 13px;
    background-size: 100% 13px;
    background: url(../img/marqueeGlass.png);
    background-repeat: repeat-x;
    float: left;
    position: relative;
    z-index: 3;
}

#marqueeContent {
    color:white;
    font-size: 13px;
    margin-top: 1px;
    text-shadow: 0px 0px 4px chartreuse;
}

#tvTitle {
    margin-top:-10px;
}
.tvImage {
    width:388px;
    height:210px;
    margin:0px auto;
    display:block;
}
.tvImage.frame {
    background:url(../img/tvFrame.png);
    background-repeat:no-repeat;
    width:388px;
    height:223px;
    background-size:388px 223px;
}
.newsVideo {
    margin:4px 0px 0px 4px;
}

.calList {
    margin-left:50px;
    line-height:18px;
    padding-top:28px;
}
.calList.dbl {
    padding-top:18px;
}
.calList.trpl {
    padding-top:8px;
}

.calEntry {
    height:60px;
    margin-bottom:22px;
}
.calEntry.long {
    margin-bottom:44px;   
}

.cgiCal {
  width:60px;
  height:60px;
  float:left;
}
.cgiCal.cal90 {
    background:url(../img/cal90.png);
}
.cgiCal.cal92 {
    background:url(../img/cal92.png);
}
.cgiCal.cal93 {
    background:url(../img/cal93.png);
}
.cgiCal.cal94 {
    background:url(../img/cal94.png);
}
.cgiCal.cal97 {
    background:url(../img/cal97.png);
}
.cgiCal.cal99 {
    background:url(../img/cal99.png);
}
.cgiCal.cal2 {
    background:url(../img/cal2.png);
}
.cgiCal.cal3 {
    background:url(../img/cal3.png);
}
.cgiCal.cal4 {
    background:url(../img/cal4.png);
}
.cgiCal.cal5 {
    background:url(../img/cal5.png);
}
.cgiCal.cal7 {
    background:url(../img/cal7.png);
}
.cgiCal.cal8 {
    background:url(../img/cal8.png);
}
.cgiCal.cal11 {
    background:url(../img/cal11.png);
}
.cgiCal.cal12 {
    background:url(../img/cal12.png);
}
.cgiCal.cal13 {
    background:url(../img/cal13.png);
}
.cgiCal.cal16 {
    background:url(../img/cal16.png);
}
.cgiCal.cal17 {
    background:url(../img/cal17.png);
}

#imagePreviewWindow {
    display:none;
    position:fixed;
    width:98%;
    height:auto;
    z-index: 1;
    box-shadow: 0px 0px 20px gray;
    border: 4px solid #c37c7c;
    border-radius: 10px;
    margin-left:1%;
    cursor:pointer;
    top: 10px;
}

.eye {
    display:inline-block;
    height:36px;
    width:36px;
    background:url(../img/eye.svg);
    background-size:36px 36px;
    margin: -3px 4px -12px 6px;
}
.dl {
    display:inline-block;
    height:23px;
    width:30px;
    background:url(../img/dl.svg);
    background-size:30px 23px;
    margin: 0px 4px -6px 6px;
}

.hoverZoomSurvey {
    transition:all 1s;
    border:1px solid #c37c7c;
    border-radius:8px;
    z-index:0;
    width:312px;
    margin:0px auto;
}
.hoverZoomSurvey:hover {
    width:100%;
    border:1px solid gray;
    border-radius:0px;   
}

.purpleDl {
    background: #a781cb;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius:6px;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    transition:all .5s;
    cursor:pointer;
    margin-bottom: 8px;
}
.purpleDl:hover {
    background:#b87df1;
    color:white;
}


.redDl {
    background: #c37c7c;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius:6px;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    transition:all .5s;
    cursor:pointer;
    margin-bottom: 8px;
}
.redDl:hover {
    background:#db7c7c;
    color:white;
}

/* LEAP SCREEN BROWSER CSS . */

#scBase {
    position:relative;
    width:100%;
}
#scMain, #scMain2, #scMain3 {    
    position:absolute;
    z-index:1;
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;  
}
#scOne {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scTwo {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scThree {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scFour {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}


#scFive {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scSix {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scSeven {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}

#scEight {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scNine {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}
#scTen {
    top: 4.5%;
    left: 4.3%;
    width: 91.7%;
    height: 65.9%;
    position:absolute;
    z-index:2;
    display:none;
}


#scBase, #scMain, #scOne, #scTwo, #scThree, #scFour, #scFive, #scSix, #scSeven, #scEight, #scNine, #scTen {
      -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

#scDashOne {
    width: 29.5%;
    height: 17.5%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 18.3%;
    left: 19.1%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashTwo {
    width: 29.5%;
    height: 2.7%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 36%;
    left: 19.1%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashThree {
    width: 30.8%;
    height: 43.9%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 18.3%;
    left: 49.3%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashFour {
    width: 29.5%;
    height: 9.7%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 39.4%;
    left: 19.1%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}
#scDashFive {
    width: 60.9%;
    height: 4.8%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 20.7%;
    left: 20.8%;      
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashSix {
    width: 60.9%;
    height: 8.6%;   
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 25.6%;
    left: 20.8%; 
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashSeven {
    width: 63.4%;
    height: 4.2%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 57.6%;
    left: 18.5%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}
#scDashEight {
    width: 62.4%;
    height: 8.5%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 15.8%;
    left: 18.9%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashNine {
    width: 62.4%;
    height: 10.9%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 24.6%;
    left: 18.9%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}

#scDashTen {
    width: 62.4%;
    height: 18.9%;
    position: absolute;
    border: 3px solid #5f959e;
    border-radius: 6px;
    top: 35.7%;
    left: 18.9%;
    opacity: 1;
    transition: all .5s;
    z-index:1;
}
#scDashFour:hover,#scDashOne:hover,#scDashTwo:hover,#scDashThree:hover, #scDashFive:hover,#scDashSix:hover,#scDashSeven:hover,#scDashEight:hover,#scDashNine:hover,#scDashTen:hover {
    background:yellow;
    opacity:0.4;
}

@media (max-width: 536px) {
    #interactiveScreens {display:none;}

}

#iMacRemote {
    border-radius: 10px;
    width: 0px;
    text-align: center;
    height: 246px;
    overflow: hidden;
    position: relative;
    transition: all 1s;
    z-index: 4;
    opacity: 0;
    margin: 0px auto;
    max-width: 100%;
    padding-bottom: 8px;
    margin:-25.6% auto 0px auto;
}
#iMacRemote.on {width:512px;opacity:1;}

#iMacContentsA {display:block;}
#iMacContentsB {display:none;}
#iMacContentsC {display:none;}
.newsContent {
    padding:0px 46px 0px 56px;
}
.moved {
    background:url(../img/moved.png);
    width:222px;
    height:175px;
    background-size:222px 175px;
    margin-top:-176px;
    float:right;
}
#news2017, #news2018, #news2019 {
    transition:all 1s;
}

#newsContent2017, #newsContent2018, #newsContent2019 {
    display:none;
}
#newsContent2017.on, #newsContent2018.on, #newsContent2019.on {
    display:block;
}

.newsYearSeparator {
    line-height:28px;
    margin-left:0px;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left, #c9e3eb 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c9e3eb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c9e3eb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e3eb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    padding:4px 8px;
    font-weight:bold;
    border-top: 1px solid #c9e3eb;
    border-bottom: 1px solid #c9e3eb;
    font-size:18px;
    text-align:center;
    cursor:pointer;
    margin-top:20px;
}
.newsYearSeparator:hover {
    background: #f2c687; /* Old browsers */
    background: -moz-linear-gradient(left, #f2c687 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f2c687 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f2c687 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2c687', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

.newsUpdateDate {
    float:left;
    color:#fff;
    font-size:12px;
    border-top:2px solid #5f8b94;
    border-right:2px solid #5f8b94;
    border-bottom:2px solid #5f8b94;
    font-weight:bold;
    border-bottom-right-radius: 8px;
    padding:0px 8px;
    background: #5f8b94;
    border-top-left-radius:6px;
}
.new {
    background:url(../img/new.png);
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    float: right;
}
.new.cap {background:url(../img/newCap.png);background-size: 30px 30px;}
.new.jslm {background:url(../img/newJslm.png);background-size: 30px 30px;}

.newsBadge {
    width: 30px;
    height: 30px;
    float: left;
    background:url(../img/cgiBadge.png);
    background-size: 30px 30px;
    margin-right:10px;
}

.newsBadge.iso {background:url(../img/isoBadge.png);background-size: 30px 30px;}
.newsBadge.cap {background:url(../img/capBadge.png);background-size: 30px 30px;}
.newsBadge.leap {background:url(../img/leapBadge.png);background-size: 30px 30px;}
.newsBadge.bio {background:url(../img/bio.svg) center;background-size: 30px 30px;margin-top:-4px;}

.newsScroller::-webkit-scrollbar {
display: none;
}

.newsScroller {
    width: 100%;
    height:300px;
    background:url(../img/newsTile.jpg) repeat;
    overflow: scroll;
    margin-top: 14px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding-top:8px;
}

.newNewsTitle {
    font-weight:bold;
    width:100%;
    text-align:center;
    font-size:24px;
    color:#5f8b94;
    margin-top:-14px;
    float:left;
    padding-bottom:12px;
    box-shadow: 0px 2px 2px #bcbcbc;
    z-index: 9;
    position: relative;
}

#scBtnDash {
    background:#5f959e;
    color:white;
    background-size:160px 28px;
    width:160px;
    height:27px;
    position:relative;
    float:left;
    margin:0px 0px 0px 0px;
    z-index:3;
    transition:all .5s;
    opacity:0;
    border-radius: 6px;
    line-height: 26px;
    cursor:pointer;
    border: 1px solid #000;
}

#scBtnDash.on {opacity:1;}

#scBtnDash.active {
    background:#7db3be;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 0px 6px white;
}
#scBtnDash:hover {
    background:#7db3be;
}

#scBtnNeeds {
    background:#5f959e;
    color:white;
    width:160px;
    height:27px;
    position:relative;
    margin:0px 0px 0px 6px;
    float:left;
    z-index:3;
    background-size:160px 28px;
    transition:all .5s;
    opacity:0;
    border-radius: 6px;
    line-height: 26px;
    cursor:pointer;
    border: 1px solid #000;
}
#scBtnNeeds.on {opacity:1;}
#scBtnNeeds.active {
    background:#7db3be;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 0px 6px white;
}
#scBtnNeeds:hover {
    background:#7db3be;
}
#scBtnTm {
    background:#5f959e;
    color:white;
    width:160px;
    height:27px;
    background-size:160px 28px;
    position:relative;
    margin:0px 0px 0px 6px;
    float:left;
    z-index:3;
    transition:all .5s;
    opacity:0;
    border-radius: 6px;
    line-height: 26px;
    cursor:pointer;
    border: 1px solid #000;
}

#scBtnTm.on {opacity:1;}
#scBtnTm.active {
    background:#7db3be;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 0px 6px white;
}
#scBtnTm:hover {
    background:#7db3be;
}

.newsSpecialHeader
{
    line-height:28px;
    margin-left:0px;
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left, #c9e3eb 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #c9e3eb 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #c9e3eb 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9e3eb', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    padding:4px 8px;
    border-radius:6px;
    font-weight:bold;
    border: 1px solid #c9e3eb;
    font-size:18px;
    transition:all .5s;
}
.newsSpecialHeader.alert {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #edd5d5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#edd5d5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#edd5d5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edd5d5',GradientType=0 ); /* IE6-9 */
    border:1px solid #D67B6F;

}

.newsSpecialHeader.top {
    margin:4px 1% 10px 1%;
    width: 98%;
    transition:background 1s;
    cursor:pointer;
    overflow: hidden;
    float:left;
}
.newsSpecialHeader.top.spotlight {
    background:none;
    border:none;
    cursor:default;
}
.newsSpecialHeader.top.spotlight:hover {
    background:none;
    border:none;
}



.spot {
    padding: 13px 0px 0px 8px;
    line-height:4px;
    color:white;
    margin-top: -3px;
    margin-left: 28px;
    height: 32px;
    border-bottom: 1px solid #c9e3eb;
    border-top: 1px solid #c9e3eb;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1eb9ee+0,ffffff+100 */
    background: #5f8b94; /* Old browsers */
    background: -moz-linear-gradient(left,  #5f8b94 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #5f8b94 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #5f8b94 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f8b94', endColorstr='#ffffff',GradientType=1 );
    width:0%;
    opacity:0;
    transition:all 1s;
}
.spot.on {
    width: 100%;
    opacity: 1;
}

.spotHead {
    background-image:url(../img/spotHead.png);
    width:34px;
    height:33px;
    background-size:34px 33px;
    float:left;
    margin:-4px 0px 0px -8px;
}


.newsSpecialHeader.top.iso {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left, #d6ebff 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #d6ebff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #d6ebff 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ebff', endColorstr='#ffffff',GradientType=1 );
}
.newsSpecialHeader.top.cap {
    background: #fff; /* Old browsers */
    background: -moz-linear-gradient(left, #f4e9e9 0%, #ffffff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f4e9e9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f4e9e9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e9e9', endColorstr='#ffffff',GradientType=1 );
}

.newsSpecialHeader.top:hover {
    background:#c9e3eb;
    border:1px solid #fad400;
}

.newsSpecialHeader.top.iso:hover {
    background:#d6ebff;
    border:1px solid #fad400;
}
.newsSpecialHeader.top.cap:hover {
    background:#f4e9e9;
    border:1px solid #fad400;
}



.capSpecialHeader.iMac {
    height:37px;
    margin-left:0px;
    background: #98999d; /* Old browsers */
    background: -moz-linear-gradient(left, #98999d 0%, #bfc2c5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #98999d 0%,#bfc2c5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #98999d 0%,#bfc2c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98999d', endColorstr='#bfc2c5',GradientType=1 ); /* IE6-9 */
}

/*  EO LEAP SCREEN BROWSER .    */



.greenDl {
    background: #5f959e;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius:6px;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    transition:all .5s;
    cursor:pointer;
    margin-bottom: 8px;
}
.greenDl:hover {
    background:#6bb9c7;
    color:white;
}
.redDl.inline {
    width:128px;
    margin-top: 11px;
    margin-right: 9px;
}
.blueDl {
    background: #82b2d7;
    color: white;
    font-weight: bold;
    text-align: center;
    border-radius:6px;
    float: left;
    width: 100%;
    height: 30px;
    line-height: 30px;
    transition:all .5s;
    cursor:pointer;
    margin-bottom: 8px;
}
.blueDl:hover {
    background:#80c0f1;
    color:white;
}
.blueDl.inline {
    width:128px;
    margin-top: 11px;
    margin-right: 9px;
}





.description-text {
  color: #000000;
}
.description-bg-text.cap {
    width:40%;
    margin:0px auto;
    margin-bottom: 50px;
}
.description-bg-text.leap {
    width:50%;
    margin:0px auto;
    margin-bottom: 50px;
}
.description-text.centered {
    text-align:center;
}
.book-wrapper {
  max-width: 100%;
  text-align: center;
    margin: auto;
}

.book-wrapper img {
  width: 250px;
  height: auto;
  overflow: hidden;

}
.book, .bookLeft, .bookRight {
  height: auto;
  -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    -ms-transition: all .4s ease;
    transition: all .4s ease;
    position:relative;
    z-index:1;
    box-shadow:0px 2px 2px gray;
    background:white;
}

.hoverInstructions {
    background:white;
    border:2px solid #5f959e;
    opacity:.9;
    border-radius:10px;
    width:100%;
    height:76px;
    line-height:30px;
    position:relative;
}

.book:hover, .bookLeft:hover, .bookRight:hover {
box-shadow:0px 4px 12px gray;
z-index:2;
  cursor: pointer;
  height: auto;
  width: 250px;
    transform:scale(1.8);
    -ms-transform:scale(1.8); /* IE 9 */
    -moz-transform:scale(1.8); /* Firefox */
    -webkit-transform:scale(1.8); /* Safari and Chrome */
    -o-transform:scale(1.8); /* Opera */
    margin-top:16%;
}

.publisher h4 {
  color: #333333;
  font-weight: 500;
}

.newsSub {width:38%;float:left;padding:0px 0px 0px 8px}
@media (max-width: 480px) {
    .newsSub {width:100%;float:left;padding:0px 0px 0px 8px}
    .newsHeaderText {font-size:16px;}
    #newsContents li {padding-left: 0px;
    padding-right: 4px;}
    .movieBanner {
        margin:16px auto 0px auto;
        background:url(../img/movieTitleMobile.png) no-repeat center top;
        width:304px;
        height:200px;
    }
    .moved {margin:0px auto;float:none;}
    .indexCapLogo {
        width:300px;
        height:51px;
        background-size:300px 51px;
    }
    .newsContent {
        padding: 0px 4px 0px 0px;
    }
    .language.container {
        padding-right: 10px;
        font-size: 16px;
    }
   .leapTd {
       padding:0px 8px;
   }
  .panel-group {
  margin-left: 0px !important;
  }
  .panelPadding {
  padding-top: 0px !important;
  }
  .panel-heading H4{
  margin-left: 5%;
  width: 90% !important;}
    
    .capSm4 {
        width: 100%;
        float: left;
        margin: 0px auto;
    }    
    .capSubMenu, .isoSubMenu {
        height:122px;
    }
    
    
}
.vidbox {
    margin:0px auto;
    background: #5f959e;
    padding:10px 10px 4px 10px;
    border-radius: 10px;
    text-align:center;
}



@media (max-width: 712px) {
    .description-bg-text.leap {
        width:80%;
    }
    #faqMenu {
    height:154px;text-align:center;
    }
    #iMacRemote {
        margin:0px auto;
        height:38px;
    }
    
    #scMain, #scMain2, #scMain3, #scOne, #scTwo, #scThree, #scFour, #scFive, #scSix, #scSeven, #scEight, #scNine, #scTen {
         top: 4.5%;
         left: 16.1%;
         width: 67.9%;
         height: 65.9%;
    }
    
    #scDashOne {
        border:2px solid #5f959e;
        width: 22.8%;
        height: 17.6%;
        top: 17.8%;
        left: 25.9%;
    }
    
    #scDashTwo {
        border:2px solid #5f959e;
        width: 22.4%;
        height: 3.3%;
        top: 35.8%;
        left: 26.6%;
    }   
    
    #scDashThree {
         border:2px solid #5f959e;
         width: 23.7%;
         height: 46%;
         top: 17.5%;
         left: 49.2%;
    }
    
    #scDashFour {
        border:2px solid #5f959e;
        width: 22.4%;
        height: 15.3%;
        top: 39.4%;
        left: 26.6%;
    }

    #scDashFive {
        border:2px solid #5f959e;
        width: 46.5%;
        height: 5.3%;
        top:20.7%;
        left:26.8%;
    }
    #scDashSix {
        border:2px solid #5f959e;
        width:46.5%;
        height:8.6%;
        top:25.6%;
        left:26.8%;
    }
    #scDashSeven {
        border:2px solid #5f959e;
        width:46.9%;
        height:4.5%;
        top:57.3%;
        left:26.5%;
    }
    #scDashEight {
        border:2px solid #5f959e;
        width:46.5%;
        height:8.8%;
        top:15.4%;
        left:26.9%;
    }
    #scDashNine {
        border:2px solid #5f959e;
        width:46.5%;
        height:11.5%;
        top:24.4%;
        left:26.9%;
    }
    #scDashTen {
        border:2px solid #5f959e;
        width:46.5%;
        height:18.9%;
        top:36.2%;
        left:26.9%;
    }
    
    
    
    @media (max-width: 767px) {
        .newsUpdateDate {font-size:10px;}
        #leapTopArea {display:none}
        .sideMenuFolder {
            display:none;
        }
        .tutTextContTitle {
            font-size: 16px;
            font-weight: bold;
            line-height: 22px;
            padding: 4px;
        }
  div.our-clients .clients .client {
    margin: 15px auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
    border-left: 1px solid #dce0e3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
.bookLeft:hover {
    left:none;
}
.bookRight:hover {
    right:none;
}
    
}

    .vidbox {width:100%;}
    

.calEntry.long {
    margin-bottom:120px;   
}
    2
#pdfviewPcOnly {display:none;}
    
  #autoPlayBtn {
        border-bottom-left-radius:17px;
        width:86%;
        top:100%;
        left:20px;  
      background: #729ca3;
  }
    #leapVidMenuBtn {
        display:none;   
    }    
    .leapLabel {
        left:0px;
        top: 16px;
    }
    
    .videoLink {
        font-size:14px;
        padding:6px 0px 10px 12px;
        margin:6px auto 0px auto;
    }
    #menuBack {
        padding:14px 0px 4% 0px;
        height:100%;
        margin-top:-17px;
    }
    #videoMenuContents {
        padding: 0px 2% 0px 7%;
    }
    .leapTheater {width:94%;margin-top:34px;}
    .videoInfoBox {font-size:12px;}
    .vidInfoLeft {width:66%;border-right:1px solid #599498;}
    .vidInfoRight {width:34%;padding-left:6px;border-left:1px solid #447b7e;}
    .cgiSm3 {
        padding-top: 6px;
        width: 47%;
        float: left;
        margin: 0% 0% 0% 2%;
        float: left;
        line-height: 43px;    
    }
    .cgiSm3.top {
        width:96%;
    }
    .cgiSm4 {
        padding-top: 6px;
        width: 96%;
        float: left;
        margin: 0% 2%;
    }
    
    .cgiMenuItem.accred {height:auto;}
    .cgiMenuItem {height:52px;}
    #channelIndicator, #channelIndicatorIso {width:47%;height:52px;}
    #channelIndicator.pos1, #channelIndicatorIso.pos1 {margin-left:2%;margin-top:6px;}
    #channelIndicator.pos2, #channelIndicatorIso.pos2 {margin-left:51%;margin-top:6px;}
    #channelIndicator.pos3, #channelIndicatorIso.pos3 {margin-left:2%;margin-top:64px;}
    #channelIndicator.pos4, #channelIndicatorIso.pos4 {margin-left:51%;margin-top:64px;}
    .cgiSubMenu, .isoSubMenu {margin-top:-1px;height:184px;}
    #channelIndicatorAccred {
        margin-top:6px;
        margin-left: 2%;
        width: 96%;
    }
    headline.cap {margin-top:20px;}
    #channelIndicatorAccred.pos1 {margin-top: 43px;margin-left: 2%;}
    #channelIndicatorAccred.pos2 {margin-top: 80px;margin-left: 2%;}
    .cgiSubMenu, .isoSubMenu {margin-bottom:26px;}
    .description-bg-text.cap {width:100%;}
}


@media (max-width: 1000px) {
    .newsSpecialHeader.top {
        font-size: 16px;
        line-height:31px;
    }
}


/* SLIDER CSS */
.switchCont {
    background:#522e2e url(../img/surveyPattern.png) repeat;
    width: 100%;
    height: 56px;
    float: left;
    text-align: center;
    transition:all 1s;
}
.switchCont.jslm {
    background: #233349 url(../img/jslmPattern.png) repeat;
}


.switch {
    position: relative;
    height:36px;
    width:346px;
    margin: 9px 0px 0px 7px;
    float:left;
    background:#dfdfdf;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
}
.switch.noTextSelect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}
.switch-label {
    position: relative;
    z-index: 2;
    padding-left:7px;
    width: 168px;
    line-height:35px;
    font-size:14px;
    color:#999999;
    text-align: center;
    cursor: pointer;
    font-weight:bold;
}
.switch-label:active {
    font-weight: bold;
}

.switch-input {
    display: none;
}
.switch-input:checked + .switch-label {
    font-weight: bold;
    color:#fff;
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -ms-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
    transition: 0.15s ease-out;
    -webkit-transition-property: color, text-shadow;
    -moz-transition-property: color, text-shadow;
    -ms-transition-property: color, text-shadow;
    -o-transition-property: color, text-shadow;
    transition-property: color, text-shadow;
}
.switch-input:checked + .switch-label-on ~ .switch-selection {
    left:173px;
    /* Note: left: 50%; doesn't transition in WebKit */
}

.switch-selection {
    position:absolute;
    z-index:1;
    top:2px;
    left:2px;
    display:block;
    width:171px;
    height:32px;
    border-radius:6px;
    background-color: #af5e5e;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c37c7c), color-stop(100%, #af5e5e));
    background-image: -webkit-linear-gradient(top, #c37c7c, #af5e5e);
    background-image: -moz-linear-gradient(top, #c37c7c, #af5e5e);
    background-image: -ms-linear-gradient(top, #c37c7c, #af5e5e);
    background-image: -o-linear-gradient(top, #c37c7c, #af5e5e);
    background-image: linear-gradient(top, #c37c7c, #af5e5e);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;

}


.switch-selection.jslm {
    background-color: #5d93bd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #82b2d7), color-stop(100%, #5d93bd));
    background-image: -webkit-linear-gradient(top, #82b2d7, #5d93bd);
    background-image: -moz-linear-gradient(top, #82b2d7, #5d93bd);
    background-image: -ms-linear-gradient(top, #82b2d7, #5d93bd);
    background-image: -o-linear-gradient(top, #82b2d7, #5d93bd);
    background-image: linear-gradient(top, #82b2d7, #5d93bd);
}

/* EO SLIDER CSS */