/* ======================

    Backgrounds

   ====================== */



body {

    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);
}

.top-header-wrap {

    background-color: rgb(51,51,51);background-color: rgba(51,51,51,1);
}

.bottom-header-wrap, .navigation-widget-area-wrap {

    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);
}

#header, #header-wrap-container {

    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);
}

#page-title {

    background:     ;
}



#footer {

    background:     ;
}



#content , #breadcrumbs{

    background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);
}



#bottom-widgets{

    background-color: rgb(51,51,51);background-color: rgba(51,51,51,1);
}



#header-top{

    border-bottom: 3px solid #666666;

}




     ul.tabs li.ui-tabs-active, .separator.style-2:after {

         background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);
    }




/* ======================

    Typography

   ====================== */



body{

    font: normal normal 13px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #666666;

  line-height: 24px;

  text-transform: none;
}

#header-top {

  color: ; 

}

h1{

     font: normal 600 40px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 52px;

  text-transform: none;
}



h2{

    font: normal 600 35px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 48px;

  text-transform: none;
}

h3{

    font: normal 600 30px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 43px;

  text-transform: none;
}

h4{

    font: normal 600 25px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 38px;

  text-transform: none;
}



h5{

    font: normal 600 20px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 30px;

  text-transform: none;
}

h6{

    font: normal 600 15px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 26px;

  text-transform: none;
}

.post-title a, .fn a, .post-title a:visited{

  color: ; 

}

#navigation {

    font: normal normal 13px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 21px;

  text-transform: uppercase;
    -webkit-font-smoothing: antialiased;

}

.sub-menu {

  
  font-family: "Microsoft YaHei","Open Sans","Arial",sans-serif ;

  font-size: 12px;

  font-weight: normal;

}

#footer{

    font: normal normal 12px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #EAEAEA;

  line-height: 12px;

  text-transform: none;
}



#page-title h1{

    font: normal   "","Open Sans","Arial",sans-serif; 

  color: ;

  line-height: ;

  text-transform: ;
}

#bottom-widgets h6{

    font: normal normal 12px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #ffffff;

  line-height: 16px;

  text-transform: uppercase;
}

#bottom-widgets{

    font: normal normal 12px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #EAEAEA;

  line-height: 22px;

  text-transform: none;
}

.sidebar-widgets h6 {

   font: normal normal 12px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #333333;

  line-height: 16px;

  text-transform: uppercase;
   margin-bottom:12px;

}

.recent_post_content a {

  color: #333333;

}

.sidebar-widgets{

	font: normal normal 12px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #666666;

  line-height: 22px;

  text-transform: none;
  

}



.ui-accordion .font-icon, ul.tabs li h6 { font-size: 13px !important; }



#bottom-widgets .widget ul li a, #bottom-widgets a {

  color: #ffffff;

}

#bottom-widgets .widget ul li a:hover, #bottom-widgets a:hover {

  color: #ffffff;

}

/* ======================

    Layout 

   ====================== */



#header-top {

    margin-bottom: px;

}  

.header-contact-wrap.top-header-wrap {

	font: normal normal 11px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #EAEAEA;

  line-height: 40px;

  text-transform: none;
}

.header-contact-wrap.bottom-header-wrap {

	font: normal normal 11px "Microsoft YaHei","Open Sans","Arial",sans-serif; 

  color: #EAEAEA;

  line-height: 40px;

  text-transform: none;
}

#navigation{

  
   line-height: 88px;

}

.navigation-widget-area, .social-media-icons-mid-header, .mobile-menu-controller {

	line-height: 88px;

}

.bottom-header-wrap #navigation {

	line-height: 55px;

}

#header.style3-header .header-contact-wrap.bottom-header-wrap,

#header.style3-header .header-contact-wrap.bottom-header-wrap #header-top-menu {

	line-height: 55px;

}

.header-cart-link .cart-contents span {

	background: #cc0000;

}

.header-cart-link .cart-contents span {

	color: #EAEAEA;

}



#page-title h1{

	margin-top: px;

	margin-bottom: px;

} 

.left-sidebar-page,.right-sidebar-page,.dual-sidebar-page, .no-sidebar-page .be-section:first-child, .page-template-page-940-php #content {

    padding-top: 50px;

}  

.left-sidebar-page .be-section:first-child, .right-sidebar-page .be-section:first-child, .dual-sidebar-page .be-section:first-child {

    padding-top:0 !important;

}





/* ======================

    Colors 

   ====================== */



.alt-color,

li.ui-tabs-active h6 a,

#navigation a:hover,

#header-top-menu a:hover,

#navigation .current-menu-item > a,

a,

a:visited,

.social_media_icons a:hover,

.post-title a:hover,

.fn a:hover,

a.team_icons:hover,

.portfolio-title a:hover,

.recent-post-title a:hover,

.widget_nav_menu ul li.current-menu-item a,

.widget_nav_menu ul li.current-menu-item:before,

.widget_featured_projects .featured-projects a:hover {

    color: #666666;

}



.project_navigation a:hover h6  {

    color: #666666 !important;

}



.ui-accordion-header-active a {

	color: #666666 !important;

}



.alt-bg,

input[type="submit"],

.tagcloud a:hover,

.pagination a:hover,

.post-tags a:hover,

.widget_tag_cloud a:hover,

#navigation .sub-menu a:hover,

.more-link,

.flex-direction-nav a:hover,

.portfolio-nav a:hover,

.pagination .current {

    background-color: #666666;

    transition: 0.2s linear all;

}

.tparrows:hover,

.tp-bullets.simplebullets .bullet:hover,

.tp-bullets.simplebullets .bullet.selected {

	background-color: #666666 !important;

    transition: 0.2s linear all;

}

.photostream_overlay {

	background-color: #666666;

}

.alt-bg-text-color,

input[type="submit"],

.tagcloud a:hover,

.pagination a:hover,

.post-tags a:hover,

.widget_tag_cloud a:hover,

.thumb-icons .font-icon,

#navigation .sub-menu a:hover,

#navigation .sub-menu .menu-item:hover:before,

.more-link ,

.pagination .current {

    color: #ffffff !important;

    transition: 0.2s linear all;

}



.thumb-overlay {

	background-color: #666666;

	opacity:0.9;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	filter: alpha(opacity=90);

}

.thumb-overlay {

	background-color: #000000;

}


.thumb-overlay {

	opacity: 0.7;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	filter: alpha(opacity=70);

}




.thumb-icons a {

	background-color: #666666;

	transition: 0.2s linear all;

}

.thumb-icons a {

	color: #ffffff;

	transition: 0.2s linear all;

}

.thumb-icons a:hover{

	color: #666666;

}

.thumb-icons a:hover {

	background-color: #ffffff;

}

.overlay-thumb-icons a,.overlay-thumb-title a,.overlay-thumb-title span {

	color: #ffffff;

}



.filters .current_choice{

   color:#666666;   

}



#navigation .sub-menu {

	background-color: #272B34;

	background-color: #272B34;

	color: #ffffff!important;

}

#navigation .sub-menu a,

#navigation .sub-menu a:hover {

	color: #ffffff!important;

}

#navigation .menu > ul > li.megamenu ul.sub-menu [class^="icon-"]:before, 

#navigation .menu > ul > li.megamenu ul.sub-menu [class*=" icon-"]:before, 

#navigation .menu > ul > li ul.sub-menu [class^="icon-"]:before, 

#navigation .menu > ul > li ul.sub-menu [class*=" icon-"]:before {

	color: #585f6a;

}

#navigation .menu > ul > li.megamenu ul.sub-menu a {

	border-color: #383E47 !important;

	border-color: #383E47 !important;

}





.portfolio-title a{

    color: inherit;

}



.top-header-wrap .phone-number-wrap:before, .top-header-wrap .mail-wrap:before,

.top-header-wrap [class^="icon-"]:before, .top-header-wrap [class*=" icon-"]:before, .top-header-wrap .font-icon:before, .top-header-wrap ul.custom-list li:before {

	color : #EAEAEA;

}

.bottom-header-wrap .phone-number-wrap:before, .bottom-header-wrap .mail-wrap:before,

.bottom-header-wrap [class^="icon-"]:before, .bottom-header-wrap [class*=" icon-"]:before, .bottom-header-wrap .font-icon:before, .bottom-header-wrap ul.custom-list li:before {

	color : #cc0000;

}

.top-header-wrap a, .top-header-wrap #header-top-menu a {

	color : #EAEAEA !important;

  padding-left: 5px;

}

.bottom-header-wrap .bottom-header-color a, .bottom-header-wrap #header-top-menu a {

	color : #cc0000 !important;

}

.top-header-wrap a:hover, .top-header-wrap #header-top-menu a:hover {

	color : #cc0000 !important;

}

.bottom-header-wrap .bottom-header-color a:hover, .bottom-header-wrap #header-top-menu a:hover {

	color : #cc0000 !important;

}

.sidebar-navigation .current_page_item {

    border-right: 3px solid #666666;

    background: #ffffff ;

}

.top-header-wrap a.cart-contents {

	color :  !important;

}

.bottom-header-wrap a.cart-contents {

	color :  !important;

}

.post-meta, .post-meta a{

    color: #999999;

}



blockquote{

    border-left:4px solid #000;

}



pre {

    background-image: -webkit-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px,  24px,  56px);

    background-image: -moz-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px,  24px,  56px);

    background-image: -ms-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px,  24px,  56px);

    background-image: -o-repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px,  24px,  56px);

    background-image: repeating-linear-gradient(top, #ffffff 0px, #ffffff 30px,  24px,  56px);

    display: block;

    line-height: 28px;

    margin-bottom: 50px;

    overflow: auto;

    padding: 0px 10px;

    border:1px solid ;

}



.separator, .special-heading hr {

	height: 3px;

	background-color: #666666 ;

	color: #666666 ;

	background-color: #f8f8f8 ;

	color: #f8f8f8 ;

}



.special-sep {

  border:0;

  width: 10%;

  height:2px;

  color: #666666 ;

  background-color: #666666 ;

  display:inline-block;

  margin-bottom:10px;

}

.header-sep {

  border:0;

  height:2px;

  color: #f5f5f5;

  background-color: #f5f5f5;

}

.footer-sep {

  border:0;

  height:2px;

  color: rgba(255,255,255,0.07);

  background-color: rgba(255,255,255,0.07);

  margin-bottom:25px;

}

.tagcloud a {

  background: rgba(255,255,255,0.04);

}

.portfolio-categories h6, .filters h6, .post-nav h6, .post-author h6 {

  font-size:12px;

  font-weight:600;

  display: inline-block;

}

.post-nav h6 {

  color: #7a8593;

}

.post-category a, .post-title a {

  color: #333333;

}

.post-category a:hover, .post-title a:hover {

  color: #666666;

}

.portfolio-title h5, .recent-post-header h5{

    font-size: 16px;

}

.mejs-controls .mejs-time-rail .mejs-time-current ,

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {

    background: #666666 !important;

} 

.call-to-action {

	background-color: #272B34;

	border-radius: 3px;

}

.recent-post-title a {

  color:inherit;

}

/*  Optiopn Panel Css */




.chosen-container.orderby .chosen-container .chosen-single span,

.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {

	font: normal 600 13px "Microsoft YaHei","Open Sans","Arial",sans-serif;
	-webkit-font-smoothing: antialiased;

}

.summary.entry-summary .price {

	font-size: 35px;

	line-height: 35px;

	margin-bottom: 20px;

	-webkit-font-smoothing: antialiased !important;

}

a.single_product_link,.testimonial_company {

	font: normal 600 12px "Microsoft YaHei","Open Sans","Arial",sans-serif;
	-webkit-font-smoothing: antialiased !important;

}

.woocommerce table.shop_table thead tr th {

	font: normal 600 13px "Microsoft YaHei","Open Sans","Arial",sans-serif;
	-webkit-font-smoothing: antialiased !important;

}

.twitter_module .tweet_list .status {

	font: normal 600 20px "Microsoft YaHei","Open Sans","Arial",sans-serif;
	-webkit-font-smoothing: antialiased !important;

}

.testimonial_author {

	font: normal 600 14px "Microsoft YaHei","Open Sans","Arial",sans-serif;
	-webkit-font-smoothing: antialiased !important;

}

.woocommerce .widget_layered_nav_filters ul li a, 

.woocommerce-page .widget_layered_nav_filters ul li a,

.woocommerce ul.cart_list li a:hover,

.woocommerce ul.product_list_widget li a:hover,

.woocommerce-page ul.cart_list li a:hover,

.woocommerce-page ul.product_list_widget li a:hover,

.woocommerce-page .product-categories li a:hover,

.woocommerce ul.products li.product .product-item-bottom-details h3:hover,

.woocommerce-page ul.products li.product .product-item-bottom-details h3:hover,

a.single_product_link:hover i,

.woocommerce .woocommerce-breadcrumb a:hover, 

.woocommerce-page .woocommerce-breadcrumb a:hover,

.woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover,

.star-rating span,

td.product-name a:hover,

.woocommerce-page #content .quantity .plus:hover,

.woocommerce-page #content .quantity .minus:hover,

form.login a.lost_password:hover,

.testimonial_company,

#reviews #comments ol.commentlist .comment_container .comment-text .meta time {

	color: #666666;

}

.chosen-container .chosen-results .highlighted {

	color: #666666 !important;

}

.woocommerce span.onsale, 

.woocommerce-page span.onsale, 

.woocommerce a.add_to_cart_button.button.product_type_simple.added,

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, 

.woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle,

.woocommerce-page .price_slider_amount .button:hover,

.woocommerce-page .widget_shopping_cart_content .buttons a.button:hover,

.woocommerce .widget_layered_nav_filters ul li a:hover, 

.woocommerce-page .widget_layered_nav_filters ul li a:hover,

input[type="submit"]#searchsubmit:hover,

.woocommerce nav.woocommerce-pagination ul li span.current, 

.woocommerce nav.woocommerce-pagination ul li a:hover, 

.woocommerce nav.woocommerce-pagination ul li a:focus, 

.woocommerce #content nav.woocommerce-pagination ul li span.current, 

.woocommerce #content nav.woocommerce-pagination ul li a:hover, 

.woocommerce #content nav.woocommerce-pagination ul li a:focus, 

.woocommerce-page nav.woocommerce-pagination ul li span.current, 

.woocommerce-page nav.woocommerce-pagination ul li a:hover, 

.woocommerce-page nav.woocommerce-pagination ul li a:focus, 

.woocommerce-page #content nav.woocommerce-pagination ul li span.current, 

.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, 

.woocommerce-page #content nav.woocommerce-pagination ul li a:focus,

.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt,

.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover,

.cart_totals h2:after,

#customer_details .col-1 h3:after, 

#customer_details .col-2 h3:after, 

#order_review_heading:after,

.woocommerce-page a.button:hover,

.woocommerce a.button:hover,

.woocommerce-page #respond input#submit:hover,

.woocommerce #respond input#submit:hover,

.woocommerce input.button:hover,

.woocommerce-page input.button:hover,

.woocommerce-page #content input.button:hover,

.woocommerce-page button.button:hover,

.woocommerce button.button:hover,

.woocommerce-page #content input.button.alt#place_order:hover,

.testimonial_overlay,

.flex-control-paging li a.flex-active,

#back-top:hover,

.be-carousel-nav:hover {

	background: #666666;

}

.woocommerce .widget_layered_nav_filters ul li a:hover, 

.woocommerce-page .widget_layered_nav_filters ul li a:hover {

	color: #fff;

}



.woocommerce table.cart td.actions .button.alt.checkout-button,

a.more-link,

.wpcf7-form-control.wpcf7-submit {

	text-transform: uppercase;

}

.woocommerce table.cart td.actions .button.alt.checkout-button:hover,

a.more-link:hover,

.wpcf7-form-control.wpcf7-submit:hover {

	background: #272b34 !important;

}

.wpcf7-form-control.wpcf7-submit {

	font: inherit;

	font-weight: bold;

	font-size: 13px;

}