*{margin:0;padding:0;list-style:none;outline:none;}
body{font-family:'Roboto', sans-serif;font-style:normal;font-weight:300;font-size:14px;color:#666666;line-height:1.6;}
body a{color:#000;outline:none!important;}
body a:focus,
body a:active,
body a:visited{color:#000;}
body a:hover,
body a:focus,
body a:active,
body a:visited{text-decoration:none;}
img{width:auto;max-width:100%;}
.clearfix{clear:both;height:0;}
.header{background:transparent;position:fixed;z-index:999;width:100%;padding:20px 0;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;}
.header.header-on-top{background-color:rgba(26,34,50,0.95);}
.container{max-width:1630px;}
.logo-sticky{width:0;overflow:hidden;margin-right:0;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.logo-sticky,
.nav-container{display:inline-block;vertical-align:middle;}
.logo-sticky h1{margin:0;padding:0;}
.header-on-top .logo-sticky{width:141px;margin-right:100px;}
.nav-container{position:relative;top:-2px;}
.nav-container .navigation{margin:0;}
.nav-container .navigation li{display:inline-block;margin-right:40px;}
.nav-container .navigation li a{font-size:12px;color:#fff;text-decoration:none;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.nav-container .navigation li a span{font-family:'Montserrat', sans-serif;}
.nav-container .navigation li a i{margin-right:5px;}
.nav-container .navigation li a:hover{color:#bf9a61;}
.buynow-wrapper .buynow-header{display:inline-block;height:36px;line-height:36px;padding:0 27px;background-color:#bf9a61;font-weight:400;color:#fff;border-radius:18px;-webkit-border-radius:18px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.buynow-wrapper .buynow-header:hover{background-color:#fff;color:#bf9a61;}
.buynow-wrapper{text-align:right;}
.buynow-wrapper .buynow-header i{margin-right:5px;}
.header-intro{position:relative;}
.header-intro .top-intro{position:absolute;left:0;right:0;top:165px;text-align:center;display:none;}
.header-intro .top-intro h2{text-transform:uppercase;font-family:'Montserrat', sans-serif;color:#fff;font-weight:500;font-size:36px;line-height:1.2;margin:70px 0;display:none;display:none;}
.header-intro .top-intro h2 span{color:#bf9a61;font-weight:700;}
.title-content{font-size:40px;text-align:center;color:#222;font-family:'Roboto', sans-serif;font-weight:300;margin:0 0 15px;}
.demo-container{padding:50px 0 0;}
.short-des{text-align:center;font-weight:400;color:#999999;}
.list-demos{display:inline-block;width:100%;padding-top:40px;}
.list-demos .item{float:left;width:50%;text-align:center;margin-bottom:60px;padding:0 15px;}
.list-demos .item.disable{opacity:0.4;}
.list-demos .item.disable .demo-inner .demo-info h4{color:#fff;font-size:20px;font-weight:bold;float:none;}
.list-demos .demo-inner:hover{background-position:bottom !important;}
.list-demos .demo-inner:hover .demo-info{opacity:1;}
.list-demos .item:first-child .demo-inner{background:url('../images/h1.jpg') no-repeat;background-size:cover;}
.list-demos .item:nth-child(2) .demo-inner{background:url('../images/h2.jpg') no-repeat;background-size:cover;}
.list-demos .item:nth-child(3) .demo-inner{background:url('../images/h3.jpg') no-repeat;background-size:cover;}
.list-demos .item:last-child .demo-inner{background:url('../images/boxed.jpg') no-repeat;background-size:cover;}
.list-demos .demo-inner{box-shadow:1px 0px 24px 0 rgba(0,0,0,0.07);transition:all 4s;background-position:top;display:inline-block;position:relative;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
.list-demos .demo-inner .demo-info{transition:.4s;height:70px;opacity:0;background-color:#bf9a61;color:#fff;padding:20px 30px;position:absolute;bottom:0;left:0;right:0;border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
.list-demos .demo-inner img{position:relative;z-index:10;opacity:0;top:0;border-top-left-radius:5px;-webkit-border-top-left-radius:5px;border-top-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-left-radius:5px;border-bottom-right-radius:5px;-webkit-border-bottom-right-radius:5px;box-shadow:0 0 15px rgba(0, 0, 0, 0.25);-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.25);transition:transform 0.4s ease 0s;-webkit-transition:transform 0.4s ease 0s;}
.list-demos .demo-inner:hover img{transform:translateY(-70px);-webkit-transform:translateY(-70px);-ms-transform:translateY(-70px);border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-right-radius:0;}
.list-demos .demo-inner .demo-info h4{float:left;margin:0;line-height:30px;font-family:'Montserrat', sans-serif;font-size:14px;}
.list-demos .demo-inner .demo-info .list-version{float:right;margin:0;}
.list-demos .demo-inner .demo-info .list-version li{display:inline-block;margin-left:10px;}
.list-demos .demo-inner .demo-info .list-version li a{display:block;background-color:transparent;height:30px;color:#fff;font-size:12px;font-weight:400;border:1px solid #fff;line-height:28px;padding:0 25px;border-radius:15px;-webkit-border-radius:15px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.list-demos .demo-inner .demo-info .list-version li a:hover{background-color:#fff;color:#bf9a61;}
.features-top{background:url(../images/vector-features.png) no-repeat top center #bf9a61;text-align:center;color:#fff;padding:50px 0;}
.features-top h2{font-size:40px;font-family:'Roboto', sans-serif;font-weight:300;margin:0 0 20px;}
.features-top p{font-size:18px;margin:0;}
.feature-item{overflow:hidden;padding:80px 0;}
.feature-item .image-feature{max-width:730px;text-align:center;margin:0 0 0 auto;}
.feature-item .info-feature{text-align:center;max-width:650px;padding-top:30px;}
.feature-item .info-feature h3{font-size:36px;font-family:'Roboto', sans-serif;font-weight:300;color:#222;margin:25px 0 15px;}
.feature-bg{}
.feature-item.feature-bg .info-feature{margin:0 0 0 auto;}
.feature-item.feature-bg .image-feature{margin:0 auto 0 0;}
.product-page-wrapper{text-align:center;padding:50px 0;}
.product-page-wrapper .container{max-width:1330px;padding:0;}
.product-page-wrapper h2{font-family:'Roboto', sans-serif;font-weight:300;font-size:36px;color:#222;margin:25px 0 20px;}
.product-page-list{display:inline-block;width:100%;padding-top:30px;text-align:center;}
.product-page-list li{width:auto;text-align:center;margin-right:50px;display:inline-block;}
.product-page-list li img{box-shadow:0 0 15px rgba(0,0,0,0.08);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.08);padding:14px;}
.header-style-wrapper{background-color:#f5f5f5;padding:100px 0 80px;}
.header-style-wrapper .container{max-width:1330px;}
.slider-header-container{padding:15px;overflow:hidden;text-align:center;max-width:610px;}
.slider-header-container .header-slider .owl-stage-outer{overflow:visible;}
.slider-header-container .header-slider .owl-stage-outer .item-inner{margin-bottom:40px;}
.slider-header-container .header-slider .owl-stage-outer .item-inner img{width:auto;display:inline-block;box-shadow:0 0 15px rgba(0,0,0,0.25);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.25);border-radius:5px;-webkit-border-radius:5px;}
.slider-header-container .header-slider .owl-stage-outer .item-inner p{padding-top:10px;text-transform:uppercase;}
.header-style-wrapper .info-feature{text-align:center;max-width:650px;padding-top:10px;}
.header-style-wrapper .info-feature h3{font-size:36px;font-family:'Roboto', sans-serif;font-weight:300;color:#222;margin:25px 0 15px;}
.owl-controls{text-align:center;}
.owl-controls .owl-dots .owl-dot{background-color:#000;margin:0 5px;display:inline-block;width:30px;height:5px;border-radius:3px;-webkit-border-radius:3px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.owl-controls .owl-dots .owl-dot.active,
.owl-controls .owl-dots .owl-dot:hover{background-color:#bf9a61;}
.admin-wrapper{background:url(../images/bg-admin.jpg) no-repeat top center;text-align:center;color:#fff;padding:60px 0 55px;}
.admin-wrapper h2{font-size:40px;font-family:'Roboto', sans-serif;font-weight:300;margin:0;}
.admin-wrapper p{margin:15px 0 50px;font-weight:400;}
.other-feature-wrapper{text-align:center;padding:50px 0;}
.other-feature-wrapper h2{font-size:40px;color:#222;font-family:'Roboto', sans-serif;font-weight:300;margin:0 0 10px;}
.other-feature-wrapper .item-inner{margin-bottom:30px;}
.other-feature-wrapper .item-inner h3{font-size:18px;font-family:'Roboto', sans-serif;color:#222;font-weight:400;}
.hot-feature{background:url(../images/bg-hot-feature.jpg) no-repeat top center;text-align:center;padding:44px 0 35px;}
.list-hot-feature li{display:inline-block;vertical-align:top;font-size:18px;color:#fff;width:12.5%;}
.list-hot-feature li p{padding-top:10px;}
.list-hot-feature li.space{position:relative;top:35px;}
.support-wrapper{text-align:center;padding:50px 0 20px;}
.support-wrapper h2{font-size:40px;color:#222;font-family:'Roboto', sans-serif;font-weight:300;margin:0 0 10px;}
.support-wrapper p{margin-bottom:40px;}
.support-wrapper .item p{padding-top:10px;}
.support-wrapper .item p a{font-size:18px;color:#222;}
.buy-bottom{background:url(../images/bg-buy.jpg) no-repeat top center;text-align:center;padding:100px 0;color:#fff;}
.buy-bottom p{font-size:16px;font-style:italic;}
.buy-bottom h4{font-size:46px;font-family:'Roboto', sans-serif;font-weight:300;margin:20px 0 40px;}
.buy-bottom a{background-color:#bf9a61;color:#fff;display:inline-block;height:42px;line-height:42px;text-transform:uppercase;padding:0 35px;border-radius:22px;-webkit-border-radius:22px;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;font-size:14px;font-weight:bold;color:#fff;}
.buy-bottom a:hover{background-color:#fff;color:#bf9a61}
.buy-content{max-width:700px;margin:0 auto;}
.footer-container{background-color:#bf9a61;color:#fff;text-align:center;padding:32px 0 30px;}
.footer-container ul{margin-bottom:0px;}
.footer-container ul li{display:inline-block;margin:10px 3px 0;}
.footer-container ul li a{display:block;width:36px;height:36px;line-height:36px;text-align:center;background-color:#333;color:#fff;border-radius:50%;-webkit-border-radius:50%;transition:all 0.2s ease-in-out 0s;-webkit-transition:all 0.2s ease-in-out 0s;}
.footer-container ul li a:hover{background-color:#fff;color:#bf9a61;}
@media (min-width:1200px){.hot-features .h-feature-item .hot-item-content h2{white-space:nowrap;}
.all-features-content .feature-item:nth-child(3n+1){clear:left;}
}
@media (min-width:1280px) and (max-width:1440px){.header-intro .top-intro h2{margin:40px 0;}
}
@media (min-width:992px) and (max-width:1199px){.header-intro .top-intro{top:100px;}
.product-page-list li{padding:0 10px;}
.list-demos .item{width:50%;}
.header-intro .top-intro h2{margin:30px 0;}
}
@media (min-width:768px) and (max-width:991px){.header-intro .top-intro{top:84px;}
.header-intro .top-intro h2{margin:30px 0;font-size:26px;}
.list-demos .item{width:100%;}
.feature-item .info-feature{max-width:100%;}
.nav-container{background:url(../images/icon-nav-mobile.png) no-repeat center center;float:left;width:36px;height:36px;position:relative;border:1px solid #ddd;margin-top:5px;}
.nav-container .navigation{background:#fff none repeat scroll 0 0;display:none;position:absolute;left:-1px;top:34px;width:200px;padding:10px 20px;box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);}
.nav-container .navigation li{display:block;float:none;margin:0!important;}
.nav-container .navigation li a{color:#333;display:block;padding:10px 0;border-bottom:1px solid #ddd;}
.nav-container .navigation li:last-child a{border:none;}
.nav-container:hover .navigation{display:block;}
.header-on-top .logo-sticky{display:none;}
}
@media (max-width:767px){.header-intro .top-intro{display:none;}
.list-demos .item{width:100%;}
.navigation-logo .buynow-wrapper{float:left;width:50%;text-align:left}
.navigation-logo .nav-wrapper{float:left;width:50%;}
.header-on-top .logo-sticky{display:none;}
.nav-container{background:url(../images/icon-nav-mobile.png) no-repeat center center;float:left;width:36px;height:36px;position:relative;border:1px solid #ddd;margin-top:5px;}
.nav-container .navigation{background:#fff none repeat scroll 0 0;display:none;position:absolute;left:-1px;top:34px;width:200px;padding:10px 20px;box-shadow:0 0 3px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,0.3);}
.nav-container .navigation li{display:block;float:none;margin:0!important;}
.nav-container .navigation li a{color:#333;display:block;padding:10px 0;border-bottom:1px solid #ddd;}
.nav-container .navigation li:last-child a{border:none;}
.nav-container:hover .navigation{display:block;}
}
@media (min-width:481px) and (max-width:767px){}
@media (max-width:480px){.list-demos .item{padding:0;}
.list-demos .demo-inner .demo-info{display:table;width:100%;position:static;text-align:center;padding-left:10px;padding-right:10px;}
.list-demos .demo-inner img{transform:translateY(0)!important;-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;}
.list-demos .demo-inner .demo-info h4,
.list-demos .demo-inner .demo-info .list-version{float:none;}
.list-demos .demo-inner .demo-info h4{margin-bottom:10px;}
.product-page-list li{width:100%;margin-bottom:40px;}
.hot-feature,
.buy-bottom{background-size:auto 100%;}
.list-hot-feature li{width:100%;}
.list-hot-feature li.space{top:auto;margin:20px 0;}
}