/*
Theme Name: Ábrahám Műhely
Theme URI: http://www.asztalkell.hu
Description: Az Ábrahám Műhely weboldal alapértelmezett sablonja
Author: Effix Marketing
Author URI: http://www.effix.hu/
Version: 3.0
*/

*{
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
list-style: none;
}
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { height: 100%; }
body { font-family: 'PT Serif', serif; font-size: 16px; font-weight: 400; color: #444; background: #1b1c1e; }
body.rwd_menu__opened { overflow: hidden; }

img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; padding: 5px; background: #fff; -moz-box-shadow: 0 0 5px #d1d4bc; -webkit-box-shadow: 0 0 5px #d1d4bc; box-shadow: 0 0 5px #d1d4bc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
img.noborder { padding: 0 !important; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

h1, h2, h3, h4, h5 { font-weight: normal; line-height: 100%; }

h1.title { margin-bottom: 40px; padding: 0 120px; font-size: 40px; font-weight: 700; text-transform: uppercase; color: #222; background-image: url(images/swirl_left.png), url(images/swirl_right.png); background-repeat: no-repeat; background-position: left top, right top; display: inline-block; }

hr { margin: 30px 0; border-top: 3px double #ddd; clear: both; }

button, input, select, textarea { font-family: 'PT Serif', serif; font-size: 15px; font-weight: 400; outline: none; }

input[type="checkbox"], input[type="radio"] { width: 16px; min-width: 16px; height: 16px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important;  background-color: #fff; border: 1px solid #d9d9d9; clear: none; cursor: pointer; display: inline-block !important; line-height: 0; outline: 0; vertical-align: middle !important;  -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; }
input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
input[type="radio"]:checked:before { width: 6px; height: 6px; left: 4px; top: 4px; background: #1b1c1e; position: relative; border-radius: 8px; display: block; text-align: center; background: #1b1c1e; content: ''; }
input[type="checkbox"]:checked:before { width: 6px; height: 6px; left: 4px; top: 4px; background: #1b1c1e; position: relative; display: block; text-align: center; background: #1b1c1e; content: ''; }

/*
-----------------
	CLASSES
-----------------
*/
.red { color: #fb4f1d; }
.inner { max-width: 1200px; margin: auto; position: relative; }
.inner_800 { max-width: 800px; margin: auto; position: relative; }
.inner_900 { max-width: 900px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.hide { display: none; }
.vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.required { color: red; }

/* Buttons */
.button { height: 60px; padding: 0 30px; font-size: 16px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: #fff !important; line-height: 60px; background-color: #1b1c1e; border-bottom: none !important; display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.button:hover { background-color: #1b1c1e; }

.button_40 { height: 40px; padding: 0 15px; line-height: 40px; }
.button_50 { height: 50px; padding: 0 20px; line-height: 50px; }

.button_white { color: #1b1c1e !important; background: rgba(255,255,255,1); }
.button_white:hover { background: rgba(255,255,255,0.9); }

.button:disabled { background: #ddd; cursor: not-allowed; }

.button_arrow { height: 20px; padding-right: 40px; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: #1d1d1d !important; line-height: 20px; display: inline-block; position: relative; }
.button_arrow:after { width: 30px; height: 20px; right: 0; top: 0; background: url(images/icon_arrow.png) no-repeat right center; position: absolute; content: ''; }
.button_arrow:hover:after { -webkit-animation-name: bounceRight; animation-name: bounceRight; -webkit-animation-duration: 2.3s; animation-duration: 2.3s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.button_arrow.white { color: white !important; }
.button_arrow.white:after { background-image: url(images/icon_arrow_white.png); }

/* Font */
.t_a_c { text-align: center; }
.embed_font { font-family: 'Roboto Condensed', sans-serif; }
.uppercase { text-transform: uppercase; }

/* Animation */
.anim { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.anim_1 { -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; }
.anim_5 { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.anim_cubic,
.rwd_menu select { -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1s cubic-bezier(0.19, 1, 0.22, 1); }

/* Cols */
.row { width: 100%; font-size: 0; display: block; position: relative; }
.col { font-size: 16px; vertical-align: top; display: inline-block; position: relative; }
.col_66 { width: 66%; }
.col_60 { width: 60%; }
.col_50 { width: 50%; }
.col_40 { width: 40%; }
.col_33 { width: 33.3333333333%; }
.col_25 { width: 25%; }

.row_table { width: 100%; display: table; }
.row_table > .col { display: table-cell; }

#website { background: white; opacity: 1; }
body.home #website { padding-top: 100vh; }


/*
---------------
	COOKIE
---------------
*/
#cookie { width: 100%; left: 0; bottom: 0; padding-left: 100px; padding-right: 100px; position: fixed; z-index: 1000; visibility: hidden; opacity: 0; }
body.cookie_panel #cookie { visibility: visible; opacity: 1; }
#cookie .cookie_wrapper { padding: 20px 0; color: #999; line-height: 20px; background: rgba(0,0,0,0.9); }
#cookie .cookie_wrapper .inner { padding-right: 100px; }
#cookie .cookie_wrapper a { color: white; border-bottom: 1px dotted white; }
#cookie .cookie_wrapper a.accept { width: 30px; height: 30px; right: 20px; border-bottom: none; background: url(images/icon_close_white.svg) no-repeat center; background-size: auto 100%; position: absolute; opacity: 0.5; }
#cookie .cookie_wrapper a.accept:hover { opacity: 1; }


/*
--------------
	MODAL
--------------
*/
.modal { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.95); position: fixed; z-index: 10000; cursor: url(images/cursor_close.png); opacity: 0; visibility: hidden; }
body.modal_is_opened .modal { opacity: 1; visibility: visible; }

/* Added to cart */
.modal .modal_added_to_cart { width: 400px; left: 50%; top: 100px; margin-left: -200px; padding: 30px; text-align: center; background: white; position: absolute; opacity: 0; visibility: hidden; }
.modal .modal_added_to_cart a { text-decoration: underline; color: #000; }
.modal .modal_added_to_cart a:hover { text-decoration: none; }
.modal .modal_added_to_cart a.button { margin-bottom: 10px; }
.modal .modal_added_to_cart p { margin-bottom: 20px; }
.modal .modal_added_to_cart p:last-of-type { margin-bottom: 0; }
.modal .modal_added_to_cart strong { color: #000; }

body.modal_added_to_cart_active .modal .modal_added_to_cart { top: 80px; opacity: 1; visibility: visible; }

.checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; }
.checkmark { width: 100px; height: 100px; margin: 0 auto 40px auto; display: block; border-radius: 50%; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; box-shadow: inset 0px 0px 0px #7ac142; }
.checkmark__check { transform-origin: 50% 50%; stroke-dasharray: 100; stroke-dashoffset: 100; }

.active .checkmark__circle { animation: stroke 0.5s cubic-bezier(0.65, 0, 0.45, 1) forwards; }
.active .checkmark { animation: fill 0.5s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; }
.active .checkmark__check { animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; }

@keyframes stroke {
	100% { stroke-dashoffset: 0; }
}
@keyframes scale {
	0%, 100% { transform: none; }
	50% { transform: scale3d(1.1, 1.1, 1); }
}
@keyframes fill {
	100% { box-shadow: inset 0px 0px 0px 50px #7ac142; }
}


/*
-----------------
	RWD MENU
-----------------
*/
.rwd_menu { width: 100%; height: 0; left: 0; bottom: 0; padding-left: 100px; padding-right: 100px; text-align: center; background: rgba(27,28,30,0.95); position: fixed; z-index: 9; visibility: hidden; }
body.is-open .rwd_menu { height: 100%; visibility: visible; }

.rwd_menu .menu { top: 30px; position: relative; opacity: 0; }
.rwd_menu .menu a:hover { border-bottom: 1px dotted white; }

.rwd_menu .primary_menu ul li a { font-size: 50px; color: white; }

.rwd_menu .secondary_menu { margin-top: 50px; padding-top: 50px; border-top: 1px solid rgba(255,255,255,0.1); }
.rwd_menu .secondary_menu ul li a { font-size: 30px; color: white; }

/* Language chooser */
.rwd_menu select { width: 100px; height: 40px; left: 50%; top: auto; bottom: 0; margin-left: -50px; padding-left: 10px; color: #999; background: #1b1c1e; opacity: 0; position: absolute; }

/* Animation */
body.is-open .primary_menu { top: 0; opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }
body.is-open .secondary_menu { top: 0; opacity: 1; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; -o-transition-delay: 0.7s; transition-delay: 0.7s; }
body.is-open .rwd_menu select { bottom: 30px; opacity: 1; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s; -o-transition-delay: 0.9s; transition-delay: 0.9s; }


/*
---------------
	HEADER
---------------
*/
#header { width: 100%; height: 70px; left: 0; top: 0; padding-left: 100px; padding-right: 100px; position: fixed; z-index: 100; }
#header:before { width: 100%; height: 100%; left: 0; top: 0; background: #1d1d1d; position: absolute; content: ''; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

body.home #header:before { height: 0; }
body.fixed_header #header:before { height: 100%; background: rgba(27,28,30,0.8); }

#header .header_wrapper { height: 100%; position: relative; }

/* Logo */
#header a.logo { width: auto; height: 20px; left: 0; text-decoration: none !important; display: block; position: absolute; z-index: 2; }
#header a.logo img { width: auto; height: 100%; border: none !important; display: block; }

/* Menu */
#header menu { width: 100%; height: 100%; left: 0; top: 0; text-align: center; position: absolute; z-index: 1; }
#header menu ul { height: 30px; font-size: 0; display: inline-block; }
#header menu ul li { height: 30px; display: inline-block; }
#header menu ul li a { height: 30px; padding: 0 10px; font-size: 17px; color: #ccc; line-height: 30px; display: block; }
#header menu ul li a:hover { text-decoration: underline; color: white; }
#header menu ul li.current_page_item a { color: white; }

body.home #header menu ul li a { color: white; }

/* Cart and profile */
#header .cart__profile { right: 0; top: 0; position: absolute; z-index: 2; }

#header .ajax_cart { height: 70px; margin-left: 20px; padding: 0 10px; background: white; position: relative; }
#header .ajax_cart .cart { width: 30px; height: 30px; margin-top: 20px; background: url(images/icon_cart.svg) no-repeat center; background-size: 24px auto; position: relative; }
#header .ajax_cart .count { min-width: 24px; height: 24px; right: -5px; top: -10px; padding: 0 5px; font-size: 12px; text-align: center; color: white; line-height: 20px; background: #1b1c1e; border: 2px solid white; position: absolute; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; }

#header .login_profile { height: 70px; padding-top: 20px; position: relative; }
#header .login_profile a.icon_user { width: 30px; height: 30px; background: url(images/icon_user_white.svg) no-repeat center; background-size: auto 24px; display: block; }

/* RWD button */
#header .rwd_button { height: 48px; right: 20px; top: 10px; padding-left: 40px; padding-right: 5px; text-transform: uppercase; color: white; background: transparent; position: absolute; cursor: pointer; }
#header .rwd_button .icon_burger { width: 30px; height: 18px; left: 0; top: 15px; display: block; position: absolute;  }
#header .rwd_button i span { width: 30px; height: 2px; left: 0; background: white; display: block; position: absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
#header .rwd_button i span.icon_burger_top { top: 0; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; -o-transition-delay: 0.3s; }
#header .rwd_button i span.icon_burger_mid { top: 8px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition-delay: 0.2s; }
#header .rwd_button i span.icon_burger_bot { top: 16px; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -o-transition-delay: 0.1s; }
#header .rwd_button i span.icon_burger_rab { top: 36px; opacity: 0; }

body.is-open #header .rwd_button i span { opacity: 0; }
body.is-open #header .rwd_button i span.icon_burger_top { top: -28px; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -o-transition-delay: 0s; }
body.is-open #header .rwd_button i span.icon_burger_mid { top: -20px; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; -o-transition-delay: 0.1s; }
body.is-open #header .rwd_button i span.icon_burger_bot { top: -12px; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; -o-transition-delay: 0.2s; }
body.is-open #header .rwd_button i span.icon_burger_rab { top: 8px; opacity: 1; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; -o-transition-delay: 0.3s; }


/*
-----------------
	FRONTPAGE
-----------------
*/
#frontpage { background: white; position: relative; z-index: 10; }
body.home #frontpage { padding-top: 0; }


/*
--------------
	SLIDER
--------------
*/
#slider { width: 100%; height: 100%; height: 100vh; left: 0; top: 0; background: #131415; position: fixed; z-index: 1; clear: both; }
#slider .mask { width: 100%; height: 100%; left: 0; top: 0; background: #131415; text-align: center; position: absolute; z-index: 999; }
#slider .mask .preloader { width: 64px; height: 64px; margin: auto; background: url(images/preloader.gif) no-repeat center; }
body.is_loaded #slider .mask { opacity: 0; visibility: hidden; }

#slider .slick-slider,
#slider .slick-list,
#slider .slick-track,
#slider .slick-slide { height: 100%; }

#slider .item { background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
#slider .item .button_wrapper { width: 100%; bottom: 13%; left: 0; text-align: center; position: absolute; }
#slider .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.3); position: absolute; z-index: 3; }
#slider .entry { max-width: 800px; height: 350px; margin: auto; text-align: center; position: relative; }
#slider .entry h2 { width: 80%; margin: auto; font-size: 60px; color: white; }

/* Dots */
#slider ul.slick-dots { width: 100%; left: 0; bottom: 80px; font-size: 0; text-align: center; position: absolute; }
#slider ul.slick-dots li { margin: 0 10px; vertical-align: top; display: inline-block; }
#slider ul.slick-dots li button { width: 12px; height: 12px; text-indent: -9999px; background: transparent; border: 2px solid white; display: block; cursor: pointer; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#slider ul.slick-dots li.slick-active button { background: white; }

/* Scroll down */
#slider .scroll_somewhere { width: 50px; height: 50px; left: 50%; bottom: 15px; margin-left: -25px; padding-top: 15px; position: absolute; z-index: 8; }
#slider .scroll_somewhere svg { width: 30px; height: auto; position: relative; fill: white; }

body.is_loaded #slider .scroll_somewhere { opacity: 1; }


/*
------------------
	CATEGORIES
------------------
*/
#categories { padding: 70px 0; position: relative; }
#categories article { position: relative; }
#categories article.is_category { width: 100%; margin-bottom: 80px; padding-left: 80px; padding-right: 80px; display: table; }
#categories article.is_category .text { width: 45%; padding-left: 70px; padding-right: 70px; vertical-align: middle; display: table-cell; }
#categories article.is_category .text h2 { padding-top: 20px; font-size: 40px; color: #000; position: relative; }
#categories article.is_category .text h2:before { width: 50px; height: 3px; left: 0; top: 0; background: #1b1c1e; position: absolute; content: ''; }
#categories article.is_category .text a.button_arrow { margin-top: 50px; position: relative; }
#categories article.is_category .text .entry { margin-top: 20px; font-size: 18px; color: #555; position: relative; }
#categories article.is_category .image { width: 55%; height: 550px; background-repeat: no-repeat; background-position: center; background-size: cover; display: table-cell; position: relative; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; }

#categories article.fullimage { height: 80%; height: 80vh; margin-bottom: 80px; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; }
#categories article.fullimage h2 { font-size: 40px; color: white; }
#categories article.fullimage .cover { width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); position: absolute; }
#categories article.fullimage .entry { width: 50%; margin: 30px auto 0 auto; font-size: 25px; color: white; line-height: 100%; }
#categories article.fullimage .button_wrapper { width: 100%; left: 0; bottom: 15%; text-align: center; position: absolute; }
#categories article.fullimage .button_wrapper a { text-decoration: none; color: white; }
#categories article.fullimage .button_wrapper a:hover { text-decoration: underline; }

#categories article.pp { top: 30px; opacity: 0; }
#categories article.pp.show { top: 0; opacity: 1; }


/*
----------------
	ABOUT US
----------------
*/
#aboutus { padding: 100px 0; background: #131415 url(images/bgr_aboutus.png) no-repeat center left; position: relative; z-index: 10; }
#aboutus .inner { height: 100%; }
#aboutus .images { width: 50%; height: 100%; position: absolute; }
#aboutus .images .image { background: #000; position: absolute; }
#aboutus .images .image img { display: block; }
#aboutus .images .image_1 { left: 0; top: 0; z-index: 2; -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.75); -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.75); box-shadow: 0 10px 30px rgba(0,0,0,0.75); }
#aboutus .images .image_2 { left: 25%; top: 20%; z-index: 1; }
#aboutus .images .image_2 img { opacity: 0.5; }
#aboutus .images .wood_chip { width: 205px; height: 272px; right: 0; bottom: 0; background: url(images/img_wood_chip.png) no-repeat right bottom; z-index: 3; }

#aboutus .entry { width: 500px; }
#aboutus .entry h4 { margin-bottom: 10px; font-size: 16px; font-weight: 500; color: #1b1c1e; }
#aboutus .entry h3 { margin-bottom: 30px; padding-bottom: 30px; font-size: 30px; color: white; line-height: 130%; border-bottom: 1px solid rgba(255,255,255,0.2); }
#aboutus .entry h3:after { display: none; }
#aboutus .entry .content { margin-bottom: 20px; font-size: 18px; color: #999; line-height: 160%; }
#aboutus .entry a.read_more { text-decoration: underline; color: white; }
#aboutus .entry a.read_more:hover { text-decoration: none; }


/*
-------------------
	PRODUCTS
-------------------
*/
#featured_products { overflow: hidden; }
#featured_products header { margin-bottom: 30px; }
#featured_products header h2 { height: 50px; margin-right: 20px; padding-right: 20px; font-size: 30px; vertical-align: top; color: #111; line-height: 50px; border-right: 1px solid #1b1c1e; display: inline-block; }
#featured_products header a { height: 50px; font-size: 16px; text-decoration: underline; vertical-align: top; color: #111; line-height: 50px; display: inline-block; }
#featured_products header a:hover { color: #1b1c1e; }

ul.products { margin-left: -1% !important; margin-right: -1%; padding-bottom: 20px; font-size: 0; list-style: none; clear: both; }
ul.products li { width: 31%; min-height: 450px; margin: 0 1% 30px 1%; vertical-align: top; display: inline-block; position: relative; list-style: none !important; }

/* Thumbnail */
ul.products li a { text-align: center; display: block; border-bottom: none !important; position: relative; }
ul.products li img { width: auto; /*max-width: 100%;*/ height: auto; max-height: 100%; display: block; }
ul.products li .thumbnail { display: block; overflow: hidden; }
ul.products li .wapl-label { left: 20px; right: 20px; bottom: 20px; position: absolute; }
ul.products li .wapl-label.wapl-alignright { text-align: right; }
ul.products li .wapl-label .product-label { padding: 5px 10px; font-size: 90%; }

/* Entry */
ul.products li .entry { padding-top: 20px; text-align: left; }
ul.products li .entry h3 { margin-bottom: 10px; font-size: 27px !important; font-weight: normal !important; color: #111 !important; line-height: 100%; }
ul.products li .entry h3 a { text-align: left; text-decoration: none !important; color: #111 !important; }
ul.products li .entry h3 a:hover { color: #000 !important; }

/* Short description */
ul.products li .description { font-size: 15px; color: #777; line-height: 17px; }

/* Price */
ul.products li .price { width: 100%; left: 0; bottom: 0; line-height: 23px; position: absolute; z-index: 1; }
ul.products li .price .price_without_tax { font-size: 25px; color: #1b1c1e; }
ul.products li .price .price_with_tax, .price_with_tax { margin-top: 5px; font-size: 16px; color: #333; }
ul.products li .price del { font-size: 16px; font-weight: normal; text-decoration: line-through; color: #999; display: block; }

/* Add to cart */
ul.products li .action_buttons { right: 0; bottom: 0; font-size: 0; position: absolute; z-index: 2; }
ul.products li .action_buttons a { width: 50px; height: 50px; font-size: 20px; text-decoration: none !important; text-align: center; color: #000 !important; line-height: 50px; background: none; display: none; }
ul.products li .action_buttons a:hover { color: #1b1c1e !important; }
ul.products li .action_buttons a span { display: none; }
ul.products li .action_buttons a.add_to_cart_button { padding: 0; font-size: 0; background: url(images/icon_cart.svg) no-repeat center; background-size: 24px auto; vertical-align: bottom; display: inline-block; }
ul.products li .action_buttons a.more_details { vertical-align: bottom; display: inline-block; }

ul.products li a.added_to_cart { display: none !important; }

/* Product category */
ul.products li.product-category { width: 31%; min-height: 350px; margin: 0 1% 30px 1%; background: white; position: relative; }
ul.products li.product-category:hover { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1); box-shadow: 3px 3px 3px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
ul.products li.product-category a { width: 100%; height: 100%; left: 0; top: 0; text-decoration: none !important; color: #000; display: block; position: absolute; }
ul.products li.product-category img { width: 100%; height: auto; display: block; }
ul.products li.product-category h3 { padding: 20px 20px 0 20px; font-family: 'PT Serif', serif; font-size: 20px; font-weight: bold; }
ul.products li.product-category h3 mark { font-weight: normal; background-color: transparent !important; }

/* Hover effect */
ul.products li:hover { -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.2); box-shadow: 0 5px 5px rgba(0,0,0,0.2); }
ul.products li:hover .entry { padding: 20px; }
ul.products li:hover .price { left: 20px; bottom: 10px; }
.product .summary .description{font-size: 14px;border:none;}
.product .summary .description[itemprop="description"]{
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.pif-has-gallery .wp-post-image--secondary{
    right: 0;
}


/*
------------------
	CONTAINER
------------------
*/
#container { padding-top: 70px;  padding-bottom: 20px; line-height: 25px; position: relative; }

#container a { text-decoration: none; color: #1b1c1e; }
#container a:hover { text-decoration: underline; color: #000; }

#container p { margin-bottom: 20px; }
#container strong { color: #000; }

#container h2 { font-size: 30px; color: #545454; }
#container h3 { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: #000; line-height: 100%; }
#container h3.embed_font { font-size: 30px; }

/* List */
#container ul { margin-left: 20px; margin-bottom: 20px; list-style: square; }
#container ul.nomargin { margin-left: 0; }
#container ul.nomargin li { list-style: none; }
#container p ~ ul { margin-top: -10px; }
#container ol { margin-left: 20px; margin-bottom: 20px; }
#container p ~ ol { margin-top: -10px; }

/* Content */
#content ul li { list-style: square; position: relative; }

/* Archive */
#content ul.archive li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; }
#content ul.archive li a.thumbnail { width: 40%; display: block; }
#content ul.archive li a.thumbnail img { width: 100%; height: auto; display: block; }
#content ul.archive li .entry { width: 55%; }
#content ul.archive li .entry h4 { }
#content ul.archive li .entry h4 a { font-size: 25px; text-decoration: none; line-height: 100%; }
#content ul.archive li .entry .excerpt { margin-top: 5px; }

/* Gallery */
#content .gallery { margin-left: -5px; margin-right: -5px; }
#content .gallery br { display: none !important; }
#content .gallery .gallery-item { margin-top: 0; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; }
#content .gallery .gallery-item a { border-bottom: none; display: block; }
#content .gallery .gallery-item a img { width: 100%; height: auto; border: none !important; display: block; }
#content .gallery .gallery-item .gallery-caption { display: none !important; }

/* Single gallery */
#content #filter ul li { margin-right: 5px; margin-bottom: 5px; padding: 5px 10px; font-size: 15px; vertical-align: top; background: #f1f1f1; display: inline-block; cursor: pointer; }
#content #filter ul li:hover { background: #eee; }
#content #filter ul li.active { color: white; background: #1d1d1d; }

#content .single_gallery { margin-left: -10px !important; margin-right: -10px !important; font-size: 0; }
#content .single_gallery .item { width: 20%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: none; position: relative; }
#content .single_gallery .item a { padding: 4px; border: 1px solid #f3ece4; display: block; }
#content .single_gallery .item a:hover { border-color: #444; }
#content .single_gallery .item a img { width: 100%; height: auto; display: block; }

#content .gallery.gallery-columns-5 .gallery-item { width: 20%; }
#content .gallery.gallery-columns-7 .gallery-item { width: 14.2%; }

/* Custom gallery */
#content.custum_gallery .col_sidebar { width: 200px; }

/* FAQ */
.faqs .faq .faq_header { padding: 20px 0; font-size: 30px; color: #111; border-top: 1px solid #ddd; position: relative; cursor: pointer; }
.faqs .faq:first-of-type .faq_header { border-top: none; }
.faqs .faq .faq_header:before { width: 50px; height: 50px; right: 0; top: 0; text-align: center; line-height: 50px; color: #999; position: absolute; content: '\e816'; }
.faqs .faq .faq_header:hover:before { color: #111; }
.faqs .faq.active .faq_header:before { content: '\e819'; }

.faqs .faq .faq_content { padding: 20px; display: none; }


/*
----------------------------
	BREADCRUMB AND SHARE
----------------------------
*/
#breadcrumb { height: 50px; margin-bottom: 30px; position: relative; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); }

/* Breadcrumb */
#breadcrumb .breadcrumb { height: 100%; padding-right: 20px; line-height: 48px; display: inline-block; position: relative; }
#breadcrumb .breadcrumb:after { width: 100%; height: 2px; left: 0; bottom: 0; background: #1d1d1d; position: absolute; content: ''; }
#breadcrumb .breadcrumb a { padding-right: 20px; display: inline-block; position: relative; }
#breadcrumb .breadcrumb a:first-child { width: 50px; height: 100%; margin-right: 20px; padding: 0; text-indent: -9999px; background: #1d1d1d url(images/icon_home_white.svg) no-repeat center; }

/* Share */
#breadcrumb ul.share { height: 100%; right: 0; top: 0; font-size: 0; position: absolute; }
#breadcrumb ul.share li { width: 50px; height: 100%; text-align: center; vertical-align: top; border-left: 1px solid #ddd; display: inline-block; list-style: none; }
#breadcrumb ul.share li a span { display: none; }
#breadcrumb ul.share li a { width: 100%; height: 100%; text-decoration: none; color: white !important; background-repeat: no-repeat; background-position: center; background-size: auto 22px; border-bottom: none !important; display: block; opacity: 0.3; }
#breadcrumb ul.share li a:hover { opacity: 0.7; }
#breadcrumb ul.share li a.facebook { background-image: url(images/icon_facebook.svg); }
#breadcrumb ul.share li a.twitter { background-image: url(images/icon_twitter.svg); }
#breadcrumb ul.share li a.gplus { background-image: url(images/icon_gplus.svg); }
#breadcrumb ul.share li a.pinterest { background-image: url(images/icon_pinterest.svg); }
#breadcrumb ul.share li a.email { background-image: url(images/icon_email.svg); }


/*
-------------------
	PAGINATION
-------------------
*/
.pagination { margin-bottom: 30px; padding-top: 10px; border-top: 3px solid #ddd; }
.pagination span, .pagination a { padding: 5px 0 5px 0; }
.pagination span.pages { font-weight: bold; float: right; }
.pagination span.current, .pagination a { width: 30px; margin-right: 5px; text-align: center; display: inline-block; }
.pagination span.current { background: #121212; color: #fff; }
.pagination a { text-decoration: none !important; }
.pagination a:hover { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; }


/*
---------------
	FOOTER
---------------
*/
footer { font-size: 15px; color: #555; background: white; position: relative; z-index: 10; }

/* Footer top */
footer .footer_top { padding: 30px 0; text-align: center; border-bottom: 1px solid #ddd; position: relative; }
footer .footer_top .intro { left: 0; position: absolute; }
footer .footer_top ul { font-size: 0; text-align: center; }
footer .footer_top ul li { margin: 0 15px; display: inline-block; }
footer .footer_top ul li a { width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: auto 30px; display: inline-block; border: 1px solid #e6e6e6; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
footer .footer_top ul li a:hover { border-color: #1b1c1e; }
footer .footer_top ul li a span { display: none; }
footer .footer_top ul li a.facebook { background-image: url(images/icon_facebook.svg); }
footer .footer_top ul li a.gplus { background-image: url(images/icon_gplus.svg); }
footer .footer_top ul li a.pinterest { background-image: url(images/icon_pinterest.svg); }
footer .footer_top ul li a.flickr { background-image: url(images/icon_flickr.svg); }

/* Footer center */
footer .footer_center { width: 100%; border-bottom: 1px solid #ddd; display: table; }
footer .footer_center h4 { margin-bottom: 20px; font-size: 16px; font-weight: 700; color: #1b1c1e; }
footer .footer_center p { margin-bottom: 20px; }
footer .footer_center p:alst-child { margin-bottom: 0; }
footer .footer_center ul li a { font-size: 15px; color: #555; line-height: 20px; }
footer .footer_center ul li a:hover { text-decoration: underline; color: #1b1c1e; }
footer .footer_center .box { width: 25%; padding-top: 30px; padding-bottom: 30px; vertical-align: top; display: table-cell; }
footer .footer_center .box.contact { padding-left: 30px; border-left: 1px solid #ddd; }

/* Footer bottom */
footer .footer_bottom { padding: 30px 0; }
footer .footer_bottom a { text-decoration: underline; color: #1b1c1e; }
footer .footer_bottom a:hover { color: #1d1d1d; }


/*
-------------
	FORM
-------------
*/
ul.form { margin-left: 0 !important; list-style: none; }
ul.form li { width: 100%; margin-bottom: 10px; list-style: none !important; }
ul.form li label { margin-bottom: 5px; font-weight: 700; color: #1d1d1d; line-height: 15px; display: block; }

ul.form li textarea,
ul.form li input[type=tel],
ul.form li input[type=text],
ul.form li input[type=email],
ul.form li input[type=password]
{ width: 100%; height: 50px; padding-left: 10px; background: #f8f8f8; border: 1px solid #d9d9d9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

ul.form li textarea:focus,
ul.form li input[type=tel]:focus,
ul.form li input[type=text]:focus,
ul.form li input[type=email]:focus,
ul.form li input[type=password]:focus
{ border-color: #1b1c1e; }

ul.form li textarea { height: 150px; padding: 10px; resize: vertical; }

/* Notice */
ul.notice { margin-left: 0 !important; padding: 20px; }
ul.notice.succes { background: #f6fef7; border-color: 1px solid #21a538; }


/*
----------------
	ANIMATE
----------------
*/

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes zoomOut {
	from { opacity: 1; }
	50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
	to { opacity: 0; }
}

@keyframes zoomOut {
	from { opacity: 1; }
	50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
	to { opacity: 0; }
}


@-webkit-keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
	from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
	to { opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes bounceRight {
	0%,20%,40% { -webkit-transform: translateX(0); transform: translateX(0); }
	10% { -webkit-transform: translateX(1.5625rem); transform: translateX(1.5625rem); }
	30% { -webkit-transform: translateX(1.25rem); transform: translateX(1.25rem);}
}
@keyframes bounceRight {
	0%,20%,40% { -webkit-transform:translateX(0); transform: translateX(0); }
	10% { -webkit-transform: translateX(1.5625rem); transform: translateX(1.5625rem); }
	30% { -webkit-transform: translateX(1.25rem); transform: translateX(1.25rem); }
}


/*
-----------------------------------------------
	GO FULL WIDTH AT LESS THAN 1600 PIXELS
-----------------------------------------------
*/
@media only screen and (max-width: 1600px) {

	/* COOKIE */
	#cookie { padding-left: 30px; padding-right: 30px; }
}

@media only screen and (max-width: 1400px) {

	/* DISPLAY: None */
	.hide_in_1400 { display: none; }

	/* DISPLAY: Block */
	.show_in_1400 { display: block; }

	/* COOKIE */
	#cookie { padding-left: 0; padding-right: 0; }

	/* HEADER */
	#header { padding-left: 0; padding-right: 0; }
	#header a.logo { left: 0; }
	#header .cart__profile { right: 30px; }

	/* FRONTPAGE: Categories */
	#categories article.is_category .text { padding-left: 50px; padding-right: 50px; }
}

@media only screen and (max-width: 1200px) {

	/* DEFAULT */
	.p_l_30 { padding-left: 20px; }
	.p_r_30 { padding-right: 20px; }

	/* HEADER: Logo */
	#header a.logo { left: 20px; }

	/* FRONTPAGE */
	#frontpage { padding-top: 50px; }

	/* FRONTPAGE: Categories */
	#categories article.is_category { margin-bottom: 60px; padding-left: 50px; padding-right: 50px; }
	#categories article.is_category:first-of-type { margin-top: 50px; }
	#categories article.is_category .image { height: 500px; }

	#categories article.fullimage { height: 70%; height: 70vh; margin-bottom: 50px; }

	/* ABOUT US */
	#aboutus { padding: 70px 0; }
	#aboutus .images .image { width: 70%; }
	#aboutus .images .image img { width: 100%; }

	#aboutus .entry { width: 50%; padding-left: 50px; }
}

@media only screen and (max-width: 1100px) {

	/* DISPLAY: None */
	.hide_in_1100 { display: none; }

	/* DISPLAY: Block */
	.show_in_1100 { display: block; }

	/* FRONTPAGE: Categories */
	#categories article.is_category .image { height: 450px; }
}

@media only screen and (max-width: 960px) {

	/* DISPLAY: None */
	.hide_in_960 { display: none !important; }

	/* DISPLAY: Block */
	.show_in_960 { display: block !important; }

	/* HEADER */
	#header .cart__profile { right: 150px; }

	/* FRONTPAGE: Slider */
	#slider { height: 80%; height: 80vh; }

	/* FRONTPAGE: Categories */
	#categories article.is_category { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #ddd; display: block; }
	#categories article.is_category .text { width: 100%; margin-bottom: 30px; padding-left: 0; padding-right: 0; vertical-align: top; display: block; }
	#categories article.is_category .text a.button_arrow { margin-top: 30px; }
	#categories article.is_category .image { width: 100%; height: 400px; margin-bottom: 30px; display: block; }

	#categories article.left_align_image .text { margin-bottom: 0; }
	#categories article.right_align_image .image { margin-bottom: 0; }

	#categories article.fullimage { height: 60%; height: 60vh; }

	/* ABOUT US */
	#aboutus { padding: 50px 0; }
	#aboutus .entry { width: 100%; padding-left: 0; float: none; }
	#aboutus .entry h2 { line-height: 100%; }

	/* PRODUCTS */
	ul.products li { width: 48%; }

	/* CONTAINER */
	body.page-template-default #container:before,
	body.page-template-affiliate #container:before { display: none; }

	/* CONTAINER: Content */
	#content { width: 100%; max-width: none; padding-right: 0; float: none; }

	/* CONTENT: Custom gallery */
	#content.custum_gallery .row { display: block; }
	#content.custum_gallery .col_sidebar,
	#content.custum_gallery .col_entyr { width: 100%; display: block; }

	/* FOOTER: Footer center */
	footer .footer_center .box { width: 33.3333333333%; }
}

@media only screen and (max-width: 768px) {

	/* DISPLAY: None */
	.hide_in_768 { display: none !important; }

	/* DISPLAY: Block */
	.show_in_768 { display: block !important; }

	/* DEFAULT */
	h1.title { margin-bottom: 30px; padding: 0 50px; font-size: 7vw !important; }

	/* RWD MENU */
	.rwd_menu { padding-left: 50px; padding-right: 50px; }

	/* FRONTPAGE: Categories */
	#categories article.is_category { margin-bottom: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; }
	#categories article.is_category:first-of-type { margin-top: 30px; }
	#categories article.is_category .text h2 { font-size: 5vw; }
	#categories article.is_category .image { height: 350px; }

	#categories article.fullimage { height: 400px; }
	#categories article.fullimage h2 { font-size: 5vw; }
	#categories article.fullimage .entry { font-size: 20px; }

	/* PRODUCTS */
	ul.products li { min-height: 400px; }

	/* CONTENT: Gallery */
	#content .gallery .gallery-item { width: 25% !important; }

	/* CONTENT: Single gallery */
	#content .single_gallery .item { width: 25%; }

	/* BREADCRUMB AND SHARE: Share */
	#breadcrumb ul.share { right: auto; top: auto; position: relative; }
	#breadcrumb ul.share li { width: 20%; }
}

@media only screen and (max-width: 640px) {

	/* DISPLAY: None */
	.hide_in_640 { display: none !important; }

	/* RWD MENU */
	.rwd_menu { padding-left: 30px; padding-right: 30px; }
	.rwd_menu .primary_menu ul li a { font-size: 40px; }
	.rwd_menu .secondary_menu ul li a { font-size: 25px; }

	/* HEADER: Cart and profile */
	#header .cart__profile { right: 100px; }
	#header .ajax_cart { margin-left: 0; padding-left: 0; border-left: none; }

	/* HEADER: RWD button */
	header .rwd_button span.text_menu { display: none; }

	/* FRONTPAGE: Categories */
	#categories article.is_category { padding-left: 20px; padding-right: 20px; }
	#categories article.is_category .text h2 { font-size: 6vw; }
	#categories article.is_category .image { height: 270px; }

	#categories article.fullimage h2 { font-size: 6vw; }

	/* PRODUCTS */
	ul.products { margin-left: 0 !important; margin-right: 0; }
	ul.products li { width: 100%; min-height: inherit; margin: 0; margin-bottom: 30px; padding-bottom: 50px; display: block; }
	ul.products li:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
	ul.products li:hover .entry { padding: 0; padding-top: 20px; }
	ul.products li:hover .price { left: 0; bottom: 0; }

	/* CONTENT: Gallery */
	#content .gallery .gallery-item { width: 33.3333333333% !important; }

	/* CONTENT: Single gallery */
	#content .single_gallery .item { width: 33.3333333333%; }

	/* FOOTER: Footer center */
	footer .footer_center { display: block; }
	footer .footer_center ul li a { font-size: 16px; }
	footer .footer_center .box { width: 100%; text-align: center; display: block; }
	footer .footer_center .box.terms { padding-top: 0; }
	footer .footer_center .box.contact { padding-left: 0; border-left: none; border-top: 1px solid #ddd; }

	/* Footer bottom */
	footer .footer_bottom .left { text-align: center; float: none; }
	footer .footer_bottom .right { text-align: center; float: none; }
}

@media only screen and (max-width: 480px) {

	/* COOKIE */
	#cookie .cookie_wrapper { font-size: 14px; line-height: 17px; }
	#cookie .cookie_wrapper a.accept { font-size: 35px; }

	/* RWD MENU */
	.rwd_menu .primary_menu ul li a { font-size: 30px; }
	.rwd_menu .secondary_menu { margin-top: 30px; padding-top: 30px; }
	.rwd_menu .secondary_menu ul li a { font-size: 20px; }

	/* HEADER: Logo */
	#header a.logo { height: 15px; }

	/* FRONTPAGE: Categories */
	#categories article.is_category .text h2 { font-size: 7vw; }
	#categories article.is_category .image { height: 200px; }

	#categories article.fullimage h2 { font-size: 7vw; }

	/* CONTENT: Gallery */
	#content .gallery .gallery-item { width: 50% !important; }

	/* CONTENT: Single gallery */
	#content #filter ul li { margin-right: 0; padding: 10px 0; font-size: 16px; text-align: center; display: block; }

	#content .single_gallery .item { width: 50%; }

	/* FOOTER: Footer top */
	footer .footer_top ul li { margin: 0 10px; }

	/* FOOTER: Footer center */
	footer .footer_center ul li a { font-size: 18px; }
}


/*
---------------
	PRINT
---------------
*/
@media print {

	/* DISPLAY: None */
	.hide_in_print { display: none !important; visibility: hidden; opacity: 0; }

	/* HEADER: Hgroup */
	header { text-align: center; background: #333; }
	header .logo { width: 100%; left: none; }
	header hgroup .logo img { max-width: 226px; }

	/* Content */
	#container.single:before { display: none; }
	#container #content { width: 100% !important; max-width: none !important; padding-left: 0 !important; float: none !important; }
}




/* CUSTOM CSS */
ul.products li.pif-has-gallery a.woocommerce-loop-product__link [class*="wp-post-image"]{
    width: 380px;
    height: auto !important;
}
.product .images .woocommerce-product-gallery__image:nth-child(n+2) a{
    height: 120px;
}
.product .images .woocommerce-product-gallery__image:nth-child(n+2) a img{
    max-height: 100%;
}
.product > .woocommerce-LoopProduct-link{
    height: 300px;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    justify-content: center;
    display: flex !important;
}
.pif-has-gallery .wp-post-image--secondary{
    bottom: 0;
}

@media (max-width: 640px){
    /*ul.products li.pif-has-gallery a.woocommerce-loop-product__link [class*="wp-post-image"]{
        width: 600px;
        height: 350px;
    }*/
}

@media (max-width: 4000px){
    ul.products li.pif-has-gallery a.woocommerce-loop-product__link [class*="wp-post-image"]{
        width: auto;
        height: 100% !important;
        max-width: inherit;
        margin: auto;
    }
}

@media (max-width: 1200px){

}

menu ul {
	float: right;
}