@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
@import url(https://fonts.googleapis.com/css?family=Yellowtail);




@font-face {
    font-family: 'fbcackauregular';
    src: url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackauregular-webfont.eot');
    src: url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackauregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackauregular-webfont.woff2') format('woff2'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackauregular-webfont.woff') format('woff'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackauregular-webfont.ttf') format('truetype'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackauregular-webfont.svg#fbcackauregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fbcackaubold';
    src: url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaubold-webfont.eot');
    src: url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaubold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaubold-webfont.woff2') format('woff2'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaubold-webfont.woff') format('woff'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaubold-webfont.ttf') format('truetype'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaubold-webfont.svg#fbcackaubold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fbcackaulight';
    src: url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaulight-webfont.eot');
    src: url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaulight-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaulight-webfont.woff2') format('woff2'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaulight-webfont.woff') format('woff'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaulight-webfont.ttf') format('truetype'),
         url('http://shinover.com/latettikva/ashdod/home/masoret/fonts/fbcackaulight-webfont.svg#fbcackaulight') format('svg');
    font-weight: normal;
    font-style: normal;
}
body, input, textarea {
	font-family: 'fbcackauregular', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	direction: rtl;
}


.controls {
	position: absolute;
	bottom: 10px;
	/*left: 0;*/
	right: 0;
	z-index: 100;
}
.controls .play-pause-wrapper {
	width: 430px;
}
.controls .play-pause {
	display: block;
	width: 48px;
	height: 48px;
	margin: 20px auto 10px;
	background: url(../images/play-sprite.png) no-repeat 0 0;
}
.controls .play-pause.paused {
	background: url(../images/play-sprite.png) no-repeat -50px 0;
}

#header .form-wrapper form .error-response {
	display: none;
	height: 0;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.wrapper{ margin:0; padding:60px 0 30px 0;}
.main{ margin:0; padding:0 0 35px 0; background:#fff; border-radius:20px;}
.main-slider {
	min-height: 447px;
}
.main-slider .item {
	position: absolute;
	top: 0;
	right: 0;	
	display: none;
}
.main-slider .item.active {
	display: block;
}
.main-slider .item img.full-image{ width:100%; height:auto; border-radius:20px;}

.main-slider{ position:relative;}
.logo{ position:absolute; left:125px; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); z-index:99}

.quote-form{ margin:0; padding:90px 25px 25px; border-radius:0 0 20px 20px; position:absolute; width:410px; color:#fff; z-index:99; top:-14px; left:175px;
background: #2979be;
background: -moz-linear-gradient(top,  #2979be 0%, #21659e 43%, #2979be 100%);
background: -webkit-linear-gradient(top,  #2979be 0%,#21659e 43%,#2979be 100%);
background: linear-gradient(to bottom,  #2979be 0%,#21659e 43%,#2979be 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2979be', endColorstr='#2979be',GradientType=0 );
-webkit-box-shadow: 0 10px 0 0 rgba(0,0,0,0.1);
box-shadow: 0 10px 0 0 rgba(0,0,0,0.1);
}
.quote-form:before{ background:url(../images/left-span.png); height:14px; width:14px; content:''; position:absolute; top:0; left:-14px;}
.quote-form:after{ background:url(../images/right-span.png); height:14px; width:14px; content:''; position:absolute; top:0; right:-14px;}
.quote-form .icon{ height:95px; width:95px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:-22px; position:absolute}
.quote-form h1{ margin:0; padding:0; line-height:38px; font-size:38px; font-weight:700; text-align:center;}
.quote-form p{ margin:0; padding:10px 0; font-size:20px; text-align:center;line-height:22px;margin:0 0 15px 0;}
.quote-form .form-control{ height:48px; border-radius:6px; box-shadow:none; border:none; font-size:22px;}
.quote-form input[type=submit]{ 
	 -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
	margin:10px 0 0 0; font-size:26px; padding:0; line-height:58px; border-radius:70px; color:#fff; text-align:center; background:#e41718; font-weight:600; width:100%; border:none; cursor:pointer; -webkit-box-shadow: 0 7px 0 0 rgba(48,27,61,0.5); box-shadow: 0 7px 0 0 rgba(48,27,61,0.5);}
.quote-form input[type=submit]:hover{
	
	 -o-transition:color .2s ease-out, background 1s ease-in;
  -ms-transition:color .2s ease-out, background 1s ease-in;
  -moz-transition:color .2s ease-out, background 1s ease-in;
  -webkit-transition:color .2s ease-out, background 1s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background 1s ease-in;
	 background:#ff7c7d;}

.main-slider .carousel-caption{ margin:0; padding:0; top:50px; left:632px; bottom:auto; text-shadow:none; width:353px; right:auto;}
.main-slider .carousel-caption h2{ margin:0; padding:0; line-height:34px; font-size:50px; font-weight:700; text-align:center; color:#2979be;}
.main-slider .carousel-caption h3{ margin:0; padding:0; font-size:30px; font-family: 'Yellowtail', cursive; color:#000}
.main-slider .carousel-caption p{ margin:0; padding:0; font-size:16px; color:#2979be;}

.carousel-fade .carousel-inner {
	height: 100%;
}
/*.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}*/
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.content-wrap{ margin:-70px 0 0 0; padding:0 150px; position:relative;color:#000; z-index:99;}
.icon-list{ text-align:center;}
.icon-list p{ margin:5px 0 0 0; padding:0; font-weight:600; font-size:20px; line-height:22px;}
.icon-img{ position:relative}
.icon-img i{ height:54px; width:54px; position:absolute; top:50%; left:50%; margin:-26px 0 0 -26px; line-height:54px; font-size:54px; color:#e41718}

.footer{ margin:20px 0 0 ; padding-top:20px; padding-left:147px; position:relative; border-top:1px solid #d4e4f2; te}
.footer h4{ margin:0 0 10px 0; padding:0; font-size:36px; font-weight:700; color:#2979be;}
.footer p{ margin:0; padding:0; text-align:right;}
.footer p span{ display:inline-block; line-height:50px; color:#fff; border-radius:8px; background:#2979be; font-size:24px; padding:0 20px;}
.footer-logo{ position:absolute; top:20px; left:10px;}

.mid-content{ text-align:center; padding:45px 0 20px 0}
.mid-content h4{ margin:20px 0 0 0; padding:0; font-size:36px; font-weight:600; color:#2979be;}
.mid-content  p{ margin:0; padding:0;}
.mid-content  p span{ display:inline-block; line-height:50px; color:#fff; border-radius:8px; background:#2979be; font-size:24px; padding:0 20px;}

/* #Media Queries
================================================== */
@media (min-width: 1500px) {
 
  .controls .play-pause-wrapper {
	width: 600px;
}
}
@media (min-width: 1400px) and (max-width: 1499px) {
.controls .play-pause-wrapper {
	width: 530px;
}
.logo{ left:90px;}
.quote-form{ left:145px;}
.main-slider .carousel-caption{ left:580px;}
.icon-list p{ font-size:18px; line-height:18px;}
}
@media (min-width: 1300px) and (max-width: 1399px) {
.controls .play-pause-wrapper {
	width: 530px;
}
.logo{ left:70px;}
.quote-form{ left:120px; width:380px;}
.main-slider .carousel-caption{ left:540px; width:320px; top: 15px;}
.quote-form h1{ font-size:36px; line-height:36px;}
.quote-form p{ font-size:19px;}
.content-wrap{ padding:0 110px;}
.quote-form .form-control{ height:40px;}
.quote-form input[type=submit]{ line-height:48px; font-size:18px; margin-top:0}
.icon-list p{ font-size:17px; line-height:17px;}
.footer h4{ font-size:32px;}
}
@media (min-width: 1200px) and (max-width: 1299px) {
.logo{ left:40px;}
.quote-form{ left:90px; width:350px; padding-top:82px;}
.main-slider .carousel-caption{ left:480px; width:300px; top:30px;}
.quote-form h1{ font-size:30px; line-height:30px;}
.quote-form p{ font-size:17px;}
.content-wrap{ padding:0 90px; margin-top:-60px;}
.quote-form .form-control{ height:40px;}
.quote-form input[type=submit]{ line-height:48px; font-size:18px; margin-top:0}
.main-slider .carousel-caption h2{ font-size:40px; line-height:40px;}
.icon-list p{ font-size:16px; line-height:16px;}
.footer h4{ font-size:30px;}
.footer p span{ line-height:45px; font-size:22px;}
}
/* END__ */
@media (min-width: 992px) and (max-width: 1199px) {
.logo{ left:10px;}
.quote-form{ left:35px; width:300px; padding-top:62px;}
.main-slider .carousel-caption{ left:370px; width:270px; top:20px;}
.quote-form h1{ font-size:24px; line-height:24px;}
.quote-form p{ font-size:14px;}
.quote-form .icon{ width:75px; height:75px;}
.quote-form .form-control{ height:36px;}
.quote-form input[type=submit]{ line-height:40px; font-size:18px; margin-top:0}
.main-slider .carousel-caption h2{ font-size:34px; line-height:34px;}
.content-wrap{ padding:0 35px; margin-top:-40px;}
.tag img{ width:200px;}
.icon-list p{ font-size:14px; line-height:14px;}
.footer h4{ font-size:27px;}
.footer p span{ line-height:40px; font-size:22px;}
}
/* END__ */	
@media (min-width: 768px) and (max-width: 991px) {
.wrapper{ padding-top:0;}
.main-slider .item img.full-image{border-radius:0;}
.quote-form{ position:relative; top:auto; left:auto; width:auto; margin:-14px 30px 0 30px;}
.main-slider .carousel-caption{ left:auto; right:50px; top:30px; width:300px;}
.main-slider .carousel-caption h2{ font-size:45px; line-height:45px; margin-bottom:20px;}
.content-wrap{ padding:0 15px; margin-top:30px;}
.icon-list p{ font-size:13px; line-height:13px;}
.icon-img i{ height:30px; width:30px; margin:-17px 0 0 -15px; line-height:30px; font-size:30px;}
.footer h4{ font-size:27px;}
.footer p span{ line-height:40px; font-size:22px;}
.logo{ display:none;}
} 
/* END__ */
@media only screen and (max-width: 767px) {
body{ background:#fff}
.main-slider{ margin:0 -15px;}
.wrapper{ padding-top:0; padding-bottom:0}
.main{ padding-bottom:20px;}
.main-slider .item img.full-image{border-radius:0;}
.quote-form{ position:relative; top:auto; left:auto; width:auto; margin:-14px 30px 0 30px;}
.main-slider .carousel-caption{ left:auto; right:30px; top:30px; width:100%;}
.tag{ text-align: center; }	
.main-slider .carousel-caption h2{ padding-bottom: 0; }
.main-slider .carousel-caption h2 br{ display: none;}
.content-wrap{ padding:0 15px; margin-top:0;}
.icon-list .col-xs-6{ margin-top:0;}
.icon-list p{ font-size:16px; line-height:16px;}
.content-wrap{ margin:0 -15px;}
.footer h4 ,.footer p span{ display:none}
.footer{ padding-left:0; margin-top:50px;}
.footer-logo{ position:relative; left:auto; top:auto; width:100%; text-align:center;}
.logo{ display:none;}
#formeanand {display: block;font-size:18px;background:white;color:#2979be;margin-top:10px;text-align:center;}
} 
/* END__ */
/* Landscape phones and down */
@media (min-width: 600px) and (max-width: 640px)  {
.tag{ text-align: center; }	
.tag img{ max-width: 100%;}
}
@media (min-width: 479px) and (max-width: 600px)  {
.main-slider .carousel-caption{ left:15px; right:15px; top:30px; width:auto;}
.main-slider .carousel-caption h2 br{ display:none;}
.main-slider .carousel-caption h2{ font-size:30px; line-height:30px; margin-bottom:10px;}
.tag{ text-align: center; }	
.tag img{ max-width: 100%;}
.main-slider .carousel-caption h3 img{ width:200px;}
.quote-form h1{ font-size:36px; line-height:36px;}
.quote-form p{ font-size:16px;}
.mid-content h4{ font-size:30px;}
} 
/* END__ */
@media (min-width: 320px) and (max-width: 478px)  {
.main-slider .carousel-caption{ left:15px; right:15px; top:15px; width:auto;}
.main-slider .carousel-caption h2 br{ display:none;}
.main-slider .carousel-caption h2{ font-size:24px; line-height:24px; margin-bottom:0;}
.tag { text-align: center; }	
	.tag img{ max-width: 100%;}
.main-slider .carousel-caption h3 img{ width:227px;}
.quote-form h1{ font-size:29px; line-height:24px;}
.quote-form p{ font-size:18px;}
.main-slider .carousel-caption p{ font-size:14px;}
.quote-form{ margin-left:14px; margin-right:14px}
.icon-list p{ font-size:18px; line-height:14px;}
.mid-content h4{ font-size:24px;}
.mid-content p span{ line-height:40px; font-size:17px;}
.mid-content {padding-bottom:0;}
} 

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}