/* Import Basic Files
================================================== */
@import url("reset.css");                       /* Reset browsers */
@import url("bootstrap.css");                   /* Essential bootstrap style */
@import url("fonts/fonts.css");                 /* Face-font */
@import url("bootstrap-responsive.css");        /* Essential bootstrap style - responsive */
@import url("javascript.css");                  /* All css associated by JS */
@import url("../js/rs-plugin/css/settings.css");   /* REVOLUTION SLIDER */
@import url("camera.css");                      /* Camera slider */
@import url("modernizr.css");                   /* Fluid Parallax slider */
@import url("elastic.css");                     /* Elastic slider */
@import url("shortcodes.css");                  /* Short codes style */
@import url("fontawesome/font-awesome.css");    /* Icon Fonts */
@import url("speed-use.css");                   /* Speed use style */
/*   styles that edited from bootstrap.css 
=================================================================================*/   
::selection, ::-moz-selection {
	background: #F5AF27;
	color: #fff
}
body {
	font-family: "ArmataRegular", Helvetica, Arial, Microsoft JhengHei, sans-serif;
	color: #787878;
	font-size: 14px;
	overflow-x: hidden;
	line-height: 1.7;
	/*background: url(../images/patterns/subtlenet2.png);*/
}         
             
h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: "ArmataRegular", Helvetica, Arial, Microsoft JhengHei, sans-serif;
	font-weight: normal;
	
}     
    
h1 {
  color: #787878;
  font-size: 28px;
  line-height: 40px;
  font-weight: normal;
  padding: 20px 0;
  margin-top: 0;
  text-transform: uppercase;
}
h2 {
  font-size: 20px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
}
h3 {
  font-size: 17px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
}
h4 {
  font-size: 15px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 20px;
}
h6 {
  font-size: 13px;
  line-height: 20px;
}
h2firstword {
	color: #EE7E2A;
}	                   
aside h3, aside h4, aside h5, aside h6 {
	text-align: left;
}
.title-desc {
	font-size: 14px;
	font-weight: normal;
}
                      
a {
	color: #787878;
  	text-decoration: none;
	-webkit-transition: color .1s ease-in 0s;
	-o-transition: color .1s ease-in 0s;
	-moz-transition: color .1s ease-in 0s;
	transition: color .1s ease-out 0s;
}                      
a:hover {
  color: #F5AF27;
  text-decoration: none;
}                      
.container { 
	background: transparent; 
	padding: 0 20px;
} 
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child,
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child,
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child,
.btn, 
.btn-large,
.btn-group > .btn:first-child, 
.btn-group > .btn:last-child, 
.btn-group > .dropdown-toggle,
.navbar-inner, .thumbnail
 {
	-webkit-border-radius: 0 !important;
     -moz-border-radius: 0  !important;
          border-radius: 0 !important;
			  -webkit-box-shadow: none;
				 -moz-box-shadow: none;
					  box-shadow: none;
					  background-image: none;
}
.dropdown-menu, .form-search .input-append .search-query, .form-search .input-prepend .search-query,
.table-bordered,
.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child,
.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child,
.table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child,
.nav-pills > li > a, .nav-pills .dropdown-menu, .tabs-below > .nav-tabs > li > a,
.nav-tabs.nav-stacked > li:first-child > a, .nav-tabs.nav-stacked > li:last-child > a,
.navbar-search .search-query,
.breadcrumb,
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span, 
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span,
.pager li > a, .pager li > span, .hero-unit, .alert ,
.accordion-group {
	-webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.btn-medium {
  padding: 10px 20px;
  font-size: 14px;
  line-height: normal;
}
.btn {
	line-height: 22px;
}
.nav-list > .active > a, .nav-list > .active > a:hover,
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a,
.nav-pills > .active > a, .nav-pills > .active > a:hover {
	background: #F5AF27;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input
{
	padding: 4px 6px;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border: 1px solid #eee;
}
.carousel {
	margin-bottom: 0
}
h1 small {
	font-size: 19px;
}
.accordion-heading .accordion-toggle {
	background: #eee;
}
.accordion-group {
	border: none;
}
/* Main style
======================================================================================*/
.page-header {
  margin: 21px 0;
  border-bottom: 1px solid #eeeeee;
}
.page-header h1 {
  line-height: 1;
}
.noBg {
    background: none;
    line-height: 1;
    margin: 5px 0 20px 0;
    font-size: 22px;
    padding-bottom: 10px;
    letter-spacing: 1px;
    border-bottom: 1px solid #dedede;
}                      
.outerDiv {
	overflow: hidden;
	margin-bottom: 40px;
	margin-top: 15px;
}     
                 
/*.pattern {
	background: white url(../images/patterns/gray_jean.png);
	border-bottom: 1px solid #eee;
}*/       
               
.pattern-light {
	background: url(../images/patterns/subtlenet2-light.png);
	border-bottom: 1px solid #eee;
}   
                   
.dark {
	background: url(../images/patterns/gray_jean.png);
}
.bg-white{
	background: rgba(255, 255, 255, .9)
}    
                  
aside ul {
	margin-left: 0
}    
                  
.vm {
	vertical-align: middle
}                      
.of-hidden {
	overflow: hidden;
}                      
span.wt {
	background: #fff;
	padding: 0 30px;
}                      
aside span.wt {
	padding-left: 0
}    
                  
.centered { 
	text-align: center !important
}  
                    
dinline {
	display: inline-block
}                      
/*==============================================================================*/
/* Header area
================================================================================*/
/* topBar */
header {
	z-index: 1000;
	position: relative;
	background: #fff;
}
.topBar {
	font-size: 12px;
	color: #fff;
	overflow: hidden;
	background: #333 url(../images/patterns/gray_jean.png);
	border-bottom: 1px solid #E5E5E5;
}        
              
.topInfo {
	float: left;
	list-style: none;
	margin: 25px 0;
}   
                   
.topInfo li {
	float: left;
	display: inline;
	margin-right: 20px;
	color: #7a7a7a;
}   
                   
.topInfo li i {
	margin-right: 5px;
}                      
@media (max-width: 351px) {
.topInfo li {
    width: 100%;
    text-align:  center;
}     
.topInfo {
    margin: 5px auto;
}  
.logo {
    font-size: 30px !important;
}                
}
/* search */
.searchTop {
	margin-top: 22px;
}   
                   
.inputSearchStyle {
	border: none ;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	font-size: 11px !important;
	font-family: "ArmataRegular", Helvetica, Arial, Microsoft JhengHei, sans-serif;
	background: transparent !important;
	color: #7a7a7a !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
	box-shadow: none !important;
} 
                     
.search-btn {
    width: 28px;
    height: 37px;
    background: #00Abee;
    margin-top: 29px;
    border: none;
    color: #7a7a7a;
    display: inline-block;
} 
                     
.search-btn:hover { color: #eee; }                      
/*====*/
/* Logo */
.logoWrapper {
	margin: 15px 0;
}   
                   
.logo {
	margin-top: 20px;
    margin-bottom: 20px;
}    
                  
.logo a {
	color: #2f3934;
}     
                 
.logo a:hover {
	color: #F5AF27;
}
                      
.logoFirst {
	color: #F5AF27;
}     
                 
.logo .small {
	font-size: 11px;
	color: #bdb9b9;
	text-transform: uppercase;
	margin-top: 32px;
}   
.top-social {
	float: right;
	list-style: none;
	margin: 0;
	margin-top: 35px;
}
.top-social li {
	float: left;
	display: inline;
	margin: 0 2px;
}
.top-social li a.social1-top {
	display: block;
	width: 34px;
	height: 33px;
	background-image: url(../images/icons/socials.png);
	background-position: 306px 100%;
}
.top-social li a.social2-top {
	display: block;
	width: 34px;
	height: 33px;
	background-image: url(../images/icons/socials.png);
	background-position: 442px 100%;
}
.top-social li a.social3-top {
	display: block;
	width: 34px;
	height: 33px;
	background-image: url(../images/icons/socials.png);
	background-position: 204px 100%;
}
.top-social li a.social4-top {
	display: block;
	width: 34px;
	height: 33px;
	background-image: url(../images/icons/socials.png);
	background-position: 408px 100%;
}
@media (max-width: 979px) {
.logo .small {
	display: none;
}
.searchTop {
	width: 100%;
	text-align: center;
	margin-top: 0 !important
}
.menu {
	padding-bottom: 20px;
	background: none;
	border: none;
}
.form-search input{
	border: 1px solid #eee;
	height: 35px;
	font-size: 14px;
}
.nav {
	margin: 0 !important;
}
.top-social {
	text-align: right;
	width: 100%;
	margin-top: 35px;
}
.top-social li {
	float: none;
	display: inline-block;
}
}
@media (max-width: 767px) {
	.top-social {
	text-align: center;
	width: 100%;
	margin-top: 10px;
}
}
/*====*/
/*==============================================================================*/
/* Content area
================================================================================*/
/* catch eye */
.catch {
	padding: 20px 0;
	margin-bottom: 40px;
}                      
.catchText {
	font-size: 18px;
	line-height: 26px;
	background: #333333;
	color: #fff;
	border-bottom: 5px solid #EE7E2A;
	margin-bottom: 40px;
}      
.catchText p {
	padding: 20px;
	margin: 0;
}
.catchText button {
	float: right;
	margin: 20px;
}
/*====*/
/* Latest from blog */
.date {
	color: #F5AF27;
	font-size: 10px;
	font-weight: normal
}   
.date-latest {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
}
.type-icon {
	padding: 0 5px;
	height: 30px;
	float: left;
	color: #fff;
	line-height: 30px;
	text-align: center;
	margin-right: 10px;
}
.type-icon i { font-size: 20px; font-weight: normal }
.latestBlog h4 a {
	color: #787878;
	text-decoration: none;
}                      
.latestBlog h4 a:hover {
	color: #000;
}  
                    
.latestBlog img:hover {
	opacity: .8;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	
}  
.blogDetails {
	font-size: 16px;
}
.welcome {
	margin-bottom: 40px;
}
/*====*/
/* Testimonials */
.infoBox {
	background: #eee url(../images/bg-info.png) right bottom no-repeat;
	text-shadow: 1px 1px #fff;
}                      
.reviewerImg {
	float: left;
	margin-right: 15px;
}                      
.reviewerName, .reviewerJob {
	display: block;
	float: left;
}                      
.reviewerJob {
	font-size: 12px;
	color: #000;
}                      
/*==============================================================================*/
/* Footer area
================================================================================*/
footer{ 
    padding: 25px 0 0;
    color: rgba(255, 255, 255, .8)
 }
.darkBg {
	background: #00Abee;
	border-top: none !important;
	margin: 0 auto !important;
}
footer h4 {
	background: none;
}  
/*==*/
#mainFooter {
	background: #333;
	overflow: hidden;
}                      
#mainFooter h4 {
	color: #fff;
	border-bottom: 1px solid #6e6e6e;
	padding-bottom: 12px;
	margin-bottom: 12px;
}                      
#mainFooter ul {
	margin-left: 0;
	list-style: none;
}                      
.subscribee {
	margin: 20px 0;
}
#mainFooter a:hover {
	color: #fff;
	text-decoration: none;
}                      
.bord-top {
	background: url(../images/bord-top.gif) repeat-x top;
	padding-top: 15px;
}                      
.copyrights, .copyrights a{
	font-size: 11px;
	color: #787878
}                      
.inputSubscribe {
	display: block;
	float: left;
	width: 71% !important;
	color: #b4b4b4 !important;
	padding: 0 !important;
	height: 35px !important;
	line-height: 35px !important;
	border: none !important;
	background: #767676 !important;
	font-size: 12px;
	padding-left: 10px !important;
	margin-right: 9px;
}                      
.btnSubscribe {
	float: left !important;
	height: 35px !important;
	background: #262626;
	text-shadow: none !important;
	font-size: 11px !important;
	box-shadow: none !important;
}                      
.btnSubscribe:hover {
	background: #F5AF27;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}                      
.footer-social {
	float: right;
	width: auto;
}
.footer-social li {
	float: left;
	display: inline;
	margin-left: -5px;
}
.footer-social li i {
	font-size: 25px;
}
.square {
	background: #F5AF27;
	text-align: center;
	padding: 10px 0;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
}                      
.square img {
	vertical-align: middle
}                      
.block2:hover .square {
	background: #666;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	transition: all .5s ease-out;
}                      
                
/*==============================================================================*/
/* widgets
================================================================================*/
/****************/
/*social plugin */
/****************/
ul.socialBox {
	margin: 0;
	background: #f7f5f6 url(../images/patterns/subtlenet2.png);
	padding: 20px 0;
	text-align: center;
	margin-bottom: 50px;
}                      
ul.socialBox li {
	display: inline-block;
	margin: 0 10px;
	text-align: center;
}                      
.facebook-icon, .twitter-icon, .google-icon, .rss-icon, .linkedin-icon, .flickr-icon, .skype-icon {
	background-image: url(../images/icons/socials/social-set.png);
	background-repeat: no-repeat;
	width: 43px;
	height: 30px;
	display: block;
}                      
.facebook-icon {
	background-position: -204px 0;
}                      
.twitter-icon {
	background-position: -55px 0;
}                      
.google-icon {
	background-position: -340px -138px;
}                      
.rss-icon {
	background-position: 6px 0;
}                      
.linkedin-icon {
	background-position: 9px -66px;
}                      
.skype-icon {
	background-position: -137px -65px;
}                      
.flickr-icon {
	background-position: -208px -138px;
}                      
.counter {
	margin-top: 20px;
	padding: 2px;
	text-align: center;
}                      
.pageDesc {
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 0;
}                      
/*****************/
/* blog - plugin */
/*****************/
.leftPart {
	float: left;
	width: 45px;
	margin-right: 15px;
}  
.date{
	padding: 0 20px;
}                    
.day {
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #bfbfbf;
	width: 100%;
	line-height: 50px;
	font-size: 30px;
}                      
.month {
	width: 100%;
	background: #777;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	font-size: 11px;
	
}                      
.dataPlugin {
	font-size: 12px;
}                      
.blogPlugin h5 a {
	color: #B8B8B8
}                      
.blogPlugin {
	margin-left: 0
}                      
/**************/
/*    Tags    */
/**************/
.tags {
	margin-left: 0;
	list-style: none;
}                      
.tags li {
	float: left;
	margin: 0 10px 15px 0;
}                      
.tags li a {
	background: #eee;
	text-align: center;
	padding: 5px 10px;
	color: #787878;
}                      
.tags li a:hover {
	background: #F5AF27;
	text-decoration: none;
	color: #fff;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}                      
/**********************/
/*    SearchWidget    */
/**********************/
.searchWidget {
	margin-bottom: 20px;
	background: #fff/*f9f8f8*/;
	border: 1px solid #eee;
	padding: 10px;
}                      
.inputSearchWidget {
	background: none !important;
	border: none !important;
	width: 75% !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important
}                      
.searchWidget .form-search {
	margin-bottom: 0
}                      
/*==============================================================================*/
/* Portfolio 
================================================================================*/
.sortOptions {
	margin-bottom: 30px;
	margin-left: 0;
}                      
.sortOptions li {
	display: inline;
	margin-right: 10px;
}                      
.sortOptions li a {
	display: inline-block;
	padding: 10px 20px;
	background: #eee;	
}                      
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ background: #F5AF27; color: #fff; text-decoration: none }
/*==============================================================================*/
/* Portfolio 2 
================================================================================*/
.grayBg {
	margin-bottom: 30px;
}                      
.grayBg:hover {
	background: #eee;
	border-bottom: 4px solid #F5AF27;
	-webkit-transition: all .1s ease-in 0s;
	-o-transition: all .1s ease-in 0s;
	-moz-transition: all .1s ease-in 0s;
	transition: all .1s ease-out 0s;
}                                            
/*==============================================================================*/
/* Our team 
================================================================================*/
.member {
	border-bottom: 4px solid #fff;
	overflow:hidden;
	margin-bottom: 50px;
}                      
.member:hover {
	background: #eee;
	border-bottom: 4px solid #F5AF27;
	-webkit-transition: all .5s ease-in 0s;
	-o-transition: all .5s ease-in 0s;
	-moz-transition: all .5s ease-in 0s;
	transition: all .5s ease-in 0s;
}                      
.member img {
	margin-bottom: 20px;
}                      
.member h4 {
	background: none;
	margin-bottom: 0;
}                      
.member ul {
	margin: 20px 0 0 0;
}                      
.member ul li {
	display: inline-block;
}                      
.member-social a i {
	font-size: 25px;
}
/*==============================================================================*/
/* NotFound 
================================================================================*/
.notFound {
	border: 1px solid #eee;
	text-align: center;
	overflow: hidden;
	padding: 50px 0;
	margin-bottom: 50px;
}                      
.digit {
	font-size: 225px;
	text-shadow: 2px 2px #fff;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	line-height: 200px;
}                      
.unDigit {
	margin-bottom: 50px;
	display: block;
	background: none;
}                      
@media (max-width: 480px) {.digit {font-size: 100px;}                      }                      
/*==============================================================================*/
/* FAQ 
================================================================================*/
/* Responsive video player */
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}                      
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}                      
video {
	max-width: 100%;
	height: auto;
}                      
.video-wrapper {
	width: 600px;
	max-width: 100%;
}                      
/*==============================================================================*/
/* Blog 
================================================================================*/
.blogOptions {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 12px;
}    
                  
.blogOptions span:hover i{
	color: #F5AF27;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
                      
.blogOptions span { 
	margin-right: 15px; 
}                      
audio {
	width: 100% 
}       
                  
.aboutAuthor h5, .aboutAuthor h4 {
	background: none;
	margin-bottom: 30px;
}    
                  
.aboutAuthor h5 {
	margin: 0;
}   
                   
.aboutAuthor img {
	float: left;
	margin: 0 15px 15px 0;
}  
                    
.postNu {
	display: block;
	float: left;
	width: auto
}  
                    
ul.authorSocials {
	float: right
} 
                     
ul.authorSocials li {
	display: inline;
} 
                     
ul.authorSocials li i {
	font-size: 18px;
	line-height: 18px;
	color: #000;
	margin: 0
}   
                   
.addition {
	padding: 10px 0;
	border-top: 1px solid #eee;
}
.media-heading {
	background: none
}
.comments {
	margin-bottom: 40px;
}
.comments .media-body p {
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid #EEE;
	padding-bottom: 15px
}   
.comments .media {
	margin-top: 0
}
.comments .media-heading a {
	font-size: 12px;
	cursor: pointer;
}
.comments .media-heading a:hover {
	text-decoration: underline
}
.add-comment {
	margin-bottom: 70px;
}
.add-comment input {
	height: 30px;
}
/*==============================================================================*/
/* Blocks
================================================================================*/
.block {
	border: 1px solid #eee;
	padding: 20px;
	margin-top: 10px;
}
.block h3, .block2 h3, .block h1, .block h2, .block h4, .block h5, .block h6 {
	background: none;
	border: none;
}      
.block i {
	color: #F5AF27;	
}
.icon-block {
	text-align: center;
	font-size: 150px;
	line-height: 150px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.icon-block-small {
	text-align: center;
	font-size: 100px;
	line-height: 100px;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
.block:hover {
	background: #F5AF27;
	color: #fff;
}
.block:hover h3.color-text, .block:hover a, .block:hover h3 {
	color: #fff;
}
.block:hover i {
	color: #fff;
	-webkit-transition: all 0.2s ease-in-out;
     -moz-transition: all 0.2s ease-in-out;
       -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
}
/*==============================================================================*/
/* Pricing Tables
================================================================================*/
.table-wrap, .table-wrap-2 {
	text-align: center;
	margin-bottom: 50px;
	overflow: hidden;
}
.table-column {
	/*width: 290px;*/
	width: 24.5%;
	margin-top: 30px;
	float: left;
	border: 1px solid #fff;
	position: relative;
	z-index: 3;
}
.table-header {
	min-height: 200px;
}
.table-footer a {
	display: block;
	width: 100%;
	background: #333;
	color: #fff;
	padding: 20px 0;
	font-size: 20px;
}
.selected-table .table-footer a, .table-wrap-2 .table-column:hover .table-footer a {
	display: block;
	padding: 30px 0;
	background: #F5AF27;
	font-size: 30px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.selected-table .table-footer a:hover, .table-wrap-2 .table-column:hover .table-footer a:hover {
	background: #333333;
	color: #fff;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.table-header h1 {
	margin: 0;
	width: 100%;
	background: #333;
	color: #fff;
	padding: 20px 0;
}
.plan {
	position: relative;
	min-height: 120px;
	background: #F9F8F8;
	text-shadow: 1px 1px #fff;
}
.price {
	font-size: 60px;
	font-weight: bold;
	display: block;
	padding-top: 40px;
}
.per {
	font-size: 20px;
}
.selected-table .plan, .table-wrap-2 .table-column:hover .plan{
	color: #F5AF27;
	background: #FFF;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.selected-table i, .table-wrap-2 .table-column:hover i {
	color: #F5AF27;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.currency {
	left: 20px;
	font-size: 30px;
	top: 20px;
}
.perc {
	font-weight: bold;
	font-size: 30px;
	right: 70px;
	top: 20px;
}
.slash {
	font-size: 80px;
	right: 55px;
	top: 50px;
	font-weight: normal !important
}
.prop {
	right: 15px;
	bottom: 20px; 
	font-size: 30px;
	font-style: italic;
}
.selected-table .plan, .table-wrap-2 .table-column:hover .plan {
	font-size: 40px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.selected-table,  .table-wrap-2  .table-column:hover {
	position: relative;
	margin-top: 0;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .20);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .20);
	box-shadow: 0 0 20px rgba(0, 0, 0, .20);
	z-index: 5;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.selected-table .table-header, .table-wrap-2 .table-column:hover .table-header {
	min-height: 230px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.selected-table .table-header h1, .table-wrap-2 .table-column:hover .table-header h1 {
	background: #F5AF27;
	color: #fff;
	text-shadow: none;
	padding: 35px 0;
	font-size: 35px;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-ms-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.even {
	padding: 15px;
	background: #eee;
}
.odd {
	padding: 15px;
}
.table-column ul {
	margin: 0;
	text-align: left;
}
@media (min-width: 768px) and (max-width: 1190px) {
.price {
	font-size: 50px;
}
.selected-table .table-header h1, .table-wrap-2 .table-column:hover .table-header h1 {
	font-size: 35px;
}
.table-header h1 {
	font-size: 18px;
}
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 200px) and (max-width: 800px) {
.selected-table .table-header h1, .table-wrap-2 .table-column:hover .table-header h1 {
	font-size: 30px;
}
.table-column {
	width: 100%
}
.table-column.data-title {
	display: none;
}
.table-options-wrap {
	display: none
}
.table-column .table-options li:before {
	content: attr(data-title) '' ;
	text-align:center;
	display:block;
	margin-bottom:13px;
	font-weight:bold;
	color:#7e7e7e;
}
}
/*==============================================================================*/
/* Contact Us
================================================================================*/                  
                   
.contact-form {
	overflow: hidden;
	margin: 50px 0;
}
/*  Map  */
.map-container {
    display: inline-block;
    position: relative;
    width: 100%;
	height: 255px;
	margin-bottom: 50px;
}
.dummy {
    padding-top: 75%;
}
.element {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.element iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 4px;
	border: 1px solid #eee;
}
/* / map */
/* Features */
.menu-features {
	list-style: none;
	margin: 0;
	background: #fff;
	padding: 10px;
}
.menu-features li {
	border-bottom: 1px solid #eee;
	line-height: 22px;
	width: 100%;
}
.menu-features li a {
	color: #EE7E2A;
	width: 100%;
}
.menu-features li a:hover {
	color: #000
}
/**sticky case (After scrolling)**/
#main-nav-holder {
}
.sticky #menu-fixed {
	position:fixed;
	top:0;
	z-index: 1000;
}
@media (max-width: 1000px) { 
	.menu-features {
		width: 85%;
		background: #eee;
		margin: 0 !important;
		float: left;
		-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
		box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
	}
	.sticky #menu-fixed {
		bottom: 0;
		width: 84%;
		top: auto
	}
	.menu-features li {
		width: auto;
		display: inline
	}
}
.text-center{
	text-align: center;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination>li {
    display: inline;
}
.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    /* border-top-left-radius: 4px; */
    /* border-bottom-left-radius: 4px; */
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li.active>a,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #fff;
    background-color: #00Abee;
    border-color: #00Abee;
}
header .container{
    padding-bottom: 0;
}
h2.style1{
    margin-bottom: 35px;
    color: #0d82d3;
    font-weight: bold;
    font-size: 36px;
    text-align: center;
    border: none;
    letter-spacing: 2px;
}
.banners{
	background: #00Abee;
	padding: 0;
	position: relative;
}
.banners:before{
	content: "";
	background: #fff;
	height: 40px;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}
.banners .container{
	background: #00Abee;
	padding: 0 20px;
}
.banners .fullwidthbanner-container{
	margin-bottom: 0;
}
.index-industry{
	position: relative;
	overflow-x: hidden;
	padding: 80px 0 50px;
	background: #f8f8f8;
}
.index-industry:before{
	content: "";
	background: #00Abee;
	height: 65px;
	width: 110%;
	top: -30px;
	left: -5px;
	position: absolute;
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	transform:rotate(2deg);
}
.index-industry .container{
	padding: 0 20px;
	background: transparent;
}
.index-industry a.item{
    width: calc(20% - 30px);
    margin: 0 15px;
    height: 247px;
    float: left;
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    position: relative;
    background-size: contain;
    display: inline-block;
}
.index-industry a.item .info{
	position: absolute;
	padding: 10px 15px;
	color: #fff;
	background: #0d82d3;
	font-size: 14px;
	top: 30%;
	left: 10px;
	box-shadow: 0 0 35px rgba(0, 0, 0, .2);
	transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}
.index-industry a.item ul{
	padding: 0;
	margin: 0;
}
.index-industry a.item ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: contain;
	transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}
.index-industry a.item ul li:nth-child(2){
	opacity: 1;
	background-image: url(../images/industry-orginal.jpg)
}
.index-industry a.item ul li:nth-child(3){
	background-image: url(../images/industry-orginal.png)
}
.index-industry a.item:hover .info{
    left: 15px;
    background: #f08f14;
}
.index-industry a.item:hover ul li:nth-child(2){
	opacity: 0
}
.index-pdt{
    padding: 20px 0 80px;
    background: url(../images/bg-indexpdt.jpg) bottom center no-repeat #f8f8f8;
}
.item figure,
.item .figure{
	position: relative;
	border: 1px solid #eee;
	display: block;
}
.item figure img,
.item .figure img{
	width: 100%;
}
.view2.item figure,
.view2.item .figure{
	border: none;
	display: block;
	position: relative;
}
.item figure .mask,
.item .figure .mask{
	position: absolute;
	background: rgba(13, 130, 211, .4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	opacity: 0;
	transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}
.item figure .mask a,
.item .figure .mask span{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 25px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    width: 50px;
    height: 50px;
    line-height: 1;
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.item figure .mask a i,
.item .figure .mask span i{
	margin-top: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.item figure .mask a:hover,
.item .figure .mask a:hover{
    background: rgba(255, 255, 255, .08);
}
.item figure .mask a:hover i,
.item .figure .mask a:hover i{
	color: #fff;
}
.item .title{
    background: rgba(13, 130, 211, .8);
    color: #fff;
    display: block;
    padding: 15px;
    font-size: 16px;
    letter-spacing: 1px;
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
    text-align: center;
}
.item:hover .title{
	background: #f08f14;
}
.item:hover .mask{
	opacity: 1;
}
footer .container{
	padding:0 20px;
}
footer .main{
	padding-bottom: 25px;
}
footer h3{
    border: none;
    color: #fff;
    line-height: 1;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 10px;
}
footer address{
	margin-bottom: 0;
	font-size: 14px;
}
footer address ul{
	padding: 0;
	margin: 0;
}
footer address ul li{
	display: inline-block;
	margin: 0 4px;
}
footer address ul li i{
	margin-right:3px;
	color: rgba(255, 255, 255, .9);
}
footer address ul li:first-child{
	margin-left: 0;
}
footer .copyright{
	background: #ffffff;
	text-align: center;
	padding: 0px 0;
	color: #ccc;
}
footer .container{
	position: relative;
}
footer .dec-index1{
    position: absolute;
    bottom: -40px;
    right: -14%;
    background: url(../images/dec-index1.png) center center no-repeat;
    width: 287px;
    height: 348px;
    transition: all .20s ease-in-out;
    -o-transition: all .20s ease-in-out;
    -moz-transition: all .20s ease-in-out;
    -webkit-transition: all .20s ease-in-out;
}
footer .dec-index1:hover{
	bottom: -35px;
}
.page-banner{
	min-height: 450px;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.page-banner .overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(45deg,  rgba(13,130,211,.75) 35%, rgba(13,130,211,0) 100%);
	background: -webkit-linear-gradient(45deg,  rgba(13,130,211,.75) 35%,rgba(13,130,211,0) 100%);
	background: linear-gradient(45deg,  rgba(13,130,211,.75) 35%,rgba(13,130,211,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d82d3', endColorstr='#000d82d3',GradientType=1 );
}
.page-banner:after{
	content: "";
	background: #f8f8f8;
    height: 70px;
    width: 110%;
    bottom: -40px;
	left: 0;
	position: absolute;
	-moz-transform:rotate(2deg);
	-webkit-transform:rotate(2deg);
	-o-transform:rotate(2deg);
	-ms-transform:rotate(2deg);
	transform:rotate(2deg);
}
.page-banner .container{
	position: relative;
	z-index: 5;
}
.page-banner h1{
    color: #fff;
    margin: 190px 0 10px 0;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 0;
}
.page-banner .breadcrumb{
	background: transparent;
	padding: 0;
}
.page-banner .breadcrumb li a,
.page-banner .breadcrumb li.active{
	text-shadow: none;
}
.page-banner .breadcrumb li a{
	color: rgba(255, 255, 255, .7);
}
.page-banner .breadcrumb li.active{
	color: #fff;
}
.page-banner .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.pdt-list,
.ab,
.pdt-details,
.news,
.contact,
.inq-list{
	background: url(../images/bg-indexpdt.jpg) bottom center no-repeat #f8f8f8;
	padding-bottom: 65px;
	min-height: calc(100vh - 675px);
}
.pdt-list .container,
.ab .container,
.news .container,
.contact .span6,
.pdt-details .span5,
.inq-list .container{
	position: relative;
	margin-top: -130px;
}
.pdt-list .item{
	margin-bottom: 20px;
}
.pdt-details figure{
	box-shadow: 5px 5px 35px rgba(0, 0, 0, .08);
	margin-bottom: 20px;
}
.pdt-details figure img{
	width: 100%;
}
.ab .bg-white{
    padding: 20px 35px;
}
.contact .bg-white,
.inq-list .bg-white{
	padding: 30px 35px;
}
.contact .bg-white{
	box-shadow: 5px 5px 35px rgba(0, 0, 0, .08);
}
.news .news-item{
	background: rgba(255, 255, 255, .9);
	border: 1px solid #eee;
	padding: 30px;
	margin-bottom: 20px;
}
h3.title{
	font-size: 22px;
	padding-bottom: 12px;
	margin: 15px 0 20px 0;
	letter-spacing: 1px;
	line-height: 1;
	border-color: #ddd;
	font-weight: bold;
}
.contact address{
	margin-bottom: 30px;
}
.contact address ul{
	padding: 0;
	margin: 0;
}
.contact address ul li{
	list-style: none;
	margin-bottom: 13px;
	color: #999;
	font-size: 15px;
}
.contact address ul li .title{
	font-weight: bold;
	color: #555;
	font-size: 15px;
	letter-spacing: 0
}
.contact address ul li i{
	width: 30px;
	text-align: center;
}
.inq-list .table{
	font-size: 15px;
}
.inq-list .table tr th,
.inq-list .table tr td{
	vertical-align: middle;
	text-align: center;
}
.inq-list .table tr th{
	background: #00Abee;
	color: #fff;
	border-color: #ccc;
}
.inq-list .table tr td input{
	width: 55px;
	text-align: center;
}
.inq-list form input,
.inq-list form textarea{
	width: 100%;
}
.inq-list form input.code{
	width: 60%;
}
.inq-p img{
	max-height: 160px;
	min-width: 100px;
	min-height: 100px;
}
.code{
	display: inline-block;
	width: 45%
}
/*######################################################################
                      // Theme Color //
########################################################################*/
/* Logo 
===========================================================*/
/*#wrap.boxed {*/
/*    border-top: 5px solid #0d82d3;*/
/*}*/
.logo a:hover, .logoFirst{
	color: #0d82d3;
}
/* search
==========================================================*/
.search-btn, .menu-features li a {
	color: #fff;
}
/* Menu 
===========================================================*/
#jMenu li a {
	color: #333333;
}
#jMenu > li:hover > a,
#jMenu > li > a.active{
    /*border-bottom: 3px solid #00abee;*/
    /*background: #0d82d3;*/
    color: #333;
}
/* Buttons 
===========================================================*/
.color-bg, .btnSubscribe:hover, .tags li a:hover, .flex-control-paging li a.flex-active {
	background: #00Abee;
	background-color: #00Abee;
}
#toTopHover {
	background: #00Abee url(../images/icons/totop.png) center center no-repeat;
}
/* Portfolio 
===========================================================*/
.mask, .mask2, ul#portfolio-filter a:hover, ul#portfolio-filter a.current {
	background: #00Abee;
	background-color: #00Abee;
}
/* Blocks
============================================================*/
.block:hover {
	background: #00Abee;
}
/* Elements 
===========================================================*/
.nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .nav-pills > .active > a, .nav-pills > .active > a:hover, .dropcapBg, .depts2 {
	background: #00Abee;
	background-color: #00Abee;
}
.dropcap, .tab-content h5 a, .tab-content h4 a, .tab-content h3 a {
	color: #00Abee;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    border-top: 2px solid #00Abee;
    background: #00Abee;
    color: #fff;
}
.tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .view  {
	border-bottom: 2px solid #00Abee;
}
.tabs-left > .nav-tabs > .active > a {
	border-left: 2px solid #00Abee;
}
.tabs-right > .nav-tabs > .active > a {
	border-right: 2px solid #00Abee;
}
/* Pricing tables 
===========================================================*/
.selected-table .table-header h1, .table-wrap-2 .table-column:hover .table-header h1, .selected-table .table-footer a, .table-wrap-2 .table-column:hover .table-footer a, .selected-table .table-header h1, .table-wrap-2 .table-column:hover .table-header h1, .selected-table .table-footer a, .table-wrap-2 .table-column:hover .table-footer a {
	background: #00Abee;
	background-color: #00Abee;
}
.selected-table .plan, .table-wrap-2 .table-column:hover .plan, .selected-table i, .table-wrap-2 .table-column:hover i {
	color: #00Abee;
}
/* Text 
===========================================================*/
.date, .color-text, .block i, .underConst h1, .blogOptions span:hover i {
	color: #00Abee;
}
/* Links 
===========================================================*/
a:hover, #mainFooter a:hover {
	color: #00Abee;
}
/* Others 
===========================================================*/
.member:hover, .catchText {
	border-bottom: 4px solid #00Abee;
}
.thumbs li a img:hover {
	border: 3px solid #00Abee;
}
/* selection bg color 
===========================================================*/
::-moz-selection {
	background:#00Abee;
}
::selection {
    background:#00Abee;
}
.form-search input{
	/*border: 1px solid #eee;*/
	/*height: 35px;*/
	/*font-size: 14px;*/
	/*padding: 0px 20px;*/
	/*margin-top: 30px;*/
}
/*######################################################################
                      // Wide.css //
########################################################################*/
.hidden {
	display:none;
}
@media screen and (max-width: 1199px){
    .item .title{
    	min-height: 55px;
    }
    .index-pdt .item .title{
    	min-height: auto;
    }
    #jMenu li a{
		font-size: 14px;
	}
}
@media screen and (max-width: 1550px){
	footer .dec-index1{
		bottom: 5px;
		right: 0px;
		width: 180px;
        height: 218px;
        background-size: cover;
	}
	footer .dec-index1:hover{
		bottom: 5px;
	}
}
@media screen and (max-width: 979px){
    nav,
    .form-search{
    	display: inline-block;
    }
    .form-search input{
    	margin-top: 0;
    }
    nav select{
    	width: 250px;
    	height: 37px;
    }
    .search-btn{
    	margin-top: 0px;
    }
    .banners{
    	padding: 0;
    }
    .index-industry{
    	padding-bottom: 0
    }
    .index-industry a.item{
    	margin: 0;
    	width: 20%;
    }
    .date {
        padding: 0;
    }
}
@media screen and (max-width: 767px){
	footer .dec-index1{
		width: 150px;
		height: 182px;
		bottom: 125px;
	}
	footer .dec-index1:hover{
		bottom: 125px;
	}
}
@media screen and (max-width: 448px){
	footer .dec-index1{
		width: 100px;
		height: 121px;
		bottom: 165px;
	}
	footer .dec-index1:hover{
		bottom: 165px;		
	}
}
@media screen and (max-width: 352px){
	footer .dec-index1,
	footer .dec-index1:hover{
		bottom: 185px;
	}
}
@media screen and (max-width: 550px){
	.banners{
    	padding: 0 0 30px 0;
    }
    .index-industry{
    	padding-bottom: 30px;
    }
    .index-industry a.item{
    	width: 100%;
    }
    footer{
    	text-align: center;
    }
    footer img{
    	margin-bottom: 20px;
    }
    .date{
    	width: 150px;
        text-align: center;
        margin: 0 auto 30px;
    }
    .item .title{
    	min-height: auto;
    }
    .contact .bg-white{
    	margin-bottom: 30px;
    }
    .inq-list form input.code,
    .code{
    	width: 40%;
    }
    /*.btn{*/
    /*	margin-bottom: 5px;*/
    /*}*/
}
.mobile .btn{
    padding: 8px 13px;
    border-radius: 5px !important;
    background: transparent;
    color: #00Abee;
    border: 1px solid #00Abee;
    margin-top: 7px;
}
.mobile .btn:hover,
.mobile .btn:focus{
	background: #00Abee;
	color: #fff;
}
.mobile .nav{
	padding: 10px 0;
}
.mobile .nav ul{
	padding: 0;
	margin: 0;
}
.mobile .nav ul li{
	list-style: none;
    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
.mobile .nav ul li:last-child{
	border: none;
}
@media (min-width: 980px){
	.mobile{
		display: none;
	}
}
@media (max-width: 979px){
	.logoWrapper {
	    margin: 10px 0;
	}
	.logo {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .mobile{
		display: block !important;
		visibility: visible !important;
		float: left;
		margin: 0;
		text-align: left;
	}
	.mobile .nav{
        background: #f5f5f5;
        margin-top: 5px !important;
        padding: 20px;
	}
	nav.mobile ul{
		display: block !important;
		visibility: visible !important;
		min-width: 275px;
	}
	.form-search{
        margin: 8px 0 0 0;
	}
}
/*@media (max-width: 767px){*/
/*	.logoWrapper .span9{*/
/*		position: relative;*/
/*	}*/
/*	.desktop{*/
/*		display: none;*/
/*	}*/
/*    .mobile{*/
/*    	float: none;*/
/*    }*/
/*    .mobile .btn{*/
/*    	margin-top: 10px;*/
/*    }*/
/*    .mobile .nav{*/
/*        width: calc(100vw - 60px);*/
/*        text-align: center;*/
/*    }*/
/*    .mobile .nav li a{*/
/*    	display: block;*/
/*    }*/
/*    .form-search{*/
/*    	position: absolute;*/
/*    	top: 5px;*/
/*    	right:0;*/
/*    	float: none;*/
/*    }*/
/*    nav.mobile ul{*/
/*    	min-width: 100%;*/
/*    }*/
/*}*/

/*2020.02.24 客製 2002110004 START --------------------*/
.footer__block {
	padding: 0;
}

.footer__block__main {
	width: 96%;
	margin: 23px auto 0;
	padding: 0 10px 17px;
	box-sizing: border-box;
	position: relative;
}
@media all and (min-width: 992px) {
	.footer__block__main {
		min-width: 980px;
	}
}
.footer__block__main ol, .footer__block__main ul {
	list-style-type: none;
}
.footer__block__main ul {
	margin: 8px 0 0;
}

@media all and (min-width: 992px) {
	.footer__right {
		direction: ltr;
	}
}

.footer__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media all and (max-width: 414px) {
	.footer__left {
		flex-wrap: wrap;
		justify-content: center;
	}
}
@media all and (min-width: 415px) {
	.footer__left {
		margin: 20px 0 20px;
	}
}
@media all and (min-width: 992px) {
	.footer__left {
		position: absolute;
		bottom: 20px;
		margin: 0;
	}
}
.footer__left img {
	width: 112px;
}

@media all and (max-width: 414px) {
	.footer__nav {
		margin: auto;
	}
}
.footer__nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.footer__nav li {
	margin-left: 40px;
	font-size: 15px;
}
.footer__nav li a {
	font-family: aktiv-grotesk-condensed, "Helvetica Neue", sans-serif;
	position: relative;
	color: #4a4a4a;
	letter-spacing: -0.5px;
}
.footer__nav li a:hover {
	color: #666666;
	text-decoration: underline;
}
.footer__nav li a:before {
	content: " ";
	display: block;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 4px;
	left: -15px;
	border-top: solid 2px #0099FF;
	border-right: solid 2px #0099FF;
	transform: rotate(45deg);
}

.footer__social ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media all and (max-width: 414px) {
	.footer__social ul {
		justify-content: center;
		margin-top: 30px;
		border-top: 1px solid #eee;
		padding-top: 27px;
	}
}
@media all and (min-width: 415px) {
	.footer__social ul {
		justify-content: center;
		margin-top: 30px;
		border-top: 1px solid #eee;
		padding-top: 27px;
	}
}
@media all and (min-width: 576px) {
	.footer__social ul {
		justify-content: flex-start;
		margin-top: inherit;
		border-top: inherit;
		padding-top: inherit;
	}
}
@media all and (min-width: 992px) {
	.footer__social ul {
		justify-content: flex-end;
	}
}
.footer__social li:not(:last-child) {
	margin-right: 3px;
}
.footer__social i {
	font-size: 27px;
	color: #ffffff;
}
.footer__social a:hover {
	opacity: 0.7;
}

.footer__customMsg {
	color: #999999;
}
@media all and (min-width: 992px) {
	.footer__customMsg ul {
		text-align: right;
	}
}
.footer__customMsg i {
	margin-right: 7px;
}
.footer__customMsg .footer__copyright {
	font-size: 11px;
	text-align: right;
}
@media all and (max-width: 414px) {
	.footer__customMsg .footer__copyright {
		text-align: center;
		margin-top: 15px;
		line-height: 1.5;
		color: #ccc;
	}
}
@media all and (min-width: 768px) {
	.footer__customMsg .footer__copyright {
		margin-top: 20px;
	}
}
@media all and (min-width: 992px) {
	.footer__customMsg .footer__copyright {
		margin-top: 0;
	}
}

.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 1px solid #e9ecef;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

/* Header
------------------------- */
header {
	width: 100%;
	margin: 0 auto;
	height: 147px;
}

.header__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	position: relative;
	margin: 0 auto;
	padding: 5px 5px;
	width: 94%;
	height: 71px;
	box-sizing: border-box;
}
.header__top .header-top__left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: left;
	width: auto;
	padding: 22px 0 0;
	font-size: 0;
}
.header__top .header-top__left .header__logo img {
	max-width: 150px;
}
@media all and (max-width: 414px) {
	.header__top .header-top__left .header__logo img {
		max-width: 120px;
		margin: 7px 0 0;
	}
}
.header__top .header-top__left .header__lac-sub {
	display: inline-block;
	vertical-align: middle;
	margin: 4px 0 0 35px;
	padding: 2px 34px;
	font-family: "Helvetica Neue", aktiv-grotesk-condensed, sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: #666666;
	border-left: solid 1px #CCCCCC;
}
@media all and (max-width: 414px) {
	.header__top .header-top__left .header__lac-sub {
		margin: 4px 0 0 16px;
		padding: 2px 0 0 14px;
	}
}
.header__top .header-top__left .header__lac-sub span {
	font-weight: 700;
	font-size: 22px;
	color: #666666;
}
@media all and (max-width: 414px) {
	.header__top .header-top__left .header__lac-sub span {
		font-size: 20px;
	}
}
.header__top .header-top__left .header__lac-sub:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -10px;
	border-left: 1px solid #ddd;
}
.header__top .header-top__right {
	padding: 22px 0 0;
}
.header__top .header-top__right > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	list-style-type: none;
}
@media all and (max-width: 414px) {
	.header__top .header-top__right > ul {
		margin-top: 11px;
	}
}
@media all and (min-width: 415px) {
	.header__top .header-top__right > ul {
		margin-top: 11px;
	}
}
@media all and (min-width: 992px) {
	.header__top .header-top__right > ul {
		margin-top: inherit;
	}
}
.header__top .header-top__right form {
	float: inherit;
}
.header__top .header-top__right button {
	margin: 0;
}
.header__top .header-top__right .header__top__langText {
	font-size: 18px;
	font-weight: bold;
	font-family: "Helvetica Neue", aktiv-grotesk-condensed, sans-serif;
}
.header__top .header-top__right .header__top__langText .lang {
	font-size: 18px;
	font-weight: bold;
}
.header__top .header-top__right .header__top__langText .lang:hover {
	color: inherit;
}
.header__top .header-top__right .header__top__langText .lang:hover i {
	color: inherit;
	text-decoration: none;
}
.header__top .header-top__right .header__top__langText .lang span {
	display: none;
}
@media all and (min-width: 576px) {
	.header__top .header-top__right .header__top__langText .lang span {
		display: inline-block;
	}
}
.header__top .header-top__right .header__top__langText i {
	margin-right: 4px;
	font-size: 31px;
	vertical-align: middle;
}

.header__search-wrapper {
	position: relative;
	margin-right: 22px;
}

.header__search .addsearch {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 0;
	height: 32px;
	margin: auto;
	padding: 3px;
	transition: 0.4s ease-in-out !important;
	border: solid 1px transparent;
	outline: none;
	box-sizing: border-box;
	z-index: 1;
	cursor: auto;
	opacity: 0;
}
.header__search .addsearch.focus {
	width: 20em;
	transition: 0.4s ease-in-out !important;
	border: 1px solid #ccc !important;
	opacity: 1;
}
.header__search #header__searchBtn {
	position: absolute;
	z-index: 2000;
	height: 21px;
	cursor: pointer;
	padding: 4px;
	right: 1px;
	top: 0;
	width: 20px;
	display: none;
}
@media all and (min-width: 992px) {
	.header__search #header__searchBtn {
		display: inline-block;
	}
}
.header__search #header__searchBtn i {
	font-size: 26px;
}

.header__nav {
	margin: 10px 0 0 0;
	float: left;
}
@media all and (max-width: 414px) {
	.header__nav {
		margin: 10px 0 0 0;
	}
}
@media all and (min-width: 992px) {
	.header__nav {
		float: inherit;
	}
}
.header__nav .jh-desktop {
	display: none;
}
@media all and (min-width: 992px) {
	.header__nav .jh-desktop {
		display: block;
	}
}
.header__nav .mobile {
	display: inline-block;
}
@media all and (min-width: 992px) {
	.header__nav .mobile {
		display: none;
	}
}
.header__nav .mobile .btn {
	padding: 8px 13px;
	border-radius: 5px !important;
	background: transparent;
	color: #00Abee;
	border: 1px solid #00Abee;
}

.btn {
	margin-bottom: 5px;
}

.mobile .form-search {
	margin: 0;
	margin-left: 10px;
	display: inline-block;
}
.mobile .form-search input {
	height: 35px;
	min-width: 174px;
}
.mobile button {
	margin: 0;
	height: 44px;
}
.mobile .nav {
	position: absolute;
	left: 0;
	right: 0;
}

.modal {
	z-index: 10;
}

.modal-backdrop {
	z-index: 2;
}
/* ---------------------
109.03.04 add for footer webeditor font default color
*/
footer .webeditor {
	color: #000000;
	word-break: break-all;
}
/*# sourceMappingURL=add-style.css.map */

/*2020.03.13 add for add translation text icon ----*/
.header_translationText {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 3px 0 0 0;
	font-family: "Microsoft JhengHei";
	background: url(../images/header_lang_icon.png) no-repeat 5px 0px;
	padding: 0;
	width: 36px;
}
@media (min-width: 576px) {
	.header_translationText {
		width: 68px;
		padding: 0 0 0 38px;
	}
}
.header_translationText .language_select .header__lan-text {
	opacity: 0;
}
@media (min-width: 576px) {
	.header_translationText .language_select .header__lan-text {
		opacity: 1;
	}
}

/*# sourceMappingURL=add-style.css.map */








/* 客製單 css setting */

header{
	position: fixed;
}

.banners , .page-banner{
	padding-top: 150px;
}

.footer-content{
	background-color: #eee;
	padding: 30px 0;
}

.footer-main{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.footer-part{
	padding: 1.5rem;
}

.footer-main h4{
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 1rem;
}

.footer-main ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

.footer-main ul li{
	margin: 0.7rem 0;
}