/*
Theme Name: tamplate
Theme URI: http://www.leos.co.il
Description: אתר בעיצוב אישי מחברת לאוס מדיה
Author: Chen Oren Katz @LEOS
Version: 1.0
*/

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

* { 
	margin: 0; 
	padding: 0; 
}
html,
body {
    font-family: almoni;
	margin:0;
	padding:0;
	height:100%;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#content {
	padding-bottom:130px; /* Height of the footer element */
}
.logo a {
	display:inline-block;
}
.container {
	width:100%;
    max-width:1024px;
    margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
.clear {
	clear: both;
}
.inrow {
    font-size:0 !important;
}
.inrow div {
    font-size:initial;
}
.inrow .col2m1{
	width:calc(50.5% - 15px);
	margin-left:15px;
}
.inrow .col2m1:last-of-type{
	margin-left:0px;
}
.inrow .col2m{
	width:calc(50% - 10px);
}
.inrow .col3m2{
	width:31%;
}
.inrow .col4m{
    width: 24.5%;
}
.inrow .col4m1{
	width:calc(25% - 10px);
}
.inrow .col2 {
    width:50%;
}
.inrow .col3 {
    width:33.3%;
}
.inrow .col4 {
    width:25%;
}
.inrow .col5 {
    width:20%;
}
.inrow .col6 {
    width:16.66%;
}
.inrow .col7 {
    width:14.28%;
}
.inrow .col8 {
    width:12.5%;
}
.inrow .col9 {
    width:11.11%;
}
.inrow .col10 {
    width:10%;
}
.inline {
    vertical-align: top;
    display: inline-block;
}
.inlinem {
    vertical-align: middle;
    display: inline-block;
}
.inlineb {
    vertical-align: bottom;
    display: inline-block;
}
.abscenter {
    position: absolute;
    margin: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
h1 , 
h2 ,
h3 { 
	font-weight: normal; 
	margin: 0 0 0 0;
}

p { 
	margin: 0 0 0 0; 
}
a {
	text-decoration:none;
	color:inherit; 
}
a:hover {
	text-decoration:none; 
} 
ul { 
	margin: 0 0 0 0;
	list-style:none; 
}
nav {
	width:100%;
	text-align:center;
    position: absolute;
    background: rgba(0,0,0,0.60);
    z-index: 1;
}
nav ul {
	display:inline-block;
    font-size:0;
}
nav .menu > li {
	display:inline-block;
	vertical-align:middle;
	position:relative;
    margin: 0 9px;
    padding: 15px 0;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	transition:all .5s ease-out;
}
nav ul li:last-child:after {
	content: " ";
}
nav .menu li > a {
	display:inline-block;
	vertical-align:middle;
    font-family:almoni;
    font-size:20px;
	color:white;
	font-weight:100;
}
nav .menu li.current_page_item,
nav .menu li.current-menu-item,
nav .menu li:hover  {
    border-top: 2px solid white;
	border-bottom: 2px solid white;
}
.entry ul {
    margin: 0 30px;
    list-style: inherit;
}
.sub-menu {
    background:#000;
    z-index:999;
    width:250px;
    position:absolute;
    top:100%;
    right:0;
    border:1px solid white;
    border-top:0;
    visibility:hidden;
    opacity:0;
    transition: all .5s ease;
}
.sub-menu li {
	display:block;
}
.menu-item-has-children:hover .sub-menu {
    visibility:visible;
    opacity:1;
}
.sub-menu li {
    display:block;
}
.footer-top a{
	display:block;
	height:100%;
}
.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}
div.wpcf7 img.ajax-loader {
    display: none;
}
.lgcaption,
.fa,
#MobBtns{
	display:none;
}

/*header*/

.social{
    z-index: 99999 !important;
}

header{
	position:absolute;
	right:0px;
	left:0px;
	margin:0 auto;
	z-index: 1;
}
.social_li path{
    transition: all .7s ease;
}
.social_li:nth-child(1):hover path{
	fill:#d95232 !important;
}
.social_li:nth-child(2):hover path{
	fill:#55acee !important;
}
.social_li:nth-child(3):hover path{
	fill:#0274b3 !important;
}
.social_li:nth-child(4):hover path{
	fill:#e22b26 !important;
}
.social_li:nth-child(5):hover path{
	fill:#3b579d !important;
}

/*roll contact*/

.contheader{
	width: 73px;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	left: 100%;
	cursor: pointer;
	background: url('images/contsidehead.png') top no-repeat;
}
.opened{
	transform: translate(0) !important;
}
.contheader:hover{
	opacity:0.8;
}
.tel-btn{
	margin-bottom:15px;
	background:rgba(116, 162, 94, 0.8);
	border-radius:10px;
    transition: all .5s ease;
	color:white;
	font-size:45px;
	text-align:center;
}
.tel-btn:hover{
	color:#74a25e;
	background:rgba(255, 255, 255, 0.85);
}
.contsidebar {
    position: fixed;
    top: 10%;
	z-index: 9999;
    width: 100%;
    max-width: 300px;
	left:0px;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
	transform: translate(-100%);
}
.contbody{
	background:rgba(255, 255, 255, 0.8);
	border-radius:5px;
	text-align:center;
}
.cont-page {
    padding: 10px;
}
.contbody h1{
	font-size:25px;
	padding-top:10px;
}
.cont-page img{
	padding:20px 0;
}
.border{
	border:1px solid black;
	position:relative;
	padding-bottom:20px;
}
.bt,
.br,
.bl,
.bb{
    position: absolute;
    background: url(images/cont-border.png) center center no-repeat;
    height: 27px;
    width: 27px;
    max-width: 100%;
    background-size: 50%;
    transform: translate(50%,-50%);
}
.bl,
.br{
	left:0;
}
.br,
.bb {
    bottom: -15px;
}
.bl {
    -ms-transform: rotate(-83deg);
    -webkit-transform: rotate(-83deg);
    transform: rotate(-83deg);
	top: -15px;
    left: -14px;
}
.bb {
    -ms-transform: rotate(98deg);
    -webkit-transform: rotate(98deg);
    transform: rotate(98deg);
    right: -12px;
}
.br {
    -ms-transform: rotate(189ddeg);
    -webkit-transform: rotate(189ddeg);
    transform: rotate(189deg);
    left: -15px;
}

/*home page*/

.body-one{
	position:relative;
}
.slider {
    position: relative;
    z-index: 0;
	direction:ltr;
}
a#slide-3-layer-3{
	display:none !important;
}
.slick-slider{
	margin-bottom:0px !important;
}
.abscenterm{
    position: absolute;
    margin: auto;
    top: 90%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.abscenterm img{
    -webkit-animation-name: bounce; 
    -moz-animation-name: bounce;     
    -o-animation-name: bounce; 
    animation-name: bounce; 
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 2s; 
    -o-animation-duration: 2s; 
    animation-duration: 2s; 
    
    -webkit-animation-fill-mode: both; 
    -moz-animation-fill-mode: both; 
    -o-animation-fill-mode: both; 
    animation-fill-mode: both; 

    -webkit-animation-iteration-count:infinite; 
    -moz-animation-iteration-count:infinite; 
    -o-animation-iteration-count:infinite; 
    animation-iteration-count:infinite; 
}
@-webkit-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 
    40% {-webkit-transform: translateY(-30px);} 
    60% {-webkit-transform: translateY(-15px);} 
} 

@-moz-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 
    40% {-moz-transform: translateY(-30px);} 
    60% {-moz-transform: translateY(-15px);} 
} 

@-o-keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 
    40% {-o-transform: translateY(-30px);} 
    60% {-o-transform: translateY(-15px);} 
} 

@keyframes bounce { 
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
    40% {transform: translateY(-30px);} 
    60% {transform: translateY(-15px);} 
} 
.bounce { 
    -webkit-animation-name: bounce; 
    -moz-animation-name: bounce;     
    -o-animation-name: bounce; 
}
.body-two{
	background:url(images/bodytwo-bg.png)center no-repeat;
	background-size:cover;
    background-attachment: fixed;
}
.choose-content{
	text-align:center;
	color:white;
    padding: 35px 0;
}
.choose-content h1{
	font-size:65px;
	font-weight:100;
}
.choose-content p{
	font-size:30px;
	line-height:35px;
    padding-top: 40px;
	font-weight:100;
}
.front-entry {
    background: rgba(30, 42, 64, 0.72);
    border-radius: 10px;
    padding: 25px 50px;
}
.body-three h1,
.body-four h1{
	text-align:center;
	font-weight:100;
	font-size:65px;
	padding:35px 0;
}
.border-right{
	text-align:left;
}
li.picture{
	position:relative;
	overflow:hidden;
	margin-bottom: 20px;
}
li.picture img {
    width: 100%;
    height: auto;
}
li.picture:hover .gallery-title{
	left:0px;
}
.gallery-title{
	background:rgba(16,16,21,0.7);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    transition: all .7s ease;
    left: -100%;
	padding-top:45px;
}
.gallery-title img {
    width: auto !important;
}
.abscentert{
    position: absolute;
    margin: auto;
    top: 41%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.post-title{
	font-size:46px !important;
	color:white;
}
.reco{
	padding-bottom:35px;
}
.reco,
.gallerys{
    display: flex;
    justify-content: space-between;
	text-align: center; 
	flex-wrap: wrap;
}
.reco h2{
	background:#354052;
	font-size:30px;
	color:white;
    padding: 5px 0;
}
.reco h3,
.archive-entry h3{
	font-size:24px;
	font-weight:100;
    margin-top: 15px;
}
.reco p{
	font-size:25px;
	line-height:30px;
	margin:10px 0; 
}
.rm{
	font-size:25px !important;
	color:#354052;
}

/*about*/
/*
.bg {
    background: url(//www.gayya.co.il/wp-content/themes/leos/images/bg-pages.jpg)left no-repeat,url(//www.gayya.co.il/wp-content/themes/leos/images/bg-pages.jpg)right no-repeat;
    background-size: contain;
}*/
.page-entry.box2 img {
    width: 100%;
    height: 100%;
}

.box2{
	margin:0 auto;
	width:85%;
}
.metaslider .slides img {
    height: 520px !important;
}
.page-header {
    position: relative;
    background: url(images/p-header.png)bottom no-repeat;
    background-size: cover;
    height: 500px;
}
.page-title {
    position: absolute;
    bottom: 50px;
    z-index: 1;
    right: 0;
    left: 0px;
    margin: 0 auto;
    text-align: center;
	color:white;
}
.page-title h1{
	font-size:45px;
}
#breadcrumbs{
	font-size:23px;
	font-weight:100;
}
.about-entry,
.page-entry{
	padding:45px 0;
	text-align:right;
	color:#2a2a2a;
}
.top-content{
	font-size:30px;
	line-height:35px;
}
.bottom-content,
.page-entry p{
	font-size:23px;
	line-height:25px;
}
.bottom-content p,
.page-entry p{
	margin-bottom:20px;
}
.bottom-content p:last-of-type,
.page-entry p:last-of-type{
	margin-bottom:0px;
}
.text{
	font-size:19px !important;
	color:#2a2a2a;
	padding-top:5px;
}
li.entry_icons.inline.col5.hvr-grow{
	margin-right:0px !important;
}
.about-icons {
    padding: 30px 0;
}

/*single*/

.post_entry{
	padding:35px 0;
}
.top-text,
.bottom-text{
	font-size:23px;
	line-height:30px;
}
.thumbnail{
	padding:25px 0;
	text-align:center;
}
.thumbnail img {
    width: 100%;
    height: auto;
}
.top-text p,
.bottom-text p{
	margin-bottom:20px;
}
.top-text p:last-of-type,
.bottom-text p:last-of-type{
	margin-bottom:0px;
}
.share,
.ztitle{
	text-align:center;
	position:relative;
}
.bs-left,
.bs-right,
.bsa-left,
.bsa-right {
    border-top: 1px solid #cecece;
    position: absolute;
    top: 10px;
}
.bs-left {
    left: 0px;
    width: 43%;
}
.bs-right{
    width: 43%;
}
.box4 {
    width: 15%;
    margin: 15px auto;
}
.gp{
    background: url(images/google-plus-logo.png)center no-repeat;
    height: 28px;
	transition:all .5s ease-out;
}
.gp:hover{
	background:url(images/google-hover-logo.png)center no-repeat;
    height: 28px;
}
.lk{
    background: url(images/linkedin-logo.png)center no-repeat;
    height: 28px;
	transition:all .5s ease-out;
}
.lk:hover{
	background:url(images/linkedin-hover-logo.png)center no-repeat;
    height: 28px;
}
.fb{
    background: url(images/facebook-logo.png)center no-repeat;
    height: 28px;
	transition:all .5s ease-out;
}
.fb:hover{
	background:url(images/social.png)center no-repeat;
    height: 28px;
}
.more-arti {
    margin-top: 50px;
}
.articles .date,
.articles span,
.atitle h3 {
	font-size:21px;
	transition:all .5s ease-out;
	font-weight:100;
}
.morea,
input#author,
input#email{
    display: flex;
    justify-content: space-between;
    padding: 15px 0 50px 0;
}
.articles span,
.articleboxa span{
	text-align:left;
}
.pthumb img {
    width: 100%;
    height: auto;
}
.articles .date{
    width: 77.5%;
}
.articles span,
.articles .date,
.articleboxa span,
.articleboxa .date{
	background:#ebebeb;
    padding: 10px;
}
.atitle,
.artic-content{
	border:2px solid #ebebeb;
    margin: 3px 0;
    padding: 5px;
	font-weight:100;
}
.artic-content p {
    font-size: 20px;
}
.artic-content h2{
	margin-bottom:5px;
}
.bsa-left,
.bsa-right {
    left: 33%;
    width: 10%;
}
.bsa-right{
   right:33%;
}
.articles:hover.articles span,
.articles:hover.articles .date,
#respond input#submit:hover,
.articleboxa:hover.articleboxa span,
.articleboxa:hover.articleboxa .date{
    background: rgb(131, 183, 129);
}
#respond p{
	display:none;
}
#respond input#submit{
	background:#333540;
	font-family:almoni;
	font-size:23px;
	color:white;
	border:none;
    padding: 3px 35px;
	cursor:pointer;
	transition:all .5s ease-out;
}
input#author,
input#email,
.comments h2{
	padding:0;
	font-family: almoni;
    font-size: 23px;
	color:#333540;
}
textarea#comment {
    width: 89.3%;
    margin: 15px 0;
}
.comments {
    width: 64%;
    padding-bottom: 25px;
}
.video iframe{
	width:95%;
	height:300px;
}
.videos.inrow.box2 {
    text-align: center;
	padding-bottom:25px;
}
li.bm{
	margin-bottom:15px;
}

/*gallery*/

.gallery-menu{
	text-align:center;
	padding:40px 0;
}
ul#menu-gallery-menu li{
	display:inline-block;
	margin:0 9px;
}
ul#menu-gallery-menu li a{
	font-size:23px;
	color:#aeadae;
	transition:all .5s ease-out;
}
ul#menu-gallery-menu li.current_page_item > a,
ul#menu-gallery-menu li.current-menu-item > a,
ul#menu-gallery-menu li:hover > a{
	color:#83b781;
}
.gallery{
	padding-bottom:40px;
}
span.sidebar_header:before{
	content:"בחר גלריה";
	display:none;
}

/*archive*/

	/*reco*/

	.reco-bg {
		background: url(images/archive-bg.png)center no-repeat;
		background-size: cover;
		padding: 34px 0;
		background-attachment:fixed;
	}

	#columns {
		-webkit-column-count: 2;
		-webkit-column-gap: 10px;
		-webkit-column-fill: auto;
		-moz-column-count: 3;
		-moz-column-gap: 10px;
		-moz-column-fill: auto;
		column-count: 1;
		column-gap: 15px;
		column-fill: auto;
	}
	.pin {
		text-align:center;
		display: inline-block;
		background: #FEFEFE;
		border-radius:5px;
		box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
		margin: 0 2px 15px;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		column-break-inside: avoid;
		padding: 15px;
		padding-bottom: 5px;
		background: rgba(255, 255, 255, 0.66);
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
        width: calc(100% - 33px);
	}
	.thumbnail_photo img {
		border-radius: 999px;
		width:120px;
		height: 120px;
		border: 2px solid white;
	}
	.archive-entry h2{
		padding:10px 0;
		color:#343f52;
		font-size:30px;
	}
	.archive-entry p{
		font-size:22px;
		line-height:25px;
	}
	.archive-entry h3{
		margin-top:0px;
		padding-bottom:10px;
	}

	/*articles*/
	
	#columns1{
		-webkit-column-count: 3;
		-webkit-column-gap: 10px;
		-webkit-column-fill: auto;
		-moz-column-count: 3;
		-moz-column-gap: 10px;
		-moz-column-fill: auto;
		column-count: 3;
		column-gap: 15px;
		column-fill: auto;	
	}
	.pin1 {
		display: inline-block;
		margin: 0 2px 15px;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		column-break-inside: avoid;
		padding: 15px;
		padding-bottom: 5px;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	.articleboxa .date{
        width: 79.5%;
	}
	.articleboxa span,
	.articleboxa .date{
		font-size:30px;
		transition:all .5s ease-out;
		font-weight:100;
	}



/*contact page*/

.cont-entry{
    position: relative;
}
.map .acf-map{
	height:466px;
}
.map-img {
    position: absolute;
    z-index: 1;
    bottom: -4px;
}
.map-img img {
    max-width: 100%;
}
.details {
    text-align: center;
    border: 2px dotted #224766;
    border-radius: 10px;
    padding: 10px;
}
.details h2,
.txt_li{
	font-size:23px;
	color:#354054;
}
.details p{
	font-size:23px;
	line-height:25px;
    margin-bottom: 20px;
}
.ml{
	margin-top:20px;
}
.details-wrapper {
    position: absolute;
    top: 58%;
    z-index: 3;
    right: 15%;
    text-align: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.78);
    padding: 15px;
}
.cont-bottom {
    background: url('images/cont-bottom.png') right no-repeat;
    background-size: 50% 100%;
}
.cont-left h1{
	font-size:25px;
	padding-bottom:10px;
}
.form {
    padding: 20px;
}

/*footer*/

.footer-left{
    background:url(images/f-reco.jpg)no-repeat;
    background-size:cover;
    height: 337px;
}
.footer-left h2{
    color:black !important;
    padding-bottom:15px;
}
.reco-title {
    background: #354052;
    font-size: 25px !important;
    color: white;
    padding: 0px 15px;
    display: inline;
}
p.reco-txt {
    margin: 15px 0;
    font-size: 20px;
}
.footer-top{
	background:url(images/bfive-bg.png) center no-repeat;
	background-size:cover;
	text-align: center;
	padding: 50px 0;
}
.click-here{
	color:white;
	font-size:25px;
	transition:all .5s ease-out;
    margin-top: -70px;
}
.click-here:hover{
	color:#9f9f77;
}
.footer-bottom {
    background: url(images/footer-l.png)right no-repeat;
    background-size: 50% 100%;
}
.general-info h2,
.footer-left h2{
	color:white;
	font-size:35px;
}
.general-info p{
	margin:15px 0;
	font-size:25px;
}
span.txt_ul {
    display: block;
	font-size:25px;
	transition:all .5s ease-out;
}
span.txt_ul:hover{
	color:#354054;
}
.footer-content {
    padding: 70px 25px;
}
.up-arrow{
	position:fixed;
	right:5px;
    top: 86%;
	cursor:pointer;
}

footer {
	position:absolute;
	bottom:64px; /* Leos height 64px */
	left:0;
	height:auto;
	min-height:50px;
    width:100%;
}

#leos{
    position:absolute;
    bottom:0;
	width:100%;
	background-color:#000;
	text-align:center;
}
#leos img{
	padding-top: 10px;
    height:50px;
    width:auto;
}
#leos a{
        position:relative;
}
#leos span{
        opacity:0;
        position: absolute;
        right: 0;
        color: white;
        font-size: 22px;
        bottom: 10px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
        transition:.3s;
}
#leos a:hover span{
        right: -100px;
        opacity:1;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    backface-visibility: visible !important;
    animation-name: flipInY;
}
 
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}
.acf-map {
	width: 100%;
	height: 366px;
	pointer-events: none
}
.mobile-footer {
	display:none;
}
.entry ul {
    margin:0 20px;
    list-style: inherit;
}
.entry table {
    border:1px solid #000;
}
.entry table td {
    border:1px solid #000;
}
.entry table tr:nth-child(1) > td {
    text-align:center;
    background:#ccc;
}
.sidebararrow {
    display:none;
}
li.object{
    padding:5px 0;
}

@media (max-width:1300px) , (max-device-width:1300px){
	.articleboxa .date {
		width: 79.5%;
	}
}
@media (max-width:1024px) , (max-device-width:1024px){
    .bg {
        background: url(images/bg-left.png) left -10% bottom no-repeat, url(images/bg-left.png) 108% center no-repeat;
        background-size: 15%;
        opacity: 0.8;
    }
}

.snowflakes_wrapper {
display:none !important;
}