/*
Theme Name: Yatir theme
Theme URI:
Description: A custom WordPress website for Yatir Winery
Author: Avsha Agasi
Author URI: http://the-two.co
Version: 1.0
Tags: clean, advanced, responsive, great
*/

/* reset */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a {text-decoration: none; color: inherit;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse; border-spacing: 0;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: 'Almoni-dl';
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	color: black;
	background: white;
	width: 100%;
	height: 100%;
	position: relative;
	direction: rtl;
}

/************** general **************/

.container {
	position: relative;
	background: white;
	min-height: 100vh;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	padding: 10px;
}

.video {
	position: absolute;
	top: 0;
	left: 0;
}

@media (min-aspect-ratio: 16/9) {
  .video {
    width: 100%;
    height: auto; 
  }
}
@media (max-aspect-ratio: 16/9) {
  .video {
    width: auto; 
    height: 100vh;
  }
}

.iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	margin-top: 50px;
}

.iframe-wrapper iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.mobile-bg {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
	background: url(images/mobile-bg.jpg);
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
}

.button {
	position: relative;
	display: block;
	width: 170px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	vertical-align: middle;
	border: 1px solid rgba(255,255,255,0.7);
	font-size: 19px;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.button:hover {
	background: rgba(0,0,0,1);
	color: white;
}

.button.front:hover {
	background: rgba(0,0,0,0.7) !important;
}

.button .line-top {
	position: absolute;
	top: 50%;
	right: -25px;
	width: 50px;
	height: 2px;
	background: white;
}

.button .line-bottom {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: white;
}

.button .line-left {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: white;
}

.button .line-right {
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	background: white;
}

.cover {
	position: relative;
	height: 60vh;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
}

.top-strip {
	position: fixed;
	width: 100%;
	height: 10px;
	top: 0;
	left: 0;
	background: white;
	z-index: 10000;
}

h2 {
	font-family: 'Almoni-tzar';
	font-size: 60px;
	font-weight: 300;
}

h2.white {
	color: white;
}

h3 {
	font-family: 'Almoni-tzar';
	font-size: 44px;
	font-weight: 300;
}

h3.white {
	color: white;
}

h4 {
	font-size: 21px;
	line-height: 25px;
}

h5 {
	font-family: 'Almoni-tzar';
	font-size: 34px;
	font-weight: 300;
}

p {
	line-height: 22px;
	font-size: 17px;
}

p.white {
	color: white;
}

p.big {
	font-size: 17px;
}

a.to-red, li.to-red {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}

a.to-red:hover, li.to-red:hover {
	color: #e60a17;
}

.m-t {
	margin-top: 30px;
}

.m-t-s {
	margin-top: 10px;
}

.m-t-s-2 {
	margin-top: 20px;
}

.clear-both {
	clear: both;
}

.m-h {
	display: static;
}
	
.m-s {
	display: none;
}

strong {
	font-weight: 700;
}

.content {
	position: relative;
	width: 1000px;
	margin: 60px auto;
}

.video.inner {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 30px;
}

.full {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}

.half {
	float: right;
	width: calc( 50% - 5px );
	height: auto;
}

.half.right {
	margin-left: 10px;
}

.youtube-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}

.youtube-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.b-t {
	padding-top: 20px;
	border-top: 2px solid black;
}

.lil-logo-wrapper {
	position: fixed;
	top: 30px;
	left: 30px;
	z-index: 800000;
	height: 50px;
	width: auto;
}

.lil-logo {
	height: 100%;
	width: auto;
}

.lil-logo.white {
	display: block;
}
	
.lil-logo.black {
	display: none;
}

.quote {
	width: 70%;
	margin-right: 20%;
	font-size: 24px;
	line-height: 24px;
	font-style: italic;
}

span.big {
	
}

.divider {
	width: 100%;
	height: 2px;
	background: black;
	margin: 30px auto;
}

.arrow-up {
	position: fixed;
	right: 35px;
	bottom: 80px;
	z-index: 10000;
	cursor: pointer;
	width: 34px;
	height: 34px;
	border: 1px solid black;
	text-align: center;
	padding-top: 10px;
	border-radius: 50%;
	font-size: 15px;
	opacity: 0;
	transform: translate3d(0,100px,0);
	-webkit-transform: translate3d(0,100px,0);
	transition: all .6s ease-out;
	-webkit-transition: all .6s ease-out;
}

.arrow-up.up {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.arrow-up.up.up-up {
	transform: translate3d(0,-50px,0);
	-webkit-transform: translate3d(0,-50px,0);
}

.arrow-up:hover {
	background: black;
	color: white;
}

.overflow-hidden {
	overflow: hidden;
}

/************** header **************/

.menu-button-wrapper {
	position: fixed;
	width: 100px;
	height: 100px;
	top: 0;
	right: 0;
	z-index: 700000;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menu-button-wrapper.out {
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
}

.menu-button-wrapper.x-wrapper {
	width: 80px;
	height: 80px;
}

.menu-button-wrapper.x-wrapper.reg {
	width: 100px;
	height: 100px;
}

.menu-button {
	position: absolute;
	width: 24px;
	height: 17px;
	top: 50%;
	margin-top: -6.5px;
	left: 50%;
	margin-left: -12px;
}

.menu-button .line {
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	background: white;
	opacity: 1;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.menu-button.black .line {
	background: black;
}

.menu-button .line.top {
	top: 0;
}

.menu-button .line.middle {
	top: 7px;
}

.menu-button .line.bottom {
	top: 14px;
}

.menu-button .line.top.rotate {
	top: 7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.menu-button .line.bottom.rotate {
	top: 7px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.menu-button .line.middle.out {
	transform: translate3d(100%,0,0);
	-webkit-transform: translate3d(100%,0,0);
	opacity: 0;
}

.side-menu-container {
	position: fixed;
	width: 410px;
	height: 100%;
	top: 0;
	right: 0;
	color: white;
	background: rgba(0,0,0,0.5);
	z-index: 650000;
	transform: translate3d(500px,0,0);
	-webkit-transform: translate3d(500px,0,0);
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.side-menu-container.dark {
	background: rgba(0,0,0,0.8);
}

.side-menu-container.in {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.side-menu-container .menu-items {
	position: absolute;
	right: 30px;
	left: 30px;
	height: 256px;
	top: 50%;
	margin-top: -128px;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.side-menu-container .menu-items li {
	height: 50px;
	font-size: 19px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	cursor: pointer;
	position: relative;
}

.side-menu-container .menu-items li span {
	width: 62px;
	height: 100%;
	line-height: 50px;
	vertical-align: middle;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -31px;
}

.side-menu-container .menu-items li:hover {
	color: #e60a17;
}

.side-menu-container .menu-items li.active {
	color: #e60a17;
}

.side-menu-container .contact-details {
	position: absolute;
	bottom: 30px;
	right: 30px;
	left: 30px;
	border-top: 1px solid rgba(255,255,255,0.2);
	padding-top: 10px;
	text-align: center;
}

.side-menu-container .langs {
	position: absolute;
	bottom: 70px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
}

.side-menu-container .lang.active {
	color: #e60a17;
}

.side-menu-container .langs .lang {
	display: inline-block;
}

.side-menu-container .menu-logo {
	position: absolute;
	top: 80px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	height: auto;
}

.side-menu-container .menu-logo img {
	display: block;
	width: 100%;
	height: auto;
}

/************** opening **************/

.container.opening {
	height: 100vh;
}

.container.opening .video-wrapper {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
}

.container.opening .overlay .content {
	position: absolute;
	width: 760px;
	left: 50%;
	margin-left: -380px;
	height: 256px;
	top: 50%;
	margin-top: -128px;
}

.container.opening .overlay .content .logo {
	display: block;
	width: 240px;
	margin: auto;
}

.container.opening .overlay .content .buttons {
	position: relative;
	margin-top: 30px;
	height: 50px;
}

.container.opening .overlay .content .buttons .button {
	float: right;
	margin: 0 10px;
	color: white;
}

.container.opening .overlay .bottom-langs {
	position: fixed;
	bottom: 25px;
	left: 25px;
	color: white;
	font-size: 14px;
}

.container.opening .overlay .bottom-langs span {
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	cursor: pointer;
}

.container.opening .overlay .bottom-langs span.active {
	color: #e60a17;
}

.container.opening .overlay .bottom-langs span:hover {
	color: #e60a17;
}

/************** about **************/

.container.about {
	background: white;
}

.container.about h2, .container.about h3, .container.item h2, .container.item h3 {
	padding-bottom: 10px;
	border-bottom: 2px solid black;
}

.content .people-wrapper {
	position: relative;
	height: auto;
}

.container.about .content .third {
	position: relative;
	float: right;
	width: calc( 100% / 3 );
	height: auto;
}

.container.about .content .third.one {
	padding-left: 30px;
}

.container.about .content .third.two {
	padding: 0 15px;
}

.container.about .content .third.three {
	padding-right: 30px;
}

.container.about .content .third .profile {
	position: relative;
	width: 60%;
	display: block;
	margin: auto;
	height: auto;
}

.container.about .content .third .profile img {
	display: block;
	width: 100%;
	height: auto;
}

.container.about .content .third .name {
	margin-top: 30px;
	font-family: 'Almoni-tzar';
	font-size: 35px;
	font-weight: 300;
	text-align: center;
}

.container.about .content .third .tagline {
	text-align: center;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 4px 0;
	font-size: 17px;
	margin-top: 6px;
}

.container.about .content .third .desc {
	margin-top: 10px;
}

/************** wines **************/

.container.wines {
	background: white;
}

.container.wines .wines-wrapper .wine-wrapper {
	position: relative;
	margin-top: 60px;
	height: 650px;
}

.container.wines .wines-wrapper .wine-wrapper.try {
	height: auto;
}

.container.wines .wines-wrapper .wine-wrapper.try-2 {
	height: 550px;
}

.container.wines .wines-wrapper .wine-wrapper .headline {
	font-family: 'Almoni-tzar';
    font-size: 37px;
    font-weight: 300;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 14px 0 10px;
}

.container.wines .wines-wrapper .wine-wrapper .desc {
	margin-top: 30px;
	width: 75%;
}

.container.wines .wines-wrapper .wine-wrapper .desc.try {
	margin-top: 30px;
	width: 80%;
}

.container.wines .wines-wrapper .wine-wrapper .batsir {
	font-family: 'Almoni-tzar';
    font-size: 29px;
    font-weight: 300;
}

.container.wines .wines-wrapper .wine-wrapper .batsirim {
	width: 75%;
	padding: 6px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.container.wines .wines-wrapper .wine-wrapper .batsirim.try {
	width: 50%;
}

.container.wines .wines-wrapper .wine-wrapper .batsirim a:after {
	content: '|';
	padding: 0 5px;
}

.container.wines .wines-wrapper .wine-wrapper .batsirim a:last-of-type:after {
	content: '';
}

.container.wines .wines-wrapper .wine-wrapper .batsirim a:first-of-type {
	padding-right: 5px;
}

.container.wines .wines-wrapper .wine-wrapper .batsir-desc {
	width: 75%;
}

.container.wines .wines-wrapper .wine-wrapper .batsir-desc.try {
	width: 100%;
}

.container.wines .wines-wrapper .wine-wrapper .bottle {
	position: absolute;
	left: 0;
	top: 95px;
	height: 580px;
	width: auto;
}

.container.wines .wines-wrapper .wine-wrapper .bottle.try {
	position: relative;
	left: auto;
	top: auto;
	width: 80%;
	height: auto;
	display: block;
	margin-top: 30px;
}

.container.wines .wines-wrapper .wine-wrapper .bottle.try-2 {
	position: absolute;
	left: 0;
	top: 95px;
	height: 450px;
	width: auto;
}

.strong {
	font-weight: 700;	
}

.container.wines .wines-wrapper .wine-wrapper .button {
	border-color: black;
	font-size: 17px;
}

/************** wines **************/

.hide {
	opacity: 0;
	transform: translate3d(0,30px,0);
	-webkit-transform: translate3d(0,30px,0);
	transition: all 1s ease-out;
	-webkit-transition: all 1s ease-out;
}

.hide.show {
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.container.wine {
	min-height: 100vh;
	padding: 36px 150px 44px 100px;
	overflow: hidden;
}

.container.wine .label {
	position: absolute;
	width: 30%;
	top: 20%;
	right: 5%;
}

.container.wine .bottle {
	position: absolute;
	height: calc( 100vh - 60px );
	top: 30px;
	left: 130px;
	width: auto;
}

.container.wine .inner {
	position: relative;
	width: 75%;
	height: auto;
	/* border-bottom: 2px solid black; */
}

.container.wine .inner .headline {
	font-family: 'Almoni-tzar';
    font-size: 60px;
    padding: 0 0 10px;
	font-weight: 300;
    border-bottom: 2px solid black;
	position: relative;
}

.container.wine .inner .batsirim {
	padding: 10px 0;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.container.wine .inner .batsirim span:after {
	content: '|';
	padding: 0 5px;
}

.container.wine .inner .batsirim span:last-of-type:after {
	content: '';
}

.container.wine .inner .batsirim span:first-of-type:after {
	content: '';
}

.container.wine .inner .batsirim span {
	cursor: pointer;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}

.container.wine .inner .batsirim span:hover {
	 color: #e60a17;
}

.container.wine .inner .batsirim span.strong {
	cursor: default;
}

.container.wine .inner .batsirim span.strong:hover {
	 color: black;
}

.container.wine .inner .this-batsir {
	position: relative;
	height: auto;
}

.container.wine .inner .this-batsir .some-batsir {
	position: relative;
	display: none;
	top: 0;
	right: 0;
	opacity: 0;
	transform: translate3d(0,10px,0);
	-webkit-transform: translate3d(0,10px,0);
	transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
	padding-bottom: 30px;
	border-bottom: 2px solid black;
}

.container.wine .inner .this-batsir .some-batsir.active {
	display: block;
	opacity: 1;
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.container.wine .inner .this-batsir .title {
	font-family: 'Almoni-tzar';
    font-size: 37px;
	font-weight: 300;
}

.container.wine .inner .buttons {
	position: relative;
}

.container.wine .inner .buttons .button {
	float: right;
	margin-left: 20px;
	border-color: black;
	font-size: 17px;
}

.container.wine .inner .buttons .button:nth-child(2) {
	margin-left: 0;
}

.container.wine .inner .back-to {
	position: absolute;
	left: 40px;
	bottom: 25px;
	border: 1px solid black;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	float: right;
	font-size: 15px;
	font-weight: 400;
	font-family: 'almoni-dl';
}

.container.wine .printer {
	position: absolute;
	left: 0;
	bottom: 25px;
	border: 1px solid black;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	float: right;
	font-size: 15px;
	font-weight: 400;
	font-family: 'almoni-dl';
}

.container.wine .inner .printer:hover, .container.wine .inner .back-to:hover {
	background: black;
	color: white;
}

/************** location **************/

.container.location {
	height: calc( 100vh - 20px );
	background: white;
}

.container.location .under {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	z-index: 0;
}

.container.location .under .sub-location {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.container.location .under .sub-location.try {
	overflow: hidden;
}

.container.location .under .sub-location.show {
	display: block;
}

.container.location .under .sub-location .images {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.location .under .sub-location .images .back {
	position: absolute;
	top: 28px;
	left: 110px;
	height: 30px;
	width: 30px;
	border: 1px solid white;
	color: white;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	z-index: 300;
	font-size: 36px;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.back-try {
	position: fixed;
	top: 28px;
	left: 50%;
	margin-left: -15px;
	height: 30px;
	width: 30px;
	border: 1px solid white;
	color: white;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	z-index: 300;
	font-size: 36px;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.loc-numbers {
	position: fixed;
	bottom: 28px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	color: white;
	text-align: center;
	z-index: 300;
	font-size: 24px;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.loc-numbers .this {
	position: absolute;
	left: 7px;
	top: -8px;
}

.loc-numbers .total {
	position: absolute;
	right: 7px;
	top: 8px;
}

.container.location .under .sub-location .images .loc-image {
	position: relative;
	float: right;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
}

.container.location .under .sub-location .images .loc-image.try {
	height: 100%;
	width: 100%;
}

.container.location .under .sub-location .images .loc-image .overlay {
	display: table;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.location .under .sub-location .images .loc-image .overlay .credix {
	position: absolute;
	bottom: 20px;
	left: 30px;
	background: white;
	padding: 5px;
	font-size: 14px;
}

.container.location .under .sub-location .images .loc-image .overlay.try {
	background: rgba(0,0,0,0.3);
}

.container.location .under .sub-location .images .loc-image .overlay.try:hover {
	background: rgba(0,0,0,0.3);
}

.container.location .under .sub-location .images .loc-image .overlay:hover {
	background: rgba(0,0,0,0);
}

.container.location .under .sub-location .images .loc-image .overlay .headline {
	display: table-cell;
	vertical-align: middle;
	color: white;
	text-align: center;
	font-family: 'Almoni-tzar';
	font-size: 35px;
	font-weight: 300;
}

.container.location .under .sub-location .images .loc-image .overlay .headline.try {
	padding: 0 200px;
}

.container.location .under .sub-location .images .loc-image .overlay .headline.try p {
	font-family: 'Almoni-dl';
	font-weight: 400;
}

.container.location .under .sub-location .big-images-wrapper {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0);
	z-index: 1000000;
}

.container.location .under .sub-location .big-images-wrapper .touch {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
}

.container.location .under .sub-location .big-images-wrapper .big-images {
	position: absolute;
	top: 30px;
	left: 120px;
	right: 120px;
	bottom: 30px;
	overflow: hidden;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image {
	position: relative;
	float: right;
	height: 100%;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	display: table;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-headline {
	position: absolute;
	bottom: 30px;
	right: 100px;
	color: white;
	width: calc( 100% - 200px );
	text-align: center;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-headline span {
	padding: 5px 10px;
	background: rgba(0,0,0,0.7);
	border: 1px solid white;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-headline span.special {
	padding: 5px 10px 5px 0;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-headline span i {
	border-right: 1px solid white;
	padding: 5px 10px;
	margin-right: 7px;
	height: 100%;
	background: #e60a17;
	cursor: pointer;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-desc {
	position: static;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
	padding: 0 120px;
	visibility: hidden;
	opacity: 0;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-desc.show {
	visibility: visible;
	opacity: 1;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-desc span {
	background: rgba(0,0,0,0.7);
	border: 1px solid white;
	display: inline-block;
	padding: 20px;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-headline .location-desc {
	padding: 5px 10px;
	background: rgba(0,0,0,0.7);
	border: 1px solid white;
}

.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .bottom-strip {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 60px;
	z-index: 100;
}

.container.location .under .location-arrow-left {
	position: absolute;
	left: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	color: white;
	font-size: 19px;
	z-index: 1000;
	cursor: pointer;
}

.container.location .under .location-arrow-right {
	position: absolute;
	right: 30px;
	height: 30px;
	top: 50%;
	margin-top: -15px;
	color: white;
	font-size: 19px;
	z-index: 1000;
	cursor: pointer;
}

.container.location .under .location-arrow-left-try {
	position: fixed;
	left: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	top: 50%;
	margin-top: -15px;
	color: white;
	font-size: 14px;
	z-index: 1000;
	cursor: pointer;
	border: 1px solid white;
}

.container.location .under .location-arrow-right-try {
	position: fixed;
	right: 30px;
	height: 30px;
	width: 30px;
	text-align: center;
	line-height: 30px;
	vertical-align: middle;
	top: 50%;
	margin-top: -15px;
	color: white;
	font-size: 14px;
	z-index: 1000;
	cursor: pointer;
	border: 1px solid white;
}

.container.location .under .about-location {
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
	height: 120px;
	background: rgba(255,255,255,1);
	display: none;
}

.container.location .under .about-location .text {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.container.location .strips {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	z-index: 10;
}

.container.location .strips .strip {
	position: relative;
	width: calc( 100% / 4 );
	height: 100%;
	float: right;
	border-left: 1px solid white;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;
	/* transition: all .6s ease-out;
	-webkit-transition: all .6s ease-out; */
	cursor: pointer;
}

.container.location .strips .strip.narrow {
	width: 0;
}

.container.location .strips .strip.narrow.wide {
	width: 100% !important;
}

.container.location .strips .strip.wide {
	width: 100% !important;
}

.container.location .strips .strip .overlay .headline {
	position: absolute;
	width: 100%;
	right: 0;
	text-align: center;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	top: 50%;
	margin-top: -50px;
}

.container.location .strips .strip .overlay {
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.location .strips .strip .overlay.focus {
	background: rgba(0,0,0,0);
}

.container.location .strips .strip:hover .overlay {
	background: rgba(0,0,0,0);
}

.location-x {
	position: absolute;
	width: 24px;
	height: 17px;
	top: 40px;
	left: 50%;
	margin-left: -12px;
	z-index: 500;
	cursor: pointer;
}

.location-x .line {
	position: absolute;
	width: 100%;
	height: 3px;
	left: 0;
	background: white;
	opacity: 1;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.location-x .line.top.rotate {
	top: 7px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.location-x .line.bottom.rotate {
	top: 7px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

/************** news **************/

.container.news {
	min-height: 100vh;
	padding: 40px 115px 100px;
}

.m-r-10 {
	margin-right: 4px;
}

.container.news .items {
	margin-top: 20px;
	position: relative;
	
}

.container.news .items .item {
	position: relative;
	width: calc( ( 100% - 30px ) / 3 );
	padding-bottom: 25%;
	margin: 5px;
	float: right;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;	
}

.container.news .items .item.wide {
	width: calc( 100% - 10px );
	padding-bottom: 28%;
	margin-top: 0;
}

.container.news .items .item.item-r {
	
}

.container.news .items .item .overlay-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.container.news .items .item .overlay {
	background: rgba(0,0,0,0.7);
	opacity: 0;
	color: white;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
	display: table;
	padding: 0 20px;
}

.container.news .items .item .overlay .title {
	position: static;
	display: table-cell;
	vertical-align: middle;
    text-align: center;
    font-size: 35px;
    font-family: 'Almoni-tzar';
    font-weight: 300;
	line-height: 1;
}

.container.news .items .item .overlay .title span {
	font-family: 'Almoni-dl';
	font-size: 19px;
	font-weight: 400;
	line-height: 20px;
}

.container.news .items .item .overlay.focus {
	opacity: 1;
}

.container.news .items .item:hover .overlay {
	opacity: 1;
}

/************** item **************/

.container.item {
	min-height: 100vh;
}

.container.item .details {
	border-bottom: 2px solid black;
	padding: 10px 0;
}

.container.item .details span {
	margin-left: 6px;
}

.container.item .share {
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding: 10px 0;
}

.container.item .share i {
	margin-left: 6px;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.container.item .share i:hover {
	color: #e60a17;
}

/****************************/

.bg {
	height: 300px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;	
}

.phone-icon {
	position: absolute;
	top: 25px;
	left: 25px;
	width: 34px;
	height: 34px;
	border: 1px solid white;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 34px;
	vertical-align: middle;
	z-index: 1000;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.phone-icon:hover {
	background: black;
}

.phone-container {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 999999999999999999;
	opacity: 0;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.phone-container.show {
	opacity: 1;
}

.phone-container .inner {
	position: absolute;
	width: 700px;
	height: 250px;
	left: 50%;
	margin-left: -350px;
	top: 50%;
	margin-top: -125px;
	background: rgba(255,255,255,1);
}

.phone-container .inner .wrapper {
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border: 2px solid #e60a17;
}

.phone-container .inner .wrapper .logo {
	position: absolute;
	right: 75px;
	top: 65px;
	height: 100px;
	width: auto;	
}

.phone-container .inner .wrapper .text {
	position: absolute;
	top: 50%;
	margin-top: -41px;
	left: 75px;
	line-height: 20px;
	height: 82px;
}

.facebook-icon {
	position: absolute;
	top: 25px;
	left: 69px;
	width: 34px;
	height: 34px;
	border: 1px solid white;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 34px;
	vertical-align: middle;
	z-index: 1000;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.facebook-icon:hover {
	background: black;
}

/************** alc **************/

.alc-container {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	visibility: hidden;
	z-index: 9999999999;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.alc-container.show {
	opacity: 1;
	visibility: visible;
}

.alc-container .inner {
	position: absolute;
	width: 700px;
	height: 250px;
	left: 50%;
	margin-left: -350px;
	top: 50%;
	margin-top: -125px;
	background: rgba(255,255,255,1);
}

.alc-container .inner .wrapper {
	position: absolute;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	border: 2px solid #e60a17;
}

.alc-container .inner .wrapper .text {
	position: absolute;
	top: 50%;
	margin-top: -67px;
	left: 50%;
	margin-left: -150px;
	height: 134px;
	width: 300px;
}

.alc-container .inner .wrapper .text h5 {
	text-align: center;
}

.checkbox-wrapper {
	height: 20px;
	position: relative;
	width: 192px;
	margin: 10px auto 0;
}

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label {
	height: 20px;
}

input[type="checkbox"] + label span.box {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: transparent;
	border: 1px solid black;
	cursor: pointer;
}

/* input[type="checkbox"]:checked + label span.box {
    background: black;
} */

input[type="checkbox"]:checked + label span.box:before {
    content: "\f00c";
	font-family: FontAwesome;
	color: black;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	height: 12px;
	width: 12px;
	line-height: 17px;
	vertical-align: middle;
	font-size: 11px;
}

.alc-container span.message {
	position: absolute;
	top: -1px;
	left: 0;
}

.alc-container .agree {
	position: relative;
	width: 140px;
	height: 30px;
	border: 1px solid black;
	margin: 10px auto 0;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	cursor: pointer;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
}

.alc-container .agree:hover {
	background: black;
	color: white;
}

.alc-container .warning {
	margin-top: 15px;
	text-align: center;
	font-size: 14px;
}

.alc-container .required {
	position: absolute;
	bottom: 10px;
	right: 0;
	width: 100%;
	text-align: center;
	color: #e60a17;
	display: none;
	font-size: 14px;
}

/************** contact **************/

.container.contact {
	background: white;
	height: 100vh;
}

.container.contact .bg-left {
	position: absolute;
	top: 10px;
	left: 10px;
	width: calc( 100% - 20px );
	height: calc( 100% - 20px );
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center center !important;	
}

.container.contact .map {
	position: fixed;
	top: 10px;
	left: 10px;
	right: 10px;
	height: calc( 100vh - 20px );
	transform: translate3d(0,120%,0);
	-webkit-transform: translate3d(0,120%,0);
	transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
	opacity: 0;
	z-index: 790000;
}

.container.contact .map.up {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	opacity: 1;
}

.container.contact .map #map_canvas {
	position: relative;
	width: 100%;
	height: 100%;
}

.container.contact .content {
	width: 450px;
	position: absolute;
	right: 50%;
	margin-right: -225px;
	top: 50%;
	margin-top: -225px;
	height: 450px;
}

.container.contact .content h2 {
	border-bottom: 2px solid black;
	padding-bottom: 10px;
	position: relative;
}

.goto-facebook {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	border: 1px solid black;
	text-align: center;
	line-height: 28px !important;
	font-size: 15px;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.goto-facebook:hover {
	background: black;
	color: white;
}

.open-map {
	position: absolute;
	left: 40px;
	bottom: 20px;
	font-family: 'Almoni-dl';
	font-size: 15px;
	font-weight: 400;
	border: 1px solid black;
	padding: 0 8px;
	line-height: 28px !important;
	height: 28px;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.open-map:hover {
	background: black;
	color: white;
}

.open-map i {
	margin-left: 4px;
}

/* .ccf-form-wrapper {
	position: relative;
	width: 100%;
	margin: 20px 0 0 0;
}

.ccf-form-wrapper .field {
	margin-bottom: 10px;
	position: relative;
}

.ccf-form-wrapper .field.paragraph-text {
	margin-bottom: 6px;
}

.ccf-form-wrapper .field label {
	display: none;
}

.ccf-form-wrapper .field input[type=text], .ccf-form-wrapper .field textarea {
	height: 40px;
	background: rgba(255,255,255,0.7);
	border: 0;
	padding-right: 10px;
	font-family: 'Almoni-dl';
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
	color: black;
	resize: none;
	outline: 0;
}

.ccf-form-wrapper .field textarea {
	padding-top: 10px;
	height: 40px;
	min-height: 40px;
}

.ccf-form-wrapper .error {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: black;
	color: transparent;
	overflow: hidden;
}

.ccf-submit-button {
	width: 100%;
	height: 40px;
	background: black;
	border: 0;
	cursor: pointer;
	color: white;
	font-family: 'almoni-dl';
	font-weight: 400;
	font-size: 17px;
	font-style: normal;
	outline: 0;
} */

.gform_wrapper {
	max-width: 100% !important;
	margin: 20px 0 0 0 !important;
}

.gform_wrapper .top_label .gfield_label {
	display: none !important;
}

body .gform_wrapper label.gfield_label+div.ginput_container {
	margin-top: 0 !important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
	width: 100% !important;
	height: 40px !important;
	background: rgba(255,255,255,0.6) !important;
	border: 0 !important;
	padding-right: 10px !important;
	font-family: 'Almoni-dl' !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 17px !important;
	color: black !important;
	resize: none !important;
}

.gform_wrapper textarea.medium {
	width: 100% !important;
	height: 40px !important;
	background: rgba(255,255,255,0.6) !important;
	border: 0 !important;
	padding: 10px 10px 0 0 !important;
	font-family: 'Almoni-dl' !important;
	font-weight: 400 !important;
	font-style: normal !important;
	font-size: 17px !important;
	color: black !important;
	resize: none !important;
}

.gform_wrapper .gform_footer {
	padding: 0 !important;
	margin: 0 !important;
}

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
	width: 100% !important;
	height: 40px !important;
	background: black !important;
	border: 0 !important;
	cursor: pointer !important;
	color: white !important;
	font-family: 'almoni-dl' !important;
	font-weight: 400 !important;
	font-size: 17px !important;
	font-style: normal !important;
	outline: 0 !important;
	line-height: 40px;
	vertical-align: middle;
}

.gform_wrapper ul li {
	margin-bottom: 10px !important;
	position: relative;
}

.gform_wrapper div.validation_error {
	display: none !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
	/* margin-top: 0 !important;
	margin-bottom: 0 !important; */
}

.gform_wrapper .top_label .gfield_error {
	width: 100% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
	margin-left: 0 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {
	max-width: 100% !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
	width: 100% !important;
	max-width: 100% !important;
	padding-right: 0 !important;
	position: absolute !important;
	bottom: 0 !important;
	right: 0 !important;
	color: transparent !important;
	background: transparent !important;
	display: none !important;
}

.gform_wrapper.gf_browser_chrome .gfield_error input[type=email], .gform_wrapper.gf_browser_chrome .gfield_error input[type=number], .gform_wrapper.gf_browser_chrome .gfield_error input[type=password], .gform_wrapper.gf_browser_chrome .gfield_error input[type=tel], .gform_wrapper.gf_browser_chrome .gfield_error input[type=text], .gform_wrapper.gf_browser_chrome .gfield_error input[type=url], .gform_wrapper.gf_browser_chrome .gfield_error select, .gform_wrapper.gf_browser_chrome .gfield_error textarea, .gform_wrapper.gf_browser_chrome li.gfield_error.field_sublabel_above .ginput_complex input[type=text] {
	margin-bottom: 0 !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	background-color: transparent !important;
	/* border-top: 2px solid #e60a17 !important; */
	border-bottom: 2px solid #e60a17 !important;
	padding-bottom: 0 !important;
}

.gform_confirmation_wrapper {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid black;
}

#gform_submit_button_1 {
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-out;
	text-align: center !important;
}

#gform_submit_button_1.focus {
	background: #e60a17 !important;
}

#gform_submit_button_1:hover {
	background: #e60a17 !important;
}

#gform_fields_1 #field_1_1 {
	float: right !important;
	width: calc( 50% - 5px ) !important;
	clear: none !important;
	padding-right: 0 !important;
}

#gform_fields_1 #field_1_2 {
	float: left !important;
	width: calc( 50% - 5px ) !important;
	clear: none !important;
}

#gform_fields_1 #field_1_3 {
	padding-right: 0 !important;
}

html[dir=rtl] .gform_wrapper {
	padding-right: 0 !important;
}

html[dir=rtl] .gform_wrapper ul.gform_fields li.gfield.gfield_error {
	padding-right: 0 !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	padding-top: 0 !important;
}

::-webkit-input-placeholder {
	font-family: 'almoni-dl';
	font-weight: 400;
	font-size: 17px;
	font-style: normal;
	color: black;
}

:-moz-placeholder {
	font-family: 'almoni-dl';
	font-weight: 400;
	font-size: 17px;
	font-style: normal;
	color: black;
}

::-moz-placeholder {
	font-family: 'almoni-dl';
	font-weight: 400;
	font-size: 17px;
	font-style: normal;
	color: black;
}
:-ms-input-placeholder {
	font-family: 'almoni-dl';
	font-weight: 400;
	font-size: 17px;
	font-style: normal;
	color: black;
}

/************** footer *****************/

footer {
	position: relative;
	width: 100%;
	height: 30px;
	background: black;
}

.footer-menu {
	position: absolute;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	top: 0;
	right: 35px;
}

.footer-menu li {
	float: right;
	margin-left: 30px;
	font-size: 15px;
	color: rgba(255,255,255,0.5);
}

footer .rights {
	position: absolute;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	top: 0;
	left: 35px;
	color: rgba(255,255,255,0.5);
	font-size: 15px;
}

footer .thetwo {
	position: absolute;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	top: 0;
	left: 250px;
	color: rgba(255,255,255,0.5);
	font-size: 15px;
}


/*************** preloader *****************/

.preloader {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: white;
	opacity: 0;
	z-index: 9999999999999;
	transition: all .8s ease-out;
	-webkit-transition: all .8s ease-out;
}

.preloader.show {
	opacity: 1;
}

.preloader .preloader-logo {
	position: absolute;
	width: 120px;
	margin-left: -60px;
	left: 50%;
	height: auto;
	top: 50%;
	margin-top: -43.5px;
}

.spinner {
	height: 240px;
	width: 240px;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	top: 50%;
	margin-top: -120px;
	-webkit-animation: rotation .7s infinite linear;
	border-left: 1px solid rgba(230,10,23,.15);
	border-right: 1px solid rgba(230,10,23,.15);
	border-bottom: 1px solid rgba(230,10,23,.15);
	border-top: 1px solid #e60a17;
	border-radius: 100%;
}
 
@-webkit-keyframes rotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}

/*======================================
  Selectric v1.9.3
======================================*/

.selectric-wrapper {
	position: relative;
	cursor: pointer;
}

.selectric-responsive {
	width: 100%;
}

.selectric {
	background: rgba(255,255,255,0.7);
	position: relative;
}

.selectric .label {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 0 0 10px;
	padding-right: 10px;
	font-size: 17px;
	line-height: 40px;
	color: black;
	height: 40px;
	text-align: right;
}

.selectric .button {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	border: 0;
	border-left: 1px solid rgba(0,0,0,0.3);
	color: white;
	text-align: center;
	font: 0/0 a;
	*font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-top-color: black;
  border-bottom: none;
}

.selectric-hover .selectric {
  border-color: black;
}
.selectric-hover .selectric .button {
  color: white;
}
.selectric-hover .selectric .button:after {
  border-top-color: white;
}

.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  border-color: black;
  border-bottom: 0;
}
.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: rgba(255,255,255,0.7);
  border: 1px solid rgba(0,0,0,1);
  z-index: -1;
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li:nth-child(1) {
	border-top: 0;
}

.selectric-items li {
  display: block;
  padding: 10px 10px 10px 8px;
  border-top: 1px solid rgba(0,0,0,1);
  color: black;
  cursor: pointer;
  text-align: right;
}
.selectric-items li.selected {
   background: rgba(0,0,0,1);
   color: white;
}
.selectric-items li:hover {
  background: rgba(0,0,0,1);
  color: white;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

/********* accessibility ***********/

.accessibility-button {
	position: fixed;
	bottom: 35px;
	right: 35px;
	width: 34px;
	height: 34px;
	border: 1px solid white;
	border-radius: 50%;
	color: white;
	text-align: center;
	line-height: 34px;
	vertical-align: middle;
	z-index: 99999999;
	cursor: pointer;
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;	
}

.accessibility-button.up-up {
	transform: translate3d(0,-50px,0);
	-webkit-transform: translate3d(0,-50px,0);
}

.accessibility-button.black {
	border: 1px solid black;
	color: black;
}

.accessibility-button.out {
	transform: translate3d(100px,0,0);
	-webkit-transform: translate3d(100px,0,0);
}

.accessibility-button:hover {
	background: black;
	color: white;
}

.accessibility-button.active {
	background: black;
	color: white;
}

.accessibility-menu {
	position: fixed;
	width: 250px;
	height: 100%;
	top: 0;
	right: 0;
	color: white;
	background: rgba(0,0,0,0.75);
	z-index: 650000;
	transform: translate3d(250px,0,0);
	-webkit-transform: translate3d(250px,0,0);
	transition: all .4s ease-out;
	-webkit-transition: all .4s ease-out;
}

.accessibility-menu.dark {
	background: rgba(0,0,0,0.8);
}

.accessibility-menu.in {
	transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
}

.accessibility-menu .content {
	position: absolute;
	right: 35px;
	left: 35px;
	/* height: 370px;
	top: 50%;
	margin-top: -185px; */
	top: 50%;
	margin-top: -205px;
	width: auto;
	height: 410px;
}

.accessibility-menu .content .items {
	margin-top: 10px;
	border-top: 1px solid rgba(255,255,255,0.2);
}

.accessibility-menu .content .items li {
	line-height: 35px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	padding-right: 30px;
	position: relative;
	cursor: pointer;
}

.accessibility-menu .content .items li i {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 35px;
	vertical-align: middle;
}

.menu-button.always-white .line {
	background: white !important;
}

.menu-button.always-black .line {
	background: black !important;
}

/*****/

.center-wrapper {
	position: absolute;
	width: 400px;
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -200px;
	color: white;
	display: table;
	text-align: center;
}

.center-wrapper .center {
	display: table-cell;
	vertical-align: middle;
}

/*****/

html[dir=rtl] .gform_wrapper span.ginput_left, html[dir=rtl] .gform_wrapper ul.gform_fields li.gfield {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body .gform_wrapper ul li.gfield {
	margin-top: 0 !important;
}

/********************** media queries ********************/

@media screen and (min-width : 0px) and (max-width : 1024px) {
	
	p, p.big {
		font-size: 15px;
		line-height: 19px;
	}
	
	h2 {
		font-size: 42px;
	}
	
	h3 {
		font-size: 37px;
	}
	
	.m-t {
		margin-top: 15px;
	}
	
	.ccf-form-wrapper .field input[type=text], .ccf-form-wrapper .field textarea {
		font-size: 15px;
		height: 30px;
		min-height: 30px;
	}
	
	.selectric .label, .ccf-submit-button {
		height: 30px;
		line-height: 30px;
		font-size: 15px;
	}
	
	.container {
		
	}
	
	.content {
		width: 100%;
		margin: 40px auto 10px;
	}
	
	.arrow-up {
		display: none !important;
	}
	
	.footer-menu {
		right: 10px;
	}
	
	.footer-menu li {
		margin-left: 15px;
	}
	
	footer .rights {
		left: 10px;
	}
	
	footer .thetwo {
		left: 225px;
	}
	
	.container.wine {
		padding: 60px 10px;
	}
	
	.container.wine .bottle {
		position: relative;
		height: auto;
		width: 30%;
		top: auto;
		left: auto;
		display: block;
		margin: 30px auto 0;
	}
	
	.container.wine .inner {
		width: 100%;
	}
	
	.top-strip {
		height: 50px;
	}
	
	.container {
		padding-top: 50px;
	}
	
	.menu-button {
		top: 17px;
		right: 10px;
		margin-top: 0;
		margin-left: 0;
	}
	
	.lil-logo-wrapper {
		top: 7.5px;
		left: 10px;
		height: 35px;
	}
	
	.lil-logo.white {
		display: none;
	}
	
	.lil-logo.black {
		display: block;
	}
	
	.container.wine .inner .headline {
		font-size: 42px;
	}
	
	.container.wine .printer, .container.wine .inner .back-to {
		bottom: 20px;
	}
	
	.container.news {
		padding: 60px 5px;
	}
	
	.container.news h3 {
		margin-right: 5px;
	}
	
	.container.news .items .item {
		width: calc( ( 100% - 20px ) / 2 );
	}
	
	.container.news .items .item .overlay {
		background: rgba(0,0,0,0.5);
		opacity: 1;
	}
	
	::-webkit-input-placeholder {
		font-size: 15px;
	}
	
	:-moz-placeholder {
		font-size: 15px;
	}
	
	::-moz-placeholder {
		font-size: 15px;
	}
	
	:-ms-input-placeholder {
		font-size: 15px;
	}
	
	.menu-button-wrapper.x-wrapper {
		top: -10px;
		right: -10px;
	}
	
	#opening-video {
		display: none;
	}
	
	.container.opening .video-wrapper {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	
	.phone-icon {
		top: 10px;
		left: 10px;
	}
	
	.facebook-icon {
		top: 10px;
		left: 54px;
	}
	
	.container.opening .overlay .bottom-langs {
		bottom: 10px;
		right: 10px;
		left: auto;
	}
	
	.mobile-bg {
		display: block;
	}
	
	.overlay {
		background: rgba(0,0,0,0.5);
	}
	
	.phone-container .inner {
		width: 280px;
		margin-left: -140px;
		height: 340px;
		margin-top: -170px;
	}
	
	.phone-container .inner .wrapper .logo {
		width: 100px;
		height: auto;
		left: 50%;
		margin-left: -50px;
		top: 55px;
		right: auto;
	}
	
	.phone-container .inner .wrapper .text {
		bottom: 55px;
		top: auto;
		margin-top: 0;
		height: auto;
		width: 220px;
		margin-left: -110px;
		left: 50%;
		right: auto;
		text-align: center;
	}
	
	.alc-container .inner {
		width: 280px;
		margin-left: -140px;
		height: 340px;
		margin-top: -170px;
	}
	
	.alc-container .inner .wrapper .text {
		width: 200px;
		margin-left: -100px;
		height: 180px;
		margin-top: -90px;
	}
	
	.menu-button.grey .line {
		background: black;
	}
	
	input, textarea {
	    -webkit-appearance: none;
	    border-radius: 0;
	}
	
	.container.location .strips {
		top: 50px;
	}
	
	.m-h {
		display: none;
	}
	
	.m-s {
		display: block;
	}
	
	.m-b-t {
		padding-top: 8px;
		border-top: 1px solid rgba(0,0,0,0.2);
		margin-top: 8px;
		display: block;
	}
	
	.container.location .under .sub-location .images .back {
		top: 10px;
		left: 10px;
		right: auto;
		width: 30px;
		text-align: right;
		padding-right: 7px;
	}
	
	.container.location .under .sub-location .images .back span {
		display: none;
	}
	
	.container.location .under .sub-location .big-images-wrapper .big-images {
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
	}
	
	.container.location .under .location-arrow-right {
		right: 0;
		width: 30px;
		border: 1px solid white;
		border-right: 0;
		background: rgba(0,0,0,0.7);
		font-size: 15px;
		text-align: center;
		line-height: 28px;
		vertical-align: middle;
	}
	
	.container.location .under .location-arrow-left {
		left: 0;
		width: 30px;
		border: 1px solid white;
		border-left: 0;
		background: rgba(0,0,0,0.7);
		font-size: 15px;
		text-align: center;
		line-height: 28px;
		vertical-align: middle;
	}
	
	.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-desc {
		position: static;
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		color: white;
		padding: 0 10px;
		visibility: hidden;
		opacity: 0;
		transition: all .4s ease-out;
		-webkit-transition: all .4s ease-out;
	}
	
	.container.location .under {
		top: 50px;
	}
	
	.container.location .under .sub-location .images .loc-image .overlay .headline {
		font-size: 29px;
	}
	
	.container.location .under .sub-location .images .loc-image .overlay .headline.try {
		padding: 0 10px;
	}
	
	.container.location .under .location-arrow-left-try, .container.location .under .location-arrow-right-try {
		display: none !important;
	}
	
	.container.location .under .sub-location .big-images-wrapper .big-images .inner .big-image .big-image-headline {
		right: 10px;
		width: calc( 100% - 20px );
	}
	
	.location-mobile-bottom-strip {
		position: absolute;
		width: 100%;
		height: 80px;
		bottom: 0;
		left: 0;
		z-index: 1000;
	}
	
	.accessibility-button {
		right: auto;
		left: 10px;
		bottom: 10px;
	}
	
	.accessibility-button.up-up {
		transform: translate3d(0,-50px,0);
		-webkit-transform: translate3d(0,-50px,0);
	}
	
	.accessibility-button.black {
		background: white;
		color: black;
	}
	
	.accessibility-button.out {
		transform: translate3d(-100px,0,0);
		-webkit-transform: translate3d(-100px,0,0);
	}
	
	.accessibility-button.active {
		background: white;
		color: black;
	}
	
	.menu-button-wrapper.x-wrapper.reg .menu-button {
		top: 25px;
		right: 20px;
	}
	
}

@media screen and (min-width : 0px) and (max-width : 700px) { 
	
	.side-menu-container {
		width: 100%;
		transform: translate3d(100%,0,0);
		-webkit-transform: translate3d(100%,0,0);
	}
	
	.top-strip {
		height: 50px;
	}
	
	.container {
		padding-top: 50px;
	}
	
	.menu-button {
		top: 17px;
		right: 10px;
		margin-top: 0;
		margin-left: 0;
	}
	
	.lil-logo {
		top: 7.5px;
		left: 10px;
		height: 35px;
	}
	
	.lil-logo.white {
		display: none;
	}
	
	.lil-logo.black {
		display: block;
	}
	
	.cover {
		width: calc( 100% + 20px );
		margin: 0 -10px;
		height: 50vh;
	}
	
	.full {
		width: calc( 100% + 20px );
		margin-right: -10px;
		margin-left: -10px;
	}
	
	/* .half {
		width: calc( 100% + 20px );
		margin-right: -10px;
		margin-left: -10px;
		float: none;
	}
	
	.half.right {
		
		margin-bottom: 10px;
	} */
	
	.half, .half.right {
		width: 50%;
		margin: 0;
	}
	
	.container.about .content .third {
		float: none;
		width: 100%;
		padding: 0;
	}
	
	.container.about .content .third .profile {
		width: 50%;
		max-width: 160px;
		margin: 0;
	}
	
	.container.about .content .third .name {
		font-size: 29px;
		text-align: right;
	}
	
	.container.about .content .third .tagline {
		text-align: right;
	}
	
	.container.wines .wines-wrapper .wine-wrapper.try-2 {
		height: auto;
	}
	
	.container.wines .wines-wrapper .wine-wrapper .bottle.try-2 {
		position: relative;
		left: auto;
		top: auto;
		height: auto;
		width: 30%;
		margin: 20px auto;
		display: block;
	}
	
	.container.wines .wines-wrapper .wine-wrapper .desc, .container.wines .wines-wrapper .wine-wrapper .batsir-desc, .container.wines .wines-wrapper .wine-wrapper .batsirim {
		width: 100%;
	}
	
	footer {
		height: 90px;
	}
	
	.footer-menu {
		text-align: center;
		width: 100%;
		right: 0;
		top: 10px;
		margin-top: 0;
	}
	
	.footer-menu li {
		float: none;
		display: inline-block;
	}
	
	footer .rights {
		left: 0;
		text-align: center;
		width: 100%;
		bottom: 29px;
		top: auto;
		margin-top: 0;
	}
	
	footer .thetwo {
		left: 0;
		text-align: center;
		width: 100%;
		bottom: 10px;
		top: auto;
		margin-top: 0;
	}
	
	.container.news .items .item {
		width: calc( 100% - 10px );
		padding-bottom: 50%;
	} 
	
	.container.news .items .item.wide {
		padding-bottom: 50%;
	} 
	
	.container.contact .content {
		width: 280px;
		height: auto;
		margin: 40px auto 0;
		top: auto;
		right: auto;
		left: auto;
		bottom: auto;
		position: relative;
	}
	
	.m-t-s-2, .ccf-form-wrapper {
		margin-top: 10px;
	}
	
	.container.contact .content h2 {
		font-size: 37px;
	}
	
	.open-map {
		bottom: 15px;
		//left: 0;
	}

	.goto-facebook {
		bottom: 15px;
	}
	
	.container.opening .overlay .content {
		width: 200px;
		margin-left: -100px;
		height: 300px;
		margin-top: 0;
		top: 100px;
	}
	
	.container.opening .overlay .content .logo {
		width: 100%;
	}
	
	.container.opening .overlay .content .buttons .button {
		width: 100%;
		height: 40px;
		line-height: 38px;
		margin: 0;
		margin-bottom: 10px;
		font-size: 17px;
		background: rgba(0,0,0,0.3);
		border-color: white;
	}
	
	.container.location .strips .strip {
		width: 100%;
		height: 25%;
		border-left: 0;
		border-bottom: 1px solid white;
	}
	
	.location-x {
		top: 60px;
	}
	
	.container.location .under .image .text {
		width: 280px;
		margin-left: -140px;
		height: 150px;
		margin-top: -75px;
	}
	
	.container.location .under .arrow-right {
		right: 10px;
	}
	
	.container.location .under .arrow-left {
		left: 10px;
	}
	
	.preloader .preloader-logo {
		position: absolute;
		width: 80px;
		margin-left: -40px;
		margin-top: -29px;
	}

	.spinner {
		height: 160px;
		width: 160px;
		margin-left: -80px;
		margin-top: -80px;
	}
	
	.side-menu-container {
		background: rgba(0,0,0,0.6);
	}
	
	.side-menu-container .contact-details {
		display: none;
	}
	
	.container.about .video {
		width: calc( 100% + 20px );
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.side-menu-container .menu-logo {
		top: 30px;
	}
	
	#opening-content {
		transition: all .4s ease-out;
		-webkit-transition: all .4s ease-out;
	}
	
	#opening-content.m-h {
		opacity: 0;
	}
	
	.container.about .content .third.one, .container.about .content .third.two, .container.about .content .third.three {
		padding: 0;
	}
	
	.container.location .under .sub-location .images .loc-image .overlay .credix {
		left: 0;
		width: 100%;
		text-align: center;
		background: transparent;
		padding: 0;
		color: white;
	}
	
	.loc-numbers {
		bottom: 55px;
	}
	
	.center-wrapper {
		position: absolute;
		width: 240px;
		margin-left: -120px;
	}
	
}

@media print {
	
	body {
		margin: 0;
		padding: 0;
	}
	
	#single-bottle, #menu-button, .printer, .back-to, .footer-menu {
		display: none;
	}
	
	.container.wine {
		padding: 20px !important;
	}
	
	.container.wine .inner {
		width: 100% !important;
	}
	
	
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
	
	.container.opening .overlay .content {
		top: 50px;
	}
	
	.container.opening .overlay .content .buttons .button {
		height: 30px;
		line-height: 28px;
		margin-bottom: 6px;
	}
	
}

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
	
	.container.opening .overlay .content {
		top: 100px;
	}
	
	.container.opening .overlay .content .buttons .button {
		height: 40px;
		line-height: 38px;
		margin-bottom: 10px;
	}

}