/*
Theme Name: Benco
Theme URI: http://demo.roadthemes.com/benco/
Author: Plaza-themes
Author URI: http://plazathemes.com/
Description:  Benco is a new WordPress theme for Online Shopping. With this theme, we have presets and different layouts. With drag and drop home page layout manager, we can build many variations of home page layout. We also have ajax cart, wishlist, compare, zoom and fancybox to bring into a modern look of website. Some of amazing features like Revolution Slider, Mega Menu, Visual Composer, Product Tabs & Carousel, Contact Form with Google map will makes your website more attractive.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, post-formats, sticky-post, threaded-comments
Text Domain: benco

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*------------------------------------------------------------------
[Table of contents]

This theme compiles .less files into .css files. Please open "less" folder to see all LESS file.

1. Theme variables
	1.1 Fonts
	1.2 Colors
	1.3 Defined colors
2. Reset style
	- Body / body
	- Anchor tag / a
	- Image / img
	- Heading / h1, h2, h3, h4, h5, h6
	- Button / .button, .buttonMixin()
	- List / ul, ol
	- Table / table
3. Global CSS
	3.1 Page layout / .wrapper
	3.2 Front page / .front-page
	3.3 Carousel buttons / .slick-slider
	3.4 Tooltip / .roadtip
	3.5 WooCommerce onsale label / .onsale
	3.7 Added to cart popup / .atc-notice-wrapper
	3.7 Quick view / .quickview-wrapper
	3.8 Header default / .header-container
		3.8.1 Top bar / .top-bar
		3.8.2 Top menu / .top-menu
		3.8.3 Language & Currency Switcher / .switcher
		3.8.4 Header shipping / .header-shipping
		3.8.5 Mini cart / .widget_shopping_cart
		3.8.6 Header search / .header-search
		3.8.7 Header / .header
			3.8.7.1 Menu / div.nav-menu
			3.8.7.2 Mega menu / #mega_main_menu_first
			3.8.7.3 Categories menu / .categories-menu
	3.9 Footer default / .footer
	3.10 Google map / .map-wrapper
	3.11 Content / .main-container
		3.11.1 Breadcrumbs / .woocommerce-breadcrumb, .breadcrumbs
		3.11.2 Shop toolbar / .toolbar
		3.11.3 List products / .shop-products
		3.11.4 Product page / .product-view
		3.11.5 Page header / .entry-header
		3.11.6 Page content / .page-content
		3.11.7 Cart page & checkout page / .woocommerce
		3.11.8 Full width template / .full-width
		3.11.9 Blog page / .blog-page
		3.11.10 Contact page / .contact-page
		3.11.11 Default page template / .default-page
		3.11.12 Error 404 page / .error404
		3.11.13 Sidebars / #secondary
		3.11.14 Portfolio page / .list_projects
		3.11.15 Single project / .single-project
		3.11.16 About page / .about-page
4. Home Blocks
5. Responsive CSS
-------------------------------------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
	border: none;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 17px;
    margin: 3px 0 0;
    padding: 0 4px 5px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	line-height: 2;
	color: #757575;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/******* FAN & FUEL ******/
.rev_slider .tp-mask-wrap .tp-caption span,
.product-category.layout2 .wpb_text_column h3 strong{ color: #53718d; }
.product-category.layout2 .wpb_text_column h3{text-transform: none !important; }
.vc_row.wpb_row.vc_row-fluid.latest-posts.layout2.vc_custom_1531823420381.vc_row-has-fill {
    margin-bottom: 0;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.page_menu_section {
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.page_menu_section .wpb_column.vc_column_container.vc_col-sm-7 {
    padding-left: 5%;
}
.page_menu_section .wpb_text_column.wpb_content_element {  margin-bottom: 8px;}

.page_menu_section .widget_nav_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.page_menu_section .widget_nav_menu ul li a {
    color: #343434;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Roboto Slab, Arial, Helvetica, sans-serif;
    padding: 6px 0;
    display: inline-block;
	
}
.page_menu_section .wpb_text_column.wpb_content_element h3 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;	
}
.main-container.about-page .about-intro .wpb_wrapper a.button {   
    border: 1px solid #454545;    
    color: #000000;    
}
.wpb_text_column.wpb_content_element.title h3 {  font-weight: 700;}
.main-container .product-view .summary.single-product-info .cart .button {  background: #4f758b !important;}
.main-container .product-view .summary.single-product-info .cart .button:hover{  background: #c4df9b !important;}
li.yith_magnifier_thumbnail {width:120px !important;}
.main-container .product-view .summary.single-product-info .cart .button:before{display:none !important;}
.summary.entry-summary.single-product-info .quantity {   display: none;}
.main-container .product-view .product .woocommerce-tabs ul.tabs li{ margin: 0 40px 0 0 !important;}
.header-container .horizontal-menu .primary > .menu_holder .menu_inner > ul > li > a.item_link .link_text{text-transform: none !important;}
.hephaistos.tparrows {
    display: none !important;
}
ul#menu-product-support li:first-child a { text-transform: none;}
ul#menu-product-support li:nth-child(2) a { text-transform: none;}
.wrapper .spli-ribbon-section .row-container {  max-width: 100%;}
.main-container .spli-ribbon-section {  margin: 0 !important;}
.spli-ribbon-section .wpb_single_image {  margin: 0;}
.textContainer.wpb_column {
    padding: 50px 20px;
    max-width: 750px;
    margin: 0 auto;
}
.wrapper .spli-ribbon-section .row-container {
    max-width: 100%;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow:row wrap;
      flex-flow:row wrap;
}
.spli-ribbon-section h3 { font: italic 400 20px/1.5 Droid Serif,sans-serif;}
.spli-ribbon-section p {
	color: #464646;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
}
.spli-ribbon-section h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
	color:#464646;
}
.spli-ribbon-section .vc_btn3-container.vc_btn3-center{margin-top:50px;}
a.vc_general.vc_btn3.vc_btn3-size-md{
    border: 2px solid #343434;
    background: none;
    color: #464646;
    height: 44px;
    border-radius: 0;
    font-size: 14px;
    text-transform: uppercase;
    min-width: 150px;
    padding: 11px 15px 9px;
    line-height: 1.5;
}
a.vc_general.vc_btn3.vc_btn3-size-md:hover{
	background: #53718d;
    border-color: #53718d;
    color: #fff;
}
.page-template-page-templates .header-content {
    border-bottom: 1px solid #e7e7e7;
}
.spli-ribbon-section .vc_col-sm-6 .vc_column-inner {
    padding: 0;
}
.vc_row.wpb_row.vc_row-fluid.separator {  margin: 60px 0;}
.wrapper .separator .row-container {  max-width: 100%;}
.separator .vc_column-inner {  padding: 0;}
.separator .vc_separator.wpb_content_element {   margin: 0;}
.main-container .vc_row.Parallax-section {
    padding: 5% 0 2%;
    margin: 0;
    position: relative;
}
.vc_row.Parallax-section .vc_parallax-inner:before{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.65);
	position:absolute;
	content:'';
	left:0;
	top:0;
}
.vc_row.Parallax-section .wpb_text_column.wpb_content_element {
    max-width: 750px;
    margin: 0 auto 40px;
    color: #ffffff;
}
.vc_row.Parallax-section .wpb_text_column.wpb_content_element p{
	color: #ffffff;
    font-style: italic;
    font-size: 14px;
    line-height: 22px;
}
.vc_row.Parallax-section .wpb_text_column.wpb_content_element h2{
	color:#ffffff;
	font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
	
}
.vc_row.Parallax-section a.vc_general.vc_btn3.vc_btn3-size-md{
	color:#ffffff;
	border-color:#ffffff;
}
.vc_row.Parallax-section a.vc_general.vc_btn3.vc_btn3-size-md:hover{
	color:#ffffff;
	border-color:#ffffff;
}
.vc_row-fluid.billboard-section-content {
    margin: 0;
    padding: 60px 0;
}
.vc_row-fluid.billboard-section-content .wpb_text_column.wpb_content_element {
    max-width: 650px;
    margin: 0 auto;
}
.vc_row-fluid.billboard-section-content .wpb_text_column.wpb_content_element h2 {
    font-size:30px;
	color:#ffffff;
	margin-bottom:30px;
}
.vc_row-fluid.billboard-section-content .wpb_text_column.wpb_content_element p{
	font-style:italic;
	color:#ffffff;
	font-size:14px;
}
.vc_row.wpb_row.vc_row-fluid.billboard-section>.row-container {
    max-width: 100%;	
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.books-sizes {
    max-width: 1200px;
    margin: 0 auto;
	display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.billboard-section-content.centerTextarea {  padding-top: 9.5%;}
.main-container .vc_row-fluid.billboard-section {
    margin-bottom: 0;
	padding-bottom:60px;
}
.vc_row-fluid.books-sizes .vc_col-sm-3 .vc_column-inner>.wpb_wrapper {
   display: -webkit-box;
   	display: -ms-flexbox;
   	display: flex;
}
.vc_row-fluid.books-sizes .vc_col-sm-3 {
    float: none;
    width: auto;
	-webkit-box-flex: 1;
	-ms-flex: 1;
		flex: 1;
}
.textContainer.wpb_column ul {
    padding: 0;
    list-style: none;
    text-align: center;
}

.books-sizes .vc_col-sm-3 .wpb_wrapper .wpb_text_column {   
	padding:20px 0 0 15px;
}

.books-sizes .vc_col-sm-3 .wpb_wrapper .wpb_text_column h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 1;
    color: #464646;
}
.books-sizes .vc_col-sm-3 .wpb_wrapper .wpb_text_column h3:last-child {
    font-size: 24px;
    margin: 0 0 10px 0;
    line-height: 1;
    color: #464646;
}
.books-sizes .vc_col-sm-3 .wpb_wrapper .wpb_text_column p {
    font-size: 12px;
    margin: 0 0 0 0;
    color: #464646;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Open Sans;
}
.books-sizes .vc_col-sm-3 .wpb_wrapper .wpb_text_column h3 small{
	font-size: 11px;
    margin: 0 0 0 0;
    color: #464646;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Open Sans;
}

.main-container .vc_row-fluid.billboard-section-content {
    margin: 7.5% 0 0 0;
    padding: 0 0 16.5%;
    min-height: 73vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/********* fotoart *****/
.page-id-15205 .textContainer.wpb_column{
	padding: 50px;
}

body .vc_custom_1531823420381{
	padding-top: 40px !important;
    padding-bottom: 0px !important;
}

.products-carousel-1 .woocommerce .price-box a{
	color: #343434;
	text-decoration: underline;
}

.products-carousel-1 .woocommerce .price-box span{ color: #53718d; }

#home_featured_products .wpb_single_image img,
#home_featured_products .wpb_single_image > .wpb_wrapper,
#home_featured_products .wpb_single_image .vc_single_image-wrapper{
	width: 100%;
	
}

#home_featured_products .wpb_wrapper p{ color: #434343; font-weight: bold;}
#home_featured_products .wpb_wrapper p a{ color: #434343; }
#home_featured_products .wpb_wrapper p a span span{ color: #53718d; }

.home-hero-banner {
    position: relative;
    padding: 40px;
    background: #f2f2f2 url("https://fanandfuel.com/dev/dpi-foto/wp-content/uploads/2019/07/banner-bg.jpg") no-repeat center top;
    background-size: 100% auto;
}
.home-hero-banner .home-hero-img {
    position: absolute;
    right: 8%;
    top: 40px;
    width: 50%;
}
.home-hero-banner .home-hero-txt {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10% 40% 8% 0;
}
.home-hero-banner .home-hero-txt h3 {
    color: #000;
    font-size: 48px;
    line-height: 45px;
    margin-bottom: 20px;
}
.home-hero-banner .home-hero-txt h3 strong {
    color: #53718d;
}
.home-hero-banner .home-hero-txt p {
    font-size: 14px;
    color: #434343;
    font-style: italic;
    line-height: 1.8;
}
.home-hero-banner .home-hero-txt a {
    font-family: "Roboto Slab";
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    font-style: normal;
    color: rgb(67,67,67)
}
.home-hero-banner .home-hero-txt a::after {
    background: url('https://fanandfuel.com/dev/dpi-foto/wp-content/themes/benco/images/next-arrow-black.png') no-repeat center center;
    content: '';
    display: inline-block;
    height: 11px;
    margin-left: 15px;
    vertical-align: middle;
    width: 44px;
}

.home-hero-banner .home-hero-img.home-hero-media {width:40%;}
.home-hero-banner .home-hero-txt.home-hero-content {padding-right:45%;} 



@media (max-width:1440px) {
    .home-hero-banner .home-hero-txt , .home-hero-banner .home-hero-txt.home-hero-content {padding: 10% 54% 8% 0;}
}
@media (max-width:1280px) {
    .home-hero-banner .home-hero-txt , .home-hero-banner .home-hero-txt.home-hero-content {padding: 10% 61% 8% 0;}
}
@media (max-width:1042px) {
    .home-hero-banner .home-hero-img , .home-hero-banner .home-hero-img.home-hero-media {top: 50%; margin-top: -190px;}
}

@media (max-width:768px) {
    .vc_custom_1562621850144.full-width.vc_row {margin-top: 0px !important; margin-bottom: 0px !important;}
    .home-hero-banner .home-hero-img , .home-hero-banner .home-hero-img.home-hero-media {position: inherit; width: 100%; padding: 0px; right: inherit; top: inherit; margin-top: inherit; text-align: center;}
    .home-hero-banner .home-hero-img img {max-width: 260px; height: auto;}
    .home-hero-banner .home-hero-txt , .home-hero-banner .home-hero-txt.home-hero-content {padding: 0px; width: 100%;}
    .home-hero-banner .home-hero-txt h3 {font-size: 38px; line-height: 35px;}
}
@media (max-width:768px) {
    .home-hero-banner .home-hero-txt h3 {font-size: 30px; line-height: 25px;}
}