/*general*/
@import url("../../../gogies3d/css/gogies.css"); 
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700,800');
body{background-color: #fff; font-family: 'Fira Sans', sans-serif;}
.body-wrap,.wrap{width: 100%;  margin: auto;  }
.wrap{max-width: 1200px;}
.navbar.main-nav{background-color:rgba(255,255,255,.95); border-bottom:1px solid #ccc  }
.navbar.main-nav.fixed-nav{ background-color:rgba(255,255,255,.95);}
.navbar.main-nav>.nav-menu> li >a{color:#000; border:none}
.navbar.main-nav .nav-menu  li.brand {padding:0; margin:0; }
.navbar.main-nav .nav-menu li.brand a img { margin:10px 20px 0px 20px; }
.slider-space{ display:block; min-height:280px; background-color:#222;}

@media (min-width:768px) {

   .navbar .nav-menu  a  { padding:30px 15px; font-weight:bold; font-size: 1em; }
.navbar .nav-menu li li a  { padding:10px 12px; font-weight:normal; font-size:1em; }


.home-header{background-color:transparent; position:absolute; top:30px; width:100%; z-index:15;}
    
}

.slider .caption{position: absolute; background:transparent; bottom:20%;}
.slider .slider-img{min-height: 150px;}
.redirect{ width:100%; position: relative; top:0; left:0; height:100%; text-align:center; background:#444; color:#eee; padding-top:20px;}
.section-title{  padding-bottom:16px; border-bottom:1px solid #ccc;  font-weight:bold; position:relative}
.section-title:after{ content:""; z-index:1; border-bottom:5px solid #F9EA5D; position: absolute; top:0px; left:0px;  width:60px; height:100%;}
.section-title-center{  padding-bottom:16px;  font-weight:bold; position:relative; text-align:center;}
.section-title-center:before{ content:""; z-index:1; border-bottom:5px solid #F9EA5D; bottom:0px;  left:46%; margin:auto;  display:block; position: absolute;  width:8%; height:100%;}
.hover-box{text-align:justify;}
.hover-box:hover{  border:solid 1px #666;   transition-duration: 1.5s; background-color:#222; }
.hover-box:hover em {color:orange;  transition-duration: 1.5s;}
 ul.icons {padding:0px; margin:auto; display:table; }
            .icons li{ font-size:13px; list-style:none; float:left; border:1px solid #ccc; padding:6px; margin:12px 4px; width:208px;  text-align:center; transition-duration:.6s;  }
            .icons li:hover,icon,.demo-box:hover{ background-color:#555555; color:#fff;  border-color:#555555}
            .demo-box{ border:2px solid #FFFFFF; border-top:hidden; background-color:#EEEEEE; max-width:100%; padding:15px;  text-align:center;}
            @media (min-width: 768px){
                .nav-left {height:100vh; position:fixed; top:0; width:inherit; display:block}
            }
            @media (max-width: 768px) {
                .slider .caption { position: absolute; top:20%;}
                .navbar.main-nav>.nav-menu li a,.navbar.main-nav>.nav-toggle{color:#333;}
            

            }
            .h-gap-t{ margin-top:4px}
.footer {background-color:#ddd}
.footer a {color:#333;}
.footer a:hover {color:#999;}
.grey-dark-text{color:#999}