/*
Theme Name: Zolstock
Theme URI: http://www.zolstock.co.il/
Description: Zolstock WordPress theme
Version: 1
Author: Roie Avizemer / Studio Puenta
*/
@font-face {
  font-family: fbspoileren;
  src: url(webfont/fbspoileren-bold-webfont.woff);
  font-weight: bold;
}
@font-face {
  font-family: fbspoileren;
  src: url(webfont/fbspoileren-regular-webfont.woff);
  font-weight: normal;
}
@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700');
*{margin:0;padding:0;direction: rtl;}
h1,h2,h3,h4,h5,h6,p,a,button{font-family: 'fbspoileren'}
input,textarea{font-family: 'Heebo', sans-serif;}
p{font-size: 20px;}
::selection{
	background-color: rgba(250,197,16,.8) !important;
	color:#3a52a1 !important;
}
body,html{overflow-x:hidden !important;overflow: -moz-scrollbars-vertical;}
.wrapper{
	width: 1200px;
	margin:0 auto;
}
header .wrapper{
	width: 1200px;
	margin:0 auto;
}
header .wrapper .logo{
	display: inline-block;
	float: right;
	width: 120px;
}
header .wrapper .logo img{
	width: 100%;
}
header .openmenu{
	display: inline-block;
	float: right;
	margin-left: 15px;
}
header a.triger{
	display: block;
	position: relative;
	width: 4.25em;
	height: 4.25em;
	right:0;
	transition: left .25s ease-in-out;	
	text-align: center;	
	padding-top: 45px;
}
header a.triger .bar1, header a.triger .bar2, header a.triger .bar3{
	width: 35px;
    height: 3px;
    background-color: #3a54a4;
    margin: 9px auto;
    transition: 0.4s;
    display: block;
    text-align: center;
}
header a.triger .bar1{
	margin-top: 15px;
}
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 8px);
    transform: rotate(-45deg) translate(-9px, 8px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}
header nav#nav{
	display: inline-block;
	float: right;
	margin-right: 5%;
	margin-top: 53px;
}
header nav#nav #mega-menu-wrap-header-menu{
	background: transparent;
}
header nav#nav ul{
	list-style: none;	
}
header nav#nav ul li{
	display: inline-block;
	padding:0 14px;
}
header nav#nav ul li a{
	text-decoration: none;
	line-height: 52px;	 
	color:#3a54a4;	
	font-size: 19px;
	display: block;
	font-weight: 600;
}
header nav#nav ul li a.ubermenu-item-layout-default{
	line-height: 52px;
	outline: none;
}
.ubermenu img.ubermenu-image{
	width: 25%;
	display: inline-block;
}
header nav#nav .ubermenu .ubermenu-target{
	padding:0 5px;
}
.ubermenu .ubermenu-target-with-image>span.ubermenu-target-text{
	display: inline-block;
	margin-right: 10px;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target{
	padding:0;
}
header nav#nav .ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop{
	margin-top: 0;
	background: #1059a9;
}
header nav#nav .ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop a{
	color:#fff;
}
header nav#nav .ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop  li:hover a{
	color:#1059a9;
}
.ubermenu .ubermenu-item-layout-image_right>.ubermenu-target-text{
	padding-right: 0 !important;
}
.rtl .ubermenu-sub-indicators .ubermenu-item-level-0.ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{
	left:-11px !important;
}
header nav#nav .ubermenu ul.ubermenu-submenu .ubermenu-item-layout-image_right{	
	line-height: 45px;
}
header nav#nav .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child{
	margin-top: 0;
}
header nav#nav ul li ul.ubermenu-submenu  li a{
	line-height: 40px;	
}
header nav#nav .ubermenu .ubermenu-submenu-type-stack>.ubermenu-item.ubermenu-column-auto{
	margin-bottom: 15px;
}
header nav#nav ul li.ubermenu-current_page_item,header nav#nav ul li:hover{
	background: #fff200;
}
header nav#nav ul li.facebook,header nav#nav ul li.inste{
	padding:0;
}
header nav#nav ul li.facebook img,header nav#nav ul li.inste img{
	width: 60%;
}
header nav#nav ul li.facebook:hover,header nav#nav ul li.inste:hover{
	background: transparent;
}
header nav#catnav{
	display: none;
	position: fixed;
	top:0;
	right: 0;
	height: 100%;
	width: 20%;
	z-index: 500;
	background: rgba(58,84,164,.85);
	outline: none;
}
header nav#catnav .parentsnemu{
	padding:15% 10%;
}
header nav#catnav .parentsnemu .parentcatmenu a{
	display: block;
	height: 60px;
	float: right;
	line-height: 60px;
	color:#fff;
	text-decoration: none;	
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: 300;
	transition: linear 0.3s;
}
header nav#catnav .parentsnemu .parentcatmenu a img{
	height: 60px;
	width: 60px;
	margin-left: 20px;
	display: inline-block;
	float: right;
}
header nav#catnav .parentsnemu .parentcatmenu a span{
	line-height: 60px;
	display: inline-block;
	float: right;
	transition: linear 0.3s;
}
header nav#catnav .parentsnemu .parentcatmenu a:hover span{
	padding-right: 15px;
}
header nav#catnav .close{
	position: absolute;
	top:50px;
	left:25px;
	height: 30px;
	width: 30px;
	color:#fff;
	background: transparent;
	font-size: 30px;
	font-weight: 300;
	outline: none;
	border:none;
	line-height: 30px;
	cursor: pointer;
	font-family: 'fbspoileren'
}
header.sticky{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 500;
  background: rgba(255,255,255,.9);
  height: 120px;
}
header.sticky .logo img{
	width: 100%;
}
header.sticky nav#nav ul li a.ubermenu-item-layout-default{
	line-height: 52px;
}
header.sticky nav#nav ul li ul.ubermenu-submenu li a{
	line-height: 40px;
}
.home .mainbanner{
	height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	background-position: top center;		
}
.home .mainbanner .category{
	height: 700px;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.home .mainbanner .category a{
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	right: 0;
	display: block;
}
.home .mainbanner .bx-wrapper .bx-pager{
	bottom:20px;
}
.home .mainbanner .bx-wrapper .bx-pager.bx-default-pager a{
	width: 20px;
	height: 20px;
	background: #fff200;
	border:1px solid #000;
	border-radius: 50%;
}
.home .mainbanner .bx-wrapper .bx-pager.bx-default-pager a:hover, .home .mainbanner .bx-wrapper .bx-pager.bx-default-pager a.active, .home .mainbanner .bx-wrapper .bx-pager.bx-default-pager a:focus{
	background: #1059a9;
}
.home .mainbanner .mask{
	background-color: rgba(0,0,0,.6);
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}
.home .mainbanner .mask h1{
	padding-top: 10%;
	color:#fff;
	text-align: center;
}
.home .mainbanner .mask .terms{
	margin-top: 80px;
}
.home .mainbanner .mask .bx-wrapper,.home .mainbanner .mask .bx-wrapper .bx-viewport{
	direction: ltr;
	background: transparent;
	border:none;
	box-shadow: none;
}
.home .mainbanner .mask .bx-wrapper .bx-next{
	right:-50px;
}
.home .mainbanner .mask .bx-wrapper .bx-prev{
	left:-50px;
}
.home .mainbanner .mask .terms .termswrapper a{
	text-align: center;
	text-decoration: none;
	color:#fff;
	display: block;
}
.home .mainbanner .mask .terms .termswrapper a span{
	margin-top: 8px;
	text-align: center;
}
.home .mainbanner .mask .terms .image{
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 15px;
}
.home .mainbanner .mask .terms .image img{
    -webkit-transition: all 1.1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.1s;
}
.home .mainbanner .mask .terms a:hover .image img{
	-webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.home #newproducts{
	margin-bottom: 50px;
}
.home #newproducts h2,
.home #sales h2{
	text-align: center;
	background: #1059a9;
	color:#fff;
	font-weight: 600;
	font-size: 35px;
	margin-bottom: 50px;
	position: relative;
}
.home #newproducts .productsmain .products,
.home #sales .productsmain .products{
	width: 30%;
	display: inline-block;
	float: right;
	margin-left: 5%;
	position: relative;
	height: 280px;
	margin-bottom: 50px;
}
.home #newproducts .productsmain .products .image,
.home #sales .productsmain .products .image{
	width: 100%;
	height: 280px;
	overflow: hidden;
	border:2px solid #1059a9;
	border-radius: 15px 15px 0 15px;
}
.home #newproducts .productsmain .products .image img,
.home #sales .productsmain .products .image img{
	width: 100%;
	-webkit-transition: all 1.1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.1s;
}
.home #newproducts .productsmain .products:hover .image img,
.home #sales .productsmain .products:hover .image img{
	-webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.home #newproducts .productsmain .products:nth-child(3n+3),
.home #sales .productsmain .products:nth-child(3n+3){
	float: left;
	margin-left: 0;
}
.home #newproducts .productsmain .products h5,
.home #sales .productsmain .products h5{
	font-size: 28px;
	text-align: center;
	color:#1059a9;
	margin: 7px 0;
}
.home #newproducts .productsmain .products .mask,
.home #sales .productsmain .products .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.0) 72%, rgba(0,0,0,.9) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(72%, rgba(0,0,0,0.0)), color-stop(100%, rgba(0,0,0,.9)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.0) 72%, rgba(0,0,0,.9) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.0) 72%, rgba(0,0,0,.9) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0.0) 72%, rgba(0,0,0,.9) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.0) 72%, rgba(0,0,0,.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	top:0;
}
.home #newproducts .productsmain .products .mask a,
.home #sales .productsmain .products .mask a{
	display: block;
	width: 100%;
	height: 100%;
}
.home #newproducts .productsmain .products .mask a h3,
.home #sales .productsmain .products .mask a h3{
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	bottom:15px;
	color:#fff;
	padding-right: 15px;
	font-weight: 300;
	transition: linear 0.75s;
}
.home #newproducts .productsmain .products:hover .mask a h3,
.home #sales .productsmain .products:hover .mask a h3{
	bottom:45px;
}
.home #newproducts .productsmain .products .hover,
.home #sales .productsmain .products .hover{
	position: absolute;
	bottom:15px;
	right:10px;
	width: 55px;
	height: 55px;				
}
.home #newproducts .productsmain .products .hover img,
.home #sales .productsmain .products .hover img{
	width: 100%;
}
.home #newproducts .productsmain a.allproducts,
.home #sales .productsmain a.allproducts{
	background: #1059a9;
	color:#fff200;
	font-size: 24px;
	font-weight: 600;
	display: block;
	width: 180px;
	height: 40px;
	line-height: 40px;
	border-radius: 30px;
	text-align: center;
	margin:0 auto;	
	margin-top: 30px;
	transition: linear 0.35s;
	text-decoration: none;
	-moz-box-shadow:    inset -6px -5px 12px 0 #00000050;
    -webkit-box-shadow: inset -6px -5px 12px 0 #00000050;
    box-shadow:         inset -6px -5px 12px 0 #00000050;
}
.home #newproducts .productsmain a.allproducts:hover,
.home #sales .productsmain a.allproducts:hover{
	background: #fff200;
	color:#1059a9;
}
.home #welcome{
	height: 380px;
	position: relative;	
	background-blend-mode: multiply;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}
.home #welcome .mask{	
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
	padding:4% 0;
}
.home #welcome .mask h3{
	color:#fff200;
	margin-bottom: 15px;
	font-size: 45px;
	font-weight: 600;
	text-align: center;
}
.home #welcome .mask p{
	color:#fff;
	font-size: 22px;
	text-align: center;
}
.home #sales{
	padding: 0 0 40px 0;
}
/*********************
      BREADCRUMBS
*********************/
.breadcrumbs{
	border-top:1px solid rgba(0,0,0,.2);	
	line-height: 60px;
}
.breadcrumbs a{
	font-size: 20px;
	font-weight: 300;
	color:#c2c1c0;
	text-decoration: none;
}
.breadcrumbs a span{
	color:#c2c1c0;
}
.breadcrumbs span{
	font-size: 20px;
	font-weight: 300;
	font-family: 'Heebo', sans-serif;
	color:#3a54a4;
}
/*********************
		TAXONOMY
*********************/
.tax-product_categories .tophead{
	background: #1059a9;
}
.tax-product_categories .tophead .breadcrumbs a span{
	color:#fff;
}
.tax-product_categories .tophead .breadcrumbs span{
	color:#fff200;
}
aside.catsidebar{	
	width: 18%;
	display: inline-block;
	float:right;
}
aside.catsidebar h3{
	height: 60px;
    padding: 5px 0;   
    line-height: 60px;
}
aside.catsidebar .parents{
    padding: 40px 0;
}
aside.catsidebar .parents .parentcat{
	border-bottom:1px solid rgba(0,0,0,.3);
	margin-bottom: 10px;
}
aside.catsidebar .parents .parentcat .parenttitle{
	background-color: transparent;
	padding:0;
	border:none;
	outline:none;
}
aside.catsidebar .parents .parentcat .parenttitle h4 span{
	width: 25%;
	display: inline-block;
	float: right;
}
aside.catsidebar .parents .parentcat .parenttitle h4 span img{
	width: 100%;
}
aside.catsidebar .parents .parentcat .parenttitle h4 a{
	display: inline-block;
	float:left;
	width: 72%;
	line-height: 50px;
	color:#000;
	font-weight: 400;
	font-size: 20px;
}
aside.catsidebar .parents .parentcat .parenttitle span.ui-accordion-header-icon{
	background-image: url('js/images/arrow.png');
	background-position:0 0;
}
aside.catsidebar .parents .parentcat .parenttitle.ui-state-active span.ui-accordion-header-icon{
	background-image: url('js/images/open.png');
	background-position:0 0;
}
aside.catsidebar .parents .parentcat .parentchild{
	background-color: transparent;
	padding:0;
	overflow:hidden;
	border:none;
}
aside.catsidebar .parents .parentcat .parentchild a{
	display: block;
	width: 100%;
	padding-right: 40px;
	text-decoration: none;
	font-size: 18px;
	line-height: 33px;
	border-bottom:1px solid rgba(0,0,0,.2);
	transition: linear 0.3s;
	color:#3a54a4;
	font-weight: 500;
}
aside.catsidebar .parents .parentcat .parentchild a:hover{
	padding-right: 50px;
}
.tax-product_categories #topcat{
	text-align: center;
}
.tax-product_categories .maincat .topheadcat{
	width: auto;
	margin:0 auto;	
	text-align: center;
	display: inline-block;
}
.tax-product_categories .maincat .topheadcat .catimageholder{
	width: 100px;
	background: url('images/taviyot-1.png')no-repeat right top;
	height: 130px;
	display: inline-block;
	float: right;
	position: relative;
	z-index: 1;
}
.tax-product_categories .maincat .topheadcat .catimageholder img{
	text-align: center;
	padding-top: 42px;
	padding-right: 3px;
	width: 74%;
	display: inline-block;
	transform: rotate(-5deg);
}
.tax-product_categories .maincat .topheadcat .cattitle{
	display: inline-block;
	float: right;
	margin-top: 19%;
	background: #750c6c;	
	border-radius: 50px;
	padding:2px 25px;
	margin-right: -60px;
	border:3px solid #1059a9;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat38{
	background: #1059a9;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat39{
	background: #ec008c;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat41{
	background: #009843;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat44{
	background: #a6ce39;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat45{
	background: #00aeef;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat46{
	background: #faa61a;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat47{
	background: #ff0000;
}
.tax-product_categories .maincat .topheadcat .cattitle.cat40{
	background: #724199;
}
.tax-product_categories .maincat .topheadcat .cattitle h1{
	font-size: 45px;
	font-weight: 600;
	color:#fff;
	padding-right: 42px;
}
.tax-product_categories .maincat .leftcat{
	width: 75%;
	display: inline-block;
	float:left;
}
.tax-product_categories .maincat .leftcat .topcatname,.single-products .mainproduct .product-deatails .topcatname{
	width: 100%;
	
	padding:5px 0;	
}
.tax-product_categories .maincat .leftcat .topcatname img{
	display: inline-block;
	width: 140px;
	float: right;
	height: auto;
}
.tax-product_categories .maincat .leftcat .topcatname h1,.single-products .mainproduct .product-deatails .topcatname h1{
	width: auto;
	display: inline-block;
	float: right;
	margin-right: 10px;
	color:#3a54a4;
	font-size: 23px;
	line-height: 50px;
}
.tax-product_categories .maincat .leftcat .maincatcontent{
	padding:40px 0;
}
.tax-product_categories .maincat .leftcat .childcat .cat{
	width: 30%;
	display: inline-block;
	float:right;
	margin-left:5%;
	margin-bottom: 20px;	
}
.tax-product_categories .maincat .leftcat .childcat .cat:nth-child(3n+3){
	float: left;
	margin-left: 0;
}
.tax-product_categories .maincat .leftcat .childcat .cat img,.tax-product_categories .maincat .leftcat .products .product img{
	width: 101%;
	display: block;
	-webkit-transition: all 1.3s cubic-bezier(1.000, 1.000, 1.000, 1.000);
    transition: all 1.3s;
}
.tax-product_categories .maincat .leftcat .childcat .cat a,.tax-product_categories .maincat .leftcat .products .product a{
	display: block;
	text-decoration: none;
	color:#000;
	font-size: 28px;
	display: block;
}
.tax-product_categories .maincat .leftcat .childcat .cat a span,.tax-product_categories .maincat .leftcat .products .product a span{
	width: 100%;
	height: 200px;
	display: block;
	overflow:hidden;
	border:3px solid #1059a9;
	border-radius: 15px 15px 0 15px;
}
.tax-product_categories .maincat .leftcat .childcat .cat a h6,.tax-product_categories .maincat .leftcat .products .product h6{
	width: 100%;
	text-align: center;
	padding:10px;
	font-weight: 600;
	font-size: 30px;
	color:#1059a9;
	transition: linear 0.3s;
	height: 88px;
}
.tax-product_categories .maincat .leftcat .childcat .cat a:hover span img,.tax-product_categories .maincat .leftcat .products .product a:hover span img{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.tax-product_categories .maincat .leftcat .childcat .cat a:hover h6,.tax-product_categories .maincat .leftcat .products .product a:hover h6{
	background-color:#1059a9;
	color:#fff200;
	border-radius: 15px 0 15px 15px;	
}
.tax-product_categories .maincat .leftcat .products .product{
	width: 30%;
	display: inline-block;
	float:right;
	margin-left: 5%;
	margin-bottom: 20px;	
}
.tax-product_categories .maincat .leftcat .products .product:nth-child(3n+3){
	float: left;
	margin-left: 0;
}
/*********************
		SINGLE
/*********************/
.single-products .mainproduct .rightpro{
	width: 18%;
	display: inline-block;
    float: right;
}
.single-products .mainproduct .rightpro aside.catsidebar{
	width: 100%;
}
.single-products .mainproduct .leftpro{
	width: 75%;
	display: inline-block;
	float: left;
}
.single-products .mainproduct .product-deatails{	
    position: relative; 
}
.single-products .mainproduct .product-deatails .topcatname{
	margin-bottom: 30px;
}
.single-products .mainproduct .product-deatails .productimage{
	width: 48%;
	display: inline-block;
	float: right;
}
.single-products .mainproduct .product-deatails .productimage img{
	width: 100%;
}
.single-products .mainproduct .product-deatails .productcontent{
	width: 45%;
	display: inline-block;
	float: left;
}
.single-products .mainproduct .product-deatails .productcontent h2{
	color:#3a54a4;
	font-size: 20px;
	font-weight: 300;
	border-bottom:1px solid rgba(0,0,0,.3);
	height: 40px;
	margin-bottom: 15px;
}
.single-products .mainproduct .product-deatails .productcontent .social{
	position: absolute;
	bottom:0;
	border-bottom:1px solid rgba(0,0,0,.3);
	border-top:1px solid rgba(0,0,0,.3);
	width: 45%;
}
.single-products .mainproduct .product-deatails .productcontent .social h5{
	display: inline-block;
	width: auto;
	color:#000;
	font-size: 20px;
	font-weight: 500;
	margin-left: 15px;
	line-height: 45px;
}
.single-products .mainproduct .product-deatails .productcontent .social a{
	display: inline-block;
	float: left;
	background: url('images/facebook.png') center center no-repeat;
	width: 33px;
	height: 45px;
	margin-right: 8px;
}
.single-products .mainproduct .product-deatails .productcontent .social a.whtsup{
	background-image: url('images/wsup.png');
}
.single-products .mainproduct .bottomproduct{
	margin-top: 40px;
	padding-bottom: 45px;
}
.single-products .mainproduct .bottomproduct .recent{
	width: 48%;
	display: inline-block;
	float: right;
}
.single-products .mainproduct .bottomproduct .recent h4{
	color:#383838;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 15px;
}
.single-products .mainproduct .bottomproduct .recent .v-cproduct{
	width: 23%;
	display: inline-block;
	float: right;
	margin-left: 2%;
}
.single-products .mainproduct .bottomproduct .recent .v-cproduct img{
	width: 100%;
	height: auto;
}
.single-products .mainproduct .bottomproduct .recent .v-cproduct:nth-child(5){
	margin-left: 0%;
	float: left;
}
.single-products .mainproduct .bottomproduct .nextperv{
	width: 45%;
	display: inline-block;
	float: left;
	border-top:1px solid rgba(0,0,0,.3);
	text-align: center;
	margin-top: 58px;
	padding-top: 15px;
}
.single-products .mainproduct .bottomproduct .nextperv a{
	display: inline-block;
	width: 33%;	
	border:1px solid rgba(0,0,0,.3);
	font-size: 20px;
	font-weight: 300;
	line-height: 45px;
	height: 45px;
	text-decoration: none;	
	margin:0 15px;
	transition: linear 0.3s;
	color:#000;
}
.single-products .mainproduct .bottomproduct .nextperv a:hover{
	color:#3a54a4;
	border-color:#3a54a4;
}
/*********************
	     PAGE
*********************/
.page .tophead{
	background: #f0efef;
	padding:40px 0;
	text-align: center;
}
.page .tophead h1{
	color:#3a54a4;
	font-size: 32px;
	font-weight: 600;
}
.page .tophead p{
	color:#383838;
	font-size: 22px;
}
.page .tophead a{
	color:#f8c311;
	text-decoration: none;
	font-weight: 500;
}
.single-post .main{
	width: 85%;
    padding: 40px 0;
}
.single-post .main .right{
	width: 33%;
    display: inline-block;
    float: right;
}
.single-post .main .left h1{
	color: #1059a9;
    font-size: 30px;
    font-weight: 600;
}
.single-post .main .right img{
	width: 100%;
	height: auto;
}
.single-post .main .left{
	width: 65%;
    display: inline-block;
    float: left;
}
/*********************
	     BLOG
*********************/
.page-template-blog .mainblog{
	padding-top:40px;
}
.page-template-blog .mainblog .button-group{
	margin:0 auto;
	text-align: center;
}
.page-template-blog .mainblog .button-group button{
	background: #3a54a4;
    border-radius: 0;
    color: #fff;
    padding: 10px 20px;
    font-weight: 300;
    border: 1px solid #3a54a4;
    transition: linear .3s;
    font-size: 21px;
    outline:none;
    cursor:pointer;
}
.page-template-blog .mainblog .button-group button.is-checked{
    background: #fff;
    border: 1px solid #3a54a4;
    color: #3a54a4;
}
.page-template-blog .mainblog .mainposts{
	padding: 50px 0;
}
.page-template-blog .mainblog .mainposts .article{
	width: 30%;
	display: inline-block;
	float: right;
	margin-left: 5%;
	margin-bottom: 40px;
}
.page-template-blog .mainblog .mainposts .article .image{
	height: 260px;
	overflow:hidden;
}
.page-template-blog .mainblog .mainposts .article .image img{
	width: 100%;
	height: auto;
	-webkit-transition: all 1.1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.1s;
}
.page-template-blog .mainblog .mainposts .article:nth-child(3n+3){
	float: left;
	margin-left: 0;
}
.page-template-blog .mainblog .mainposts .article:hover .image img{
	-webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.page-template-blog .mainblog .mainposts .article .deatails{
	background: #fff;
	border:1px solid rgba(0,0,0,.3);
	height: 85px;
	position: relative;
	overflow: hidden;
	padding:10px;
}
.page-template-blog .mainblog .mainposts .article .deatails h3{
	color:#000;
	font-size: 20px;
	font-weight: 300;
}
.page-template-blog .mainblog .mainposts .article .deatails a{
	width: 42px;
	height: 42px;
	background: url('images/readmore.png') center center;
	position: absolute;
	bottom:-42px;
	left:10px;
	-webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 0.7s;
}
.page-template-blog .mainblog .mainposts .article:hover .deatails a{
	bottom:0px;
}
/*********************
		MANAGER
*********************/
.page-template-manager #zakiayn img{
	width: 100%;
	height: auto;
}
.page-template-manager #zakiayn h2{
	color:#fff;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 60px;
	text-align: center;
}
.page-template-manager #zakiayn .icon{
	width: 23%;
	display: inline-block;
	float: right;
	margin-left: 2.5%;
	text-align: center;
	border-left:1px dashed #fff;
	padding:0 2%;
}
.page-template-manager #zakiayn .icon:nth-child(5){
	float: left;
	margin-left: 0%;
	border:none;
}
.page-template-manager #zakiayn .icon .image{
	height: 130px;
	margin-bottom: 20px;
}
.page-template-manager #zakiayn .icon .image img{
	height: 100%;
	width: auto;
}
.page-template-manager #zakiayn .icon h5{
	color:#fff;
	font-weight: 300;
	font-size: 18px;
	min-height: 60px;
}
.page-template-manager #zakiayn button{
	width: auto;
	text-align: center;
	margin:0 auto;
	display: block;
	background: #ffff00;
	color:#383838;
	font-size: 18px;
	padding:10px 20px;
	border:none;
	margin-top: 50px;
	cursor: pointer;
	outline: none;
	transition: linear 0.3s;
}
.page-template-manager #zakiayn button:hover{
	background-color: #fff;
}
.page-template-manager .contactform{
	background-color: #fff200;
	padding:0 0 30px 0;	
}
.page-template-manager .contactform h2{
	text-align: center;
    background: #1059a9;
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 50px;
    position: relative;
}
.page-template-manager .contactform h4{
	color:#3a54a4;
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: center;
}
.page-template-manager .contactform form .top{
	margin-bottom: 15px;
}
.page-template-manager .contactform form .top label{
	width: 25%;
	display: inline-block;
	float: right;
}
.page-template-manager .contactform form .top label input{
	width: calc(96% - 6px);
	padding-right: 6px;
	height: 40px;
	line-height: 40px;
	border:1px solid rgba(0,0,0,.8);
	outline: none;
	font-size: 18px;
}
.page-template-manager .contactform form .bottom label{
	width: 75%;
	display: inline-block;
	float: right;
}
.page-template-manager .contactform form .bottom label textarea{
	width: calc(98.5% - 6px);
	padding-right: 6px;
	border:1px solid rgba(0,0,0,.8);
	outline: none;
	font-size: 18px;
	resize: none;
	height: 40px;
	padding-top: 6px;
}
.page-template-manager .contactform form .bottom input[type=submit]{
	width: 23.5%;
	display: inline-block;
	float: right;
	border:none;
	background: #1358a8;
	color:#fff;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	cursor: pointer;
	transition: linear 0.3s;
}
.page-template-manager .contactform form .bottom input[type=submit]:hover{
	background-color: #383838;
}
/*********************
		DRUSHIM
*********************/
.page-template-drushim #drushim .rightimage,.page-template-contact #contact .rightimage{
    width: 33%;
    display: inline-block;
    float: right;
}
.page-template-drushim #drushim .rightimage img,.page-template-contact #contact .rightimage img{
	width: 100%;
	height: auto;
}
.page-template-drushim #drushim .left,.page-template-contact #contact .left{
	width: 65%;
    display: inline-block;
    float: left;
}
.page-template-drushim #drushim .left h1,.page-template-contact #contact .left h1{
    color: #1059a9;
    font-size: 30px;
    font-weight: 600;
}
.page-template-drushim .left p,.page-template-contact #contact .left p{
	color:#000;
	font-size: 23px;
}
.page-template-drushim .left p a,.page-template-contact #contact .left p a{
	color:#1059a9;
}
/*********************
		SNIFIM
*********************/
.page-template-snifim .tophead a{color:#3a54a4;}
.page-template-snifim #snifimpage{
	padding:40px 0;
}
.page-template-snifim #snifimpage .snifimlocations,.tax-locations .snifimlocations{
	text-align: center;
}
.page-template-snifim #snifimpage .snifimlocations a,.tax-locations .snifimlocations a{
	display: inline-block;
	width: 100px;
	text-decoration: none;
	float:none;
	background-color: #1358a8;
	color:#fff;
	text-align: center;
	line-height: 50px;
	height: 50px;
	margin-right: -3px;
	transition: linear 0.3s;
	font-size: 18px;	
}
.page-template-snifim #snifimpage .snifimlocations a.current,.tax-locations .snifimlocations a.current{
	background: #fff200;
	color:#1358a8;
}
.page-template-snifim #snifimpage .snifimlocations a:hover,.tax-locations .snifimlocations a:hover{
	background-color: #fff200;
	color:#1358a8;
}
.page-template-snifim #snifimpage #map1,.tax-locations #snifimpage #map1{
	margin-top: 50px;
	width: 100%;
	height: 450px;
}
.page-template-snifim #snifimpage .snifimlist{
	margin-top: 50px;
}
.page-template-snifim #snifimpage .snifimlist .location{
	width: calc(25% - 20px);
	display: inline-block;	
	margin:0 10px 15px;
	float: right;
}
.page-template-snifim #snifimpage .snifimlist .location h3{
	background-color: #1358a8;
	color:#fff;
	padding-right: 10px;
	line-height: 40px;
}
.page-template-snifim #snifimpage .snifimlist .area .snifarea{
	height: 30px;
	padding-right: 10px;
	background-color: #eee;
	border-bottom:1px solid #fff;
	transition: linear 0.3s;
}
.page-template-snifim #snifimpage .snifimlist .area .snifarea:nth-child(odd){
	background-color: #ddd;
}
.page-template-snifim #snifimpage .snifimlist .area .snifarea h6{
	font-weight: 400;
}
.page-template-snifim #snifimpage .snifimlist .area .snifarea a{
	line-height: 30px;
	color: #383838;
	text-decoration: none;
	font-size: 16px;
	display: block;
}
.page-template-snifim #snifimpage .snifimlist .area .snifarea:hover{
	background-color: #bbb;
}
/*********************
	  SNIF AREA
*********************/
.tax-locations .tophead{
	background: #f0efef;
    padding: 40px 0;
    text-align: center;
}
.tax-locations .tophead h1{
	color: #3a54a4;
    font-size: 32px;
    font-weight: 600;
}
.tax-locations .tophead p{
	color: #383838;
    font-size: 17px;
}
.tax-locations #snifimpage{
	padding:40px 0;
}
.tax-locations .listofsnifs h3{
	background-color: #1358a8;
	color:#fff;
	padding-right: 10px;
	height: 50px;
	line-height: 50px;
	font-weight: 400;
}
.tax-locations .listofsnifs .itemsnif{
	margin-top: 20px;
}
.tax-locations .listofsnifs .itemsnif .item{
	display: inline-grid;
	width: calc(33% - 20px);
	margin:0 10px 10px;
}
.tax-locations .listofsnifs .itemsnif .item .ui-accordion-header{
	background-color: #f4f4f5;
	border:1px solid rgba(229,229,229,.8);
	border-radius: 0;
	outline: none;
	color:#383838;
	font-weight: 600;
	font-size: 22px;
}
.tax-locations .listofsnifs .itemsnif .item .ui-accordion-header.ui-state-active{
	background: #1358a8;
	color:#fff200;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
    background-image: url(js/images/arrow.png);
    background-position: 0 0;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .ui-accordion-header.ui-state-active .ui-icon{
	background-image: url(js/images/open.png);
    background-position: 0 0;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content{
	padding:10px;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content h5{
	font-size: 17px;
	color:#000;
	font-weight: 400;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content h6{
	margin-top:10px;
	font-size: 17px;
	font-weight: 500;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content p{
	font-size: 15px;
}
.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content a{
	display: block;
	text-align: center;
	background-color:#1358a8;
	text-decoration: none;
	padding:10px;
	color:#fff;
	margin-top: 10px;
}
/*********************
	  SINGLE SNIF
*********************/
.single-stores .tophead{
	background: #f0efef;
    padding: 40px 0;
    text-align: center;
}
.single-stores .tophead h1{
	color: #3a54a4;
    font-size: 32px;
    font-weight: 600;
}
.single-stores .tophead p{
	color: #383838;
    font-size: 17px;
}
.single-stores .storecontent{
	padding-bottom:40px;
}
.single-stores .storecontent ul.deatails{
	list-style: none;
}
.single-stores .storecontent ul.deatails li{
	width: 20%;
	display: inline-block;
	float: right;
	text-align: center;
	padding-top: 70px;
	font-family: 'Heebo', sans-serif;
	font-size: 17px;
	position: relative;
}
.single-stores .storecontent ul.deatails li.address{
	background: url('images/address.png')no-repeat top center;
}
.single-stores .storecontent ul.deatails li.open{
	background: url('images/open.png')no-repeat top center;
}
.single-stores .storecontent ul.deatails li.waze{
	background: url('images/waze.png')no-repeat top center;
}
.single-stores .storecontent ul.deatails li.phone{
	background: url('images/phone.png')no-repeat top center;
}
.single-stores .storecontent ul.deatails li.facebook{
	background: url('images/face.png')no-repeat top center;
}
.single-stores .storecontent ul.deatails li h4,.single-stores .storecontent ul.deatails li h4 a{
	color:#3a54a4;
	font-size: 25px;
	font-weight: 500;
}
.single-stores .storecontent ul.deatails li p{
	
}
.single-stores .storecontent ul.deatails li a{
	color:#000;
	text-decoration: none;
}
.single-stores .storecontent ul.deatails li a.linkicon{
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	right: 0;
}
.single-stores .storecontent #mapstore{
	width: 100%;
	height: 200px;
	margin-bottom: 40px;
}
.single-stores .storegallery{
	padding:40px 0;
}
.single-stores .storegallery .galleryeffect{
	display: inline-grid;
	width: 32%;
	margin: 0 0.5%;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}
.single-stores .storegallery .galleryeffect a{
	display: block;
	width: 100%;
}
.single-stores .storegallery .galleryeffect img{
	display: block;
	width: 100%;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
}
.single-stores .storegallery .galleryeffect .overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
}
.single-stores .storegallery .galleryeffect:hover img{
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
	 filter: grayscale(1) blur(3px);
	 -webkit-filter: grayscale(1) blur(3px);
	 -webkit-transform: scale(1.2);
	 -ms-transform: scale(1.2);
	 transform: scale(1.2);
}
/*********************
		ABOUT
*********************/
.page main .bx-wrapper,.page main .bx-wrapper .bx-viewport{
	border:none;
	direction: ltr;
	box-shadow:none;
}
.page main .aboutgallery{
	width: 33%;
	display: inline-block;
	float: right;
}
.page main .aboutgallery img{
	width: 100%;
	height: 100%;
}
.page main .content{
	width: 65%;
	display: inline-block;
	float: left;
}
.aboutpage{
	width: 85%;
	padding:40px 0;
}
.aboutpage h3,.aboutpage h3 p{
	color:#1059a9;
	font-size: 30px;
	font-weight: 600;
}
/*********************
		CAREER
*********************/
.carrer{
	padding:40px 0;	
}
.carrer .rightimage{
	width: 33%;
	display: inline-block;
	float: right;
}
.carrer .rightimage img{
	width: 100%;
	height: 100%;
}
.carrer .leftcontent{
	width: 65%;
	display: inline-block;
	float: left;
}
/*********************
	ALL PRODUCTS
*********************/
.page-template-allproducts #allproducts{
	padding:40px 0;
}
.page-template-allproducts #allproducts .maincats .cat{
	width: 20%;
	display: inline-block;
	float: right;
	text-align: center;
	margin-bottom: 30px;
}
.page-template-allproducts #allproducts .maincats .cat .catimage{
	width: 100px;
	margin:0 auto;
	overflow:hidden; 
	border-radius: 7px;
	height: 100px;
}
.page-template-allproducts #allproducts .maincats .cat .catimage img{
    -webkit-transition: all 1.1s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.1s;
}
.page-template-allproducts #allproducts .maincats .cat:hover .catimage img{
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.page-template-allproducts #allproducts .maincats .cat a{
	text-decoration: none;
	color:#383838;
}
.page-template-allproducts #allproducts .maincats .cat a h3{
	font-weight: 400;
}

.page-id-7158 table{text-align: center;margin:0 auto;border-collapse: collapse;margin-top: 20px;border:1px solid #000;width:100% !important;}
.page-id-7158 table tr{border-bottom:1px solid #000;}
.page-id-7158 table tr:nth-child(even){background-color: #f2f2f2;}
.page-id-7158 table tr td{padding:3px 0;font-family: 'Heebo', sans-serif;border-left:1px solid #000;}
.page-id-7158 .tophead h3{text-align: right;margin:5px 0;font-size: 20px;}
.page-id-7158 .tophead p{text-align: right;font-size: 20px;}
/*********************
		FOOTER
*********************/
footer #snifim{
	background:#bfbfbf;
	padding:0px 0 80px;
}
footer #snifim h2{
	text-align: center;
    background: #1059a9;
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    margin-bottom: 50px;
    position: relative;
    border:2px solid #fff;
}
footer #snifim h3{
	text-align: center;
	color:#3c53a1;
	font-size: 25px;
	font-weight: 300;
	margin-bottom: 0px;
	text-align: right;
	border:none;	
	outline: none
}
footer #snifim h3:hover{
	background:#fff;
}
footer #snifim h3:focus{
	background:#fff;
}
footer #snifim .ui-state-default .ui-icon{
	background-image: url('js/images/arrow.png');
	background-position: 0 0;
}
footer #snifim .ui-state-active .ui-icon{
	background-image: url('js/images/open.png');
	background-position: 0 0;
}
footer #snifim #accordion{
	width: 47%;
	display: inline-block;
	float: right;
}
footer #snifim #accordion .snif{
	font-family: 'Heebo', sans-serif;
	margin-bottom: 10px;
	border-bottom:1px solid #3c53a1;
	padding-bottom: 10px;
}
footer #snifim #accordion .area .snif:last-child{
	border-bottom:none;
}
footer #snifim #accordion .snif h6{
	font-size:20px;
	color:#3c53a1;
}
footer #snifim #accordion .snif span.address{
	font-size: 16px;
}
footer #snifim .ui-accordion .ui-accordion-header{
	border-radius: 0;
	padding:8px;
}
footer #snifim .ui-accordion .ui-accordion-content{
	height: 280px !important;	
}
footer #snifim #map{
	width: 47%;
	height: 300px;
	display: inline-block;
	float: left;
	background: url('images/map.JPG;');
}
footer #snifim #map a{
	color:#000;
	text-decoration: none;
}
footer #socials{
	padding:40px 0;
}
footer #contact{
	padding:40px 0;
}
footer #contact .rightform{
	width: 30%;
	display: inline-block;
	float: right;
}
footer #contact h4{
	font-size: 22px;
	margin-bottom: 15px;
	text-align: right;
}
footer #contact .rightform form label{
	width: 100%;
	margin-bottom: 10px;
	display: block;
}
footer #contact .rightform form label input{
	width: 100%;
	height: 30px;
	width: calc(100% - 5px);
	padding-right: 5px;
}
footer #contact .rightform form input[type=submit]{
	background: #3a54a4;
	border-radius: 5px;
	height: 30px;
	display: inline-block;
	float: left;
	font-size: 20px;
	padding:0px 15px;
	border:none;
	color:#fff;
	line-height: 30px;
	cursor: pointer;
	transition: linear 0.3s;
}
footer #contact .rightform form input[type=submit]:hover{
	background: #f8c311;
}
footer #contact .leftfacebook{
	width: 30%;
	display: inline-block;
	float: left;	
}
footer #footer{
	background-image: url('images/footerstrip.jpg');
	background-color: #383838;
	background-repeat: repeat-x;
	padding:40px 0; 
}
footer #footer .footermenu{
	width: 9%;
	display: inline-block;
	float: right;
}
footer #footer h5{
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom:10px;
}
footer #footer h4 a{
	color:#fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom:10px;
	text-decoration: none;
	display: block;
}
footer #footer ul{
	list-style: none;
}
footer #footer ul li a{
	color:#fff;
	font-weight: 300;
	text-decoration: none;
	transition: linear 0.3s;
	font-size: 16px;
}
footer #footer ul li a:hover{
	color:#f8c311;
}
footer .credit .rightcredit,footer .credit .leftcredit{
	display: inline-block;
	float: right;
	width: 50%;
}
footer .credit{
	color:#fff;
	padding:20px 0;
	text-align: center;
}
footer .credit a{
	color:#eee;
	transition: linear 0.3s;
	text-decoration: none;
}
footer .credit a:hover{
	color:#fff;
}
/********* MOBILE ***********/
@media screen and (min-width: 1656px)  and (max-width: 1800px){}
@media screen and (min-width: 1518px)  and (max-width: 1655px){}
@media screen and (min-width: 1400px)  and (max-width: 1517px){
	.page-template-manager #zakiayn img{width: 100%;height: auto;}
}
@media screen and (min-width: 1280px)  and (max-width: 1399px){
	.home .mainbanner{height: 590px;}
	.home .mainbanner .category{height: 590px;background-size: cover;}
	.page-template-manager #zakiayn img{width: 100%;height: auto;}
}
@media screen and (min-width: 1024px)  and (max-width: 1279px){}
@media screen and (min-width: 769px)  and (max-width: 1023px){}
@media screen and (min-width: 461px)  and (max-width: 768px){
	.wrapper{width: 98%;}
	header .wrapper{width: 98%;}	
	header nav#catnav{width: 60%;}
	a.ubermenu-responsive-toggle{position: absolute;width: 30%;top:15px;left:0;}
	.home #newproducts h2:before, .home #newproducts h2:after{width: 80px;}	
	.home #newproducts .productsmain .products, .home #sales .productsmain .products{height: 210px;}
	.home #newproducts .productsmain .products .image img, .home #sales .productsmain .products .image img{height: auto;}
	.home #welcome{height: 470px;}
	.home .mainbanner{height: 300px;}
	.home .mainbanner .category{background-size: cover;height: 300px;}
	.home #newproducts .productsmain .products .mask a h3, .home #sales .productsmain .products .mask a h3{font-size: 15px;}
	.home #sales h2:before, .home #sales h2:after{width: 80px;}
	footer #snifim h2:before, footer #snifim h2:after{width: 80px;}
	footer #footer .footermenu{width: 20%;}
	header nav#nav .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0{width: 100%;}
	header nav#nav ul li a.ubermenu-item-layout-default{line-height: 33px;}
	footer #socials a img{width: 100%;}
	.tax-locations .listofsnifs .itemsnif .item{width:calc(32% - 20px);}
	.single-products .mainproduct .product-deatails .productimage img{height: auto;}
	.single-products .mainproduct .product-deatails .productcontent .social{position: relative;width:100%;}
	.page-template-blog .mainblog .mainposts .article .image{height: 160px;}
	.carrer .rightimage img{width: 100%;height: auto;}
	header nav#nav{background: #fff;margin-right: 0;margin-top: 0;}
	header.sticky nav#nav ul li a.ubermenu-item-layout-default{line-height: 45px;}
	.page-template-manager #zakiayn img{width: 100%;height: auto;}
	.home #newproducts .productsmain .products .image, .home #sales .productsmain .products .image{height: 190px;}
	.home #newproducts .productsmain .products h5, .home #sales .productsmain .products h5{font-size: 24px;}
	header.sticky{position: relative;}
}
@media screen and (max-width: 460px){
	.wrapper{width: 98%;}
	body,html{overflow-x:hidden;}
	header .openmenu{display: none;}
	header .wrapper .logo{display: block;float:none;margin:0 auto;}
	header .wrapper{width: 98%;}	
	header .wrapper .logo img{width: 100%;}
	a.ubermenu-responsive-toggle{position: absolute;width: 30%;top:15px;left:0;}	
	header a.triger{padding-top: 19px;}
	header nav#nav ul li a.ubermenu-item-layout-default{line-height: 33px;}
	.home .mainbanner .mask h1{font-size: 23px;}
	.home .mainbanner{height: 150px;}
	.home .mainbanner .category{background-size: cover;height: 150px;}
	.home #newproducts h2:before, .home #newproducts h2:after{width: 30px;left:13%;}
	.home #sales h2:before, .home #sales h2:after{width: 30px;left:13%;}
	footer #snifim h2:before, footer #snifim h2:after{width: 30px;left:13%;}
	.home #newproducts h2:before,.home #sales h2:before,footer #snifim h2:before{right:13%;}	
	.home #newproducts .productsmain .products, .home #sales .productsmain .products{width: 48%;margin-left:2%;margin-bottom: 10px;height: 200px;}
	.home #newproducts .productsmain .products .image img, .home #sales .productsmain .products .image img{height: auto;}
	.home #newproducts .productsmain .products .image, .home #sales .productsmain .products .image{height: 160px;}
	.home #newproducts .productsmain .products .hover, .home #sales .productsmain .products .hover{bottom:45px;}
	.home #newproducts .productsmain .products h5, .home #sales .productsmain .products h5{font-size: 22px;}
	.home #newproducts .productsmain .products:nth-child(3n+3), .home #sales .productsmain .products:nth-child(3n+3){float: right;margin-left: 2%;}
	.home #newproducts .productsmain .products:nth-child(2n+2), .home #sales .productsmain .products:nth-child(2n+2){float: left;margin-left:0 ;}
	.page-template-allproducts #allproducts .maincats .cat{width: 25%;}
	.home #welcome .mask h3 {font-size: 29px;text-align: center;}
	.aboutpage{width: 94%;margin:0 auto;}
	.tax-product_categories .maincat .leftcat .childcat .cat{min-height: 156px;}
	.tax-product_categories .maincat .leftcat .childcat .cat a span, .tax-product_categories .maincat .leftcat .products .product a span {height: 90px;}
	.tax-product_categories .maincat .leftcat .childcat .cat a h6, .tax-product_categories .maincat .leftcat .products .product h6{font-size: 18px;}
	.tax-product_categories .maincat .topheadcat .cattitle h1{font-size: 28px;}
	footer #snifim #accordion{width: 100%;margin-bottom: 25px;}
	footer #snifim #map{width: 100%;}
	footer #socials a img{width: 100%;}
	footer #contact .rightform{width: 43%;margin-left: 2%;}
	footer #contact .leftfacebook{width: 45%;float:right;}
	footer #contact h4{font-size: 17px;}
	footer #footer .footermenu{width: 33%;}
	header nav#catnav{width: 70%;}
	header nav#catnav .parentsnemu{padding:6% 10%;}
	header nav#catnav .parentsnemu .parentcatmenu a{height: 43px;}
	header nav#catnav .parentsnemu .parentcatmenu a img{height: 40px;width: 40px;margin-left: 12px;}
	header nav#nav{background: #fff;margin-right: 0;margin-top: 0;}
	header .ubermenu-responsive-default.ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column, header .ubermenu-responsive-default.ubermenu-responsive .ubermenu-submenu-type-stack .ubermenu-column-auto{min-width: 50%;width: 50%;}
	header.sticky nav#nav ul li a.ubermenu-item-layout-default{line-height: 45px;}
	header .ubermenu-responsive-default.ubermenu-responsive{max-height: none;}
	aside.catsidebar{display: none;}
	.tax-product_categories .maincat .leftcat{width:100%;}
	.single-products .mainproduct .rightpro{display: none;}
	.single-products .mainproduct .leftpro{width:100%;}
	.single-products .mainproduct .product-deatails .productimage{width: 36%;}
	.single-products .mainproduct .product-deatails .productimage img{height: auto;}
	.single-products .mainproduct .product-deatails .productcontent{width: 58%;}
	.single-products .mainproduct .product-deatails .productcontent .social{position: relative;width: 100%;}
	.single-products .mainproduct .bottomproduct .recent{width: 100%;}
	.page main .aboutgallery{width: 100%;}
	.page main .content{width: 100%;float:none;display: block;}
	.page main .bx-wrapper, .page main .bx-wrapper .bx-viewport{height: 158px !important;}
	.page-template-snifim #snifimpage .snifimlist .location{width: calc(50% - 20px);}
	.tax-locations .listofsnifs .itemsnif .item{width:calc(49% - 20px);}
	.page .tophead h1{font-size: 22px;}
	.page-template-manager #zakiayn .icon .image img{width: 100%;height: auto;}
	.page-template-manager #zakiayn .icon .image{height: 85px;}
	.page-template-manager #zakiayn .icon h5{font-size: 15px;}
	.carrer .rightimage img{width: 100%; height: auto;}
	.page-template-blog .mainblog .mainposts .article .image{height: 80px;}
	.page-template-blog .mainblog .mainposts .article .deatails h3{font-size: 14px;}
	.single-post h1{font-size: 22px;}
	.single-post .main img{width: 100%;}
	.single-post .main iframe{width:100%;}
	.home #welcome{height: 720px;}
	.single-stores .storegallery .galleryeffect{width: 48%;}
	.ubermenu-responsive-toggle .fab, .ubermenu-responsive-toggle .far, .ubermenu-responsive-toggle .fas, .ubermenu-responsive-toggle .svg-inline--fa{font-size: 25px;}
	.page-template-manager #zakiayn img{width: 100%; height: auto;}
	.page-template-manager #zakiayn .icon{width: 48%;margin-bottom: 20px;}
	.page-template-manager #zakiayn .icon .image{height: 115px;}
	.page-template-manager #zakiayn .icon .image img{width: 60%;}
	.page-template-manager #zakiayn .icon:nth-child(3){border:none;margin-left: 0;float:left;}
	.page-template-drushim .maindrushim .rightarea{width: 100%;}
	.page-template-drushim .maindrushim .leftarea{width: 100%;}
	.page-template-contact #contact .maincontact .rightarea{width: 100%;background: rgba(0,0,0,.7);}
	.page-template-contact #contact .maincontact .leftarea{width: 100%;padding-top: 0;background: rgba(0,0,0,.7);}
	.tax-product_categories .maincat .topheadcat .cattitle{margin-right: -71px;margin-top:29%; }
	.single-post .main{width: 94%;margin:0 auto;}
	.single-post .main .right{width: 100%;float: none;margin-bottom: 15px;}
	.single-post .main .left{width: 100%;float: none;}
	.page-template-drushim #drushim,.page-template-contact #contact{width: 94%;margin:0 auto;}
	.page-template-drushim #drushim .rightimage, .page-template-contact #contact .rightimage{width: 100%;float: none;margin-bottom: 15px;}
	.page-template-drushim #drushim .left, .page-template-contact #contact .left{width: 100%;float: none;}
}
@media screen and (min-width: 360px)  and (max-width: 390px){}
@media screen and (min-width: 319px)  and (max-width: 359px){
	.home #newproducts h2:before, .home #newproducts h2:after{left:7%;}
	.home #newproducts h2:before, .home #sales h2:before, footer #snifim h2:before{right:7%;}
	footer #snifim h2:before, footer #snifim h2:after{left:7%;}
	.page-template-snifim #snifimpage .snifimlocations a, .tax-locations .snifimlocations a{width: 77px;}
	.tax-locations .listofsnifs .itemsnif .item .ui-accordion-header{font-size: 13px;}
	.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content h5{font-size: 13px; }
	.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content h6{font-size: 14px;}
	.tax-locations .listofsnifs .itemsnif.ui-accordion .item .ui-accordion-content p{font-size: 13px;}
	header nav#nav{background: #fff;margin-right: 0;}
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
