/*
Theme Name: Butiko - Child Theme
Theme URI: http://butiko.themetica.com/
Author: Themetica WP
Author URI: http://themetica.com/
Description: A Premium WooCommerce Themes for Wordpress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: butiko
Template: butiko
Domain Path: /languages/
Tags: shop, shopping, business, store, woocommerce, boutique, minimal, elegant, commerce, responsive, retina, clean, seo, multi language
*/

@import url("../butiko/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
@font-face {
    font-family: 'creepsville';
    src: url(fonts/RW-creepsville.ttf);
}

html{margin-top: 0 !important;}

body{
	background: #ffffff; 
	color:#000000;
	font-family: 'Open Sans';}

.home h1.titol{position: absolute; background-color: #ffffff; color:#000000;top:0;
	z-index:2;}

h1.titol{
	position: fixed;
	background-color: #ffffff;
	font-size: 24px;
	line-height: 26px;
    color: #000000;
    width: 100%;
    height: 25px;
    font-family: arial;
    font-weight: bold;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #000000;
	z-index: 1500;
}

.more-link, .error-404 .page-header h1, .error-404 .page-header h2, .quote-holder blockquote p, .cart-empty, .order-detail .order-text-title, 
.order-calculate tr.order-total span.amount, .shop_table tr.order-total strong, .cart-collaterals tr.order-total strong, .wishlist-empty, 
.category-header .page-title, .price{
	font-weight: bold;
}


.enter{
position: absolute;
z-index: 5;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
height: 64px;
width: 146px;
text-align: center;
}

.enter a{
	color: #ffffff;
	font-size: 26px;
	text-transform: uppercase;
	background-image: -webkit-linear-gradient(black 50%, white 50%);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: 100% 3px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-animation: stripes 0.7s linear infinite;
    animation: stripes 0.7s linear infinite;
    font: bold 5vmax/.8 Open Sans, Impact;
}

body.home{background-color: #000000;}

body.home #page, .home-site-content{height: 100%;}


.home .mobile-toggle-btn{display: none;}

.post-type-archive-product .category-header .wpb_content_element{
	margin-bottom: 0 !important;
}

.mobile-toggle-btn a:hover{background: #000000;}

.mobile-toggle-btn{
	width: 56px;
	height: 56px;
}

.mobile-toggle-btn a{
	font-size: 16px;
	padding: 16px;
}

.videos-container{
		width:100%; height:100%;
	}

.videos-content{width: 50%; height: 50%; float:left;}


#video1 {
        left:0%;
        top: 0;
    }
#video2 {
        left: 50%;
        top: 0;
    }
#video3 {
        left: 0%;
        bottom: 0;
    }
#video4 {
        left: 50%;
        bottom: 0;
    }
    
#video1 iframe, #video2 iframe, #video3 iframe, #video4 iframe {
	/*position: absolute;*/
	z-index: 1;
	width: 100%;
	height: 100%;
	}

        .more_info_col{
        	position: absolute;
			z-index: 3;
			background-color:#ffffff;
			color:#000000;
			border:4px solid #000; 
        }

		
		#video1 .more_info_col{			
			left:10%; 
			top: 60%;
			
		}
		
		#video2 .more_info_col{;
			right:25%; 
			top:40%;
			}
		
		#video3 .more_info_col{;
			right:25%; 
			top: 20%;
			}
		
		#video4 .more_info_col{;
			left:15%; 
			bottom: 40%;
			}

		.more_info_col .overlay{
			width: 50px;
			height: 50px;
			text-align: center;
			line-height: 48px;
			font-size: 70px;
			 
		}

		#video1 .more_info_col .overlay, #video4 .more_info_col .overlay{float: left;}
		#video2 .more_info_col .overlay, #video3 .more_info_col .overlay{float: right;}

		.overlay_title{
			overflow: hidden;
			width: 0;
			height: 0;
			float: left;
			-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
    		transition: width 0.5s;
		}

		.overlay_title a{
			color:#000000;
			font-size: 28px;
			font-weight: 800;
			line-height: 50px;
			text-transform: uppercase;
		}

		.more_info_col:hover .overlay{
			cursor: pointer;
			}

		.more_info_col:hover .overlay_title{
			width: inherit;
			height: 50px;
			padding:0 10px;
		}

.site-footer{padding: 0;}

.footer-tools{
	position: absolute;
	bottom: 15%;
	z-index: 1;
	width: 100%;
}

.footer-tools ul.tools-navigation li a, .footer-tools .header-social ul li a{
	color:#ffffff;
}

.footer-tools .header-social{padding:0; width: 150px; margin: 0 auto;
background-color: #000000; }

.footer-tools .header-social ul{
	margin:10px 0;
}

.footer-tools .header-social-icons h4 {display: none;}

footer .widget-area{text-align: center;}
/* header*/

/*.presentation-mode .site-header{left: 0;}*/


.site-header{
	width: 100%;
	height: 76px;
	position: fixed;
}

.main-navigation{
	padding: 0 30px;
	width: 100%;
	height: 55px;
	margin: 25px auto 0 auto;
}

.main-navigation ul{
	height: 51px;
}

.primary-nav .menu-item-has-children > a:after{
	content: '\e000';
	color:#000;
}

.primary-nav ul li > ul{
left: 0;
top: 50px;
width: 100%;
}

.primary-nav ul ul li{margin-left: 0; text-align: left;}

.primary-nav ul ul li a{
	font-size: 18px;
	white-space: pre-wrap;
}

.main-navigation ul#menu-mainmenu{display: inline-flex; width: 100%; }

.main-navigation ul#menu-mainmenu > li{
	width: 25%; 
	text-align: center;
	float:left;
}

.main-navigation ul#menu-mainmenu > li > a {

  background-image: -webkit-linear-gradient(black 50%, white 50%);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 100% 3px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-animation: stripes 0.7s linear infinite;
  animation: stripes 0.7s linear infinite;
    font: bold 1.4vmax/.8 Open Sans, Impact;
}

.main-navigation ul#menu-mainmenu > li:first-child{
	background-color: #000000;
}

.main-navigation ul#menu-mainmenu > li:first-child a{
	color: #ffffff;
}

.main-navigation ul#menu-mainmenu > li:last-child a{
	color: red !important;
	background-image: none;
	-webkit-text-fill-color:red;
	font-family: 'creepsville';

}

.main-navigation ul#menu-mainmenu > li a:hover{
	text-decoration: line-through;
	color: inherit;
}

.main-navigation ul#menu-mainmenu li.current_page_item > a{
text-decoration: line-through;
}

.primary-nav{padding-left: 0;}

.primary-nav ul li{
	padding: 15px 0 15px 0;
}



.desktop-nav-holder{width: 85%; float: left;}
.header-social{width: 15%; float: left; padding: 0; margin-top: 10px;}

.header-social .icon-world{
	width: 27px;
	height: 22px;
	background: url('img/globe.gif') no-repeat;
	display: block;
}

.header-social .icon-tumblr{
	width: 24px;
	height: 27px;
	background: url('img/tumblr.png') no-repeat;
	display: block;
}

.header-social-list{
	float: right;
}

.shop-sidebar{
	top:25px;
}

.filter-btn-holder a, .woocommerce-ordering select, select{ 
	border-color:#F5F5F5;}

	select{height: 40px;}



#coupon_code, 
input[type="text"], input[type="url"], input[type="email"],input[type="tel"],input[type="search"], input[type="password"], input[type="number"], input[type="password"],
textarea, select{
	border:none;
	padding:0;}

input[type="tel"]{
	background-color: transparent;
    font-size: 13px;
    font-weight: 500;
    padding: 10px;
    height: 52px;
    color: #878787;
    box-shadow: none;
    margin-bottom: 0;
    outline: 0;
}

.widget{
	letter-spacing: 0 !important;
}

.widget label{font-size: 13px !important; color:#878787 !important;}

.woocommerce-currency-switcher option{
	background: none !important;
}

.WOOF_Widget .widget{margin: 0 !important;}

.woof_redraw_zone > div{
	width: 33%; float:left;
}

.woof_redraw_zone > div{
	width: 42%;
	font-family: 'Open Sans';
	margin-top: 10px;
}

.woof_redraw_zone > div:first-child{
	margin-right: 20px;
}

.chosen-container-single{
	width: 210px;
}

.chosen-container-single .chosen-single{
	border: none;
	background: #ffffff;
	box-shadow: none;
}

.chosen-container-single .chosen-single span{
	font-size: 13px;
	color: #878787;
}

.woof_submit_search_form_container{display: none;}

.woof_container_product_tag{
	/*margin-left: 30px;*/
}

.product-tools{/*width: 23%; */ float:right;}

.product-tools .tools-navigation, .product-tools > div{
	float: left;
	margin-right: 30px;
}

.product-tools > div{width: 80px;}

  @-webkit-keyframes stripes {
  100% {
    background-position: 0 -50px;
  }
}

@keyframes stripes {
  100% {
    background-position: 0 -50px;
  }
}

.search-form-holder input[type="text"]{color:#ffffff !important;}

button.single_add_to_cart_button, a.checkout-button, input.place-order-btn {
	background-color: #ffffff;
	border: 2px solid #23d400;
    color: #23d400;

}

button.single_add_to_cart_button:hover, a.checkout-button:hover, input.place-order-btn:hover,
button.single_add_to_cart_button:focus, a.checkout-button:focus, input.place-order-btn:focus{
	color: #000000;
	border-color:#000000;
	background-color: #ffffff;
}

.yith-wcwl-add-button a{
	color: #000000;
	border:2px solid #000000;
	background-color: #ffffff;
}

/* scroll*/

.MagicScroll-vertical > div:first-child, .MagicScroll-vertical > span,
.MagicScroll > div:last-child{
	display: none !important;
}

.mz-hover-zoom span, .mz-hover-zoom > div:first-child, .mz-hover-zoom > div:last-child{display: none !important;}

/* content*/
.row{
	max-width: 88.5rem;
}

.woocommerce .site-content,.woocommerce-page .site-content,  .site-content, .search .site-content, .archive .site-content, .single-post .site-content, .blog .site-content{
	padding: 76px 0 0 0
}

ul.tools-navigation li{
	border:none;
	width: 37px;
	height: 37px;
}

.page-header{background-color: #ffffff;}

ul.tools-navigation{padding: 0;
margin:0;
border-bottom: 0;
text-align: left;

margin-top: 5px;
}

ul.tools-navigation li{margin-right: 0;}

.icon-mail{
	background: url('img/mail59.png') no-repeat;
	width: 18px;
	height: 18px;
	padding: 16px;
	display: block;
}

.post-navigation{margin-top: 30px !important;}

.entry-header .close{
	text-align: right;
	font-size:37px;
}

.entry-title{text-transform: uppercase;}

.archive .entry-title, .search .entry-title, .single-post .entry-title, .blog .entry-title{
	padding: 30px 0;
}

/*.woocommerce-currency-switcher-form{
	width: 25%;
	float: center;
}
*/

.chosen-container-multi .chosen-choices{
	border: 4px solid #F5F5F5;
	background-image: none;
	padding: 10px;
	text-transform: uppercase;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text]{
	text-transform: uppercase;
	font-size: 88%;
	font-family: inherit;
}

.woof_products_top_panel li{margin-right: 5px;}

.woof_products_top_panel li span{
	background: url('img/close.png');
	background-size: 12px 12px;
	padding-right: 12px;
	background-position: right;
    background-repeat: no-repeat;
}

.vc_gitem-link{display: block !important;}

div.pp_default .pp_description{display: none !important;}

.clr{clear:both;}


/* footer */

.site-footer .widget{color: #000000;}

#menu-footermenu li{display: inline-block; margin: 0 10px;}

#menu-footermenu li a{
	text-transform: uppercase;;
	font-size: 16px;
}

/* mailchimp*/

.mc4wp-form{margin: 0 !important;}
.mc4wp-form input[type=email]{width: 60% !important;
float: left !important;
margin-right: 5px !important;
}

/* revolution slider */

.uranus.tparrows{
	background: transparent !important;
}

.uranus.tparrows:hover{
	background: transparent !important;
}

/*.tp-leftarrow.tparrows.uranus.noSwipe, .tp-rightarrow.tparrows.uranus.noSwipe{
	transform: translate3d(0px, 0px, 0px) !important;
}*/

/* NEWSLETTER */

.content-sxzw input:first-child{
	display: none !important;
}		

#popup-box-sxzw-1 .popupally-inner-sxzw-1 .desc-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .desc-sxzw,
#popup-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw,
#popup-box-sxzw-1 .popupally-inner-sxzw-1 .privacy-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .privacy-sxzw,
#popup-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw{
	font-family: 'Open Sans' !important;
}

 #popup-box-sxzw-1 .popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="submit"].submit-sxzw{
 	text-transform: uppercase;
 }

#popup-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw, #popup-embedded-box-sxzw-1 .popupally-inner-sxzw-1 .logo-text-sxzw{
	font-size: 18px !important;
}

/* woocommerce*/

.category-header{background-color: #ffffff;}

.post-type-archive .category-header{ padding-top: 0;}

.post-type-archive .page-description{padding-top: 0;}

.woocommerce-message{background-color: #000000;}

.product-description, .product-description p, .share-btns, .share-btns ul li a, .product_meta, .product_meta a{color:#FF0000;}

.related-products h3, .button.black{background-color:#000000;}

.category-header.with-bg .page-title{color:#000;}

.category-header.with-bg .category-overlay{opacity:0;}

.woocommerce-tabs{display: none;}

#shop-tools{width: 100%;}

#shop-tools.scrolled{
 margin: 0;
  position: fixed;
  top: 76px;
  z-index: 2000;
  background-color: #ffffff;
  padding-top: 10px;
}

.flaticon-mail59:before {
	content: "\e003";
}

.quantity input[type="number"]{
	height: 60px;
	font-size: 25px;
}


.item-holder.effect-apollo{background: #ffffff;}

.shop-wrapper .item-holder{border:0;
}

.item-holder .product-image{
	transition:none;
	transform:none;
background-size: inherit;
opacity: 1;}

.item-holder .second-image{
		transition:none;
	transform:none;
background-size: inherit;
}

.hover-holder a:hover{opacity: 1}

.item-holder.effect-apollo:hover .hover-holder .item-content{z-index: 1100;}

.item-holder.effect-apollo:hover .second-image {opacity: 1;}


.item-holder .item-content .featured-price h4{color: #C9A253 !important;}

.item-holder.effect-apollo:hover .hover-holder::before, .item-holder.effect-apollo .hover-holder::before
{
	-moz-transition: none;
    -webkit-transition: none;
    transition: none;
}

.related-products .item:hover .product-image{
	-moz-transform: none;
    -webkit-transform: none;
	transform:none;
}
.related-item-holder .product-image{background-repeat: no-repeat !important; background-position:center center; background-size:contain;}

.item-holder.effect-apollo:hover .hover-holder .item-content{width: 100%; padding: 0 15px;}

.item-holder .item-content .product_title{text-align: center;}

.item-holder.effect-apollo:hover .product-image {transform:none;}


.badge{
	z-index: 999;
	display: block;
	right: 0;
	width: 100%;
	text-transform: uppercase;
	font-size: 50px;
	text-align: center;
	font-weight: bold;
	bottom: 45%;
	top: inherit;
	background-color: transparent !important;
   text-shadow:
   -1px -1px 0 #000,  
    1px -1px 0 #000,
    -1px 1px 0 #000,
     1px 1px 0 #000;
     right: initial;
}

.badge.out-of-stock{
	display: none;
}

.products li.outofstock .item-holder:hover .badge.out-of-stock{
	display: block;
	color: #b8b8b8;
	bottom: 38%;
}

.single-product .product .badge {
	display: none;
}

.quantity{height: 57px; border:2px solid #ccc;
}

.quantity input[type="number"]{height: 46px;}

.shop_link{
	background-color: #000000;  
	color: #ffffff; 
	text-transform: uppercase; 
	padding: 10px 15px; 
	line-height: 1; 
	font-size: 13px; 
	font-weight: 600;
    transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.shop_link:hover{color: #ffffff; background: #222; }

.featured-price, .item-holder .item-content .view-detail-btn, .featured-title
/*ul.products li.product h3, ul.products li.product .price*/{display: none;}

.item-holder .item-content{
	bottom: 50%;
	text-align: center;

}

.related-products h3{background-color: #ffffff; color:#000000; font-size: 35px;}

/* checkout*/

.payment-detail-info h2, .payment-detail-info h3, .custom-title,
.woocommerce form label, .woocommerce form label abbr{color:#000000;
}

.woocommerce-checkout input[type="text"], .woocommerce-checkoutinput[type="url"], .woocommerce-checkout input[type="email"], 
.woocommerce-checkout input[type="search"], .woocommerce-checkout input[type="password"], 
.woocommerce-checkout input[type="number"], .woocommerce-checkout input[type="password"], .woocommerce-checkout input[type="text"], 
.woocommerce-checkout input[type="tel"], .woocommerce-checkout .country_select, .woocommerce-checkout .state_select, .woocommerce-checkout textarea,
.coupon #coupon_code, #coupon_code{
	border: 2px solid #000000;
	padding: 0 10px;
	color: #000000;
}

.payment-detail-info h2:after, .payment-detail-info h3:after, .custom-title span:before, .custom-title span:after{
	border-color: #000000;
}

.woocommerce form label[for="payment_method_paypal"].css-radiolabel{
	height: 90px !important;
}

.woocommerce-page .entry-content p{padding-left: 30px;}

/*=======news scroller==============*/

.category-header{
	padding: 15px 0;
}

.mtphr-dnt-tick{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}


/* spotify*/
iframe #mainContainer{background-color: #ffffff !important;}


@media all and (max-width: 1024px){
	.header-social{width: 100%;}
	.header-social-list{float: left;}
}


@media only screen and (min-width: 90.063em){
	.full-width .wpb_row .wpb_row, .full-width .standart, .row, .main-navigation{
		max-width: 100rem;
	}
}


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

	.main-navigation ul{height: auto;}
	.site-header{
		height: 100%;
		overflow: scroll;
		left: -350px;
		width: 270px;
	}

	.mobile-toggle-btn.open{
		left: 270px;
	}

	#shop-tools.scrolled{top: 25px;}

	.home-site-content{overflow: scroll;}

	.woocommerce .site-content, .site-content, .search .site-content, .archive .site-content, .single-post .site-content, .blog .site-content{
		padding-top: 56px;
	}

	.blog, .single-post, .shop-holder, .site-footer{padding:0;}

	.site-content{margin-bottom: 0 !important;}

	.presentation-mode .mobile-toggle-btn{z-index: 5000; top:25px;}
	/*.presentation-mode .site-header{left: 0;}*/

	.main-navigation{height: 100%; margin-top: 45px;}
	.main-navigation a{font-size: 18px !important;}
	.header-social li a{font-size: 24px !important;}


	.shop-holder{padding-top: 10px;}
	#shop-tools .tools-navigation{text-align:center;}
	

	.product-tools{
		width: 100%;
		margin-top: 10px;
	}

	.product-tools ul{float: left;}

	.product-tools > div{float: right; margin-right: 0; width: 30%;}

	footer .site-info, footer .site-info .text-right{text-align: center !important;}

	.item-holder .product-image{
		background-size:contain;
	}

.item-holder .second-image{
	background-size: contain;
}

.page-header{padding: 0;}

h1.titol{
	left: 56px;
	height: 56px;
	line-height: 56px;
}

.home h1.titol{left:0;}

.badge{font-size: 38px; bottom: 45px;}

}

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

	.videos-container{
		width:100%; height:50%;
	}

	.videos-content{width: 100%; position: inherit; height: 50%;}
	#video1 iframe, #video2 iframe, #video3 iframe, #video4 iframe {
	position: inherit;
	z-index: 1;
	width: 100%;
	height: 100%;
	}
	
/*.site-header{height: 70px;}*/
.header-social{width: 100%;}

	

ul.tools-navigation li{
	width: 37px;
}
	
}



@media only screen and (max-width: 40em) {
	.woof_redraw_zone > div, .woof_redraw_zone > div:first-child {
		width: 100%;
	}

	.single-post .entry-title, .blog .entry-title, .entry-title {
		width: 100%;
	}

	#product-main {
		padding-top: 10px;
	}

	.enter a {
		font: bold 10vmax/.8 Open Sans, Impact;
	}

	.shop_table .quantity {
		width: 40px;
		height: 40px;
	}

	.shop_table .quantity input[type="number"] {
		font-size: 18px;
		width: 40px;
		height: 40px;
	}

	.quantity input[type="number"] {
		padding: 0;
	}

	.quantity input[type="number"] {
		width: 47px;
	}

	.small-block-grid-1 > li {
		width: 50%;
	}

	.small-block-grid-1 > li:nth-of-type(1n+1) {
		clear: none;
	}

	#shop-tools.scrolled {
		position: inherit;
	}

	.tp-leftarrow, .tp-rightarrow {
		display: none;
	}

	.woocommerce-currency-switcher {
		padding-left: 7px;
	}

	.woocommerce-message {
		line-height: 22px;

	}

}

#stripe-payment-data p{
	padding-top: 31px;
}