/*

Theme Name: Name

Theme URI: http://web.smdesign.co.il/

Author: sm design

Author URI: http://web.smdesign.co.il/

Description: Theme Name is a WordPress shopping theme designed for WooCommerce. The theme is ideal for supermarkets, shopping malls or convenience stores with loads of product categories.

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: text_domain

Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, custom-header, custom-background, custom-menu, editor-style, featured-images, microformats, post-formats



The styleheets of Theme Name are located in assets/css.

IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.

*/



/*	################################################################

	CSS OVERVIEW 	



	1. IMPORT FILES

	2. GENERAL

	3. ELEMENTS

	4. HEADER

	5. FOOTER

	...



################################################################# */ 



/*==========================================================

	1. IMPORT FILES

==========================================================*/

/* Fonts */



@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);

/* Css */

/*@import url(libs/bootstrap/css/bootstrap.min.css);*/

/* Customer Fonts */

@import url(fonts/stylesheet.css);



/*==========================================================

	2. GENERAL

==========================================================*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0;

	font-size: 100%;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;
    font-family: 'Heebo', sans-serif!important;
}

body{

	font-size: 14px;

    font-family: 'Heebo', sans-serif!important;
background: #eeefef none repeat scroll 0 0;

	

}

h1,

h2,

h3,

h4,

h5,

h6 {

	clear: both;

	color: #373737;

    font-family: 'Heebo', sans-serif!important;

}

h1 {

	font-size: 24px;

}

h2 {

	font-size: 20px;

}

h3 {

	font-size: 18px;

}

h4 {

	font-size: 16px;
direction:rtl;
margin-top:10px;
font-weight: 400;
}

h5 {

	font-size: 14px;

}

h6 {

	font-size: 12px;

}

img{

	border:none;

	max-width:100%;	

	height: auto;

}

a{

	color:#373737;

}

a:hover{

	color: #c9a96e;

	text-decoration:none;

}

a:focus{

	text-decoration: none;

	color: inherit;

	outline: none;

}

a, 

button, 

input {

	transition: all 0.3s ease-in-out 0s;

	-moz-transition: all 0.3s ease-in-out 0s;

	-o-transition: all 0.3s ease-in-out 0s;

	-webkit-transition: all 0.3s ease-in-out 0s;

	-ms-transition: all 0.3s ease-in-out 0s;

}

input[type=text],

input[type=email],

input[type=password],

input[type=number],

input[type=search],

textarea {

	border: 1px solid #d5d5d5;

	padding: 8px 15px;

	font-size: 14px;

	color: #757575;

	font-style: italic;

	border-radius: 0;

}

button,

input[type=text]:focus,

input[type=email]:focus,

input[type=password]:focus,

input[type=number]:focus,

input[type=search]:focus,

textarea:focus {

	border-color: #c9a96e;

	outline: none;

}

.table > tbody > tr > td, 

.table > tbody > tr > th, 

.table > tfoot > tr > td, 

.table > tfoot > tr > th, 

.table > thead > tr > td, 

.table > thead > tr > th {

	border-color: #FCD998;

}

.clear{

	clear: both;

}

/*==========================================================

	3. ELEMENTS

==========================================================*/

#wrapper{

	padding: 20px 0 10px;

}

.logo{

	padding: 15px 0 5px;

	display: inline-block;

	vertical-align: top;

}

.header-text{

	max-width: 610px;

	display: inline-block;

	vertical-align: top;

	text-align: right;

	float: right;

	padding-bottom: 14px;

	direction: rtl;

	line-height: 17px;

}

.header-text h2{

    font-family: 'Heebo', sans-serif!important;

	font-weight: 700;

	font-size: 24px;

margin-top:50px;

}

.header-text p{

    font-family: 'Heebo', sans-serif!important;

	font-weight: 300;

	font-size: 14px;

	padding-left: 5px;

}

.container{

	padding: 0 50px;

}

.sitename{

	display: none;

	height: 0;

	visibility: hidden;

	overflow: hidden;

}

.owl-carousel .owl-nav > div{

	position: absolute;

	left: -43px;

	top: 50%;

	background: url(images/assets/controls.jpg) no-repeat;

	width: 43px;

	height: 43px;

	text-indent: -9999px;

	overflow: hidden;

	-webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.owl-carousel .owl-nav.owl-prev{

	background-position: 43px 0;

}

.owl-carousel .owl-nav .owl-next{

	right: -43px;

	top: 50%;

	left: auto;

	background: url(images/assets/controls.jpg) no-repeat -34px 0;

	-webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

footer{



	bottom: 0;

	width: 100%;

	margin-bottom: 1px;

	border-bottom: 1px solid #d6d6d6;

	z-index:9999;

}

.footer-inner{

	position: relative;

	padding: 10px 50px ;

}

.socials{

	float: left;

}

.socials > a{

	display: inline-block;

	*display: inline;

	zoom: 1;

	width: 26px;

	height: 26px;

	border-radius: 50%;

	background: #292929;

	text-align: center;

	text-decoration: none;

	margin-right: 6px;

}

.socials > a:hover{

	background: #3C599B;

}

.socials > a + a:hover{

	background: #29AAE3;

}

.socials > a + a + a:hover{

	background: #A16E4F;

}

.socials > a + a + a + a:hover{

	background: #CC202E;

}

.socials > a + a + a + a + a:hover{

	background: #116099;

}

.socials > a > i{

	line-height: 26px;

	color: #fff;

	display: block;

	font-size: 13px;

}

.copyright{

	float: left;

	direction: rtl;

	font-weight: 300;

	line-height: 26px;

	position: absolute;

	left: 50%;

	 -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);



}



.about-us{

	direction: rtl;

	font-weight: 300;

	line-height: 26px;

	float: right;

}

.about-us a{

	font-weight: 900;

	line-height: 26px;

	text-decoration: none;

}

.about-us b{

	font-weight: bold;

}



.owl-carousel .owl-item .item{

	position: relative;

}



.owl-carousel .owl-item .item .img-caption{

	position: absolute;

	right: 0px;

	background: rgba(255,255,255,0.8);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff)";

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ffffff,endColorstr=#80ffffff);

	zoom: 1;

	color: #000;

	bottom: 0px;

	padding: 5px 10px;

	font-size: 15px;

	opacity: 0.8;

direction:rtl;

}



.owl-carousel .owl-item .overlay{

	opacity: 0;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

	position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    opacity: 0.2;

    z-index: 2;

}



.owl-carousel .owl-item .item:hover .overlay {

    opacity: 0.6;

}

#header {margin-top:-20px}

.embed-container { position: relative; padding-bottom: 64.8%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.title-slider{
	position:absolute;
	text-align:center;
	z-index:999999;
	width:100%;
	height:100%;
}
.title-slider h2{
	color:#fff;
	font-size:30px;
	display:none;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	padding:36% 0 0 0;
font-weight:400;
}
.title-slider:hover h2{
	display:block;
}