/* ======================
    Backgrounds
   ====================== */
#header {
    background: none;}
#footer {
    background: none;}

#main {
    background: none;}
		html {
			overflow-y: hidden !important; 
		} 
     ul.tabs li.ui-tabs-active, .separator.style-2:after {
         background:     ;    }

/* ======================
    Typography
   ====================== */

body{
    font: normal 200 11px "Arial","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #000000;
		line-height: 20px;
		text-transform: none;}

h1{
     font: normal normal 40px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #23272c;
		line-height: 52px;
		text-transform: none;}

h2{
    font: normal normal 35px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #23272c;
		line-height: 48px;
		text-transform: none;}
h3{
    font: normal normal 28px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #23272c;
		line-height: 39px;
		text-transform: none;}
h4{
    font: normal normal 7px "Arial","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #000000;
		line-height: 21px;
		text-transform: none;}

h5{
    font: normal normal 17px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #23272c;
		line-height: 30px;
		text-transform: none;}
h6{
    font: normal 200 13px "Arial","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #000000;
		line-height: 18px;
		text-transform: none;
}


#reply-title {
  font-size: 7px;
}

#navigation, .language-switcher-custom-wrap {
    font: normal normal 9px "Arial","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #000000;
		line-height: 40px;
		text-transform: uppercase;  
    text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
  /*  -webkit-font-smoothing:antialiased; */
}

.top-header #navigation {
     line-height: 1px;
}

.mobile-menu-controller i.font-icon {
  color: #000000;
}

#navigation ul ul {
  font-size: 11px;
  line-height: 22px;
  color: #a3a3a3;
  font-family: "Noto Sans", Arial, sans-serif;
}

#navigation ul ul {
  background-color: #181818;
  font: normal normal 8px "Arial","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #2ea8f7;
		line-height: 20px;
		text-transform: uppercase;}
.top-header #navigation ul ul:after {
  border-bottom-color: #181818;
}
.left-header #navigation ul ul:after {
  border-right-color: #181818;
}
#header-bottom ,
#footer {
    font: normal normal 12px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #9d9d9d;
		line-height: 24px;
		text-transform: none;}

.recent_post_content a {
  color: #23272c !important;
}

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

.breadcrumbs a, .breadcrumbs a:visited { color: #000000 !important; } 

/* ======================
    Layout 
   ====================== */


.single-normal .be-section.single-portfolio-title {
  padding: 35px 0px 0px !important;
  /* box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); */
}
.be-section.single-portfolio-title .column-block {
  margin-bottom:0 !important;
}

/* ======================
    Colors 
   ====================== */

.sec-bg,
article.comment,
.woocommerce #reviews #comments ol.commentlist li .comment-text, .woocommerce-page #reviews #comments ol.commentlist li .comment-text,
.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 div.product .woocommerce-tabs ul.tabs li.active, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active,
ul.products li.product .product-inner-wrap,
.ui-tabs .ui-tabs-nav li a,
.ui-accordion .ui-accordion-header,
.pagination a, .pagination span, .pages_list a {
  background: #ffffff;
}
.sec-color,
article.comment,
.ui-tabs .ui-tabs-nav li a,
.ui-accordion .ui-accordion-header,
.pagination a, .pagination span, .pages_list a,
.blog-traditional-wrap #s,
.blog-traditional-wrap .search-icon {
  color: #5f6567;
}

.sec-title-color,
.recentcomments a  {
  color:#23272c;
}

.post-nav,
.centered.portfolio-item .portfolio-item-terms,
.recent-post-date {
  color: #71898e;
}



.alt-color,
li.ui-tabs-active h6 a,
#navigation a:hover,
#navigation .current-menu-item > a,
#navigation .current-menu-ancestor > a,
a,
a:visited,
.social_media_icons a:hover,
.post-title a:hover,
.fn a:hover,
.pricing-table .price,
a.team_icons:hover,
.portfolio-title a:hover,
.search-icon,
#s,
.portfolio-item.centered .portfolio-item-title a:hover, 
.separator.style-2:after,
.woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins ,
.woocommerce.single-product .entry-summary .amount  {
    color: #94dfed;
}

.woocommerce.single-product .entry-summary del .amount {
  color:inherit;
}

.woocommerce #commentform input[type="submit"],
.shop_table.cart input[type="submit"],
.woocommerce .cart-collaterals .shipping_calculator .button, 
.woocommerce-page .cart-collaterals .shipping_calculator .button,
.woocommerce-page .cart-collaterals .shipping-calculator-form button {
  background: #323232;
  padding: 0 20px;
  color:#fff;
}

#s::-webkit-input-placeholder {
  color: #94dfed;
}
#s:-moz-placeholder {
  color: #94dfed;
}
#s::-moz-placeholder {
  color: #94dfed;
}
#s:-ms-input-placeholder {
  color: #94dfed;
}


.blog-traditional-wrap #s::-webkit-input-placeholder {
  color: #5f6567;
}
.blog-traditional-wrap #s:-moz-placeholder {
  color: #5f6567;
}
.blog-traditional-wrap #s::-moz-placeholder {
  color: #5f6567;
}
.blog-traditional-wrap #s:-ms-input-placeholder {
  color: #5f6567;
}


.recent_post_content a:hover,
.project_navigation a:hover h6  {
    color: #94dfed !important;
}

.ui-accordion-header-active a {
	color: #94dfed !important;
}

.alt-bg,
input[type="submit"],
.tagcloud a:hover,
.pagination a:hover,
.post-tags a:hover,
.widget_tag_cloud a:hover,
.flex-direction-nav a:hover,
.pagination .current,
.filters_list_container ,
.sidebar-widgets-wrap,
.portfolio_pagination.vertical,
.portfolio_pagination.horizontal,
.arrow_next .font-icon:hover , .arrow_prev .font-icon:hover,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a ,
.ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active,
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale ,
.woocommerce span.onsale, .woocommerce-page span.onsale,
.be-loader li:nth-child(1),
.be-loader li:nth-child(3),
.single_add_to_cart_button.button.alt,
.shop_table.cart input[type="submit"].checkout-button,
.woocommerce .cart_totals .wc-proceed-to-checkout,
.elastislide-horizontal nav span:hover {
    background-color: #94dfed;
    transition: 0.4s ease-out all;
}

.photostream_overlay, .portfolio-overlay {
	background-color: #94dfed;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
.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,
.pagination .current,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-accordion .ui-accordion-header.ui-accordion-header-active.ui-state-active,
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale ,
.woocommerce span.onsale, .woocommerce-page span.onsale,
.woocommerce .cart_totals .wc-proceed-to-checkout .checkout-button.button,
.single_add_to_cart_button.button.alt,
.sidebar-widgets-wrap.animate .widget-title{
    color: #eff5f5 !important;
    transition: 0.4s ease-out all;
}

.be-skill {
    transition: 1s ease-out width;
}




.widget_tag_cloud a, .widget_tag_cloud a:hover, #s,
.ui-tabs .ui-tabs-nav li.ui-tabs-active a  {
  border: 1px solid #94dfed;
}
.blog-traditional-wrap #s {
  border: 1px solid #dfdbdf;
}
.widget , .widget:last-child{
  border-color: #59a178;
}


.thumb-overlay {
  background-color: #94dfed;
  opacity:0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);

}



.thumb-icons a {
	background-color: #94dfed;
	transition: 0.2s linear all;
}
.thumb-icons a {
	color: #eff5f5;
	transition: 0.2s linear all;
}
.thumb-icons a:hover{
	color: #94dfed;
}
.thumb-icons a:hover {
	background-color: #eff5f5;
}
.overlay-thumb-icons a,.overlay-thumb-title a,.overlay-thumb-title span {
	color: #eff5f5;
}

.filters_lists .current_choice{
   border-bottom-width:1px;
   border-bottom-style: solid;
   border-bottom-color: inherit;
}


.portfolio-title a{
    color: inherit;
}




.sidebar-navigation .current_page_item {
    border-right: 3px solid #94dfed;
    background: #eff5f5 ;
}

.post-meta, .post-meta a{
    color: #999999;
}


pre {
    background-image: -webkit-repeating-linear-gradient(top,  0px,  30px, #ffffff 24px, #ffffff 56px);
    background-image: -moz-repeating-linear-gradient(top,  0px,  30px, #ffffff 24px, #ffffff 56px);
    background-image: -ms-repeating-linear-gradient(top,  0px,  30px, #ffffff 24px, #ffffff 56px);
    background-image: -o-repeating-linear-gradient(top,  0px,  30px, #ffffff 24px, #ffffff 56px);
    background-image: repeating-linear-gradient(top,  0px,  30px, #ffffff 24px, #ffffff 56px);
    display: block;
    line-height: 28px;
    margin-bottom: 50px;
    overflow: auto;
    padding: 0px 10px;
    border:1px solid ;
}

.separator {
  border-color: #CBD3D5 ;
  color: #CBD3D5 ;
}

.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 ,
.post-header .project_client,
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce .cart_totals strong ,
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th,
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th ,
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
  color: #23272c;
}
.woocommerce .cart-collaterals .cart_totals tr th,
.woocommerce .cart_totals strong  {
  font-weight:normal !important;
}
.post-category a:hover, .post-title a:hover {
  color: #94dfed;
}
.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,
.language-switcher-custom-wrap,
.laguage-selector-icon {
    background: #94dfed !important;
} 
.call-to-action {
  background-color: #f8f8f8;
}

#navigation a:hover,
#navigation .current-menu-item > a, #navigation .current-menu-ancestor > a {
  color: #fff;
}

#navigation a:hover {
  color: #ffffff;
}

#navigation .current-menu-item > a, #navigation .current-menu-ancestor > a {
  color: #ffffff;
}

.current_choice {
  color: inherit;
}
 
.blog-posts .blog-title a:hover,
.woocommerce a.add_to_cart_button.button.product_type_simple.added, .woocommerce a.add_to_cart_button.button.product_type_simple.added:hover {
  color: #94dfed !important;
}

.woocommerce a.add_to_cart_button.button.product_type_simple.added, .woocommerce a.add_to_cart_button.button.product_type_simple.added:hover {
  border: 1px solid #94dfed;
}

.portfolio_pagination .load-more-btn {
  color: #eff5f5;
}

input[type="text"], 
input[type="email"], 
input[type="password"], 
textarea {
  background: #ffffff;
  border: 1px solid #dfdbdf;
}

.blog-posts .blog-post.sticky .post-item-wrap {
  border-top: 5px solid #94dfed;
}

.vertical .portfolio-item-heading {
  background-color: #000000;
}
.vertical .portfolio-item-cats,
.gallery-item-caption {
	background-color: #24c26d;
}

.vertical .portfolio-item-heading {
  font: normal normal 21px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #ffffff;
		line-height: 35px;
		text-transform: none;}
.vertical .portfolio-item-cats {
  font: normal normal 12px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #eff5f5;
		line-height: 30px;
		text-transform: none;}

.centered .portfolio-item-title, .related-items .portfolio-item-title {
  font: normal bold 14px "Arial","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #23272c;
		line-height: 22px;
		text-transform: none;}
.centered.portfolio-item .portfolio-item-terms, .related-items .portfolio-item-terms {
  font: normal normal 11px "Noto Sans","PT Sans Narrow","Arial Narrow",sans-serif; 
		color: #71898e;
		line-height: 26px;
		text-transform: none;}

.arrow_next .font-icon, .arrow_prev .font-icon, .single_portfolio_info .font-icon, .single_portfolio_info_close .font-icon,
.flex-direction-nav a {
  background-color: #000000;
  color: #ffffff;
}

.social_media_icons .font-icon:hover {
    background: #383838;
}
.social_media_icons.invert .icon-facebook,
.social_media_icons.invert .icon-twitter,
.social_media_icons.invert .icon-gplus,
.social_media_icons.invert .icon-instagramm,
.social_media_icons.invert .icon-dribbble,
.social_media_icons.invert .icon-skype,
.social_media_icons.invert .icon-youtube,
.social_media_icons.invert .icon-pinterest-circled,
.social_media_icons.invert .icon-flickr,
.social_media_icons.invert .icon-linkedin {
   background: #383838;
}

.gallery-item-caption {
  background-color: #24c26d;
  color: #fff;
}

@media only screen and (max-width: 1279px) {
  #navigation{
        line-height: 1px;
  }
}


/*  Optiopn Panel Css */
.top-header #navigation {
    float: none;
    text-align: center;
    margin-top: 65px;
  
}

.top-header #logo {
    float: left;
    margin-bottom: 0;
    margin-left: 0;
}

h1 {
    padding-bottom:20px;
    letter-spacing:3px;
}

h2 {letter-spacing:3px;}

h3 {letter-spacing:3px;}

h4 {letter-spacing:3px;}

h6 {letter-spacing:3px;}

h5 {letter-spacing:3px;}

.separator.style-2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none;
    border-style: solid none none;
    border-width: 1px medium medium;
    margin: 0 auto;
    text-align: center;
    width: 8%;
}

.top-header #header {
    height: 0;
    padding: 0px 0;
    position: absolute;
    width: 100%;
}

#navigation a {
    color: inherit;
    padding: 5px 0;
    letter-spacing:3px;
}

#navigation .current-menu-item > a, #navigation .current-menu-ancestor > a
{
  color: #148ea8;
}
