/*
	Theme Name: North
	Theme URI: http://themeforest.net/user/fuelthemes
	Description: <strong>A Premium theme for magazine, editor, community and more! WordPress Theme by <a href="http://www.themeforest.net/user/fuelthemes">fuelthemes</a></strong> – Update notifications available on Twitter and Themeforest <a href="http://twitter.com/anteksiler">Follow us on twitter</a> – <a href="http://themeforest.net/user/fuelthemes">Follow us on Themeforest</a>
	Version: 3.1.2
	Author: fuelthemes
	Author URI: http://themeforest.net/user/fuelthemes
	Tags: black, blue, red, white, two-columns, four-columns, responsive-layout, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style
	License: GNU General Public License v2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
* PLEASE DO NOT EDIT THIS FILE!
* 
* This file is only in your themefolder for WordPress to recognize basic theme data like name and version
* CSS Rules in this file will not be used by the theme. 
* Instead use the app.css file that is located in your themes /assets/css/ folder to add your styles. 
* If you just want to add small css snippets you might also  want to consider to add it to the designated 
* CSS option field in your themes backend at: Appearance -> Theme Options
*/
.related h6{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}
.secure {
    display: inline-block;
    margin: 0;
    width: 100px;
    height: 17px;
    vertical-align: middle;
    background: transparent url("assets/img/secure.png") top left;
    background-size: 100px 17px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
#footer.style1:hover .secure {
	background: transparent url("assets/img/secure-hover.png") top left;
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
}
.woocommerce div.product {
	float:none!important;
}
.payment_methods {
	margin-top:100px;
	padding:0 25px;
}
.woocommerce-Payment .woocommerce-Button {
	margin-left:25px;
}
.counter-image {
	display: -webkit-flex;
    display: flex;
}
.left-counter {
	width:70%;
	float:left;
}
.left-counter img {
	width:100%;
	height:auto;
}
.right-counter {
	width:30%;
	background:url(assets/bg-right.jpg) no-repeat center center / cover;
	float:left;
	padding:13px 15px 13px;
	text-align:center;
}
.inner-right-counter {
	display:table;
	vertical-align:middle;
	height:100%;
	width:100%;
}
.middle-right-counter {
	display:table-cell;
	vertical-align:middle;
	height:100%;
	width:100%;
}
.right-counter p {
	font-size:20px;
	text-align:center;
	display:block;
	color:#fff;
	margin-bottom:0;
}
.right-counter span {
    display: block;
    width: 100%;
    max-width: 220px;
    height: 33px;
    background: #fff;
    color: #202020;
    margin: 0 auto 10px;
    padding: 2px;
    font-weight: bold;
    font-size: 20px;
}
@media screen and (max-width: 980px) {
	.right-counter p {
		font-size: 15px;
		text-align: center;
		display: block;
		color: #fff;
	}
	.right-counter span {
		display: block;
		width: 100%;
		max-width: 220px;
		height: 25px;
		background: #fff;
		color: #202020;
		margin: 0 auto 5px;
		padding: 2px;
		font-weight: bold;
		font-size: 15px;
	}
}
@media screen and (max-width: 876px) {
	.right-counter span {
		margin-bottom:0;
	}
}
@media screen and (max-width: 828px) {
	.right-counter {
		padding:5px 15px;
	}
}
@media screen and (max-width: 767px) {
	.free-shipping img {
		width:100%;
	}
	.right-counter {
		width: 100%;
		background: url(assets/bg-right.jpg) no-repeat center center / cover;
		float: left;
		padding: 30px 15px 20px;
		text-align: center;
	}
	.left-counter {
		width: 100%;
		float: none;
	}
	.left-counter img {
		width: 100%;
		height: auto;
	}
	.counter-image {
		display: block;
	}
	.right-counter p ,.right-counter span{margin-bottom:15px;}
	
}