/*
Theme Name: metaylim
Description: Child theme for twentyseventeen.
Author: Web3d
Author URI: http://www.web3d.co.il
Template: twentyseventeen
*/

*{
	margin:0;
	padding:0;
}

/*@import url(http://fonts.googleapis.com/earlyaccess/opensanshebrew.css);*/

@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('open_sans_hebrew/opensanshebrew-bold-webfont.eot'); /* IE9 Compat Modes */
  src: url('open_sans_hebrew/opensanshebrew-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open_sans_hebrew/opensanshebrew-bold-webfont.woff') format('woff'), /* Modern Browsers */
       url('open_sans_hebrew/opensanshebrew-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('open_sans_hebrew/opensanshebrew-bold-webfont.svg#8b4b25a9e6dee2304c08fefb363a9190') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('open_sans_hebrew/opensanshebrew-extrabold-webfont.eot'); /* IE9 Compat Modes */
  src: url('open_sans_hebrew/opensanshebrew-extrabold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open_sans_hebrew/opensanshebrew-extrabold-webfont.woff') format('woff'), /* Modern Browsers */
       url('open_sans_hebrew/opensanshebrew-extrabold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('open_sans_hebrew/opensanshebrew-extrabold-webfont.svg#f7e80113069d64680d94be62885b159d') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  900;
}

@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('open_sans_hebrew/opensanshebrew-light-webfont.eot'); /* IE9 Compat Modes */
  src: url('open_sans_hebrew/opensanshebrew-light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open_sans_hebrew/opensanshebrew-light-webfont.woff') format('woff'), /* Modern Browsers */
       url('open_sans_hebrew/opensanshebrew-light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('open_sans_hebrew/opensanshebrew-light-webfont.svg#1e3cbe1d61c0f2b766b8aff35f09f556') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  200;
}

@font-face {
  font-family: 'Open Sans Hebrew';
  src: url('open_sans_hebrew/opensanshebrew-regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('open_sans_hebrew/opensanshebrew-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('open_sans_hebrew/opensanshebrew-regular-webfont.woff') format('woff'), /* Modern Browsers */
       url('open_sans_hebrew/opensanshebrew-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('open_sans_hebrew/opensanshebrew-regular-webfont.svg#265e1bf8eadfa92b8d955acd546bd2c3') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

body{
	font-family: Open Sans Hebrew;
	color: #002661;
}

.container {
	background: url(/wp-content/uploads/2017/12/bg.jpg);
    background-size:  cover;
    background-position:  top;
}

.r1 .logos {
    padding:  0 16.66vw;
}

.r1 .logos .logo_right img {
    width:  4.58vw;
}

.r1 .logos .logo_left img {
    width:  8.43vw;
}

.r1 .logos {
    display: flex;
    padding: 0 2.65vw 0 0;
}

.r1 {
    display:  flex;
    padding: 0.57vw 16.66vw 0 16.66vw;
}

.r1 .logos .logo_right {
    margin-left:  1.77vw;
}

.r1 .top_title {
    font-size: 1.85vw;
    padding: 2.17vw 0.83vw 0 0;
}

.r2 {
    background: url('/wp-content/uploads/2017/12/couple_bg.jpg') no-repeat;
    background-position:  top;
    background-size:  cover;
    margin: 1vw 16.66vw 0 16.66vw;
    border-bottom: 0.2vw solid #367cda;
	height: 33vw;
	display: flex;
	align-items: center;
}
/*
.r2 .head .head_form {
    margin-top: 1vw;
}
*/
.wpcf7-spinner{
  position: absolute;
}
.head_btn{
	background: #0166b1;
	display: block;
	border-radius: 1.5vw;
	font-size: 2.08vw;
	color: #fff;
	padding: 0.2vw 0 1vw;
	text-decoration: none;
}
.head_btn span{
	font-size: 1.5625vw;
}
.r2 .head_right {
    text-shadow: 0.1vw 0.1vw 0.5vw #000000;
}

.r2 .head .head_right .head_title {
    font-size:  3.12vw;
    width: 20vw;
    line-height:  3.75vw;
    color:  #fff;
    padding: 0 2.55vw 0 0;
    font-weight: bold;
}

.r2 .head .head_right .head_txt {
    color: #fff;
    font-size:  2.08vw;
    padding: 1.3vw 2.55vw 0 0;
    font-weight: bold;
}

.head {
    display: flex;
    padding: 1.97vw 0;
	align-items: center;
}

.r2 .head .head_left {
    background: rgba(157,193,61,0.78);
    border:  0.26vw solid rgba(255,255,255,0.78);
    margin: 0 8.58vw 0 1.8vw;
    text-align:  center;
    color:  #fff;
    font-weight:  bold;
    text-shadow: 0.1vw 0.1vw 0.5vw #000;
    padding:  0 2.18vw 2vw;
}

.r2 .head .head_left .head_title {
    font-size:  2.86vw;
	line-height: 1;
	margin: 1.5vw 0;
}

.r2 .head .head_left .head_txt {
    font-size:  2.08vw;
}

.r2 .head .head_left .head_form div form span input {
  width: 100%;
  border: 1px solid #6c97ce;
  font-size: 1.1vw;
  margin-bottom: 3px;
  padding: 6px 10px;
  color: #565656;
  font-family: Open Sans Hebrew;
}
.r2 .wpcf7 input[type="url"], .r2 .wpcf7 input[type="email"], .r2 .wpcf7 input[type="tel"] {
  direction: rtl;
}

.r2 .head .head_left .head_form div form input[type="submit"] {
  background: #0166b1;
  border: none;
  color: #fff;
  font-size: 1.6vw;
  width: 98%;
  font-weight: bold;
  text-shadow: 0.1vw 0.1vw 0.5vw #000000;
  font-family: Open Sans Hebrew;
  padding: 10px 0;
  margin: 1% 1% 0;
}
.r2 .head .head_left .head_form form > div {
  width: 48%;
  float: right;
  margin: 0 1%;
}
.r2 .head .head_left .head_form div br{
  display:none;
}
.r2 .head .head_left .head_form div form label{
  text-align: right;
  display: block;
  font-weight: 400;
}

.r2 .head .head_left .head_form div form span.wpcf7-form-control-wrap{
	display:flex;
}

.r2 .head .head_phone a {
    color:  #fff;
    text-decoration:  none;
    font-size: 3.64vw;
	line-height: 1;
}

.r2 .head .head_phone {
    font-size:  1.87vw;
	margin-top: 0.56vw;
}

.r2 .head .head_hours {
    font-size:  1.4vw;
    padding: 0.3vw 0 1vw 0;
}

div.wpcf7 .ajax-loader {
    display: block;
}
.wpcf7-not-valid-tip{
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: -25px;
	text-shadow: none;
}

.r3 {
    margin: 3.85vw 16.66vw 0 16.66vw;
    display: flex;
    font-weight: bold;
}

.r3 .right .txt img {
    width: 2.75vw;
    height: 2.7vw;
    margin: 0.6vw 0 0 0.78vw;
}

.r3 .right .txt {
    display: flex;
    margin-bottom: 0.8vw;
}

.r3 .right .txt .content .title {
    font-size: 1.87vw;
    color: #1a4a8b;
    margin-bottom: 0.38vw;
}

.r3 .right .txt .content .txt {
    font-size:  1.56vw;
    color:  #367cda;
}

.r3 .right {
    width: 33.33vw;
    border-left: 0.2vw solid #367cda;
}

.r3 .right .txt_2 {
    width: 30vw;
}

.r3 .left .txt .title {
    font-size:  1.87vw;
    color:  #1a4a8b;
}

.r3 .left .txt .title span {
    color:  #367cda;
}

.r3 .left .txt .txt {
    color: #1a4a8b;
    font-size:  1.56vw;
    /*width: 29vw;*/
	width: 100%;
}

.r3 .left {
    margin-right:  1.87vw;
    line-height:  2.5vw;
	width: 100%;
}
.r3 .left .txt .txt p {
    margin-bottom: 0.46vw;
}

.r4 {
    margin: 1.14vw 16.66vw 0;
    background:  #98bf0e;
    border-top: 0.2vw solid #367cda;
    text-align:  center;
    font-weight:  bold;
}

.r4 .wrap .footer_phone .txt {
    color:  #1a4a8b;
    font-size:  2.25vw;
}

.r4 .wrap .footer_phone .phone a {
    text-decoration:  none;
    color:  #3081ee;
    font-size:  2.25vw;
    background:  #fff;
    padding: 0 0.8vw;
    border-radius: 0.5vw;
    margin-right:  1.82vw;
}

.r4 .wrap .footer_phone {
    margin-top:  1.09vw;
    margin-bottom: 0.6vw;
    display: flex;
    padding-right: 12.76vw;
}

.r4 .wrap .footer_hours {
    color:  #fff;
    font-size:  1.5vw;
    padding-bottom: 1.3vw;
}
.r5 {
    padding-top: 2vw;
    margin:  0 16.66vw;
    padding-bottom: 2vw;
}

.r5 .wrap {
    text-align:  center;
    font-weight:  bold;
}

.r5 .wrap .middle {
    font-size:  0.83vw;
    color:  #1a4a8b;
    border-top: 2px solid;
    padding: 0.67vw 3.28vw;
}

.r5 .wrap .middle a {
    text-decoration:  none;
    color:  #367cda;
}

.r5 .wrap .right {
    color:  #1a4a8b;
    float:  right;
    margin-top: 0.8vw;
    font-size: 0.72vw;
}

.r5 .wrap .left {
    float:  left;
    margin-left:  0.62vw;
    margin-top:  0.8vw;
}

.r5 .wrap .left img {
    width:  7.55vw;
}

.page-id-67 #content{
    height:95vh;
}
.logo-box {
    margin: auto;
    display: flex;
    width: 45vw;
    height: 7.791vw;
    padding-top: 1.5625vw;
    margin-right: 30vw;
}
.vertical-hr{
    background:#1a4a8b;
    width:0.052vw;
    height:100%;
    margin:0 1.30208333vw;
}
.logo-box img{
    width: 8.416vw;
}
.logo-box .phone{
    
}
.logo-box a{
    color:#1a4a8b;
    font-size:2.5vw;
    text-decoration: none;
    line-height: 7.791vw;
}
.toda-btn{
    font-size: 2vw;
    background: #1a4a8b;
    color: #fff;
    width: 13.333vw;
    line-height: 4vw;
    margin: 2vw auto 0;
    display: block;
    height: 4vw;
    border-radius: 15vw;
    text-decoration: none;
    text-align: center;
}
.page-id-67 .logo-box{
    padding-bottom:3vw;
}
.page-id-67 h2 {
    font-size: 3.125vw;
    color: #000;
    font-weight: 400;
}
.page-id-67 h1 {
    font-size: 4.6875vw;
    color: #1a4a8b;
    font-weight: 400;
}

.logo-box .phone {
    margin-right: 6vw;
}

@media only screen and (max-width: 768px) {

.r1 {display: block;padding:  0;background: #fff;}
.r1 .logos {display: flex;padding: 0;justify-content: center;}
.r1 .logos .logo_right {margin: 15px auto 0;}
.r1 .logos .logo_right img {width: 20vw;}
.r1 .top_title {padding: 3vw;font-size:  8vw;text-align:  center;}
.r1 .top_title h1{font-size:  8vw !important;margin-bottom: 5vw;}
.head {display: block;text-align:  center;}
.r2 .head .head_right .head_title {padding: 2vw 0;width:  100%;font-size:  9vw;line-height: 8vw;}
.r2 .head .head_right .head_txt {font-size: 5vw;}
.r2 {margin: 0;padding-bottom:  10vw;height: auto;}
.r2 .head .head_left {padding:  0;margin:0 10px;}
.r2 .head .head_left .head_title {font-size: 10vw;margin: 10vw 5vw 8vw;}
.r2 .head_right {margin-bottom: 2vw;}
.r2 .head .head_left .head_txt {font-size: 8.2vw;}
.r2 .head .head_left .head_form div form span {margin:  0;}
.r2 .head .head_left .head_form form > div {float: none;margin: auto;width: 85.80vw;}
.r2 .head .head_left .head_form div form span input {font-size:  6vw;}
.r2 .head .head_left .head_form div form input[type="submit"] {width: 85.80vw;font-size:  7vw;margin: 15px 0;}
.r2 .head .head_phone {font-size: 8vw;}
.r2 .head .head_phone a {font-size: 10vw;}
.r2 .head .head_hours {font-size: 5.6vw;}
.r3 .right .txt img {width: 11vw;height: 11vw;}
.r3 {margin-left: 6vw;margin-right: 6vw;display:  block;}
.r3 .right .txt .content .title {font-size: 6vw;}
.r3 .right .txt {margin-bottom: 3vw;}
.r3 .right {width: 100%;border:  none;border-bottom: 1vw solid #367cda;margin-bottom:  3vw;}
.r3 .right .txt .content .txt {font-size: 4vw;}
.r3 .right .txt_2 {width:  100%;}
.r3 .left {margin: 0;}
.r3 .left .txt .title {padding-top: 2vw;font-size: 6vw;line-height: 1;}
.r3 .left .txt .txt {width:  100%;font-size: 6vw;line-height: 1.4;padding: 4vw 0;;}
.r4 {margin: 0;}
.r4 .wrap .footer_phone {display:  block;text-align:  center;margin: 2vw 0 0 0;padding:  0;}
.r4 .wrap .footer_phone .txt {font-size: 8vw;display:  block;}
span.phone {display:  block;}
.r4 .wrap .footer_phone .phone a {font-size: 10vw;border-radius: 2vw;margin: 15px 0;display: inline-block;}
.r4 .wrap .footer_hours {font-size: 5vw;}
.r5 {margin-left:  2vw;margin-right:  2vw;}
.r5 .wrap .right {font-size: 14px;margin-top: 3.5vw;width: 100%;float: none;}
.r5 .wrap .middle {padding: 10px 0;font-size: 18px;margin-top: 3.5vw;width: 100%;display: block;float: none;}
.r5 .wrap .middle a{display: block;}
.r5 .wrap .left {float: none;margin: auto;}
.r5 .wrap .left img {width: auto;}
.head_btn span{font-size: 6vw;}
.head_btn{font-size: 7vw;margin: 0 5% 10vw;width: 90%;}

}