/*   
theme name: ארכינטו - אחסנה  - השכרת מחסנים
theme uri: http://www.leos.co.il
description: אתר בעיצוב אישי מחברת לאוס מדיה
author: dima bobrovski @leos
version: 1.0
*/

@import url('css/contact.css');
@import url('fonts/almoni/almoni.css');

* { 
    margin: 0; 
    padding: 0; 
}
iframe{
    pointer-events: none;
}
body {
	font-family: arial, helvetica, sans-serif;
}
header {
    width:100%;    
}
.container { 
    width: 1024px; 
    margin: 0 auto; 
    position: relative;
}
.full-container {
	width:100%;
	overflow:hidden;
}
header > div {  
    width:50%;
    height: 42px;
    float:right;
}
header .right-side {
    background-color: #3c3c3c;
}
header .right-side .social_holder {
	width: 47%;
	float: left;
	text-align: left;
	padding: 0px 20px;
}
header .right-side .social_holder a:first-of-type {
    margin-right: 0px;
}
header .right-side .social_holder a {
    line-height: 40px;
    margin-right: 10px;
}
header .right-side .social_holder a img {
    vertical-align: middle;
	width: 33px;
	background-color: white;
	border-radius: 6px;
}
header .left-side {
    background-color: #efc703;
}
header .left-side a {
    padding: 60px 67px 61px 20px;
    line-height: 40px;
    font-size: 22px;
}
header .left-side .phone {
    background: url(images/phone.png) no-repeat right center;
    font-weight:bold;
}
header .left-side .mail {
    background: url(images/mail.png) no-repeat right center;
}
a.mycontact {
	background: url(images/contact.png) no-repeat center center;
	font-weight: bold;
	width: 199px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	padding-right: 50px;
	font-size: 24px;
}
.home-container {
	margin:30px auto;
}
.mycontact-holder {
	display:inline-block;
	position:relative;
	float:left;
}

h1 , 
h2 ,
h3 { 
    font-weight: normal; 
    margin: 0 0 0 0;
}

p { 
    margin: 0 0 0 0; 
	font-size:18px;
	line-height:23px;
}
a {
    text-decoration:none;
    color:inherit; 
}
a:hover {
    text-decoration:none; 
} 
ul { 
    margin: 0 0 0 0;
    list-style:none; 
}
.entry ul {
	margin-right:20px;
}
nav {
    background: url(images/menubg.png) repeat-x center bottom;
    width:100%;    
    height: 45px;
}
nav ul {
    display:block;
    margin: 0px auto;
    width: 1024px;
}
nav ul li {
    display:inline-block;
    margin-left:-5px;
	position:relative;
}
nav ul li a {
    display:block;
    line-height:100%;
    color:black;
    line-height: 45px;
    font-size: 20px;
    padding: 0px 15px;
	font-family:   'almoni', sans-serif; 
	font-weight:   400;
}
nav ul li .sub-menu {
	position:absolute;
	width:200px;
	top:45px;
	right:0px;
	padding-top:10px;
	opacity:0;
	visibility:hidden;
	transition:all .3s ease-in;
	background-color:rgba(255,255,255,0.9);
}
nav ul li.menu-item-has-children:hover .sub-menu {
	opacity:1;
	visibility:visible;
	z-index:9;
}
.sub-menu  li{
	display:block;
	width:100%;
	margin:0px 0px 10px 0px !important;
}
.sub-menu  li a {
	line-height:20px !important;
}
nav ul li.current-menu-item a ,
nav ul li a:hover {
    background-color: rgba(0,0,0,0.5);
    color:white;	
}
.clear {
    clear: both;
    height: 0px;
}
#leos{
    width:100%;
    background-color:#000;
    text-align:center;
}
#leos img{
    padding-top: 10px;
    height:45px;
}
.bottom-info {
	background:url(images/bg.png) no-repeat center center;
	background-size:cover;
}
.top-text ,
.bottom-info ul {
	display:block;
	margin:0px auto;
	text-align:center;
}
.bottom-info ul  {
	padding: 30px 0px;	
}
.bottom-info ul li {
	width:24%;
	display:inline-block;
	vertical-align:top;
}
.bottom-info ul li .info-image {
	display:block;
	margin:0px auto;
	min-height:60px;	
}
.bottom-info ul li p {
	margin-top:30px;
}
.top-text {
	background-color:#efc703;
	padding:9px 0px;
}
.top-text p {
	font-size:20px;
	font-weight:bold;
}
.star-title {
	font-family:   'almoni', sans-serif; 
	font-weight:   400;
	background-color:#efc703;
	display:inline-block;
	padding:0px 10px;
	font-size:32px;
	font-weight:normal;
}
.star-title:before {
	content: "*";
	font-family:   'almoni', sans-serif; 
	font-weight:   400;
	display: inline-block;
	height: 14px;
	vertical-align: middle;
	line-height: 100%;
	margin-left:10px;
}
.content-holder {
	background:url(images/innerbg.png) no-repeat center center;
	background-size:cover;
}
.slick-slide img {
	width:100%;
	max-height:300px;
	height:300px;
}
.inner-img-boxes {
	position:relative;		
	background-color:rgba(255,255,255,0.5);
}
.inner-img-boxes ul {
	text-align:center;
}
.inner-img-boxes ul li {
	display:inline-block;
	width:24%;
	vertical-align:top;
	padding:5px 0px;
}
.inner-img-boxes ul li img {
	width:25%;
}
.jp-carousel-info {
	display:none;
}
.su-tabs-vertical .su-tabs-pane p ,
.su-tabs-vertical .su-tabs-pane ul li {
	font-size: 16px;
	line-height: 23px;
}
.mobile {
	display:none;	
}

@media screen and (max-width: 1041px){
	.slider {
		width:60% !important;
	}
	#home-logo img {
		width:245px !important;
	}
	.mobile {
		position: absolute;
		width: 40px;
		top: 46px;
		left: 10px;
		background-color: black;
		padding: 5px 0px;
		border-radius: 8px;
		z-index: 9;
		display:block;
	}
	.mobile div {
		background-color: white;
		display: block;
		width: 85%;
		height: 5px;
		margin: 0px auto 6px auto;
		border-radius: 7px;
	}
	.mobile div:last-of-type {
		margin: 0px auto 0px auto;
	}
	nav ,
	nav ul ,
	header > div ,
	.container {
		width:100%;
		height:auto;
	}
	nav ul li {
		margin-left:0px;
	}
	.mycontact-holder {
		display:block;
		margin:0px auto;
		float:none;
		text-align:center;
	}
	div.wpcf7 {
		left:0px;
		right:0px;
		margin:0px auto !important;
	}
	.entry {
		width:90% !important;
		margin:0px !important;
		padding:0px 10px;
	}
	.category_post .star-title {
		width:90% !important;
	}
	#sidebar ,
	#gallery-2 .gallery-item ,
	.mainimage {
		width:100% !important;
	}
	.inner-img-boxes ul li ,
	.bottom-info ul li ,
	.img-boxes li {
		width:45% !important;
	}	
	.su-tabs-nav .su-tabs-current:after {
		display:none !important;
	}
	nav {
		background: none;
	}
	nav ul li {
		display:block;
		background: url(images/menubg.png) repeat center bottom;
	}
	.sub-menu {
		display:none !important;
	}
	nav ul li a {
		text-align: center;
		padding: 0px !important;
	}
	.bottom-info ul li p {
		margin-top:15px;
		font-size:12px;
	}
	.content-holder .entry img[alt="map2"] {
		width:100%;
		height:auto;
	}
	.home-container ,
	.category_post {
		text-align:center;
	}
	#sidebar li {
		text-align:center;
	}
	#sidebar .menu {
		margin-top:30px !important;
		margin-bottom:0px !important;
	}
	.slick-slide img {
		height:120px;
	}
}