/* ======================
    Backgrounds
   ====================== */
body {
    background:     ;}
#header-inner-wrap,
body.header-transparent #header #header-inner-wrap.no-transparent {
    background-color: rgb(24,24,24);background-color: rgba(24,24,24,1);}
body.header-transparent #header #header-inner-wrap {
  -webkit-transition: background .25s ease, box-shadow .25s ease;
  -moz-transition: background .25s ease, box-shadow .25s ease;
  -o-transition: background .25s ease, box-shadow .25s ease;
  transition: background .25s ease, box-shadow .25s ease;
}
#content {
    background-color: rgb(24,24,24);background-color: rgba(24,24,24,1);}
#footer,.back-to-top-triangle.arrow_box {
    background-color: rgb(19,19,19);background-color: rgba(19,19,19,1);}
.page-title-module-custom {
  background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);  padding: 32px 0px;
}
#sb-slidebar-content {
  background-color: #6BCCB4;
  background-color: rgb(107,204,180);background-color: rgba(107,204,180,0.9);}

/* ======================
    Typography
   ====================== */
body {
    font: normal normal 14px "Droid Serif","Open Sans","Arial",sans-serif; 
  color: #a4a4a4;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: none;    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
}

h1 {
  font: normal normal 50px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 60px;
  letter-spacing: 0px;
  text-transform: none;}
h2 {
  font: normal 100 32px "Roboto","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 48px;
  letter-spacing: 0px;
  text-transform: none;}
h3 {
  font: normal lighter 40px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 50px;
  letter-spacing: 4px;
  text-transform: uppercase;}
h4 {
  font: normal normal 18px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #3f3f3f;
  line-height: 26px;
  letter-spacing: 5px;
  text-transform: uppercase;}
h5, #reply-title {
  font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 26px;
  letter-spacing: 2px;
  text-transform: uppercase;}
h6 {
  font: normal lighter 10px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 26px;
  letter-spacing: 4px;
  text-transform: none;}
#navigation {
    font: normal   "","Open Sans","Arial",sans-serif; 
  color: ;
  line-height: ;
  letter-spacing: ;
  text-transform: ;;
}
.thumb-title,
.full-screen-portfolio-overlay-title {
    font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 30px;
  letter-spacing: 4px;
  text-transform: uppercase;;
}
#footer {
    font: normal normal 10px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 28px;
  letter-spacing: 3px;
  text-transform: uppercase;}
.sidebar-widgets h6 {
   font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: uppercase;   margin-bottom:20px;
}
.sidebar-widgets {
  font: normal 300 14px "Roboto","Open Sans","Arial",sans-serif; 
  color: #a4a4a4;
  line-height: 25px;
  letter-spacing: 1px;
  text-transform: none;}
#slidebar-menu {
  font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 6px;
  letter-spacing: 0px;
  text-transform: none;}
#slidebar-menu .sub-menu {
  font: normal normal 13px "Droid Serif","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 24px;
  letter-spacing: 0px;
  text-transform: none;}
#slidebar-menu .sub-menu .sub-menu {
  font: normal normal 6px "Helvetica","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 6px;
  letter-spacing: 0px;
  text-transform: none;}
body.overlay_slidebar #slidebar-menu {
  font: normal normal 20px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 72px;
  letter-spacing: 4px;
  text-transform: uppercase;}
body.overlay_slidebar #slidebar-menu .sub-menu {
  font: normal normal 14px "Droid Serif","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 40px;
  letter-spacing: 3px;
  text-transform: none;}
body.overlay_slidebar #slidebar-menu .sub-menu .sub-menu {
  font: normal normal 6px "Helvetica","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 6px;
  letter-spacing: 0px;
  text-transform: none;}
.sb-slidebar .widget {
  font: normal normal 14px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #979797;
  line-height: 26px;
  letter-spacing: 1px;
  text-transform: none;}
.sb-slidebar .widget h6 {
  font: normal normal 13px "Open Sans","Open Sans","Arial",sans-serif; 
  color: #ffffff;
  line-height: 22px;
  letter-spacing: 2px;
  text-transform: uppercase;}

.page-title-module-custom .page-title-custom {
  font: normal normal 20px "Open Sans","Open Sans","Arial",sans-serif; 
  color: #000000;
  line-height: 36px;
  letter-spacing: 2px;
  text-transform: uppercase;}
.page-title-module-custom .header-breadcrumb {
  line-height: 36px;
}
.layout-box-top, .layout-box-right, .layout-box-bottom, .layout-box-left {
  background-color: rgb(255,255,255);background-color: rgba(255,255,255,1);}

.be-button,
input[type="submit"], 
.action-button {
    font-family: "Montserrat";
  letter-spacing: 2px;
  font-size: 11px;
}

a.more-link,
.post-nav,
.portfolio-item-cats,
.contact_form_module .contact_fieldset.submit-fieldset input[type="submit"],
.comment-meta time,
.post-author-details .author-bio,
.recent-blog-date {
    font-family: "Droid Serif";
}a

.ui-tabs .ui-tabs-nav li a,
.ui-accordion .ui-accordion-header,
.skill_name,
.be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ======================
    Layout 
   ====================== */
  
.header-cart-controls .cart-contents {
   background: #6BCCB4;
}
.header-cart-controls .cart-contents {
   color: #ffffff;
}
#sb-slidebar-content .header-cart-controls:before,
#sb-slidebar-content .menu-controls i.font-icon,
#sb-slidebar-content .site-share-wrap i.font-icon {
  color: #fff;
}

.left-sidebar-page,
.right-sidebar-page, 
.no-sidebar-page .be-section-pad:first-child, 
.page-template-page-940-php #content , 
.blog .no-sidebar-page #content-wrap,
body.single-portfolio .no-sidebar-page,
.page-template-blog-php .style3-blog {
    padding-top: 80px;
}  
.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 
   ====================== */
.filters .current_choice {
    color: #6BCCB4 !important;
    border-color: #6BCCB4 !important;
}
.sec-border, 
textarea, 
input[type="text"], 
input[type="email"], 
input[type="password"],
input:not([type]), 
input[type="email"], 
input[type="number"],
input[type="tel"], 
input[type="url"] {
    background-color: #242424 !important;
    border: 1px solid #323232 !important;
    color: #555555;
}
.sec-bg,
.woocommerce div.product .woocommerce-tabs .panel, 
.woocommerce #content div.product .woocommerce-tabs .panel, 
.woocommerce-page div.product .woocommerce-tabs .panel, 
.woocommerce-page #content div.product .woocommerce-tabs .panel,
.woocommerce table.shop_table thead, .woocommerce-page table.shop_table thead {
  background-color: #242424;
}
.chosen-container .chosen-drop,
.chosen-container .chosen-results li {
  background: #242424 !important;
  color: #555555 !important;
  border-color: #323232 !important;
}
.sec-color,
.post-meta a,
.pagination a, .pagination span, .pages_list a {
  color: #555555;
}

.sec-border,
textarea,
input[type="text"], 
input[type="email"], 
input[type="password"],
.woocommerce table.shop_table thead, .woocommerce-page table.shop_table,
.woocommerce form.login, 
.woocommerce form.checkout_coupon, 
.woocommerce form.register {
  border: 1px solid #323232;
}
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce #content input.button, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button, 
.woocommerce-page #respond input#submit, 
.woocommerce-page #content input.button, 
.woocommerce-page .widget_shopping_cart_content .buttons a.button,
.woocommerce .quantity .plus, 
.woocommerce .quantity .minus,
.chosen-container,
.woocommerce #payment ul.payment_methods,
.woocommerce #payment div.form-row,
input[type="submit"], .action-button .be-button {
  border-color: #323232;
  color: #555555;
}
.woocommerce div.product .woocommerce-tabs .panel, 
.woocommerce #content div.product .woocommerce-tabs .panel, 
.woocommerce-page div.product .woocommerce-tabs .panel, 
.woocommerce-page #content div.product .woocommerce-tabs .panel {
  border: 1px solid #323232;
  border-top: none;
}
.style1-blog .element,
.style2-blog .element,
.woocommerce div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce #content div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before,
.woocommerce table.shop_table.cart thead tr th,
.pricing-table li,
article.comment,
.commentlist .comment-respond,
.chosen-container-single .chosen-search {
    border-bottom: 1px solid #323232;
}
.woocommerce table.shop_table tr td.actions,
.cart_totals tr,
.woocommerce table.shop_table tfoot td, 
.woocommerce table.shop_table tfoot th {
  border-top: 1px solid #323232;
}

.separator {
  border:0;
  height:1px;
  color: #323232;
  background-color: #323232;
}
.gallery_content_area_sidebar a.custom-share-button, 
.gallery_content_area_sidebar a.custom-share-button:active, 
.gallery_content_area_sidebar a.custom-share-button:hover, 
.gallery_content_area_sidebar a.custom-share-button:visited {
  color: #ffffff;
}

.alt-color,
li.ui-tabs-active h6 a,
#navigation a:hover,
#header-top-menu a:hover,
a,
a:visited,
.social_media_icons a:hover,
.post-title a:hover,
.fn a:hover,
a.team_icons:hover,
.recent-post-title a:hover,
.widget_nav_menu ul li.current-menu-item a,
.widget_nav_menu ul li.current-menu-item:before,
.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 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,
td.product-name a:hover,
.woocommerce-page #content .quantity .plus:hover,
.woocommerce-page #content .quantity .minus:hover,
.post-category a:hover,
.menu-controls i.font-icon,
.site-share-wrap i.font-icon,
.header-cart-controls:before,
.single_portfolio_info_close .font-icon,
.recent-blog-date a:hover {
    color: #6BCCB4;
}

.style1-blog .post-title a:hover,
.style2-blog .post-title a:hover {
  color: #6BCCB4 !important;
}

.post-title a:hover,
.portfolio-item-cats,
.post-author-details .author-date {
    color: #6BCCB4;
}
.bubblingG {
        border-top: 0.5em solid rgba(107,204,180,0.2);
    border-right: 0.5em solid rgba(107,204,180,0.2);
    border-bottom: 0.5em solid rgba(107,204,180,0.2);
    border-left: 0.5em solid #6BCCB4;
}

.alt-bg,
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
#navigation .sub-menu a:hover,
.flex-direction-nav a:hover,
.pagination .current,
#navigation .sub-menu .current-menu-item > a,
.be-carousel-nav:hover {
    background-color: #6BCCB4;
    transition: all 0.4s linear;
}
.mejs-controls .mejs-time-rail .mejs-time-current ,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.woocommerce span.onsale, 
.woocommerce-page span.onsale, 
.woocommerce a.add_to_cart_button.button.product_type_simple.added,
.woocommerce-page .widget_shopping_cart_content .buttons a.button: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 .button.alt,.woocommerce-page #respond input#submit.alt,
.woocommerce .button.alt:hover,.woocommerce-page #respond input#submit.alt:hover,
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button.alt#place_order:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
a.more-link,
.component nav a,
.arrow_prev, 
.arrow_next,
.ms-nav-next,
.ms-nav-prev {
  background: #6BCCB4 !important;
}
.tagcloud a:hover,
.testimonial-flex-slider .flex-control-paging li a.flex-active,
.testimonial-flex-slider .flex-control-paging li a {
  border-color: #6BCCB4;
}
.thumb-bg {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
.product-meta-data h3,
.product-meta-data span {
  font: normal normal 15px "Montserrat","Open Sans","Arial",sans-serif; 
  color: #E5E5E5;
  line-height: 25px;
  letter-spacing: 0px;
  text-transform: none;}
.photostream_overlay {
   background-color: #6BCCB4;
}
.alt-bg-text-color,
.tagcloud a:hover,
.pagination a:hover,
.widget_tag_cloud a:hover,
#navigation .sub-menu a:hover,
#navigation .sub-menu .menu-item:hover:before,
.pagination .current,
#navigation .sub-menu .current-menu-item > a,
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li a:focus,
a.more-link {
    color: #ffffff !important;
    transition: 0.2s linear all;
}

.portfolio-title a {
    color: inherit;
}
.woocommerce-page .price_slider_amount .button:hover, 
.woocommerce-page .widget_shopping_cart_content .buttons a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce table.cart td.actions .button.alt, 
.woocommerce #content table.cart td.actions .button.alt, 
.woocommerce-page table.cart td.actions .button.alt, 
.woocommerce-page #content table.cart td.actions .button.alt,
.header-cart-controls .widget_shopping_cart_wrap .widget p.buttons a.button.checkout,
.header-cart-controls .widget_shopping_cart_wrap .widget p.buttons a.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce .cart-collaterals .shipping_calculator .button:hover, 
.woocommerce-page .cart-collaterals .shipping_calculator .button:hover,
.woocommerce .button.alt,
.woocommerce-page #content input.button.alt {
    background-color: #6BCCB4;
    border-color: #6BCCB4;
    color: #ffffff;
}

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

@media only screen and (max-width : 767px ) {
    #hero-section h1 {
      font-size: 30px;
      line-height: 40px;
    }
    #hero-section h2 { 
      font-size: 25px;
      line-height: 35px;
    }
    #hero-section h4 {
      font-size: 15px;
      line-height: 30px;
  }
}

#navigation,
.header-controls, 
.mobile-nav-controller-wrap,
.follow-btn-wrap {
  line-height: 120px;
}
body.header-transparent #header-inner-wrap #navigation,
body.header-transparent #header-inner-wrap .header-controls, 
body.header-transparent #header-inner-wrap .mobile-nav-controller-wrap {
  line-height: 120px;
}
/*  Optiopn Panel Css */
body.single-portfolio .no-sidebar-page {
    padding-top: 0;
}