@import url(https://fonts.googleapis.com/css?family=Anton);

svg { display: block; }
img{max-width: 100%}
h3{
	text-transform: uppercase; 
	font-size: 40px;
	padding-bottom: 20px;
}
.inner{
	padding-top:50px;
	padding-bottom:50px;
	background-position: center;
	font-size: 20px;
	line-height: 30px;
}
.inner a, .inner a:hover{
	color:#fff;
}
.top-triangle{
	/*position:relative;*/
	margin-top: 0px;
	position: absolute;
}
.bottom-triangle{
	/*position:relative;*/
	margin-top:-49px;
}
iframe{max-width: 100%}
.embed-container{ 
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	top: 20px;
}
.embed-container iframe, .embed-container object, .embed-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


#nav{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    margin-bottom: 0; 
}
nav.navbar {
    background-color: #000;
    border-color: #000;
    margin-bottom: 0px;
    border-radius:0;
    padding-top:20px;
    padding-bottom:0px; 
    margin-bottom: 0;  
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 0px ;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.navbar-inverse .navbar-nav>li>a{
    color:#fff;
    text-align:center;
    text-transform: uppercase;
}
.navbar-inverse .navbar-nav>.active>a{
	background-color: #000;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #fff; 
	background-color: #000; 
	border-bottom: 3px solid;
}
.navbar-brand{
	background: url(img/LOGO.svg);
	width: 200px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 50px;
	margin-right: 0;
}

.navbar-toggle {
    border: 0px ;
    border-radius: 0;
    margin-top: 5px;
}


.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #000;
}

.navbar-inverse .navbar-toggle .icon-bar{
	transition:all .3s ease , opacity 0s ease;
	
	
}
.navbar-inverse .navbar-toggle .icon-bar:nth-child(3){
	opacity: 1;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle[aria-expanded="true"]  {
    height: 30px;
}
.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3){
	opacity: 0;
	position: relative;
    top: -3px;
}
.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar{
	width:24px;

}
.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2)  {
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

.navbar-inverse .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(4){
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
	transform: rotate(-45deg);
	margin-top: -8px;
}

#head-video{
	padding-top: 80px;
}



#about .inner{
	background-color:#434343;
	background:url(img/about-BG.jpg);
	color:#fff;
	padding-bottom: 100px;
	background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}

#reel img{
	/*padding-top: 15px;
	padding-bottom: 15px;*/
}
#reel figure h2 {
    word-spacing: 0;
}
.loadmore{
	min-height: 50px;
}
#reel #loadmore{
    width: 173px;
    height: 40px;
    border: 2px solid #434343;
    color: #434343;
    margin: 0 auto;
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 400;

    transition: background .5s ease, border .5s ease, color .5s ease;
}

#reel #loadmore:hover{
	background:#434343;
	color:#fff;
}

#reel #loadmore.loading{
	font-size:0;
}

#reel #loadmore.loading:before{
	content: "loading...";
	font-size:20px;
} 


a.playtext:before{
	content:'PLAY';
	font-weight:400;
}

.rtl .playtext:before{
	content:'הפעל';
	font-weight:400;
}

#contact .inner{
	background-color: #434343;
	background: url(img/contact-BG-LTR.jpg);
	background-attachment: fixed;
	background-position: center 0px;
	background-size: cover;
	background-repeat: no-repeat;
}

#contact{
	color:#fff;
}


.form-control {
    color: #FFF;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #FFF;
    border-radius: 0;
}

.form-control:focus {
    border-color: #FFFB52;
}
.form-control::-webkit-input-placeholder {
   color: #fff;
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
.form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
.form-control:-ms-input-placeholder {  
   color: #fff;  
}
.btn-primary.btn-lg {
    background-color: rgba(255, 255, 255, 0.2);
    width: 100px;
    height: 40px;
    border: 0px solid rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
    font-size: 20px;
    line-height: 18px;
    border-radius: 0;
    margin: 0 auto;
    transition: all .5s ease;
}
.btn-primary.btn-lg:hover {
    background: white;
    color: #000;
}
.btn-primary:active, .btn-primary:focus{
    border: none;
    outline: 0;
}
span.wpcf7-not-valid-tip {
    color: #FFFB52;
}
#copyright{
	color:gray;
}



#overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 
    display:none;
    z-index: 999;

}

#overlay .close{
	position: fixed;
	color: #fff;
	font-size: 72px;
	top: 15px;
	z-index: 9999;
	right: 15px;
	opacity: 1;
    width: 35px;
    height: 35px;
	background: url(img/X.png);
	background-size: 100%;
}

#overlay .inner{
	position:relative;
	top:100px;
	width:1170px;
	max-width:100%;
	max-height:900px;	
	margin: 0 auto;
	padding:0;
	/*align-self:center;*/
}

#overlay .inner .text-center{
	max-width: 1170px;
	margin: auto;
}

#copyright a {
    font-size: 14px;
    padding-bottom: 30px;
}
#copyright a:hover {
	text-decoration: none;
}
#social{
	position:fixed;
	top:calc( 50% - 75px );
	left:0;
	width:70px;
	height:180px;
	
}

#social .social-icon{
	float:left;
	width:100%;
	position:relative;
	left:-20px;
	height:50px;
	margin: 0;
	
	cursor: pointer;
	transition:left .3s ease;

}
#social .social-icon:hover{
	left:0px;
}


#social .social-icon.facebook-icon{
	background:url(img/facebook.jpg);
	background-size:100% 100%;
	    background-position-x: 2px;
}
#social .social-icon.vimeo-icon{
	background:url(img/vimeo.jpg);
	background-size:100% 100%;
	    background-position-x: 2px;
}
#social .social-icon.you-tube-icon{
	background:url(img/youtube.jpg);
	background-size:100% 100%;	
	background-position-x: 2px;
}



#lang_sel_click{
	width:60px;
	margin:0 auto;
	padding-top:9px;
}


#lang_sel_click ul {
	text-decoration:none;
	list-style-type:none;
	margin:0;
	padding:0;
}
#lang_sel_click ul li a{
    float: left;
    width: 30px;
    margin: 0;
    height: 30px;
    padding: 0;
}




#lang_sel_click ul li a{
	transition:all .5s ease;
	text-decoration: none;
}




 #lang_sel_click ul li.icl-en a, #lang_sel_click ul li:hover a.icl-en ,#lang_sel_click ul li.icl-en a{
    background: url(img/e1.png) 100% 100%;
    background-size: 100% 100%;
}
 #lang_sel_click ul li a.icl-en,  #lang_sel_click ul li.icl-en:hover a ,#lang_sel_click ul li a.icl-en:hover {
    background: url(img/e2.png) 100% 100%;
    background-size: 100% 100%;
}



.rtl #lang_sel_click ul li.icl-he a,.rtl #lang_sel_click ul li:hover a.icl-he ,#lang_sel_click ul li.icl-he a{
    background: url(img/h1.png) 100% 100%;
    background-size: 100% 100%;
}
#lang_sel_click ul li a.icl-he, #lang_sel_click ul li.icl-he:hover a ,.rtl #lang_sel_click ul li a.icl-he:hover {
    background: url(img/h2.png) 100% 100%;
    background-size: 100% 100%;
}




#lang_sel_click ul li a img{
	float:left;
	display:none;
}

#lang_sel_click ul li a img.iclflag[alt='he']{float:right;}


@media screen and (max-width: 767px) {
	.navbar {
	padding-top: 0px;  
	}

	#head-video{
	padding-top: 50px;
	}

	nav ul.nav.navbar-nav.navbar-right:before{
		content: " ";
		width: 70%;
		height: 1px;
		overflow: hidden;
		background: #434343;
		margin: 0 auto;
	}
	#lang_sel_click ul li a {
	    width: 20px;
	    height: 20px;
	}		
	#lang_sel_click {
	    width: 40px;
	}
	#social {
    position: fixed;
    top: auto;
    bottom:50px;
	}
	body #about .inner {
	background:
		linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.75) ),
		url(img/about-mobile.jpg);	
		background-position: center;
		background-size: auto 100%;
	}
	
	body #contact .inner {
	
		
		background:url(img/contact-mobile.jpg);	
		background-position: center;
		background-size: auto 100%;
	}
	
}


.navbar>.container .navbar-brand{
		margin-left:15px;
		width:150px
}

@media screen and (min-width: 992px){	
	.navbar-nav {
    	padding-left: 145px;
	}
}


@media screen and (min-width: 767px){
	nav.navbar {
		padding-top:20px;
	}
	.navbar>.container .navbar-brand{
		margin-left:0;
		width:200px
	}	

	.navbar-inverse .navbar-nav>li>a{
    text-align:left;
    font-size: 17px;
    font-weight: 200;
	}	
	.navbar-nav>li>a {
	    padding-bottom: 6px;
	}
	#head-video .inner {
    padding: 50px;
	}
	#reel #loadmore{
		margin-bottom: 15px;
	}

	.navbar-inverse .navbar-nav>li > a {
	  position: relative;
	  color: #fff;
	  text-decoration: none;
	}

	.navbar-inverse .navbar-nav>li > a:hover {
	  color: #fff;
	}

	.navbar-inverse .navbar-nav>li > a:before {
	  content: "";
	  position: absolute;
	  width: 76%;
	  height: 2px;
	  bottom: -3px;
	  left: 13%;
	  background-color: #fff;
	  visibility: hidden;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transition: all 0.3s ease-in-out 0s;
	  transition: all 0.3s ease-in-out 0s;	
	}

	.navbar-inverse .navbar-nav>li > a:hover:before,
	.navbar-inverse .navbar-nav>li.active > a:before {
	  visibility: visible;
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
	#lang_sel_click{
		float: right;
	}

	
}