/*

Theme Name: Olin Custom made theme

Theme URI: http://olin.co.il 

Author: Vraja Das

Author URI: http://olin.co.il

Description: A custom made theme for Wordpress.

Version: 1.0





-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

body{background: #fff;}
p {
     direction: ltr !important;
    text-align: left!important;
}
.centerContnet{background: #fff; box-shadow: 0px 0px 4px #000;  margin-top: 20px; padding: 50px;}
.tm20{margin-top: 20px;}
nav a{text-decoration: none; color: #5da63d;}
input[type=submit]{ background:#5da63d; border: 0; color: #fff; font-weight: 700 }
.expertList li{list-style: none; width: 20%; float: right; background:#E7E7E7; padding: 10px;margin: 10px;}

.expertImg img{ width: 100%; height: auto;}
.aboutContent{ float: right; width: 500px;}
.leftInfo{float: left; width: 250px;}
.booking{ background: #000; color: #fff; border-radius: 5px; padding: 10px 0; text-align: center; margin-top: 20px;}
.hourList ul{ column-count: 4;}

.home header{    position: fixed;
    width: 100%;
    z-index: 999;}

button.timeBtn {
    margin: 5px;
    background-color: #32CD32;
    border: 3px solid #228B22;
}

.gform_heading{
  display:none;
}

button.timeBtn.active {
    background-color: #d32620;
    border: 3px solid #f50505;
}

button.timeBtn.disabled {
    color: #ffffff;
    background-color: #d32620;
    border: 3px solid #f50505;
}
table {
    width:100%;
  }
  table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
  }
  th, td {
    padding: 15px;
    text-align: left;
  }
  #meetTable tr:nth-child(even) {
    background-color: #eee;
  }
  #meetTable tr:nth-child(odd) {
   background-color: #fff;
  }
  #meetTable th {
    background-color: black;
    color: white;
  }
footer .container{direction: rtl;}
.found_slide_one .row{flex-direction: row-reverse;}
.hd_img{text-align: left;}
section.found_sec_new .row, section.fd_sec_five .row, section.fd_sec_two .row, section.sec_five .row, section.form_sec .row{flex-direction: row-reverse;}
section.event_sec h1{text-align: left;}
.custom-html-widget{ text-align: right;}
  .changeBtn {
    background: #000;
    color: #fff;
    border-radius: 5px;
    /* padding: 10px 0; */
    text-align: center;
    /* margin-top: 20px; */
}
.hide_field{display: none;}
/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}
.donatePopup{width: 100%; height: 100%; position:fixed; background:#112d28c4; display: none; z-index: 9999;}
.donateCon{width: 50%; margin: 13% auto 0; background: #F1F9F8;    padding: 50px 80px;    direction: rtl;    text-align: right; position: relative;}
.donateCon hr{ border-top: 1px solid #FF4950; }
.donateClose{position: absolute; top: -72px; left: -72px; width: 72px; height: 72px; cursor: pointer;}
/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  z-index: 1111111;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Art Page CSS */

.contry_wp {
  display: flex;
  flex-wrap: wrap;
  }
  .contry_wp .doc__left {
  width: 45%;
  }
  .contry_wp .doc__left a {
  margin-bottom: 10px;
  display: block;
  }
  .contry_wp .doc__left a img {
  height: 50px;
  }
  .fl_right {
  width: 55%;
  }
  
  .fl_right img {
  width: 100%;
  }
  
  .doc_btm {
      width: 100%;
      padding-top: px;
      margin-top: 15px;
      border-top: 2px solid #450D14;
  }
  
  .doc_btm p:last-child {
      font-weight: 500;
  }
  .doc_btm p {
      text-align: right;
      margin-bottom: 0px;
      font-weight: bold;
  }
  
  .vertical_slider.flag .slick-list.draggable {
      height: 675px !important;
  }
  
  
  .slid_in_wrap.w-100.bg-transparent .col-md-3 {
      padding: 15px 30px;
  }
  
  .tex_cont_new h1 {
      color: #042F2A;
      border-bottom: 2px solid #450D14;
      padding-bottom: 20px;
  }
.tex_wrp h1 { text-align: left;}
  .tex_cont_new {
      max-width: 80%;
      margin: auto;
      margin-right: 0px;
  }
  
  
  .new_icon_tex .icon_tex {
      display: flex;
      justify-content: space-between;
  }
  
  
  .btm_desc_new_sec{
      margin-top: 20px;
  }
  
  .btm_desc_new_sec p{
      font-weight: 600;
      color: #450D14;
      line-height: 26px;
  }
  
  .new_pg_wp {
      padding: 50px 0px;
      border-bottom: 2px solid;
  }
  
  .new_icon_tex .icon_tex p {
      font-weight: 600;
      color: #450D14;
      line-height: 26px;
      width: 60%;
  }
  /* form CSS */
  div#gform_fields_1 input {
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #fff !important;
    color: #fff;
    outline: none !important;
    text-align: right;
    box-shadow: none !important; direction: rtl;
}

input#gform_submit_button_1 {
    background: #05B5A6;
    width: 100px;
    border: none;
    border-radius: 0px;
    margin-right: 15px;
    height: 40px;
}

div#field_2_1 {
    width: 100% !important;
}

form#gform_2 .gform_body {
    order: 2;
    width: 75%;
}

form#gform_2 .gform_footer.top_label {
    width: 25%;
    padding: 0px;
    margin-top: 0px;
}

input#gform_submit_button_2 {
    background: #042F2A !important;
    border: 1px solid #042F2A;
    border-radius: 0px;
    width: 100%;
    text-align: center;
    height: 39px;
    margin-top: 0px !important;
}

div#gform_fields_1 input::placeholder {
  color: #fff;
}

form#gform_2 {
  display: flex;
}

/* Form CSS end */
  @media only screen and (max-width: 1600px) and (min-width: 1200px){
      section.index_sec.new_index_update {
      background: linear-gradient(to right, #FFE9EA 0%, #FFE9EA 77%, #fff 68%, #fff 100%);
      padding: 6em 0em;
  }
  
  .vertical_slider.slick-vertical.flag .slick-next {
      left: 0;
      top: 70px;
  }
  .vertical_slider.slick-vertical.flag .slick-prev {
      left: 0;
  }
  }
  
  @media only screen and (max-width: 425px){
      .col-md-9.vertical_slider.flag {
      padding: 0px !important;
  }
	  .donateCon .redButton{float: none;}
	  .donateCon{    width: 90%; padding: 20px;}
	  .donateClose {
		  left: 0px;}
  .slid_in_wrap.w-100.bg-transparent .col-md-3 {
      padding: 10px 5px;
  }
  .contry_wp .doc__left a img {
      height: 30px;
  }
  .vertical_slider.flag .slick-list.draggable {
      margin-top: 100px;
  }
	  input#gform_submit_button_2{height: 46px;}
  }
  
  @media only screen and (max-width: 1199px) and (min-width: 1024px){
  
      .slid_in_wrap.w-100.bg-transparent .col-md-3 {
      padding: 10px 10px;
  }
  .contry_wp .doc__left a img {
      height: 28px;
  }
  section.index_sec.new_index_update {
      background: linear-gradient(to right, #FFE9EA 0%, #FFE9EA 77%, #fff 68%, #fff 100%);
      padding: 6em 0em;
  }
  .vertical_slider.flag .slick-list.draggable {
      margin-top: 120px;
  }
  }

  /* Art Page CSS end */

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* #Media Queries

================================================== */
/* Those wide screens above 1280px */
@media only screen and (min-width: 1281px) {}
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}




/* new css 17-05-2021 */



section.logo_sec {
  background: #fff;
}

section.fd_sect_three {
  background: #fff;
}

.found_sec_new .cust_wd .inner_cont_img .stuffPict {
 filter: grayscale(1);
}

.found_sec_new .cust_wd .inner_cont_img .stuffPict:hover  {
filter: grayscale(0);
}


.found_sec_new .inner_cont_img .blc_ovr img{

  display: block !important;
}

section.found_slide_one .slick-dots {
  width: auto;
}

footer {
  overflow: inherit;
}

footer .btn_top {
  bottom: 108px;
}

section.form_sec .btn_top {
  display: none;
}


@media only screen and (max-width: 425px){
footer .btn_top {
  bottom: 210px;
}
}


/* 08-06-2021 css */
.co_cnt {
  position: relative;
}

.co_cnt a {
  position: absolute;
  bottom: 30px;
  width: 100%;
}

section.sec_seven .co_cont {
  text-align: center;
  position: relative;
}
section.sec_seven .co_cont a {
  position: absolute;
  bottom: 30px;
  width: 100%;
}