/***********************************
         Helper Classes
************************************/
/* Parallax************************/
.parallax{color:#fff;background-repeat:repeat;background-position:50% 0;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

@media screen and (max-width:992px){
.parallax{background-position:center top;-webkit-background-size:200%;-moz-background-size:200%;-o-background-size:200%;background-size:200%;}
}
/* Remove Margins************************/
.margin-none{margin:0;}
.margin-top-none{margin-top:0;}
.margin-right-none{margin-right:0;}
.margin-bottom-none{margin-bottom:0;}
.margin-left-none{margin-left:0;}
/* Add Margins************************/
.margin{margin:16px;}
.margin-top{margin-top:16px;}
.margin-right{margin-right:16px;}
.margin-bottom{margin-bottom:16px;}
.margin-left{margin-left:16px;}
/* Remove Paddings************************/
.padding-none{padding:0;}
.padding-top-none{padding-top:0;}
.padding-right-none{padding-right:0;}
.padding-bottom-none{padding-bottom:0;}
.padding-left-none{padding-left:0;}
/* Add Paddings************************/
.padding{padding:16px;}
.padding-top{padding-top:16px;}
.padding-right{padding-right:16px;}
.padding-bottom{padding-bottom:16px;}
.padding-left{padding-left:16px;}
/* Vertical Center************************/
.vertical-center{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
/* Full Width & Height************************/
.fullwidth{width:100%;}
.fullheight{height:100%;}
/* Full Width & Height************************/
.opacity-hide{filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.opacity-show{filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;}
/* Hexagon************************/
.hexagon{position:relative;margin:50px auto;width:160px;height:92px;background-position:center center;z-index:1;line-height:92px;font-size:14px;}
.hexagon .face1,.hexagon .face2{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:inherit;z-index:-1;backface-visibility:hidden;}
.hexagon .face1:before,.hexagon .face2:before{content:"";position:absolute;width:184px;height:184px;background:inherit;}
.hexagon .face1{-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);}
.hexagon .face1:before{left:0;-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top;-webkit-transform:rotate(-60deg) translate(-92px,0);-moz-transform:rotate(-60deg) translate(-92px,0);-o-transform:rotate(-60deg) translate(-92px,0);-ms-transform:rotate(-60deg) translate(-92px,0);transform:rotate(-60deg) translate(-92px,0);}
.hexagon .face2{-webkit-transform:rotate(-60deg);-moz-transform:rotate(-60deg);-o-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg);}
.hexagon .face2:before{right:0;-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top;-webkit-transform:rotate(60deg) translate(92px,0);-moz-transform:rotate(60deg) translate(92px,0);-o-transform:rotate(60deg) translate(92px,0);-ms-transform:rotate(60deg) translate(92px,0);transform:rotate(60deg) translate(92px,0);}
/* Progress Bars************************/
.progress-slim{height:15px;margin-top:4px;}
/* Text Small************************/
.text-small{font-size:13px;}
/* Responsive Centering************************/
@media screen and (max-width:1199px){
.text-center-md{text-align:center;}
}

@media screen and (max-width:991px){
.text-center-sm{text-align:center;}
}

@media screen and (max-width:767px){
.text-center-xs{text-align:center!important;}
}
/* Cover Background************************/
.bg-cover{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
/***********************************
            Animate
************************************/
*[data-animate]{visibility:hidden;}
*[data-animate].animated{visibility:visible;}
/***********************************
             Navbar
************************************/
#navbar{margin-top:0px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
#navbar .navbar-brand{font-size:23px;font-weight:300;height:70px;line-height:70px;padding:0 15px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
#navbar .navbar-brand img{margin-right:10px;}
#navbar .container > .navbar-collapse > .nav{float:right;}

@media screen and (max-width:767px){
#navbar .container > .navbar-collapse > .nav{float:none;}
}
#navbar .container > .navbar-collapse > .nav > li > a{padding-left:25px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;border-bottom:5px solid transparent;}
#navbar .container > .navbar-collapse > .nav > .active > a{border-bottom:5px solid #8DC64D;}

@media screen and (max-width:767px){
#navbar .navbar-collapse{background:rgba(0,0,0,0.8);}
}
#navbar.navbar-lg{margin-top:24px;background:transparent;border:none;}

@media screen and (max-width:767px){
#navbar.navbar-lg{margin-top:0px;}
}
#navbar.navbar-lg .container{background:rgba(190,0,0,0.6);border-radius:3px;}
#navbar.navbar-lg .dropdown-menu{background-color:rgba(0,0,0,0.3);}
#navbar.navbar-lg .dropdown-menu a{color:#fff;}
#navbar.navbar-lg .dropdown-menu a:hover,#navbar.navbar-lg .dropdown-menu a:focus{background:transparent;color:#F1BC4A;}
#navbar.navbar-lg .dropdown-menu .divider{background-color:rgba(63,63,63,0.4);}
#navbar.navbar-lg .container > .navbar-collapse > .nav > li > a{color:#fff;border-bottom:5px solid transparent;}

@media screen and (min-width:768px){
#navbar.navbar-lg .container > .navbar-collapse > .nav > li > a{padding:25px 15px;}
}
#navbar.navbar-lg .container > .navbar-collapse > .nav > li > a:hover,#navbar.navbar-lg .container > .navbar-collapse > .nav > li > a:focus{background:rgba(0,0,0,0.35);}
#navbar.navbar-lg .container > .navbar-collapse > .nav > li.active a{color:#8DC64D;background:transparent;border-bottom:5px solid #8DC64D;}
#navbar.navbar-lg .container > .navbar-collapse > .nav > li.active a:hover,#navbar.navbar-lg .container > .navbar-collapse > .nav > li.active a:focus{background:rgba(0,0,0,0.35);}

@media screen and (max-width:767px){
#navbar.navbar-lg .container > .navbar-collapse > .nav > li.active a{border-left:5px solid #8DC64D;border-bottom:none;}
}
/***********************************
          Contact Bar
************************************/
.contact-bar{height:35px;line-height:35px;background:#0e0e0e;color:white;}
/***********************************
             Header
************************************/
.header{display:block;position:relative;height:100%;width:100%;}
.header .header-title{font-size:39px;line-height:1.3em;text-transform:uppercase;font-weight:400;margin:0;}

@media screen and (max-width:992px){
.header .header-title{font-size:38px;}
}

@media screen and (max-width:768px){
.header .header-title{font-size:30px;}
}
.header .header-subtitle{font-size:66px;font-weight:300;margin:0;}

@media screen and (max-width:992px){
.header .header-subtitle{font-size:38px;}
}

@media screen and (max-width:768px){
.header .header-subtitle{font-size:24px;}
}
.header-default{color:#0e0e0e;background-color:#fff;}
.header-inverse{color:#fff;background-color:#0e0e0e;}
/***********************************
            Content Block
************************************/
.content-block{display:block;position:relative;margin:0;width:100%;overflow:hidden;padding:40px 0;}
.content-block.content-block-md{padding:80px 0;}
.content-block.content-block-lg{padding:120px 0;}
.content-block.content-block-xlg{padding:160px 0;}
.content-block .content-block-title{font-size:48px;font-weight:200!important;margin:0 0 0px 0;}

@media screen and (max-width:992px){
.content-block .content-block-title{text-align:center;color:#333;font-size:38.4px;}
}

@media screen and (max-width:768px){
.content-block .content-block-title{font-size:36px;}
}
.content-block .content-block-title-lg{font-size:72px;text-transform:uppercase;font-weight:600;margin:0;}

@media screen and (max-width:992px){
.content-block .content-block-title-lg{font-size:54px;}
}

@media screen and (max-width:768px){
.phonebtn{display:inline-block!important;}
.linebtn{display:inline-block!important;}
.content-block .content-block-title-lg{font-size:32px;}
}
.content-block .content-block-subtitle{margin-top:20px;font-size:16px;}

@media screen and (max-width:992px){
.content-block .content-block-subtitle{text-align:center;}
}
.content-block .content-block-subtitle-lg{font-size:36px;text-transform:uppercase;font-weight:300;margin:0;}

@media screen and (max-width:992px){
.content-block .content-block-subtitle-lg{font-size:27px;}
}

@media screen and (max-width:768px){
.content-block .content-block-subtitle-lg{font-size:18px;}
}
.content-block .content-block-btn{margin-top:25px;}
/***********************************
            Theming
************************************/
.content-block-default{background:#fff;color:#0e0e0e;}
.content-block-default .btn{-webkit-box-shadow:0 0 0 0 #000;box-shadow:0 0 0 0 #000;}
.content-block-inverse{background:#FFF;color:#333;}
/***********************************
            Services
************************************/
.services-wrapper{margin:100px 0 80px;}
.service{padding:30px 20px 25px;border-bottom:5px solid transparent;margin-bottom:20px;border-radius:3px;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.service a{display:block;width:100%;height:100%;}
.service.service-sideicon{padding:5px 20px;}
.service.service-sideicon .service-title,.service.service-sideicon .service-description{padding-left:90px;}
.service.service-sideicon .service-icon{width:80px;height:80px;position:absolute;display:block;float:left;margin-top:20px;}
.service .service-icon{-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-ms-transition:all 0.7s ease;transition:all 0.7s ease;}
.service .service-title{font-size:18px;text-transform:uppercase;-moz-transition:all 0.7s ease;-o-transition:all 0.7s ease;-webkit-transition:all 0.7s ease;-ms-transition:all 0.7s ease;transition:all 0.7s ease;}
.service .service-description{font-size:14px;}
.service:hover{border-bottom:5px solid #F6B800;}
.service:hover .service-icon{color:#F6B800;}
.service:hover .service-title{color:#F6B800;}

@media screen and (max-width:screen-md-max){
.service .service-title{font-size:14px;}
.service .service-description{font-size:12px;}
}
/***********************************
            Theming
************************************/
.service-default{color:#0e0e0e;background:#fff;}
.service-default .service-title,.service-default .service-icon{color:#0e0e0e;}
.service-default .service-description{color:#555555;}
.service-inverse{background:#0e0e0e;color:#fff;}
.service-inverse .service-title,.service-inverse .service-icon{color:#fff;}
.service-inverse .service-description{color:#FFF;font-weight:400;}
/***********************************
         Project View
************************************/
.project-view-body .project-view-close,.project-view-body .project-view-hide{display:none;}
.load-wrapper{}
.load-wrapper .project-view-details{padding:50px 0;}
.load-wrapper .project-view-details .project-view-date{position:absolute;right:10px;color:#8DC64D;}

@media screen and (max-width:991px){
.load-wrapper .project-view-details .project-view-date{position:relative;clear:both;display:block;text-align:center;width:100%;right:0;}
}
.load-wrapper .project-view-details .project-view-title{font-size:48px;font-weight:300;margin:0;}

@media screen and (max-width:992px){
.load-wrapper .project-view-details .project-view-title{text-align:center;font-size:38.4px;}
}

@media screen and (max-width:768px){
.load-wrapper .project-view-details .project-view-title{font-size:36px;}
}
.load-wrapper .project-view-details .project-view-description{margin-top:20px;}
.load-wrapper .project-view-details .project-view-actions{margin-top:20px;}
.load-wrapper .project-view-details .project-view-actions a{margin-bottom:10px;margin-right:20px;}
.load-wrapper .project-view-image{position:relative;width:100%;display:block;}
.load-wrapper .project-view-image img{width:100%;height:auto;display:block;}
.load-wrapper .project-view-close{padding:25px 0;}
/***********************************
            Theming
************************************/
.project-view-default .btn{-webkit-box-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}
.project-view-default .project-view-details{color:#0e0e0e;background:#fff;}
.project-view-default .project-view-image{background:#fff;}
.project-view-default .project-view-close{color:#0e0e0e;background:#fff;}
.project-view-inverse .project-view-details{color:#fff;background:#FFF;}
.project-view-inverse .project-view-image{background:#0e0e0e;}
.project-view-inverse .project-view-close{color:#fff;background:#0e0e0e;}
.project-view-inverse .owl-controls .owl-page span{background:rgba(255,255,255,0.5);}
.project-view-inverse .owl-controls .owl-page.active span{background:rgba(255,255,255,0.8);}
/***********************************
            Ajax Loading
************************************/
#portfolio-project-load-wrapper{height:100%;width:100%;top:0;left:0;display:none;margin:0;z-index:999;position:fixed;overflow-y:scroll;}
#portfolio-project-load-wrapper #portfolio-project-load-content{padding-top:70px;position:relative;display:block;}
.portfolio-project-load-default{background:#fff;}
.portfolio-project-load-default #portfolio-project-load-loading{background:#fff;}
.portfolio-project-load-inverse{background:#FFF;}
.portfolio-project-load-inverse #portfolio-project-load-loading{background:#FFF;}
/***********************************
       Portfolio Filter
************************************/
.portfolio-filter-wrapper{padding:40px 0;}

@media screen and (max-width:768px){
.portfolio-filter-wrapper .portfolio-filter{text-align:center;}
.portfolio-filter-wrapper .portfolio-filter ul li{width:100%;}
}
.portfolio-filter-wrapper .portfolio-filter ul{margin:0;}
.portfolio-filter-wrapper .portfolio-filter ul li a{padding:0px 3px;color:#555;font-weight:400!important;}
.portfolio-filter-wrapper .portfolio-filter ul li a.active{color:#C60000;font-weight:bold;}
.portfolio-filter-default{color:#0e0e0e;background:#fff;}
.portfolio-filter-default ul li a{color:#0e0e0e;}
.portfolio-filter-inverse{background:#FFF;color:#fff;}
.portfolio-filter-inverse ul li a{color:#fff;}
/***********************************
             Portfolio
************************************/
.portfolio{position:relative;display:block;width:100%;height:100%;-moz-transition:height 0.5s ease;-o-transition:height 0.5s ease;-webkit-transition:height 0.5s ease;-ms-transition:height 0.5s ease;transition:height 0.5s ease;}
.portfolio:before,.portfolio:after{content:"";display:table;}
.portfolio:after{clear:both;}
.portfolio .portfolio-project{position:relative;display:block;width:100%;height:auto;float:left;}
.portfolio .portfolio-project .portfolio-vertical-center{position:absolute;display:block;top:50%;margin-top:-33px;width:100%;text-align:center;}
.portfolio .portfolio-project .portfolio-project-image{position:relative;display:block;width:100%;height:100%;z-index:0;}
.portfolio .portfolio-project .portfolio-project-image img{	position:relative;	display:block;	width:100%;	height:auto;}
.portfolio .portfolio-project .portfolio-project-details{background:rgba(0,0,0,0.75);opacity:0;z-index:1;position:absolute;width:100%;height:100%;display:block;margin:0;padding:0;text-align:center;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.portfolio .portfolio-project .portfolio-project-details .portfolio-project-title{color:#fff;font-size:30px;text-transform:uppercase;position:relative;display:block;}
.portfolio .portfolio-project .portfolio-project-details .portfolio-project-category{font-size:18px;color:#F6B800;position:relative;display:block;margin-top:10px;}
.portfolio .portfolio-project .portfolio-project-details .portfolio-project-actions{position:absolute;right:15px;bottom:15px;}
.portfolio .portfolio-project .portfolio-project-details .portfolio-project-actions a{color:#fff;height:38px;width:40px;line-height:38px;padding-top:2px;display:block;text-align:center;border:0px solid #181818;background:#0e0e0e;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.75);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.75);box-shadow:inset 0 0 10px rgba(0,0,0,0.75);float:left;margin:5px;font-weight:300;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;border-radius:3px;}
.portfolio .portfolio-project .portfolio-project-details .portfolio-project-actions a:hover{color:#8DC64D;-webkit-box-shadow:inset 0 0 15px black;-moz-box-shadow:inset 0 0 15px black;box-shadow:inset 0 0 15px black;}
.portfolio .portfolio-project:hover .portfolio-project-details{opacity:1;}
.portfolio.portfolio-gap{}
.portfolio.portfolio-gap .portfolio-project .portfolio-project-image img{padding:5px;}

@media screen and (min-width:1200px){
.portfolio.portfolio-col-lg-4 .portfolio-project{width:25%;}
}

@media screen and (min-width:1200px){
.portfolio.portfolio-col-lg-3 .portfolio-project{width:33.33333%;}
}

@media screen and (min-width:1200px){
.portfolio.portfolio-col-lg-2 .portfolio-project{width:50%;}
}

@media screen and (min-width:1200px){
.portfolio.portfolio-col-lg-1 .portfolio-project{width:100%;}
}
.portfolio.portfolio-col-md-4 .portfolio-project{width:25%;}

@media screen and (max-width:1199px){
.portfolio.portfolio-col-md-4 .portfolio-project{width:25%;}
}
.portfolio.portfolio-col-md-3 .portfolio-project{width:32.5%;margin:3px;}

@media screen and (max-width:1199px){
.portfolio.portfolio-col-md-3 .portfolio-project{width:32.5%;}
}
.portfolio.portfolio-col-md-2 .portfolio-project{width:50%;}

@media screen and (max-width:1199px){
.portfolio.portfolio-col-md-2 .portfolio-project{width:50%;}
}
.portfolio.portfolio-col-md-1 .portfolio-project{width:100%;}

@media screen and (max-width:1199px){
.portfolio.portfolio-col-md-1 .portfolio-project{width:100%;}
}

@media screen and (max-width:991px){
.portfolio.portfolio-col-sm-4 .portfolio-project{width:25%;}
}

@media screen and (max-width:991px){
.portfolio.portfolio-col-sm-3 .portfolio-project{width:33.33333%;}
}

@media screen and (max-width:991px){
.portfolio.portfolio-col-sm-2 .portfolio-project{width:49%;}
}

@media screen and (max-width:991px){
.portfolio.portfolio-col-sm-1 .portfolio-project{width:100%;}
}

@media screen and (max-width:767px){
.portfolio.portfolio-col-xs-4 .portfolio-project{width:25%;}
}

@media screen and (max-width:767px){
.portfolio.portfolio-col-xs-3 .portfolio-project{width:33.33333%;}
}

@media screen and (max-width:767px){
.portfolio.portfolio-col-xs-2 .portfolio-project{width:50%;}
}

@media screen and (max-width:767px){
.portfolio.portfolio-col-xs-1 .portfolio-project{width:100%;}
}
/***********************************
         Team Members
************************************/
.about-wrapper{margin:50px 0 30px;}
.team-member{border-bottom:5px solid transparent;}
.team-member:hover .team-member-name{color:#F6B800;}

@media screen and (max-width:1199px){
.team-member{margin-bottom:70px;}
}
.team-member .team-member-img-wrapper .hexagon{margin:0 auto;}
.team-member .team-member-details{padding:50px 10px 5px;height:180px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.team-member .team-member-details .team-member-name{margin-bottom:0;font-size:24px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;font-weight:400;}
.team-member .team-member-details .team-member-profession{font-size:16px;margin-top:6px;color:#b1b1b1;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;font-weight:400;}
.team-member .team-member-details .team-member-description{-moz-transition:all 0.5s ease;margin-top:6px;font-size:14px;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;font-weight:400;}

@media screen and (max-width:1199px) and (min-width:992px){
.about-single{padding-left:20px;}
}
/* Social************************/
.team-member-social li a{width:40px;height:40px;line-height:40px;text-align:center;display:block;background:#F6F6F6;border-radius:3px;margin-bottom:10px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.team-member-social li a:hover{color:#FFF;background:#F6B800;}
/***********************************
            Theming
************************************/
.team-member-default:hover .team-member-details{background:#fff;}
.team-member-default:hover .team-member-details .team-member-profession{color:#555555;}
.team-member-default:hover .team-member-details .team-member-description{color:#0e0e0e;}
.team-member-default:hover{border-bottom:5px solid #8DC64D;}
.team-member-inverse:hover .team-member-details{background:#FFF;}
.team-member-inverse:hover .team-member-details .team-member-profession{color:#b1b1b1;}
.team-member-inverse:hover .team-member-details .team-member-description{color:#eeeeee;}
.team-member-inverse:hover{border-bottom:5px solid #F6B800;}
/***********************************
         Pricing Table
************************************/
.pricing-wrapper{margin:100px 0;}
.pricing-table{margin-bottom:20px;border:0px solid transparent;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;/* Arrow************************//* Title************************//* Price************************//* List Items************************//* Footer************************//* Panel Primary Price Color************************/}
.pricing-table:hover{border:0px solid #8DC64D;}
.pricing-table:hover .pricing-table-price h1{color:#F6B800;-webkit-transform:rotateX(360deg) scale(1.2);-moz-transform:rotateX(360deg) scale(1.2);-o-transform:rotateX(360deg) scale(1.2);-ms-transform:rotateX(360deg) scale(1.2);transform:rotateX(360deg) scale(1.2);}
.pricing-table:hover .pricing-table-title{color:#F6B800;}
.pricing-table .panel-heading{border-bottom:0 solid transparent;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.pricing-table .panel-heading:after{margin-top:10px;border:solid transparent;content:"";height:20px;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:transparent;border-width:20px 30px;margin-left:-30px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}

@media screen and (max-width:767px){
.pricing-table .panel-heading:after{display:none;}
}
.pricing-table .pricing-table-title{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;font-size:24px;margin:20px 0;text-transform:uppercase;}
.pricing-table .pricing-table-price h1{font-size:39px;color:#F6B800;z-index:3;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.pricing-table .pricing-table-price p{margin:0;color:#999;}
.pricing-table .list-group{padding-top:30px;}

@media screen and (max-width:767px){
.pricing-table .list-group{padding-top:0px;}
}
.pricing-table .list-group .list-group-item{-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;}
.pricing-table .pricing-table-footer{padding:0px;}
.pricing-table .pricing-table-footer .btn{-webkit-box-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}
.pricing-table .panel{margin:0;border:0;padding:0;}
.pricing-table .panel-primary .pricing-table-price h1{color:#F6B800;}
.pricing-table .panel-primary .pricing-table-price p{color:#999;}
/***********************************
            Theming
************************************/
.pricing-table-default .panel-heading{background:#fff;}
.pricing-table-default .panel-heading:after{border-top-color:#fff;}
.pricing-table-default .list-group{background:#f4f4f4;}
.pricing-table-default .list-group .list-group-item{background:#f4f4f4;}
.pricing-table-default .list-group .list-group-item:hover{background:#FDFDFD;}
.pricing-table-inverse .panel-heading{background:#FFF;}
.pricing-table-inverse .panel-heading:after{border-top-color:#0e0e0e;}
.pricing-table-inverse .pricing-table-title{color:#fff;}
.pricing-table-inverse .pricing-table-price p{color:#b1b1b1;}
.pricing-table-inverse .list-group{background:#fff;}
.pricing-table-inverse .list-group .list-group-item{background:#fff;font-size:14px;}
.pricing-table-inverse .list-group .list-group-item:hover{background:#F9F9F9;}
/***********************************
            Content Block
************************************/
.accordion{margin-top:40px;}
.accordion .panel{background:transparent;border:none;}
.accordion .panel .panel-heading{padding:0 0 15px 0!important;background:transparent;border:none;color:#E58187;}
.accordion .panel .panel-heading .panel-title{font-size:18px;}
.accordion .panel .panel-heading .panel-title i{margin-right:10px;}
.accordion .panel .panel-collapse{background:transparent;border:none;}
.accordion .panel .panel-collapse .panel-body{padding:0 0 25px 25px!important;background:transparent;border:none;border-top-color:transparent;font-size:15px;color:#555;}
.accordion .panel .panel-group .panel-heading + .panel-collapse .panel-body{border:none;box-shadow:none;}
.accordion .panel .panel-body{background:transparent;border:none;}
/***********************************
            Theming
************************************/
.accordion-default{color:#0e0e0e;}
.accordion-inverse{color:#fff;}
/***********************************
       Recent Blog Posts
************************************/
.recent-blog-post-wrapper{margin-bottom:100px;}
.blog-post-recent{padding:20px 25px;overflow:hidden;zoom:1;height:140px;border-radius:3px;border-bottom:5px solid transparent;margin-bottom:20px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;/* Blog Post Details************************//* Blog Post Image************************//* Blog Post Details************************/}
.blog-post-recent:hover .blog-post-recent-title{color:#0072DF;}
.blog-post-recent > a{display:block;width:100%;height:100%;}
.blog-post-recent .blog-post-recent-details{}
.blog-post-recent .blog-post-recent-details .blog-post-recent-title{margin:0;font-size:16px;font-weight:400;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.blog-post-recent .blog-post-recent-details .blog-post-recent-date{font-size:13px;font-weight:400;}
.blog-post-recent .blog-post-recent-details .blog-post-recent-text{font-size:14px;font-weight:400;margin-top:6px;}

@media screen and (max-width:767px){
.blog-post-recent .blog-post-recent-details .blog-post-recent-text{min-height:50px;}
}
.blog-post-recent .blog-post-recent-image{width:140px;height:100px;position:absolute;overflow:hidden;}
.blog-post-recent .blog-post-recent-image img{width:140px;height:100px;}
.blog-post-recent .blog-post-recent-details{padding-left:155px;}
.blog-post-recent .blog-post-recent-details h1{margin:0;}
/***********************************
            Theming
************************************/
.blog-post-recent-default{background:#fff;color:#555555;}
.blog-post-recent-default a{color:#555555;}
.blog-post-recent-default .blog-post-recent-title{color:#0e0e0e;}
.blog-post-recent-default:hover{border-bottom:5px solid #8DC64D;}
.blog-post-recent-inverse{background:#FFF;border:#D8D8D8 solid 1px;color:#333;}
.blog-post-recent-inverse a{color:#666;}
.blog-post-recent-inverse a:hover{color:#333;}
.blog-post-recent-inverse .blog-post-recent-title{color:#222;}
.blog-post-recent-inverse:hover{border:1px solid #BCD9F4;}
.timeline{position:relative;padding:20px 0 20px;list-style:none;}
.timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background-color:#eeeeee;}
.timeline > li{position:relative;margin-bottom:20px;}
.timeline > li:before,.timeline > li:after{content:"";display:table;}
.timeline > li:after{clear:both;}
.timeline > li:before,.timeline > li:after{content:"";display:table;}
.timeline > li:after{clear:both;}
.timeline > li > .timeline-panel{float:left;position:relative;width:45%;padding:20px;background:#fbfbfb;border:1px solid #e7e7e7;border-radius:3px;}
.timeline > li > .timeline-panel:before{content:"";display:inline-block;position:absolute;top:35px;right:-15px;border-top:15px solid transparent;border-right:0 solid #ccc;border-bottom:15px solid transparent;border-left:15px solid #ccc;}
.timeline > li > .timeline-panel:after{content:"";display:inline-block;position:absolute;top:36px;right:-14px;border-top:14px solid transparent;border-right:0 solid #fbfbfb;border-bottom:14px solid transparent;border-left:14px solid #fbfbfb;}
.timeline > li > .timeline-badge{z-index:100;position:absolute;top:16px;left:50%;width:70px;height:70px;margin-left:-35px;border-radius:50% 50% 50% 50%;text-align:center;font-size:34px;line-height:70px;color:#fff;background-color:#738A96;}
.timeline > li.timeline-inverted > .timeline-panel{float:right;}
.timeline > li.timeline-inverted > .timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0;}
.timeline > li.timeline-inverted > .timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0;}
.timeline-badge.primary{background-color:#95a5a6!important;}
.timeline-badge.success{background-color:#5ACAA5!important;}
.timeline-badge.success2{background-color:#E9779D!important;}
.timeline-badge.warning{background-color:#F19755!important;}
.timeline-badge.warning2{background-color:#F47555!important;}
.timeline-badge.danger{background-color:#EA716E!important;}
.timeline-badge.danger2{background-color:#77C570!important;}
.timeline-badge.info{background-color:#6EA8DF!important;}
.timeline-title{margin-top:0;color:inherit;font-size:24px;color:#222;}
.timeline-body > p,.timeline-body > ul{margin-bottom:0;font-size:15px;}
.timeline-body > p + p{margin-top:5px;}
/***********************************
         Video Background
************************************/
.video-bg{padding:20px;position:relative;display:block;color:#fff;}
/* Video************************/
.videoBG{position:absolute;z-index:0;top:0px;left:0px;height:100%;width:100%;opacity:1;overflow:hidden;}
.videoBG video{position:absolute;z-index:0;top:0px;left:0px;min-width:100%;min-height:100%;}
.videoBG img{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;min-width:100%;min-height:100%;width:100%;height:100%;max-height:100%;max-width:100%;}
/* Content************************/
.videoBG_wrapper{position:relative;top:0px;left:0px;z-index:1;}
/***********************************
             Gmap
************************************/
.gmap{height:300px;width:100%;display:none;}
/***********************************
            Services
************************************/
.contact-form{position:relative;height:100%;display:block;}
.contact-form textarea{height:301px;}
.contact-form .contact-form-loading{display:none;}
.contact-form .contact-form-thanks{display:none;}
/***********************************
            Footer
************************************/
.footer{display:block;padding:50px 0;font-weight:300;}
.footer a{-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.footer a i{color:#8DC64D;}
.footer a:hover{color:#8DC64D;}
.footer ul li{margin-bottom:10px;}
.footer .footer-tag{font-size:14px;display:block;border-radius:2px;float:left;padding:10px 15px 8px;margin:0 8px 8px 0;}
.footer .footer-logo{font-size:24px;display:block;font-weight:300;margin-bottom:20px;}
.footer .footer-logo img{margin-top:-5px;margin-right:10px;}
.footer .footer-title{font-size:18px;font-weight:300;margin-bottom:20px;}
.footer .footer-news-date{font-size:13px;}
.footer-bar{color:#0e0e0e;padding:30px 0;line-height:30px;}
.footer-bar p,.footer-bar ul{margin:0;line-height:24px;font-size:14px;font-weight:400;}
.footer-bar .team-member-social li a{color:#0e0e0e;width:30px;height:30px;line-height:30px;text-align:center;display:block;margin-bottom:0px;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.footer-bar .team-member-social li a:hover{color:#8DC64D;background:#FFF;}
/***********************************
            Theming
************************************/
.footer-inverse{background:#0e0e0e;color:#666;font-size:15px;font-weight:400;}
.footer-inverse a{color:#333;}
.footer-inverse .footer-tag{color:#fff;background:#555555;}
.footer-inverse .footer-logo{color:#fff;}
.footer-inverse .footer-title{color:#333;}
.footer-default{font-weight:500;background:#fff;color:#555555;}
.footer-default a{color:#0e0e0e;}
.footer-default .footer-tag{color:#0e0e0e;background:#eeeeee;}
.footer-default .footer-tag:hover{color:#fff;background:#F1BC4A;}
.footer-default .footer-logo{color:#0e0e0e;}
.footer-default .footer-title{color:#0e0e0e;}





/***********************************
         Global Styles
************************************/
body,html{width:100%;height:100%;font-family:'微軟正黑體','Open Sans',sans-serif,'Helvetica',sans-serif,'Arial',sans-serif;font-weight:300;}


/***********************************
         Backgrounds
************************************/
#header{background:url("../images/1.jpg") no-repeat center top #0e0e0e;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/header.jpg',sizingMethod='scale')";}
#team-member-1{background-image:url("../images/team01.jpg");}
#team-member-2{background-image:url("../images/team02.jpg");}
#team-member-3{background-image:url("../images/team03.jpg");}
#team-member-4{background-image:url("../images/team04.jpg");}
#team-member-about{background-image:url("../images/focus.jpg");}
#team-member-about-2{background-image:url("http://placehold.it/160x185/1d1d1d/8DC64D");}
#portfolio-project-content-block{background-image:url("http://placehold.it/1920x1080/1d1d1d/474747");background-position:top;}
#product-presentation-content-block{background:#FBFBFB;border-top:#F5F5F5 solid 1px;border-bottom:#F5F5F5 solid 1px;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.http://placehold.it/1920x1080/1d1d1d/474747',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://placehold.it/1920x1080/1d1d1d/474747',sizingMethod='scale')";}
#content-block-parallax-1{background-image:url("http://placehold.it/1920x820/1d1d1d/474747");}
#content-block-parallax-2{background-image:url("../images/joinus.jpg");}
iframe{border:0;}
/***********************************
        Back to Top Button
************************************/
#backtotop{position:fixed;right:10px;bottom:10px;z-index:99;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;transition:all 0.5s ease;}
.next-section-bottom{position:absolute;left:50%;margin-left:-25px;bottom:30px;}
/***********************************
            Theming
************************************/
.bg-default{background:#fff;}
.bg-default .btn{-webkit-box-shadow:0 0 0 transparent;-moz-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;}
.bg-default .btn-bordered:active,.bg-default .btn-bordered:hover{color:white!important;}
.content-block-default .btn-bordered:hover{color:white!important;}
.bg-inverse{background:#0e0e0e;}
.bg-primary{background:#F1BC4A;font-size:14px;}
/***********************************
        Demonica Loader
************************************/
.loader-test{height:300px;width:100%;display:block;position:relative;}
.demonica-loader-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;display:block;z-index:999;}
.demonica-loader-wrapper .demonica-loader{display:block;position:absolute;left:50%;top:50%;margin-left:-25px;margin-top:-25px;}
.demonica-loader{width:50px;height:50px;border-radius:50%;margin:3em;display:inline-block;position:relative;vertical-align:middle;}
.demonica-loader,.demonica-loader:before,.demonica-loader:after{-webkit-animation:1s infinite ease-in-out;-moz-animation:1s infinite ease-in-out;-ms-animation:1s infinite ease-in-out;-o-animation:1s infinite ease-in-out;animation:1s infinite ease-in-out;}
.demonica-loader:before,.demonica-loader:after{width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;}
.demonica-loader{-webkit-animation:demonica-loader-1 1s infinite linear;-moz-animation:demonica-loader-1 1s infinite linear;-ms-animation:demonica-loader-1 1s infinite linear;-o-animation:demonica-loader-1 1s infinite linear;animation:demonica-loader-1 1s infinite linear;}
.demonica-loader:before,.demonica-loader:after{content:"";width:80%;height:80%;background-color:#333;top:5%;}
.demonica-loader:before{left:-5%;-webkit-animation:demonica-loader-2 1s infinite alternate ease-in-out;-moz-animation:demonica-loader-2 1s infinite alternate ease-in-out;-ms-animation:demonica-loader-2 1s infinite alternate ease-in-out;-o-animation:demonica-loader-2 1s infinite alternate ease-in-out;animation:demonica-loader-2 1s infinite alternate ease-in-out;-webkit-transform-origin:10% 50%;-moz-transform-origin:10% 50%;-ms-transform-origin:10% 50%;-o-transform-origin:10% 50%;transform-origin:10% 50%;}
.demonica-loader:after{left:auto;right:-5%;-webkit-animation:demonica-loader-2 1s 1s infinite alternate ease-in-out;-moz-animation:demonica-loader-2 1s 1s infinite alternate ease-in-out;-ms-animation:demonica-loader-2 1s 1s infinite alternate ease-in-out;-o-animation:demonica-loader-2 1s 1s infinite alternate ease-in-out;animation:demonica-loader-2 1s 1s infinite alternate ease-in-out;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:90% 50%;-moz-transform-origin:90% 50%;-ms-transform-origin:90% 50%;-o-transform-origin:90% 50%;transform-origin:90% 50%;}

@keyframes demonica-loader-1{
0%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);}
100%{-webkit-transform:rotate(380deg);-moz-transform:rotate(380deg);-o-transform:rotate(380deg);-ms-transform:rotate(380deg);transform:rotate(380deg);}
}

@keyframes demonica-loader-2{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}

@-moz-keyframes demonica-loader-1{
0%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);}
100%{-webkit-transform:rotate(380deg);-moz-transform:rotate(380deg);-o-transform:rotate(380deg);-ms-transform:rotate(380deg);transform:rotate(380deg);}
}

@-moz-keyframes demonica-loader-2{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}

@-webkit-keyframes demonica-loader-1{
0%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);}
100%{-webkit-transform:rotate(380deg);-moz-transform:rotate(380deg);-o-transform:rotate(380deg);-ms-transform:rotate(380deg);transform:rotate(380deg);}
}

@-webkit-keyframes demonica-loader-2{
0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);-ms-transform:scale(0);transform:scale(0);}
100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
}
.demonica-loader-default:before,.demonica-loader-default:after{content:"";width:80%;height:80%;background-color:#fff;top:5%;}
.demonica-loader-inverse:before,.demonica-loader-inverse:after{content:"";width:80%;height:80%;background-color:#FFF;top:5%;}
.demonica-loader-primary:before,.demonica-loader-primary:after{content:"";width:80%;height:80%;background-color:#8DC64D;top:5%;}
.fa-square{margin-right:3px;}
.portfolio-project-lightbox{display:none;}
.portfolio-bg{background:top center;background-size:100%;background-repeat:no-repeat;}
.gobtn{margin:9px 1em;float:right;}
.idfont{color:#fff;float:right;margin:21px 0.5em;}
.phonebtn{display:none;}
.linebtn{display:none;}