/*Remove button padding in FF*/
input::-moz-focus-inner {border: 0; padding: 0;}

/*********************************************
	GLOBAL
*********************************************/
* {margin:0px;padding:0px;}

body {
	font-size: 17px;
  font-family:'Open Sans Hebrew', Helvetica, sans-serif;
  background:#ffffff;
  color:#262626;
  line-height: normal;
}
ul{list-style: none;}
a{color: #cecece;display: block;}
.en{font-family: 'Open Sans', sans-serif;}
/*********************************************
font
**********************************************/
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 300;
    src: url(opensanshebrew-light-webfont.eot);
    src: url(opensanshebrew-light-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-light-webfont.woff) format('woff'),
    url(opensanshebrew-light-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 400;
    src: url(opensanshebrew-regular-webfont.eot);
    src: url(opensanshebrew-regular-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-regular-webfont.woff) format('woff'),
    url(opensanshebrew-regular-webfont.ttf) format('truetype');
}
@font-face {
    font-family: 'Open Sans Hebrew';
    font-style: normal;
    font-weight: 700;
    src: url(opensanshebrew-bold-webfont.eot);
    src: url(opensanshebrew-bold-webfont.eot?#iefix) format('embedded-opentype'),
    url(opensanshebrew-bold-webfont.woff) format('woff'),
    url(opensanshebrew-bold-webfont.ttf) format('truetype');
}
.header{background: url(../images/header-bg.jpg) center top no-repeat;padding: 20px 0px;height: 196px;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;}
.jumbotron{background: url(../images/bg.jpg) center top no-repeat;height: 450px;margin-bottom: 0px;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;padding: 20px 0px;}
.jumbotron h1{font-weight: 700;color:#3e3e3e;margin-bottom: 20px;margin-top: 20px;line-height: 1;font-size: 20px;background-color: rgba(255,255,255,0.5);padding: 10px;text-align: center;}
.header h1{font-weight: 700;color:#3e3e3e;font-size: 36px;line-height: 1;margin-top: 0px;}
.jumbotron h1 span{display: block;font-weight: 700;font-size: 30px;}
h2{color:#ffffff;font-weight: 400;margin-top: 0px;margin-bottom: 20px;line-height: 1.2;font-size: 20px;}
h2.yellow{color:#dbba22;font-size: 36px;}
h2.yellow span{font-weight: 700;color:#ffffff;}
.video-title h2{color:#3e3e3e;font-weight: 700;margin-top: 40px;margin-bottom: 0px;font-size: 30px;}
h2 span{font-size: 75%;display: block;font-weight: 700;}
h2 .big{font-size: 40px;display: inline-block;}
h3{color:#cecece;font-weight: 400;}
h3 span{font-size: 70%;}
.title2{font-weight: 700;font-size: 50px;color:#fff;line-height: 1;}
.content{margin-top:20px;margin-bottom: 30px;}
img{max-width: 100%;}
.logo{margin-top: 10px;margin-bottom: 10px;}
.grey-wrap{background-color: #3e3e3e;}
.inner .grey-wrap{position: relative;margin-top: 50px;}
.inner .grey-wrap:before{content: url(../images/present.png);position: absolute;top:0;left:50%;margin-top: -50px;margin-left: -50px;}
.inner .grey-wrap .content{margin-top: 50px;}
.video-wrap{background: url(../images/video-bg.jpg) center top no-repeat;height: 450px;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;}
.inner .video-wrap{margin-bottom: 30px;}
.video-wrap .embed-responsive{top:50px;}
.screen{background: url(../images/screen.png) center top no-repeat;position: relative;height: 400px;padding: 0px 20px;margin-top: 30px;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;}
.small-screen{position: relative;margin: 30px auto;}
.video-text{position: absolute;top:-30px;right:0;background-color: #3e3e3e;color:#ffffff;padding: 5px 15px 5px 25px;font-size: 16px;font-weight: 700;}
.video-text:after{content: '';display: block;position: absolute;left: -15px;bottom: 0;width: 0; height: 0;border-bottom: 32px solid #3e3e3e;border-top: 0;border-left: 15px solid transparent;border-right: 0;}
.icon{display: block;width:60px;margin: 10px auto 0px;}
.grey{color:#ffffff;border:1px solid #ffffff;border-radius: 50%;display: block;margin:10px auto;padding: 10px;background-color: #5bc0ac;height: 200px;width: 200px;}
.download{margin-bottom: 30px;color:#ffffff;font-size: 18px;text-decoration: none;}
.download span{padding: 0px 10px;}
.download:hover,.download:active,.download:focus{color:#dbba22;text-decoration: underline;}
#contact{background-color: #dbba22;color:#262626;padding-top: 20px;padding-bottom: 30px;padding-left: 15px;padding-right: 15px;border: 4px solid #ffffff;}
.title-contact{display: inline-block;font-size: 64px;font-weight: 300;line-height: 1;border-bottom: 1px solid #262626;margin-bottom: 15px;padding-bottom: 15px;}
.title-contact span{display: inline-block;font-size: 24px;text-align: right;line-height: 1;font-weight: 700;}
.phone,.jumbotron .phone{font-weight: 700;
  background: url(../images/phone-icon.png) right center no-repeat;
  line-height: 30px;
  background-size: 30px;
  padding-right: 40px;
  width: auto;
  display: inline-block;
  font-size: 26px;
  margin-bottom: 0;
  color:#262626;
}
.phone:hover,.phone:focus{color:#262626;}
.input{margin-top: 15px;}
input{
  background-color: rgba(255,255,255,1);
  border:0;
  width: 100%;
  height:44px;
  line-height:42px;
  padding:1px 10px;
  outline:none;
  border-radius: 25px;
  color:#3e3e3e;
  font-family:'Open Sans Hebrew', Helvetica, sans-serif;
  font-size: 24px;
  font-weight: 300;
}
button[type="submit"]{
  background-color: #3e3e3e;
  border-radius: 25px;
  border:0;
  color:#ffffff;
  font-family:'Open Sans Hebrew', Helvetica, sans-serif;
  font-size: 36px;
  font-weight: 400;
  width: 100%;
  height:44px;
  line-height:42px;
  padding:1px 10px;
  outline:none;
}
.submit{margin-top: 20px;}
label{font-size: 14px;font-family:'Open Sans Hebrew', Helvetica, sans-serif;color:#ffffff;margin-right: 5px;font-weight: normal;vertical-align: middle;}
input[type=checkbox]{width: auto;display: inline-block;height: auto;}
#footer{background: #dbba22;padding: 15px 0px;}
#footer a{color:#ffffff;text-decoration: underline;}
#footer a.bottom{color:#000;margin-top: 20px;}
.copyright{text-align: center;}
.badge-pic{float: left;margin-top: 150px;}
.badge-tel{position:absolute;margin-top: 40px;}
.title{font-size: 17px;}
.title strong{display: block;font-size: 21px;color:#262626;font-weight: 700;}
ul.social{list-style: none;direction: ltr;margin: 0;padding: 0;display: block;line-height: 1;}
ul.social li{display: inline-block;margin: 0px 3px;}
ul.social li a{width: 57px;height: 57px;display: block;background-size: cover;-moz-background-size:cover;-webkit-background-size:cover;background-repeat: no-repeat;}
ul.social li a.fb{background-image: url(../images/footer-icons1.png);}
ul.social li a.yt{background-image: url(../images/footer-icons2.png);}
ul.social li a.pin{background-image: url(../images/footer-icons3.png);}
ul.social li a.gp{background-image: url(../images/footer-icons4.png);}
ul.social li a.inst{background-image: url(../images/footer-icons5.png);}

/*********************************************
responsive
**********************************************/
@media screen and (min-width: 768px) {

  #contact{position: fixed;top:80px;width: 254px;}
  .jumbotron{padding: 20px 0px;}
  .jumbotron h1{font-size: 16px;}
  .jumbotron h1 span{font-size: 34px;}
  h2{font-size: 29px;}
  .inner .video-wrap .embed-responsive{top:20px;}
}
@media(min-width: 1200px){
  .badge-pic{margin-top: 200px;}
  .icon{width: 90px;}
  .grey{width: 250px;height: 250px;}
  .title strong{font-size: 31px;}
  .title{font-size: 23px;}
  .video-wrap{height: 550px;}
  .video-wrap .embed-responsive{top:100px;}
  .inner .video-wrap .embed-responsive{top:20px;}
  .header h1{font-size: 54px;}
  .screen{height: 524px;}
  .copyright{text-align: left;}
}
@media (min-width: 992px) {
  .jumbotron h1{font-size: 27px;}
  .jumbotron h1 span{font-size: 54px;}
  .jumbotron{height: 630px;}
} 

@media (max-width: 767px) {
  body{font-size: 16px;}
  .jumbotron{height: 340px;padding: 10px 0px;}
  .video-wrap .embed-responsive{top:40px;}
  .inner .video-wrap .embed-responsive{top:20px;}
  .badge-pic{float: none;}
  .badge-pic,.badge-contact{margin-top: 10px;display: block;text-align: left;}
  .badge-pic img,.badge-contact img{max-width: 150px;}
  .jumbotron h1{margin-top: 0px;}
  .header{height: auto;}
    .header h1{font-size: 22px;}
    .header p{line-height: 1;}
    .title2 {margin-top: 20px;}
  .mobile-phone{position: fixed;left:0px;bottom:10%;z-index: 99;background-color: #dbba22;padding: 10px;border-radius: 10px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .video-wrap{height: 350px;}
  .inner .video-wrap{height: 400px;}
  .video-wrap .embed-responsive{top:70px;}
  .badge-pic img,.badge-contact img{max-width: 140px;}
  .header p br{display: none;}
  .screen{height: 350px;}
  .jumbotron h1{margin-top: 10px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
  .jumbotron h1{font-size: 24px;}
  .jumbotron h1 span{font-size: 50px;}
  h2{font-size: 24px;}
  .badge-pic img,.badge-contact img{max-width: 200px;}
  .header p br{display: none;}
  .screen{height: 440px;}
}
@media (max-width: 640px) {
  .video-wrap{height: 350px;}
  h2.yellow{font-size: 28px;}
  .mobile-xs{float: none;width: 100%;}
  .video-title h2{margin-top: 0px;}
  .screen{height: 300px;}
}
@media (max-width: 480px) {
  .video-wrap{height: 250px;}
  .inner .video-wrap{background: none;height: auto;}
  .inner .video-wrap .embed-responsive{top:auto;}
  .grey{width: 150px;height: 150px;}
  .icon{width: 40px;}
  .title{font-size: 14px;}
  .title strong{font-size: 17px;}
  .contact-wrap.col-xs-6{float: none;width: 100%;}
  .contact-wrap.col-xs-offset-3{margin: 0;}
  .jumbotron h1{padding: 5px;}
  .jumbotron h1 span{font-size: 24px;}
  .badge-pic img,.badge-contact img{max-width: 100px;}
  ul.social li a{width: 40px;height: 40px;}
  .screen{width: 100%;float: none;margin: 0;background: none;height: auto;}
}
@media (max-width: 320px) {
  h2{font-size: 18px;}
  .grey-wrap .col-xs-6{padding: 0px;}
  .grey-wrap .col-xs-6.contact-wrap{padding-left: 15px;padding-right: 15px;}
  .video-wrap .col-xs-10{float: none;width: 100%;}
  .video-wrap .col-xs-offset-1{margin: 0;}
  .download{font-size: 15px;}
  .header h1{font-size: 20px;}

}
/*********************************************

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