body {margin:0;background:#ccc url(images/bg.png);overflow-x:hidden !important;}
.z-top {z-index:9999}
#main{overflow-x:hidden !important;}
.center {margin:0 auto;display:table;}
.menu {width:100%;padding:10px 0;background:#223953;}
.center input {margin:0 10px;border:1px solid #bbb;background:#eee;padding:10px 20px}
.fixed {padding:10px 0;background:#223953;position:fixed;top:0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.4);-moz-box-shadow:0 2px 10px rgba(0,0,0,.4);box-shadow:0 2px 10px rgba(0,0,0,.4);z-index:999}
#txt {position:fixed;top:10px;left:10px;padding:10px;background:#ddd;z-index:9999}
#switch{color:#333;cursor:pointer;z-index:9999;position:fixed;top:140px;left:0;background:rgba(255,255,255,0.4);padding:5px;width:45px;height:45px}
.allpage{border-left:1px solid #666;border-right:1px solid #666;margin:0 auto;-webkit-box-shadow:0 0 20px rgba(0,0,0,.6);-moz-box-shadow:0 0 20px rgba(0,0,0,.6);box-shadow:0 0 20px rgba(0,0,0,.6)}
#nav2 {z-index:9999;position:fixed;top:185px;left:0;background:rgba(255,255,255,0.4);padding:5px;width:45px;}
.menu-active{background:rgba(255,255,255,0.6)}
#nav2 ul {list-style-type: none; padding: 0px; margin: 5px 0px;}
#nav2 ul li a{text-decoration:none;}
.glyphicon{padding:4px;font-size:28px}
.nav-cont{margin:1px 15px}
#footer{height:320px;color:#fff;background:#444;position:relative;bottom:0;padding:20px;text-align:center;border-top:1px solid #bbb}
.footer-div{cursor:pointer;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #eee;z-index:22;background:#BA8F56 url(images/bg.png) no-repeat top right; position: absolute;bottom: 0px;margin-left:auto;margin-right: auto;left:0;right:0;width:88%;padding:35px 35px 85px 35px;text-align:left;color:#fff;-webkit-box-shadow:-4px -4px 10px rgba(0,0,0,.6);-moz-box-shadow:-4px -4px 10px rgba(0,0,0,.6);box-shadow:-4px -4px 10px rgba(0,0,0,.6);}
.footer-div ul{padding:25px}
.footer-div table,.footer-div p, .footer-div ul{background:rgba(0,0,0,0.4)}
.footer-div p, .footer-div ul{border-top:1px solid #fff;padding:8px;font-size:16px}
.footer-div table td{font-size:16px}
.footer-div table th{font-size:20px}
a, a:hover, a:active, a:focus { outline: 0;}
.scroll-page{
position: fixed;
animation: pulse 4s infinite;
-webkit-animation: pulse 4s infinite;
background: rgba(32,80,128,0.7);
color:#fff;
width: 10em;
left: 50%;
margin-left: -5em;
bottom: -10px;
text-align: center;
font-size: 1.2em;
height: 8em;
padding: 1em 0 0 0;
border-radius: .6em;
z-index: 280;
}
.btn-video{ background:#47269D;color:#fff}
.btn-video:hover{ background:#5A31C8;color:#fff}
.legacy-text h3{font-size:32px;font-weight:bold}
.legacy-text p{font-size:22px;}
#about-btn a{width:82px;background:#BA8F56;border:1px solid #916C3C;color:#fff;margin:10px 4px 0 0;}
#about-btn a:hover{background:#916C3C;border:1px solid #BA8F56}
.foot-close{border:1px solid #fff;float:right;color:#fff;background:transparent;}
#flip{padding:8% 0;margin:0 auto}
.modal-body{padding:0;}
.iframe{width:99%;height:420px;border:0}
@media screen and (max-width:1580px){
.legacy-text h3{font-size:28px;font-weight:bold}
.legacy-text p{font-size:18px;}
.footer-div p{font-size:14px}
.footer-div table td{font-size:14px}
.footer-div table th{font-size:18px}
}
@media screen and (max-width:980px){
.legacy-text h3{font-size:26px;font-weight:bold}
.legacy-text p{font-size:15px;}
.footer-div p{font-size:12px}
.footer-div table td{font-size:12px}
.footer-div table th{font-size:16px}
#mainWrap{width:550px}
.iframe{max-width:99%;height:400px;}
/*.ms-skin-default .ms-tooltip-cont{width:250px;}*/
.ms-skin-default .ms-tooltip-cont h3{font-size:18px}
.ms-tooltip-point .ms-point-center {
width: 14px !important;
height: 14px !important;
}
}

.section-bg{padding-left:0}
.ani{padding-left:20px;height:100%}
.section-text{vertical-align:middle;height:100%;z-index:14;color:#fff;font-family:arial,sans-serif;font-weight:bold;font-size:46px;text-shadow: 4px 4px 4px #333;}

#section-b{background:#434351;height:70px;width:100%;margin-left:0 !important}
#section-c{background:#184663;height:70px;width:100%;margin-left:0 !important}
#section-d{background:#8B5F3A;height:70px;width:100%;margin-left:0 !important}
#section-e{background:#3B5750;height:70px;width:100%;margin-left:0 !important}
#section-f{background:#6F8098;height:70px;width:100%;margin-left:0 !important}

@media screen and (max-width:600px){
.legacy-text h3{font-size:20px;font-weight:bold}
.legacy-text p{font-size:14px;}
.footer-div{padding:15px 15px 45px 15px;}
.footer-div p{font-size:11px}
.footer-div table td{font-size:11px}
.footer-div table th{font-size:14px}
.btn-section-d{font-size:8px}
.section-text{font-size:28px !important;line-height:46px}
#section-b{height:45px}
#section-c{height:45px}
#section-d{height:45px}
#section-e{height:45px}
#section-f{height:45px}
#mainWrap{width:260px}
#myModalLabel{font-size:90%}
#myModal .embed-responsive-item{height:140%;}
.iframe{max-width:99%;height:380px;}
.ms-skin-metro .ms-nav-next,
.ms-skin-metro .ms-nav-prev {
zoom: .6
}
}
@media screen and (max-width:400px){
.section-text{font-size:16px !important}
.ms-layer.normal-txt {font-size:9px !important;line-height:12px !important}
}
@keyframes pulse{0%{height:7em;}50%{height:9em;}100%{height:7em;}}
@-webkit-keyframes pulse{0%{height:7em;}50%{height:9em;}100%{height:7em;}}
.popover-content{color:#000 !important;font-size:90% !important;line-height:1.3em}
.popover {max-width:75%}
.btn-responsive {margin-top:12px;}