/* heebo-100 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 100;
  src: url('fonts/heebo-v2-latin_hebrew-100.eot'); /* IE9 Compat Modes */
  src: local('Heebo Thin'), local('Heebo-Thin'),
       url('fonts/heebo-v2-latin_hebrew-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-100.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-100.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-300 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/heebo-v2-latin_hebrew-300.eot'); /* IE9 Compat Modes */
  src: local('Heebo Light'), local('Heebo-Light'),
       url('fonts/heebo-v2-latin_hebrew-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-300.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-regular - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/heebo-v2-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Heebo'), local('Heebo-Regular'),
       url('fonts/heebo-v2-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-regular.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-500 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/heebo-v2-latin_hebrew-500.eot'); /* IE9 Compat Modes */
  src: local('Heebo Medium'), local('Heebo-Medium'),
       url('fonts/heebo-v2-latin_hebrew-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-500.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-800 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/heebo-v2-latin_hebrew-800.eot'); /* IE9 Compat Modes */
  src: local('Heebo ExtraBold'), local('Heebo-ExtraBold'),
       url('fonts/heebo-v2-latin_hebrew-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-800.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-800.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-700 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/heebo-v2-latin_hebrew-700.eot'); /* IE9 Compat Modes */
  src: local('Heebo Bold'), local('Heebo-Bold'),
       url('fonts/heebo-v2-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-700.svg#Heebo') format('svg'); /* Legacy iOS */
}
/* heebo-900 - latin_hebrew */
@font-face {
  font-family: 'Heebo';
  font-style: normal;
  font-weight: 900;
  src: url('fonts/heebo-v2-latin_hebrew-900.eot'); /* IE9 Compat Modes */
  src: local('Heebo Black'), local('Heebo-Black'),
       url('fonts/heebo-v2-latin_hebrew-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/heebo-v2-latin_hebrew-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-900.woff') format('woff'), /* Modern Browsers */
       url('fonts/heebo-v2-latin_hebrew-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/heebo-v2-latin_hebrew-900.svg#Heebo') format('svg'); /* Legacy iOS */
}
html
{
height:100%;
width:100%;
padding:0px;
margin:0px;
}

body
{
height:auto;
width:100%;
padding:0px;
font-family:Heebo ,Arial,Miryam,sans-serif;
font-size:17px;
color:#322B39;
margin:0;
min-width:300px;
line-height:1.4;
text-align:right;
background-color:#f6f6f6;
}

body.ltr
{
direction:ltr;
text-align:left;
}
body.rtl
{
direction:rtl;
text-align:right;
}
*
{
  box-sizing:border-box;
}
a
{
text-decoration:none;
color:rgba(0,0,0,0.80);
}
#skip-to-content-link
{
  display:inline-block;
  z-index:200;
  background-color:white;
  color:black;
  font-size:150%;
  overflow:hidden;
  position:fixed;
  padding:20px;
  border:2px solid #00ccD7;
  border-radius:7px;
  top:-400px;
  left: 50%;
  transform:translate(-50%);
  box-sizing:border-box;
}
#skip-to-content-link:focus
{
  top:20px;
}

#ie10-form-message  span,
#ie-less-then-10-form-message span,
#ie-less-then-10-message span,
#ie10-message   span
{
 border:2px solid red;
 font-size:23px;
 color:red;
 text-align:center;
 padding:25px 35px;
 display:inline-block;
 width:auto;
}
#ie10-form-message,
#ie10-message
{
 display:none
}
#ie-less-then-10-form-message,
#ie-less-then-10-message
{
 display:block;
 text-align:center;
}
#ie10-message,
#ie-less-then-10-message
{
 text-align:center;
}

img
{
 display:block;
 float:none;
 width:100%;
 height:auto;
 margin:0 auto;
}
h1
{
  font-size:125%;
}
h2
{
 font-size:115%;
}
h3
{
  font-size:108%
 }
.clearfix:after {
  content:"";
  display:table;
  clear:both;
}
#resolution-reporter
{
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  width:30px;
  height:30px;
  cursor:pointer;
}

/* main layout boxes and wrappers */

/* main layout boxes and wrappers */

#outer-wrapper
{
position:relative;
width:100%;
margin:0px;
padding:0px;
overflow:hidden;
min-height:100vh;
display:flex;
flex-direction: column;
align-items: stretch;
}

#page-wrapper,
#header-wrapper,
#main-navbar-wrapper,
#middle-wrapper,
#content-wrapper,
#footer-wrapper
{
 border:0px solid rgba(0,0,0,0.4);
}
#page-wrapper
{
width:100%;
height:auto;
margin:0px auto;
padding:0px;
flex-grow:1;
display:flex;
flex-direction: column;
align-items: stretch;
justify-content:space-between;
}
#header-wrapper,
#content-wrapper,
#bottom-wrapper,
#footer-inner-wrapper,
#page-top-inner-wrapper
{
 max-width:88%;
 width:100%;
 margin:0px auto;
 padding:0 15px;
}

#page-top-inner-wrapper,
#front-page-top-inner-wrapper
{
 padding:0;
}
#header-wrapper
{
position:relative;
padding:0;
padding:40px 0 20px 0px;
text-align:center;
z-index:99;
}

#middle-wrapper
{
 width:100%;
 margin:0px auto;
 display:flex;
 flex-direction:column;
 align-items:stretch;
 justify-content:space-between;
 flex-grow:1;
}

#footer
{
 width:100%;
 background-color:#34253C;
 margin-top:auto;
 padding:0;
}

#footer-top-wrapper
{
 width:100%;
}
#footer-bottom-wrapper
{
 width:100%;
 text-align:center;
}
#credits,
#copyrights
{
color:white;
font-size:90%;
display:inline-block;
padding:4px 15px;
}

#copyrights-symbol
{
font-size:150%;
line-height:1;
}
#credits  a
{
  color:white;
}

#content-wrapper
{
width:100%;
display:flex;
flex-grow:1;
flex-direction: column;
align-items: stretch;
justify-content:space-between;
}

#content-top
{
 flex-grow:1;
}
#content-top,
#content-bottom
{
 font-weight:normal;
 display:block;
 width:100%;
 margin:0 auto;
}

#bottom-wrapper
{
 width:100%;
 height:auto;
 margin:0px auto;
 padding:10px 1% 10px 1%;
}
#copyrights
{
  padding:15px;
  text-align:center;
  color:white;
}

/*=== site branding ===*/

#site-branding
{
margin: 0;
width:10%;
float:left;
}
body.home #site-branding
{
/*transform:translate(-70px,0);*/
}

#site-title-on-fixed-navbar
{
 display:none;
}


/*=== image, gallery images, and in-page sliders containers  ===*/

.main-image-gallery,
.block-image-gallery,
.main-video-gallery,
.block-video-gallery
{

}
.gallery-image-container
{
 font-size:0;
 display:inline-block;
 float:none;
 height:auto;
 width:23%;
 overflow:hidden;
 box-sizing:border-box;
 margin:.55% 1% auto auto;
 cursor:pointer;
}

.gallery-image-container   img
{
 width:100%;
 display:inline-block;
 transition:transform .4s linear;
 cursor:pointer;
}
.gallery-image-container:hover  img
{
 opacity:.75;
 transform:scale(1.15);
}
.single-image-container,
.single-video-container,
#page-slider-container
{

}
.single-image-container.portrait
{

}

/*=== main menu toggler ===*/

.main-menu-toggler
{
  display:none;
  border:1px solid transparent;
  padding:9px 6px ;
}

.main-menu-toggler-symbol:focus
{
  border:1px solid white;
}

.main-menu-toggler-symbol
{
  margin:0px;
  width:40px;
  height:22px;
  display:inline-block;
  position:relative;
  box-sizing:border-box;
  overflow:visible;
  opacity:1;

}
.toggler-line-1,
.toggler-line-2,
.toggler-line-3
{
 box-shadow: 2px 2px 2px #A384B3;
 display:block;
 width:40px;
 height: 5px;
 position:absolute;
 left:5;
 padding-bottom: 13%; /* 16:9 */
 box-sizing:border-box;
 border-radius:3px;
 transition:background-color .4s linear, width .4s linear, left .4s linear, transform .4s linear, top .4s linear;
 background-color:#DEAE5A;
}
.toggler-line-1
{
  top:0;
}
.toggler-line-2
{
  top:11px;
}
.toggler-line-3
{
  top:22px;
}
.main-menu-toggler.x-shaped
{

}
.main-menu-toggler.x-shaped    .toggler-line-1
{
  transform:rotate(45deg);
  top:11px;
}
.main-menu-toggler.x-shaped    .toggler-line-2
{
  width:0;
  left:20px;
}

.main-menu-toggler.x-shaped   .toggler-line-3
{
  transform:rotate(-45deg);
  top:11px;
}

body.ltr  .main-menu-toggler-symbol
{

}

/*===  sticky menu ===*/

#main-navbar-wrapper.invisible
{
 max-height:0;
}

#main-navbar-wrapper.fixed
{
  position:fixed;
  top:0;
  left:0;
  z-index:99999;
  margin:0 auto;
  box-shadow:3px 3px 3px rgba(0,0,0,0.3);
  background-color:#35253C;
  padding-bottom:4px;
  max-height:130px;
  transition:max-height .5s linear;
  overflow:visible;
  transform: translate(0,0);
  width:100%;
  max-width:100%;
}
body.page-id-3 #main-navbar-wrapper.fixed
{
  transform: translate(0,0);   
}
body.rtl #main-navbar-wrapper.fixed
{
 padding-right:14px;
}
body.ltr  #main-navbar-wrapper.fixed
{
 padding-left:14px;
}
#main-navbar-wrapper.fixed   #site-title-on-fixed-navbar
{
  display:inline-block;
}

#main-navbar-wrapper.fixed    #main-menu.desktop-style
{
  margin:10px auto;
  display:inline-block;
  padding:0;
}
#main-navbar-wrapper.fixed     #main-menu.mobile-style
{
 width:120%;
 overflow-y:scroll;
 padding-left:20%;
 margin-bottom:0;
 display:inline-block;
}
#main-navbar-wrapper.fixed     .main-menu-toggler
{

}

/*===  main-menu (both mobile and desktop) ===*/

#main-navbar-wrapper
{
  width:100%;
  padding:0 1%;
  margin:0px auto;
  box-sizing:border-box;
  position:relative;
  background-color:transparent;
  overflow:visible;
  position:relative;
  border-bottom:0px solid  rgba(50,20,100,0.8);
  width:90%;
  display:inline-block;
  transform:translate(0,1.4vw);
  text-align:center;
}
body.page-id-3   #main-navbar-wrapper
{
 transform:translate(0,25px);   
}
body.ltr    #main-navbar-wrapper
{

}
#main-menu
{
 display:none;
}
body.is-ipad  #main-menu
{
  display:block;
}
#main-menu  ul,
#main-menu  li
{
 list-style:none;
 margin:0px;
}
#main-menu a
{
display:inline-block;
width:auto;
padding:6px 10px 6px 10px;
margin:0px;
text-decoration:none;
font-size:1.2vw;
position:relative;
color:white;
font-weight:400;
text-shadow:2px 2px 4px rgba(0,0,0,0.7);
}

/*=== desktop-style-main-menu ===*/

#main-menu.desktop-style
{
  position:relative;
  display:block;
  min-width: 400px;
}
#main-menu.desktop-style  #link-close-menu
{
  display:none;
}

#main-menu.desktop-style  li
{
display:inline-block;
width:auto;
border:none;
text-align:center;
margin:0 ;
position:relative;
}

#main-menu.desktop-style  .sub-menu
{
background-color:rgba(54,39,60,0.7);
padding:0px;
border:0px solid rgba(0,0,0,0.5);
display:block;
position:absolute;
top:0;
right:98%;
height:auto;
max-height:0;
transition:max-height .5s linear;
overflow:hidden;
}

body.ltr  #main-menu.desktop-style  .sub-menu
{
 right:unset;
 left:98%;
}
#main-menu.desktop-style>ul>li> .sub-menu
{
position:absolute;
top:100%;
right:0px;
}
body.ltr     #main-menu.desktop-style>ul>li> .sub-menu
{
left:0;
right:unset;
}
#main-menu.desktop-style .sub-menu li.first
{
margin-top:0px;
}
#main-menu.desktop-style .sub-menu  li.last
{
margin-bottom:0px;
}

#main-menu.desktop-style .sub-menu  li
{
position:relative;
white-space: nowrap;
text-align:right;
display:block;
}
body.ltr  #main-menu.desktop-style  .sub-menu  li
{
 text-align:left;
}

/*=== end of desktop style main menu ===*/

/*=== special menu items ===*/
#menu-item-74 span, 
#menu-item-75 span,
#menu-item-76 span
{
display:none; 
}
#menu-item-74 a, 
#menu-item-75 a,
#menu-item-76 a
{
 padding:0;
 width:32px;
 height:32px;
 margin:0 12px; 
 transform: translate(0,10px)
}
#menu-item-74 a /* telephone */
{
 background:url(images/icon-phone.png);
 background-size: 100% 100%;
}
#menu-item-75 a /* facebook */
{
 background:url(images/icon-facebook.png);
 background-size: 100% 100%;   
}
#menu-item-76 a /* instagram */
{
 background:url(images/icon-instagram.png);
 background-size: 100% 100%;  
}

#main-menu.mobile-style   #menu-item-74 a, 
#main-menu.mobile-style   #menu-item-75 a,
#main-menu.mobile-style   #menu-item-76 a
{
 margin:4px 0; 
}


/*=== mobile style main menu ===*/


#main-menu.mobile-style  #link-close-menu
{
  display:list-item;
  height:0;
  overflow:hidden;
}
#main-menu.mobile-style    #link-close-menu:focus
{
  height:auto;
}
#main-menu.mobile-style
{
 display:block;
 max-height:0px;
 overflow:hidden;
 transition:max-height .8s linear;
 padding-right:24px;
 background-color: rgba(52,37,60,0.75);
 position:absolute;
 top:100%;
 width: 100vw;
 z-index: 9999999;
 right: 0;
}
body.ltr   #main-menu.mobile-style
{
 padding-right:0px;
 padding-left:24px;
}

#main-menu.mobile-style ul
{
 padding-right:22px;
}
#main-menu.mobile-style >ul
{
margin:14px;
padding:0px;
width:120%;
overflow-y:scroll;
}
body.rtl   #main-menu.mobile-style >ul
{
padding-left:20%;
max-height:calc(100vh - 60px);
}
body.ltr  #main-menu.mobile-style >ul
{
padding-right:20%;
max-height:calc(100vh - 60px);
}
#main-menu.mobile-style li a
{
padding:5px 5px 5px 0px;
font-size:100%;
}

#main-menu.mobile-style  .sub-menu
{
transition:max-height .5s linear;
display:block;
height:auto;
overflow:hidden;
margin-right:15px;
}

/*=== current-menu-item  ===*/


#main-menu.desktop-style li a:before,
#main-menu.mobile-style li a:before
{
 content:"";
 display:block;
 position: absolute;
 bottom:calc(100% - 2px);
 left:51%;
 top:-2px;
 right:51%;
 transition:right .25s linear,left .25s linear;
 background-color:#DDAF5A;
}
#main-menu.desktop-style li a:after,
#main-menu.mobile-style li a:after
{
 content:"";
 display:block;
 position: absolute;
 top:calc(100% - 3px);
 bottom:-1px;
 left:51%;
 right:51%;
 transition:right .25s linear,left .25s linear;
 background-color:#DDAF5A;
}
#main-menu.desktop-style >li:hover > a:after,
#main-menu.desktop-style > li:hover > a:before,
#main-menu.desktop-style >ul> li.current-menu-ancestor>a:before,
#main-menu.desktop-style >ul> li.current-menu-ancestor>a:after,
#main-menu.desktop-style >ul> li.current-menu-item>a:before,
#main-menu.desktop-style >ul> li.current-menu-item>a:after
{
 right:10px;
 left:10px;
}

#main-menu.mobile-style  li.current-menu-ancestor>a:after,
#main-menu.mobile-style  li.current-menu-item>a:after
{
  right:0px;
  left:0px;
}

/*=== youtube videos ===*/

.single-video-container,
.gallery-video-container
{
 position:relative;
 display:none;
 overflow:hidden;
 cursor:pointer;
}
.single-video-container.ready,
.gallery-video-container.ready
{
 display:block;
}
.single-video-inner-wrapper
{
  position:relative;   
  cursor:pointer;
}
.single-video-inner-wrapper:after,
.gallery-video-container:after
{
 content:"";
 display:blcok;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url('images/nice-play-button.png') no-repeat 50% 50%;
 background-size: 18% auto;
 opacity:0.7;
}
.yt-video-poster
{
 width:100%;
 height:auto;
 cursor:pointer;
}
body.is-mobile  .yt-video-poster-overlay
{
 display:block;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url('images/play-button-grey.png') no-repeat 50% 50%;
 background-size: 20% auto;
 opacity:.7;
}
.map-iframe-container,
#video-iframe-container
{
 position: relative;
 padding-bottom: 56.25%; /* 16:9 */
 height: 0;
 margin-top:0px;
 margin-bottom:0px;
 box-sizing:border-box;
 width:100%;
 display:inline-block;
}
.map-iframe-container
{
 padding-bottom: 75%;
}
.map-iframe-container  iframe,
#video-iframe-container   iframe
{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.video-title
{
 text-align:center;
 margin-top:6px;
 font-weight:bold;
}

/*=== accordion ===*/

#page-accordion-wrapper
{
display:block;
height:auto;
width:auto;
margin-right:33px;
box-sizing:border-box;
}

h3.accordion-item-title,
h3.intext-accordion-title
{
  margin-top:12px ;
  margin-bottom:3px ;
  font-size:110% ;
  box-sizing:border-box;
  cursor:pointer;
  position:relative;
  display:inline-block;
  width:auto;
}
.intext-accordion-title:after,
.accordion-item-title:after
{
content:"";
display:block;
width:100%;
height:0;
position: absolute;
left:0;
bottom:-5px;
right:0;
transition:height .2s linear;
background-color:rgba(0,40,210,.5);
}
body.is-desktop-laptop   .intext-accordion-title:hover:after,
body.is-desktop-laptop   .accordion-item-title:hover:after
{
 height:4px;
}
.intext-accordion-title:before,
.accordion-item-title:before
{
 content:'';
 display:inline-block;
 width:14px;
 height:14px;
 border-radius:8px;
 background-image:url(images/submenu-down-arrow.png);
 background-size:100% 100%;
 transform: rotate(90deg);
 transition:transform .7s linear;
 box-sizing:border-box;
 margin-left:4px;
 cursor:pointer;
 position:absolute;
 top:8px;
 right:-30px;
}
.intext-accordion-title.opened :before,
.accordion-item-title.opened:before
{
  transform: rotate(0deg);
}
.intext-accordion-text,
.accordion-item-text
{
  max-height:0px;
  overflow:hidden;
  transition:max-height .7s ease-out;
}
.intext-accordion-text>div,
.accordion-item-text >div
{
 height:auto;
 margin:16px auto;
}
.intext-accordion-text   .paragraph-break,
.accordion-item-text  .paragraph-break
{
 height:8px;
}
.intext-accordion-text   ul,
.accordion-item-text  ul
{
  margin-top:8px;
  margin-bottom:0px;
}
/*=== archive items ===*/

.archive-item:after
{
 content:"";
 display:block;
 height:4px;
 width: 100%;
 border-top:1px solid rgba(0,0,0,0.3);
 border-bottom:1px solid rgba(0,0,0,0.3);
 margin:25px auto;
 clear:both
}
.archive-item:last-of-type:after
{
 border-top:0px solid rgba(0,0,0,0.3);
 border-bottom:0px solid rgba(0,0,0,0.3);
}
.archive-item-excerpt-container
{
 display:inline;
 width:100%;
 vertical-align:top;
}
.archive-item-image-container
{
 display:inline-block;
 max-width:34%;
 vertical-align:top;
}
body.rtl   .archive-item-image-container
{
 float:left;
 margin:0px 24px 24px 0px
}
body.ltr   .archive-item-image-container
{
 float:right;
 margin:0px  0px 24px 24px
}
body.rtl  .archive-item-excerpt-container
  {
  margin-left:2%;
 }

body.ltr  .archive-item-excerpt-container
  {
  margin-right:2%;
 }
 .archive-item-excerpt-container p:last-of-type
  {
  display:inline;
 }
  .archive-item-excerpt-container   .read-more
  {
  color:grey;
 }
/* ajax contact from widget */

 #main-contact-form
 {
  max-width:500px;
 }
.contact-form-outer-wrapper
{
  width:100%;
  border:2px solid rgba(0,0,0,0.07);
  padding:10px 0;
  background-color: rgba(0,0,0,0.05);
  margin-top:16px;
}
.contact-form-toggler
{
display:none;
}
.contact-form-inner-wrapper
{
  width:80%;
  margin:0px auto;
}
.contact-form-title-wrapper
{
  width:80%;
  margin:16px auto;
}
.contact-form-title
{

}
.contact-form-feedback
{
  background-color:white;
  padding:10px;
}

.contact-form-input-wrapper.name    ,
.contact-form-input-wrapper.email   ,
.contact-form-input-wrapper.phone   ,
.contact-form-input-wrapper.subject ,
.contact-form-input-wrapper.message
{
  width:100%;
  margin:14px auto;
}

.contact-form-input-wrapper.name     label,
.contact-form-input-wrapper.email    label,
.contact-form-input-wrapper.phone    label,
.contact-form-input-wrapper.subject  label,
.contact-form-input-wrapper.message  label
{
 display:block;
}
.contact-form-input-wrapper.name     label.must:after,
.contact-form-input-wrapper.email    label.must:after,
.contact-form-input-wrapper.phone    label.must:after,
.contact-form-input-wrapper.subject  label.must:after,
.contact-form-input-wrapper.message  label.must:after
{
 content:' * ';
 color:red;
}
.contact-form-message-input-wrapper
{

}

input.contact-form-input.name   ,
input.contact-form-input.email  ,
input.contact-form-input.phone  ,
input.contact-form-input.subject ,
textarea.contact-form-input.message
{
  border:1px solid rgba(0,0,0,0.3);
  padding:10px;
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  font-family:Arimo;
  font-size: 1.3vw;
  box-sizing: border-box;
}

.contact-form-input.message
{

}
.contact-form-human-validation-wrapper
{
  margin-bottom:15px;
}
.contact-form-send-btn-wrapper
{
 margin-bottom:20px;
 float:left;
}
.contact-form-send-btn-wrapper   button
{
    font-size: 116%;
    padding:7px 14px;
    color:white;
    background-color:#49183a;;
}

 /* content  block widget */

#front-page-content-blocks-widget-wrapper
{
  margin:20px 0;
  border-bottom:0px solid rgba(0,0,0,0.3);
  box-sizing:border-box;
}

.content-block-widget-block
{
  display:inline-block;
  max-width:26%;
  margin:10px 2%;
  border:1px solid blue;
  padding:10px;
  vertical-align:top;
  box-sizing:border-box;
}
.content-block-widget-text
{
  margin-bottom:16px;
}

.content-block-widget-image-wrapper
{
  width:100%;
  margin:0 auto 14px auto;
}

.content-block-widget-image-wrapper  img
{
  width:100%;
  height:auto;
}

.content-block-widget-read-more
{
  white-space:nowrap;
}

.content-block-widget-read-more:before
{
  content:'[';
}
.content-block-widget-read-more:after
{
  content:']';
}

/*=== dot spinner ===*/


#spin-box
{
display:none;
width:100px;
height:100px;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:999999;
border-radius:3px;
}
#spinner 
 {
  position:relative;
  margin: 0px auto auto auto;
  width:50px;
  height:50px;
}
#spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container1 > div, .container2 > div, .container3 > div {
  width: 12px;
  height: 12px;
  border:2px solid white;
  background-color:#735384;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes rotate 
{
  0%, 20%, 100% { transform:scale(1,1)}
  10% { transform:scale(0,0)}
}

@keyframes rotate 
{
  0%, 20%, 100% { transform:scale(1,1)}
  10% { transform:scale(0,0)}
}
.container2 {
  -webkit-transform: rotateZ(30deg);
  transform: rotateZ(30deg);
}

.container3 {
  -webkit-transform: rotateZ(60deg);
  transform: rotateZ(60deg);
}
.container4 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}

.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }


.container1 .circle1 {
  -webkit-animation-delay: -1.2s;
  animation-delay: -1.2s;
}
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.container3 .circle1 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}


.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}


.container1 .circle3 {
  -webkit-animation-delay: -06s;
  animation-delay: -0.6s;
}

.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}


.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

/*=== end of dot spinner ===*/


/*=== admin menu adjustments ===*/
.toolbar-tab
{
  width:auto;
}
/*=== end of admin menu adjustments ===*/

#up-scroller
{
  position:fixed;
  bottom:12px;
  right:12px;
  width:30px;
  height:30px;
  border:2px solid  rgba(255,255,0255,1);
  border-radius:15px;
  background:url(images/scroll-up-arrow.png);
  background-size:100% 100%;
  color:white;
  opacity:0;
  transition: opacity .4s linear;
}

/*=== accessibility-menu ===*/

#accessibility-menu-toggler-wrapper
{

 position:fixed;
 bottom:5px;
 left:5px;
 display:inline-block;
 width:50px;
 height:46px;
 transition:left .6s linear;
 z-index:999999999;
}

#accessibility-menu-toggler
{
  width:43px;
  height:43px;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  background-color:#584363;
  background-image:url(images/accessibility-icon-nofeng.png);
  background-size:100% 100%;
  border:2px solid #E0AC59;
  border-radius:50%;
  transition:border-radius .6s linear;
  box-shadow:3px 3px 3px rgba(0,0,0,0.3);
  cursor:pointer;
  z-index:99990;
}
#accessibility-menu-toggler:focus
{
  border:3px solid red;
  border-radius:0;
}
#accessibility-menu-toggler-minimizer
{
 display:inline-block;
 display:none;
 width:22px;
 height:22px;
 border:2px solid white;
 border-radius:50%;
 position:absolute;
 top:-7px;
 right:-7px;
 background-color:black;
 background-image:url(images/close-button-white-x.png);
 background-size:100% 100%;
 cursor:pointer;
 z-index:99991;
}
#accessibility-menu-toggler-wrapper.minimized
{
 left: -43px;
}
#accessibility-menu-toggler-wrapper.minimized    #accessibility-menu-toggler
{
  border-radius:0;
}
#accessibility-menu-toggler-minimizer.hidden
{
 display:none;
}
#accessibility-menu-wrapper
{
  z-index:99999;
  position:fixed;
  left:0px;
  top:0px;
  background:rgba(0,0,0,0.95);
  transition: transform .7s ease-in-out;
  transform:translate(-100%);
  box-sizing:border-box;
}
#accessibility-menu-wrapper.visible
{
  transform:translate(0);
}
#accessibility-menu-close-btn
{
  width:25px;
  height:25px;
  border-radius:50%;
  border:2px solid white;
  background:url(images/close-button-white-x.png);
  background-size:100% 100%;
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
}

#accessibility-menu
{
  text-align:right;
  max-height:100vh;
  padding:70px 20px 20px 20%;
  list-style: none;
  /* uncomment the following line if using position absolut or fixed on parent
  max-height:calc(100vh - 80px); */
  overflow-y:scroll;
  width:120%;
  padding-left:20%;

}

.accessibility-sub-menu
{
  list-style: none;
  padding-right:16px;
}
#accessibility-menu-title
{
 color:white;
 font-size: 140%;
 display:block;
 margin-bottom:25px;
}
.accessibility-menu-item
{
 margin-bottom:10px;
 color:white;
}
.accessibility-menu-item  a
{
 color:white;
 font-size: 110%;
}
.accessibility-menu-item  a:hover
{
 color:#64e3ff;
 text-decoration:underline;
}
#font-size-display
{
  display:inline-block;
  color:white;
  font-size: 110%;
  margin:0 10px;
  background-color: white;
  padding:3px;
  color:black;
}
#font-size-up,
#font-size-down
{
 width:25px;
 height:25px;
 display:inline-block;
 margin:0 10px;
 border:1px solid white;
 border-radius:50%;
 background-color:black;
 margin:5px;
 vertical-align:middle;
}
#font-size-down
{
 background-image:url(images/white-minus.png);
 background-size: 100% 100%;
}
#font-size-up
{
 background-image:url(images/white-plus.png);
 background-size: 100% 100%;
}
/*=== end of accessibility-menu widget ===*/

/*=== accessibility and user-settings ===*/
body.white-on-black,
header.white-on-black,
div.white-on-black,
a.white-on-black,
ul.white-on-black,
li.white-on-black,
p.white-on-black,
h1.white-on-black,
h1#page-title.white-on-black,
span.white-on-black,
h2.white-on-black,
h3.white-on-black,
input.white-on-black,
textarea.white-on-black,
label.white-on-black
{
 background-color:black   !important;
 color:white   !important;
}
#site-branding.white-on-black,
#site-title.white-on-black,
#site-slogan.white-on-black,
#net.white-on-black,
#main-menu-toggler-symbol.white-on-black,
#accessibility-toggler.white-on-black
#accessibility-menu-close-btn.white-on-black
{
 background-color:black   !important;
 color:white   !important;
}
#main-menu-toggler-symbol.white-on-black  span.white-on-black
{
  background-color:white !important;
}
header.yellow-on-black,
body.yellow-on-black,
div.yellow-on-black,
a.yellow-on-black,
ul.yellow-on-black,
li.yellow-on-black,
p.yellow-on-black,
h1.yellow-on-black,
h1#page-title.yellow-on-black,
span.yellow-on-black,
h2.yellow-on-black,
h3.yellow-on-black,
input.yellow-on-black,
label.yellow-on-black,
textarea.yellow-on-black
{
 background-color:black !important;
 color:yellow !important;
}
#site-branding.yellow-on-black,
#site-title.yellow-on-black,
#site-slogan.yellow-on-black,
#net.yellow-on-black,
#main-menu-toggler-symbol.yellow-on-black,
#accessibility-toggler.yellow-on-black
#accessibility-menu-close-btn.yellow-on-black
{
 background-color:black !important;
 color:yellow !important;
}
#main-menu-toggler-symbol.yellow-on-black  span.yellow-on-black
{
  background-color:yellow !important;
}
body.black-on-white,
header.black-on-white,
div.black-on-white,
a.black-on-white,
ul.black-on-white,
li.black-on-white,
p.black-on-white,
h1.black-on-white,
h1#page-title.black-on-white,
span.black-on-white,
h2.black-on-white,
h3.black-on-white,
input.black-on-white,
textarea.black-on-white,
label.black-on-white
{
 background-color: white !important;
 color:black !important;
}
#site-branding.black-on-white,
#site-title.black-on-white,
#site-slogan.black-on-white,
#net.black-on-white,
#main-menu-toggler-symbol.black-on-white,
#accessibility-menu-wrapper.black-on-white
{
 background-color: white !important;
 color:black !important;
}

#accessibility-toggler.black-on-white,
#accessibility-menu-close-btn.black-on-white,
#main-menu-toggler-symbol.black-on-white  span.black-on-white
{
  background-color: black !important;
}

a.underlined-link
{
  text-decoration:underline  !important;
}

/*=== accessibility exclussions ===*/

#accessibility-menu-wrapper.white-on-black,
#main-navbar-wrapper   .menu.white-on-black
{
  border:2px solid white !important;
}
#accessibility-menu-wrapper.yellow-on-black,
#main-navbar-wrapper  .menu.yellow-on-black
{
  border:2px solid yellow !important;
}
#accessibility-menu-wrapper.black-on-white,
#main-navbar-wrapper   .menu.black-on-white
{
  border:2px solid black !important;
}
#accessibility-menu-toggler.black-on-white,
#accessibility-menu-toggler-minimizer.black-on-white
{
  background-color: black !important;
}

/*=== nivo sliders overrides ===*/

#banner-slider-container  .nivo-caption,
#page-slider-container  .nivo-caption {
	font-size:25px;
	text-align:center;
	padding: 10px 10px;
	opacity: 0;
	display: block;
	box-sizing: border-box;
}

#banner-slider-container:hover   .nivo-caption
{
	opacity: .7;
}
.nivo-caption p {
	text-align:center;
	padding:5px;
	margin:0 auto;
}
.nivo-caption a {
	display:inline-block !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
#banner-slider-container  .nivo-directionNav,
#page-slider-container  .nivo-directionNav
{
  opacity:0;
}
#page-slider-container:hover    .nivo-directionNav
{
  opacity:1;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
	opacity:0.65;
	transition:opacity .5s linear;
}
.nivo-prevNav,
.nivo-nextNav
{
	width:40px;
	height:40px;
	border:1px solid black;
	border-radius:20px;
	display:inline-block;
	color:transparent;
}
.nivo-prevNav {
	left:4px;
	background:url(images/kufsator-left-arrow-hover.png) no-repeat top right;
	background-size: 100% 100%;
}
.nivo-prevNav:hover {
	background:url(images/kufsator-left-arrow.png) no-repeat top right;
	background-size: 100% 100%;
}
.nivo-nextNav {
	right:4px;
	background:url(images/kufsator-right-arrow-hover.png) no-repeat top right;
	background-size: 100% 100%;
}
.nivo-nextNav:hover {
	background:url(images/kufsator-right-arrow.png) no-repeat top right;
	background-size: 100% 100%;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	direction:ltr;
	padding: 15px 0;
}
#banner-slider-container    .nivo-controlNav
{
    display: none;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

.nivo-control
{
	display:inline-block;
	color:transparent;
	width:12px;
	height:12px;
	border-radius:6px;
	border:1px solid rgba(0,0,0,0.9);
	background-color:rgba(0,0,0,0.2);
	margin-left:5px;
}
.nivo-control.active
{
	background-color:rgba(0,0,0,0.9);
}

/*==== end of nivo sliders overrides ====*/

/*=== comments ===*/

ul.commentlist,
ol.commentlist
{
 padding-right:0;
}

li.comment
{
 background-color: #fae4e4;
 padding: 20px 20px 20px 20px;
 margin-bottom: 30px;
 list-style:none;
 max-width:900px;
}

.comment-author   img,
.comment-body   img
{
max-width:80px;
height:auto;

float:none;
display:block;
margin: 0 0px 10px 10px;
vertical-align:bottom;
}
#commentform
{
max-width:900px;
 padding: 20px 20px 20px 20px;
 margin-bottom: 30px;
  background-color: #fae4e4;
  background-color: rgba(0,0,0,0.04);
}
#comment
{
  width:100%;
  font-size:108%;
  border-radius:4px;
}
#commentform   input[type=text]
{
  display:block;
  width:100%;
  font-size:108%;
  padding:5px;

}
#commentform    .form-submit  input
{
  font-size:108%;
  padding:4px 8px;
}
#commentform    label
{
 font-size:108%;
 display:block;
 margin-bottom:3px;
}

.comment-form-url label,
.comment-form-url input,
#commentform .comment-form-url input[type=text],
#commentform .comment-form-comment input[type=text],
.comment-form-url,
.comment-subject,
.comment-excerpt,
#commentform  #comment-excerpt-label,
#commentform  #comment-subject-label
{
  height:0;
  margin:0;
  padding:0;
  font-size:0;
  border-width:0;
  width:0;
}


/*==== zoombox ====*/

.zoombox-overlay
{
 position:fixed;
 top:0;
 left:0;
 width:auto;
 height:auto;
 overflow:auto;
 opacity:0;
 transition:opacity .4s linear;
 z-index:99999;
}
.zoombox-overlay.media-zoombox
{
  background-color: rgba(54,39,60, 0.86);
}
.zoombox
{
 max-width:900px;
 width:90vw;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%) scale(0);
 transition:background-image, transform .5s linear;
 max-height:90vh;
 overflow:hidden;
 padding: 24px;
 background-color:white;
 border:2px solid rgba(0,0,0,0.3);
}
.zoombox.media-zoombox
{
 max-width:unset;
 max-height:unset;
 padding:0;
 overflow:visible;
}
.zoombox-overlay.default   .zoombox
{

}

.zoombox-inner
{
 max-height:84vh;
 overflow:auto;
 padding-left:40%;
 width:140%;
 overflow-y:auto;
}
.zoombox.confirm   .zoombox-inner
{
 padding-left:0;
 width:100%;
}
.zoombox-close-btn
{
    
 display:none;
 
 width:30px;
 height:30px;
 position:absolute;
 right: 4px;
 top:4px;
 background-color:rgba(54,39,60,0.5);
 background-image:url(images/close-button-yellow.png);
 background-size: 100% 100%;
 opacity:1;
}
.zoombox-close-btn:hover
{
 background-image:url(images/close-button-red.png);
 background-size: 100% 100%;
}
.zoombox.media-zoombox  .zoombox-close-btn
{
 width:40px;
 height:40px;
 right:-60px;
 transition:right 0.3s ease-in-out ;
}

.zoombox.media-zoombox:hover  .zoombox-close-btn
{
 right:4px;
}
.zoombox-button-next,
.zoombox-button-previous
{
 display:block;
 position:absolute;
 width:40px;
 height:70px;
 background:rgba(54,39,60,0.5) ;
 cursor:pointer
}

.zoombox-button-next
{
  background-image:url("images/arrow-right-yellow-line.png");
  background-size:100% 100%;
}
.zoombox-button-next:hover
{
  background-image:url("images/arrow-right-yellow-line.png");
  background-size:100% 100%;
}
.zoombox-button-previous
{
  background-image:url("images/arrow-left-yellow-line.png");
  background-size:100% 100%;
}
.zoombox-button-previous:hover
{
  background-image:url("images/arrow-left-yellow-line.png");
  background-size:100% 100%;
}

.buttons-on-sides   .zoombox-button-next
{
 right:-45px;
 top:50%;
 transform: translate(0, -50%) ;
}
.buttons-on-sides   .zoombox-button-previous
{
 left:-45px;
 top:50%;
 transform: translate(0, -50%) ;
}


.buttons-below   .zoombox-button-next
{
 right:20px;
 top:calc(100% + 5px);
 transform:unset;
}
.buttons-below   .zoombox-button-previous
{
  left:20px;
  top:calc(100% + 5px);
  transform:unset;
}

.buttons-inside   .zoombox-button-next
{
 right:3px;
 top:50%;
 transform: translate(0, -50%) ;
}
.buttons-inside   .zoombox-button-previous
{
  left:3px;
  top:50%;
  transform: translate(0, -50%) ;
}

.media-zoombox-close-button
{
 width:55px;
 height:55px;
 position:absolute;
 right: 4px;
 top:4px;
 background-image:url(images/close-button-yellow.png);
 background-size: 100% 100%;
 opacity:1;
}
.media-zoombox-close-button:hover
{
 background-image:url(images/close-button-red.png);
 background-size: 100% 100%;
}

/* confirm zoombox*/

.zoombox-overlay.confirm   .zoombox
{
max-width:400px;
background-color: rgba(0,0,0,0.7);
padding: 30px 40px 100px 30px;
}
.zoombox-overlay.confirm   .zoombox-close-btn
{
width: 25px;
height: 25px;
border-radius: 50%;
border: 0px solid white;
background: url(images/close-button-white-x.png);
background-size: 100% 100%;
position: absolute;
top: 5px;
right: 5px;
cursor: pointer;
}
.confirmBox-message
{
color: white;
font-size:20px;
}
.confirmBox-ok-btn,
.confirmBox-cancel-btn
{
position: absolute;
bottom: 10px;
cursor: pointer;
color: white;
padding: 4px 10px;
}

.confirmBox-ok-btn
{
background-color: green;
right:10px;
}
.confirmBox-cancel-btn
{
background-color: red;
left:10px;
}

/*=== page top  ===*/

#page-top-wrapper
{
 /*background-color: #34253C;*/
 color:white;
 padding:0 0 7vw 0; 
 position:relative;
 background-image: linear-gradient( rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.8),
                                    rgba(52,37,60,0.9),
                                    rgba(52,37,60,1 )     ) ;
}
#page-top-background-1,
#page-top-background-2
{
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;   
 overflow:hidden;
 direction:ltr;
 
}
#page-top-background-1.front-page
{
 background-image:url(images/nof-home-image.jpg);
 background-size:100% auto; 
}
#page-top-background-1  img
{
 width:100%;
 height:auto; 
}
#page-top-background-2
{
 background-image: linear-gradient( rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.8),
                                    rgba(52,37,60,0.9),
                                    rgba(52,37,60,1 )     ) ;
}


#page-top-inner-wrapper
{
 position: relative;
 
}
#page-top-inner-wrapper.tama-project
{

}
/*=== front page ===*/

#front-page-top-image-and-slogan-wrapper
{

 margin:4vw auto; 
 display:flex;
 justify-content:center;
 padding:10px;    
}
#front-page-top-image
{
 width: 35%; 
 margin-left:5%;
}
#front-page-top-slogan-wrapper
{
 color:white; 
 width:59%;
}
#top-slogan-text
{
 font-size:3.55vw;
 font-weight:bold;
}
#top-slogan-text span
{
 display:block;   
}
#top-slogan-separator
{
 width:140px;
 height:9px;
 background: #DEAE5A;
 margin:30px 0;
}
a#top-slogan-projects-link
{
  font-size:1.6vw;
  font-weight:500;
  position:relative;
  display:block;
  color:white;
}
a#top-slogan-projects-link:after
{
  content:'  ◄' ;
  display:inline-block;

}
#top-slogan-projects-link span
{
    
}
#front-page-icons-wrapper
{
 width:86%;
 margin:5vw auto; 
 display:flex;
 justify-content:space-between;
 padding:10px; 
}
.front-page-icon-wrapper
{
  text-align:center;  
  width:20%;  
}
.front-page-icon-wrapper.first-icon
{
    
}
.front-page-icon-wrapper.second-icon
{
    
}
.front-page-icon-wrapper.third-icon
{
    
}
.front-page-icon-wrapper.fourth-icon
{
    
}
.front-page-icon-image
{
 width:68%; 
 margin:0 auto; 
}
.front-page-icon-text
{
 font-size:1.68vw;
 font-weight:bold;
}
.front-page-icon-text  span
{
 display:block;   
}
#front-page-video-and-text-wrapper
{
 margin:6vw auto; 
 display:flex;
 justify-content:space-between;
 padding:0; 
}
.front-page-video-wrapper  
{
  width:40%; 
}
.front-page-video-wrapper .single-video-container
{
 width:100%;
 max-width:100%;
}
.front-page-video-text-wrapper
{
 font-size:1.43vw; 
 width:57%; 
 line-height:1.5;
 text-align:justify;
 padding:0 10px;
}
.yellow-text,
.front-page-yellow-text
{
 color:#DEAE5A;
}

#front-page-destiny-block
{
 max-width:80%;
 margin:0 auto; 
 padding-right:13.8vw;
 position:relative;
}

#front-page-destiny-block-title
{
 font-size:2.6vw;
 font-weight:bold;
 padding-bottom:20px;
 color:#DEAD5C;  
 position:absolute;
 bottom:90%;
 right:13.8vw; 
}
#front-page-destiny-block-title:after
{
 content:'';
 display:block;
 position:absolute;
 right: -13vw;
 bottom: -4.2vw;
 width: 10vw;
 height: 10vw;
 background-image:url(images/front-page-asterix.png); 
 background-size:100% 100%;
}
#front-page-destiny-block-text
{
 padding-top:13px;
 font-size:1.6vw;
 color:#322B39;   
}
#front-page-projects-count-wrapper
{
  width:56%;
  margin:6vw auto 0 auto;
  position:relative;
  padding-bottom:20px;
  background:url(images/yellow-background.jpg); 
  background-size: 100% 100%;
  background-position: 0 3.2vw;
  background-repeat: no-repeat;
}

#front-page-projects-count-numbers
{
  display:flex;
  justify-content:space-between;
  font-size:5vw;  
  font-weight:bold;

}
#front-page-projects-count-labels
{
  font-size:2.2vw; 
  display:flex;
  justify-content:space-between; 
  font-weight:bold;  
}
#projects-count,
#meters-count,
#plans-count
{
 width:32.5% ;
 text-align:center; 
}
#projects-label,
#meters-label,
#plans-label
{
 text-align:center;
 width:32.5%     ; 
}
#plans-label
{
 padding-left:14px;
}
#front-page-middle-slogan
{
 color:#DDAF5A;
 background-color:#34253C;
 padding:1vw 3.5vw;
 font-size:2.8vw; 
 font-weight:bold;
 margin:4vw auto;
}

.front-page-projects-outer-wrapper
{
 width:90%; 
 padding:0 1%;
}
.front-page-projects-outer-wrapper.selling
{ 
 margin:1.2vw auto 1vw auto; 
}
.front-page-projects-outer-wrapper.promoted
{ 
 margin:1.2vw auto 8vw auto; 
}
h2.front-page-projects-title
{
 font-size:3.3vw; 
 font-weight:500;
 position:relative;
 display:flex;
 justify-content:stretch;
 align-items:center;
}
.before-title
{
  display:inline-block;
  background-color:#DEAE5A; 
  font-size:40%;
}
.title-text
{
 display:inline-block;
}
.after-title
{
 display:inline-block;
 background-color:#34253C; 
 flex-grow:1;
 font-size:40%;
}

.front-page-projects-wrapper
{
 display:flex;
 justify-content:space-between; 
}
.front-page-projects-item-wrapper
{
 width:24%;
 position:relative; 

}

.tama-projects-item-title,
.front-page-projects-item-title
{
 color:white; 
 position:absolute;
 bottom:0;
 right:0;
 left:0;
 padding: 1.2vw 1.9vw;
}
.tama-projects-item-title
{
  padding: 1vw 1.6vw;   
}
.tama-projects-item-title  .project-city-name
{
 font-size:2vw;
 font-weight:bold;   
}
.tama-projects-item-title  .project-street-address
{
 font-size:1.5vw;
}
.front-page-projects-item-title  .project-city-name
{
 font-size:2.2vw;
 font-weight:bold;
}
.front-page-projects-item-title  .project-street-address
{
 font-size:1.8vw;
}
.tama-projects-item-title:before,
.front-page-projects-item-title:before
{
 content:'';
 display:block;
 position:absolute;
 width:40%;
 height:0.5vw;
 background-color:#DDAF5A;
 background-color:#D4A45C;
 top:0;
 right:1.9vw;
}
.tama-projects-item-title:before
{
 right:1.6vw;    
}
.projects-archive-item-wrapper:hover  .tama-projects-item-title:before,
.projects-archive-item-wrapper:hover  .gradient-layer,
.front-page-projects-item-wrapper:hover  .front-page-projects-item-title:before,
.front-page-projects-item-wrapper:hover  .gradient-layer
{
 display:none
}
.projects-archive-item-wrapper:hover  .tama-projects-item-title,
.front-page-projects-item-wrapper:hover  .front-page-projects-item-title
{
 background-color:rgba(54,39,60,0.6);
}


/*=== end styles for front page ===*/

/*===  nofeng pages and posts ===*/

#main-content
{
  font-size:170%;  
}
body.page-id-66 #content-wrapper
{
 max-width:93%;  
}
body.page-id-66 h1#page-title
{
  margin-top:11vw;  
}
body.page-id-66 .yellow-separator
{
  margin: 6vw auto  8vw auto;   
}
body.page-id-67 .yellow-separator
{
 margin: 6vw auto  6vw auto;
}
body.single-tama_project .yellow-separator 
{
 margin: 2vw auto ;
}
body.page-id-68 .yellow-separator
{
 margin: 6vw auto  11vw auto;
}

body.page-id-68  #page-top-background-2
{
 background-image: linear-gradient( rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.7),
                                    rgba(52,37,60,0.7),
                                    rgba(52,37,60,0.8),
                                    rgba(52,37,60,0.9),
                                    rgba(52,37,60,1)
                                                       ) ;
}

body.page-id-67 #content-wrapper
{
 max-width:78%;
}
body.page-id-67  #main-content 
{
  font-size: 1.4vw;
  font-weight:500;
}
body.page-id-67 #block-1
{
  padding-top:5.5vw;
  text-align:justify;
}
body.page-id-67 #block-2
{
 margin-top:20px; 
 text-align:justify;  
}
body.page-id-67  img.wp-image-101
{
 margin: 0 0 3% 3%;
 width: 38%;
 float: right;   
}
body.page-id-67  img.wp-image-86
{
 margin: 0  3% 3% 0;
 width: 35%;
 float: left;   
}
body.page-id-3  #content-wrapper  
{
 max-width:100%;
}

#team-page-top-text
{
width: 55vw;
padding:42vw 20px 20px 20px;
margin: 30px auto;
text-align: justify;
font-size:1.35vw;
}

#team-outer-wrapper
{
 padding:4vw 20px;
}
.team-person
{
 display:inline-block;
}

.team-person-image
{
 display:inline-block;
 border-radius:50%;
 overflow:hidden; 
 vertical-align:middle;
}
.team-person-text-wrapper
{
 display:inline-block; 
 vertical-align:middle;
 width:20vw;
}
.team-person-title
{
 font-size:1.31vw; 
 font-weight:bold; 
}
.team-person-text
{
 font-size:1.26vw; 
 font-weight:500; 
 text-align:justify;
}

#team-ceo-wrapper
{
 width:73vw;
 margin:2vw auto; 
}

.team-person.ceo  .team-person-text-wrapper  .team-person-text
{
  width:50vw;
  text-align:justify;
}
.team-person.ceo  .team-person-image
{
 max-width:16vw;
 max-height:16vw;
 margin-left:2.8vw; 
}
.team-person.ceo   .team-person-text-wrapper
{
 width:53vw;   
}
#team-persons-wrapper
{
 margin:4vw auto;
 text-align:center;
}
.team-person.person-2,
.team-person.person-1
{
 width:38vw;
 margin:1vw;
}
.team-person  .team-person-image
{
  max-width:15vw;
  max-height:15vw; 
  margin-left:1.4vw;  
}
.team-person   .team-person-text,
.team-person   .team-person-title
{
 text-align:right;
}




body.page-id-3 #page-top-wrapper  /* 'the team' page */
{
  padding-bottom:30px;  
}
body.page-id-3  #page-top-background-2 {
    background-image: linear-gradient( 
 
    rgba(52,37,60,0.6), 
    rgba(52,37,60,0.6), 
    rgba(52,37,60,0.6), 
    rgba(52,37,60,0.7), 
    rgba(52,37,60,0.8), 
    rgba(52,37,60,0.9), 
    rgba(52,37,60,1)  ,
    rgba(52,37,60,1)  ,
    rgba(52,37,60,1 ) );
}

#tama-top-icons-block
{
 width:100%;
 display:flex;
 justify-content:space-between;
 margin:40px auto 30px auto;
}
.tama-top-icon-wrapper
{
  width:21%;  
  text-align:center;
}
.tama-top-icon-wrapper  .icon-text
{
  font-weight:bold;
  font-size: 1.57vw;
  line-height:1.2;
}
.tama-top-icon-wrapper  .icon-image
{
 max-width:70%;
 margin:0 auto;
}
#tama-projects-wrapper,
#residential-projects-wrapper
{
 margin:8vw auto;
 display:flex;
 flex-wrap:wrap;
 max-width:100%;
 justify-content:center;
 align-items:stretch;
}
#tama-projects-wrapper
{
 margin:7vw auto;   
}
.projects-archive-item-wrapper
{
 width:31%;
 margin: 1% ;
}
.projects-archive-item-image-wrapper
{
 position:relative;
 display:block;
}
.gradient-layer
{
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;   
 background-image: linear-gradient( rgba(52,37,60,0),
                                    rgba(52,37,60,0.2),
                                    rgba(52,37,60,0.5),
                                    rgba(52,37,60,0.7),
                                    rgba(52,37,60,0.8),
                                    rgba(52,37,60,0.9),
                                    rgba(52,37,60,1 )     ) ;
}
.projects-archive-item-title
{
 position:absolute;
 bottom:0px;
 right:0px;
 left:0px;
 color:white;
 font-size:2vw;
 font-weight:bold;
 padding:1vw 1.6vw 1.2vw 6px;
}
.projects-archive-item-title:before
{
 content:'';
 display:block;
 position:absolute;
 width:30%;
 height:0.6vw;
 background-color:#DDAF5A;
 background-color:#D4A45C;
 top:-0.7vw;
 right:1.6vw;
}
.projects-archive-item-text
{
 font-size:1.3vw;
 font-weight:bold;
}
.projects-archive-item-text  p:first-of-type
{
 margin-top:0.4vw;
}

.projects-archive-item-image-wrapper:hover   .projects-archive-item-title:before,
.projects-archive-item-image-wrapper:hover   .gradient-layer,
.tziburit-section-image:hover  .gradient-layer
{
 display:none;    
}
.projects-archive-item-image-wrapper:hover   .projects-archive-item-title
{
 background: rgba(54,39,69,0.5);
}
h1,
#page-title
{
 margin-top:7vw;
 font-size:100%;  
 text-align:center;
}
body.single-tama_project h1#page-title 
{
  margin-top:4vw;  
}
body.single-tama_project   #page-top-background-2
{
 background-image: linear-gradient( rgba(52,37,60,0.4),
                                    rgba(52,37,60,0.5),
                                    rgba(52,37,60,0.6),
                                    rgba(52,37,60,0.7),
                                    rgba(52,37,60,0.8),
                                    rgba(52,37,60,0.8),
                                    rgba(52,37,60,0.9)
                                                       ) ;
}
#title-line-1
{
 color:#E0AC59;
 font-size: 3.2vw; 
 display:block;
}
#title-line-2
{
 color:white;
 font-size:3.2vw;  
 display:block; 
}
#project-status
{
 color:#E0AC59;
 font-size:260%; 
 text-align:center; 
 font-weight:500;
}
.yellow-separator
{
 background-color:#DBAA5B;
 width: 8.6vw;
 height: .9vw;
 margin: 4vw auto;
}

#project-arhitect
{
 color:white;
 font-size: 1.8vw;
 text-align:center; 
}
#project-galleries
{
 display:flex;
 flex-wrap:wrap;
 justify-content:center; 
 padding:80px 0 10px 0;
}
.project-media-button,
#project-sell-text-wrapper  a
{
 padding:8px 30px;
 font-size: 2vw;
 font-weight:500;
 margin:30px;
 background-color:#DBAA5B;
 color:#322B39;
 width: 250px;
 text-align: center;
 cursor:pointer;
}
#project-sell-text-wrapper
{
 text-align: center;
}
#project-sell-text-wrapper a
{
color: #322B39;
display:inline-block;
width:auto;
max-width:80%;
}
.tama-project-detials-blocks-wrapper
{
 width:100%;   
}
.tama-project-detials-blocks-row
{
 display:flex;
 justify-content:space-between;
 width:100%;
 max-width:950px;
 margin:50px auto;
 text-align:center;
}
.tama-project-detail-block-wrapper
{
 width:30%;   
 text-align:center;
}
.tama-project-detail-number
{
 font-size:270%;
 font-weight:bold; 
}
.tama-project-detail-icon
{
 max-width:120px; 
 margin:0 auto; 
}
.tama-project-detail-label
{
 font-size:160%; 
 font-weight:bold;  
}
#project-middle-block-1,
#project-middle-block-2
{
 display:flex;
 justify-content:center;
 max-width:1500px;
 margin:100px auto 30px auto;  
 font-size:150%;
}
#project-middle-block-1>div,
#project-middle-block-2>div
{
 width:45%;
}
#project-middle-block-1>div:first-of-type,
#project-middle-block-2>div:first-of-type
{
 margin-left:9%;
}
#project-text-1-wrapper h2:first-of-type,
#project-text-1-wrapper h3:first-of-type
{
 margin-top:0;
}
#project-middle-block-2
{
 margin:30px auto 30px auto;    
}

/*=== public constructions page ===*/

#page-tziburit-wrapper
{
 margin:8vw auto;
 max-width: 1180px;
}
.tziburit-section-wrapper
{
  display: flex;
  justify-content: space-around;
  margin: 50px auto;
  align-items:center;
}
.tziburit-section-text-wrapper
{
 width:53%;
 padding-top:0px;
}
.tziburit-section-text
{
  font-weight:bold;   
  font-size:116%;
}
.tziburit-section-image
{
 position: relative;
 width:35%
}
.tziburit-section-image.section-2  .gradient-layer
{
  opacity:0.7;  
}
h2.tziburit-section-title
{
 font-size:170%;  
 position:relative;  
}
h2.tziburit-section-title:before
{
 content: '';
 display: block;
 position: absolute;
 width: 130px;
 height: 10px;
 background-color: #D4A45C;
 top: -20px;
 right: 0px;
}

body.page-id-69  #middle-wrapper  /* contact us page */
{
 background-color: #34253C; 
}
body.page-id-69  #bottom-wrapper
{
 display:none;   
}

a.footer-link
{
 color:white;
 display:block; 
}
#footer-contact-us-line
{
 text-align:center;
 padding:20px;
 font-size: 2vw;
 font-weight:bold;
 background-color: #D4A45C;
}


/*===  end of nofeng pages and posts ===*/

/*===  footer ===*/


#footer-blocks
{
display:flex;
justify-content:space-between;
align-items: top;
padding:40px 0 70px 0;
}
#footer-block-1
{
max-width:10%;
padding-top: 25px;
}
#footer-block-2
{
width:38%;
}
#footer-block-3
{
width:44%;
padding-top: 33px;
font-size:1.7vw;
color:white;
}
#footer-logo-wrapper
{
width: 100%;
}
#footer-block-3-first-p
{
color:#DEAE5A;
font-weight:bold;
margin-top:8px;
}
#contact-form-2-outer-wrapper
{
border: 0px solid;
background-color: transparent;
font-family: Heebo;
}
#contact-form-2-outer-wrapper .contact-form-input 
{
font-family: Heebo;
}
#contact-form-2-inner-wrapper
{
width:100%;
}
#contact-form-2-send-btn-wrapper .contact-form-send-button
{
background-color: #DEAE5A;
color:#34253C;
padding: 10px 60px;
font-weight:bold;
font-family: Heebo;
}
#contact-form-2-name-input-wrapper,
#contact-form-2-phone-input-wrapper
{
display:inline-block;
width: 47%;
margin-bottom:0%;
}
#contact-form-2-name-input-wrapper
{
margin-left:4%;
}
#name-input-contact-form-2,
#phone-input-contact-form-2
{
width: 100%;
}
#contact-form-2-message-input-wrapper
{
 margin-top:4%;
 width:98%;
}



/*=== media queries ===*/



@media screen and (max-width: 1600px)
{
  #footer-inner-wrapper
  {
   max-width:92%;
  }      
}
@media screen and (max-width: 1280px)
{
  #header-wrapper
  {
   max-width:100%;
   padding:16px 0 0 4%;
  }  
  #main-menu a
  {
    font-size:106%;  
    padding:6px 7px;
  }
}
@media screen and (max-width: 1180px)
{

}
@media screen and (max-width: 1000px)
{
  #top-slogan-text span
  {
    display:inline;  
  }
  #main-navbar-wrapper
  {
   text-align:right; 
  }
  #header-wrapper
  {
   text-align:right;
  }
  #main-navbar-wrapper   .main-menu-toggler,
  #main-navbar-wrapper.fixed   .main-menu-toggler
  {
    display:block;
  } 
  body.page-id-3   #main-navbar-wrapper.fixed,  
  #main-navbar-wrapper.fixed
  {
   transform:translate(0,0);  
  } 
  
}

@media screen and (max-width: 960px)
{
  input.contact-form-input.name   ,
  input.contact-form-input.email  ,
  input.contact-form-input.phone  ,
  input.contact-form-input.subject ,
  textarea.contact-form-input.message
  {
   font-size: 1.7vw;
  }
  #footer-block-3 
  {
    font-size: 1.8vw;
  }
  .front-page-projects-outer-wrapper
  {
   margin:30px auto; 
  }
  h2.front-page-projects-title
  {
   font-size: 240%;
  }
  .tama-projects-item-title  .project-city-name
  {
   font-size:140%; 
  }
  .tama-projects-item-title  .project-street-address
  {
   font-size:120%;
  }  
  .front-page-projects-item-title  .project-city-name
  {
   font-size:166%;
  }
  .front-page-projects-item-title  .project-street-address
  {
   font-size:130%;
  }
  .tama-projects-item-title:before,
  .front-page-projects-item-title:before
  {
    height:6px; 
  }
  #footer-contact-us-line
  {
   font-size:180%;
  }
  #main-content
  {
    font-size:110%;  
  }
  #team-outer-wrapper
  {
   padding-top:50px;  
  }
  #team-ceo-wrapper
  {
   margin-bottom:40px;  
  }
  
    
  .projects-archive-item-title
  {
    font-size:130%  
  }
  .projects-archive-item-title:before
  {
    width:65px;
    height:6px;  
    top:-16px;    
  }
  .team-person-title 
  {
   font-size:1.8vw;
  }
  .team-person-text 
  {
    font-size:1.4vw;
  }
  .projects-archive-item-text
  {
    font-size:100%;  
  }  
   #project-middle-block-1,
   #project-middle-block-2
   { 
    font-size:116%;
   }  
   h1,
   #page-title
   {
    margin-top:30px;
    font-size:100%;  
   }
   #title-line-1
   {
    font-size:260%;  
   }
   #title-line-2
   {
    font-size:230%;  
   }
   #project-status
   {
    font-size:180%; 
   }
   .yellow-separator
   {
    width:120px;
    height:10px; 
    margin:26px auto;
   }

   #project-arhitect
     {
    font-size:150%; 
   }
   #project-sell-text-wrapper a:after
     {
    width: 30px;
    height: 45px;
    transform: translate(-20%, 20%);
  }
   #project-galleries
   {
    padding:60px 0 10px 0;
   }
   .project-media-button,
   #project-sell-text-wrapper a
   {
    padding:5px 26px;
    font-size: 150%;
    margin:26px;
    width: auto;
   }    
  #page-top-wrapper.tama-project
  {
    padding-bottom:50px;
  }      
  #page-top-background-1  img
  {
   width:160%;
   height:auto; 
  } 
  body.page-id-3 #page-top-background-1 img
  {
   width:120%    
  }
  #top-slogan-separator 
  {
   width: 120px;
   height: 7px;
   margin: 20px 0;
  }
  #front-page-top-image-and-slogan-wrapper,
  #front-page-icons-wrapper,
  #front-page-video-and-text-wrapper
  {
    padding:0 40px;  
  }  
  #sidebar-first-wrapper,
  #side-menu-wrapper
  {
    width:28%;
  }
   .tziburit-section-text
   { 
     font-size:110%;
   }
   h2.tziburit-section-title
   {
    font-size:130%;  
    margin-bottom:5px;
   }
   h2.tziburit-section-title:before
   {
    width: 110px;
    height: 6px;
    top: -20px;
   }
  body.page-id-67 #content-wrapper
  {
    width: 92%; 
    max-width:92%;
  }  
  body.page-id-67 #main-content
  {
    font-size:1.62vw;  
  }
}

@media screen and (max-width: 900px)
{
  .archive-item-image-container
  {
    max-width:40%;
  }
   body.home #site-branding,
  #site-branding
  {
   width:14% ;     
  }
}

@media screen and (max-width: 850px)
{
  #contact-form-2-name-input-wrapper,
  #contact-form-2-phone-input-wrapper,
  #contact-form-2-message-input-wrapper
  {
   display:block;
   width: 98%;
   margin: 10px auto;
  }   
    
    
  .tama-projects-item-title  .project-city-name
  {
   font-size:130%; 
  }
  .tama-projects-item-title  .project-street-address
  {
   font-size:110%;
  }  
  h2.front-page-projects-title
  {
   font-size: 220%;
  }
  .projects-archive-item-title
  {
    font-size:118%  
  }

   #project-middle-block-1,
   #project-middle-block-2
   { 
    font-size:108%;
   }  
   #project-middle-block-1
   {
    display:block;   
   }
   #project-middle-block-1>div:first-of-type,
   #project-middle-block-1>div
   {
     margin:30px auto;
     max-width: 700px ;
     width:100%;     
   }
   #project-middle-block-1>div#project-text-1-wrapper
   {
      max-width: 500px ;
   }

  #front-page-projects-count-wrapper
  {

  }
  
  #front-page-projects-count-numbers
  {

  }
  #front-page-projects-count-labels
  {

  }
  #top-slogan-separator 
  {
   width: 100px;
   height: 7px;
   margin: 20px 0;
  }
  body.rtl    #sidebar-first-wrapper,
  body.ltr    #sidebar-first-wrapper,
  body.rtl    #side-menu-wrapper,
  body.ltr    #side-menu-wrapper
     {
    width:31%;
   }
  body.ltr.with-sidebar-first    #content-wrapper ,
  body.rtl.with-sidebar-first    #content-wrapper
    {
    width:65%;
  }
 .gallery-video-container,
 .gallery-image-container
    {
   width:31%;
   margin:3px;
  }
 .archive-item-image-container
  {
     max-width:45%;
   }
   body.page-id-3 #page-top-background-1 img
   {
    width:110%    
   }
   body.page-id-3 #team-page-top-text
   {
    padding-top:300px;   
   }
   .tziburit-section-text-wrapper
   {
    width:54%;
   }
   
   
   
   
   
   #team-page-top-text
   {
   width:92%;
   font-size:2vw;
   }
   #team-outer-wrapper
   {
    padding:4vw 20px;
   }
   .team-person
   {
    display:inline-block;
   }
   .team-person   .team-person-image
   {
    display:block;
    max-width:210px;
    max-height:210px;
    margin:20px 0 20px 20px; 
   }
   .team-person-text-wrapper
   {
    display:block; 
    width:100%;
   }
   .team-person-title
   {
    font-size:2.5vw; 
   }
   .team-person-text
   {
    font-size:2.2vw; 
   }
   
   #team-ceo-wrapper
   {
    width:100%;
    margin:4vw auto; 
   }
   .team-person.ceo  .team-person-text-wrapper  .team-person-text
   {
    width:100%;
   }
   .team-person.ceo  .team-person-image
   {
    max-width:220px;
    max-height:220px;
    margin:20px 0 20px 20px; 
    vertical-align:top;
   }
   .team-person.ceo   .team-person-text-wrapper
   {
    width:100%;   
   }
   .team-person.person-2,
   .team-person.person-1
   {
    width:43%;
    margin:3%;
    vertical-align:top;
   }
  
}
@media screen and (max-width: 800px)
{
  .front-page-projects-outer-wrapper
  {
   margin:20px auto; 
  }
  .front-page-projects-item-title  .project-city-name
  {
   font-size:156%;
  }
  .front-page-projects-item-title  .project-street-address
  {
   font-size:120%;
  }
  .team-person-title
  {
   font-size:120%; 
  }
  .team-person-text
  {
   font-size:110%; 
  }
}
@media screen and (max-width: 750px)
{
  #contact-form-2-send-btn-wrapper
  {
  width: 98%;
  float:none;
  margin: 0 auto;
  }
  #contact-form-2-send-btn-wrapper #contact-form-submit-button
  {
   width: 100%;
  }
  body.home #site-branding,
  #site-branding
  {
   width:16% ;     
  }
  body.page-id-66 #content-wrapper,
  body.page-id-67 #content-wrapper,
  #content-wrapper,
  #page-top-inner-wrapper,
  #front-page-icons-wrapper,
  #footer-inner-wrapper  
  {
    width: 100%; 
    max-width:100%;
  }  
  body.page-id-67 #main-content
  {
   font-size:2vw;
  }      
  h2.front-page-projects-title
  {
   font-size: 200%;
  }
  .projects-archive-item-title
  {
    font-size:118%  
  }    
  .tama-projects-item-title,
  .front-page-projects-item-title
  {
    padding:15px 10px;  
  }
  .front-page-projects-item-title:before
  {
    right:9px;  
  }
  .front-page-projects-item-title  .project-city-name
  {
   font-size:130%;
  }
  .front-page-projects-item-title  .project-street-address
  {
   font-size:100%;
  }
   #footer-contact-us-line
   {
    font-size:180%;
   }
   .tama-top-icon-wrapper
   {
    width:23%;   
   }
   .tama-top-icon-wrapper  .icon-text
   {
     font-size:2.2vw;
   }
   .tziburit-section-text
   { 
     font-size:100%;
   }
   h2.tziburit-section-title
   {
    font-size:110%;  
    margin-bottom:5px;
   }
   h2.tziburit-section-title:before
   {
    display:none
   }
    .tziburit-section-text-wrapper
   {
    width:48%;
   }
   .tziburit-section-image
   {
    width:45%
   }
   .tziburit-section-image  .gradient-layer
   {
    display:none
   }
   body.page-id-67 #block-1
   {
     padding-top:30px;
   }
   body.page-id-67  img.wp-image-101,
   body.page-id-67  img.wp-image-86
   {
    margin:20px 0;
    width: 98%;
    float: none;   
   }
   body.page-id-3 #team-page-top-text
   {
    padding-top:280px;   
   }
  #team-outer-wrapper
  {
   padding:10px 2%;  
  }
  #team-ceo-wrapper
  {
   margin-bottom:30px;  
  } 

  .projects-archive-item-wrapper
  {
   width:46.4%;  
  }
  .tama-projects-item-title,
  .projects-archive-item-title
  {
    font-size:124% ;
    padding:4px 8px;
    bottom:0;
    right:0;
    left:0;
    background:rgba(54,39,69,0.5);   
  }
  #tama-projects-wrapper  .gradient-layer,
  #residential-projects-wrapper  .gradient-layer,
  .tziburit-section-image  .gradient-layer
  {
    display:none;  
  }
  .tama-projects-item-title:before,
  .projects-archive-item-title:before
  {
    display:none 
  }

   h1,
   #page-title
   {
    margin-top:80px;
    font-size:100%;  
   }
   #title-line-1
   {
    font-size:210%;  
   }
   #title-line-2
   {
    font-size:190%;  
   }
   #project-status
   {
    font-size:150%; 
   }
   .yellow-separator
   {
    width:90px;
    height:5px; 
    margin:20px auto;
   }
   #project-arhitect
     {
    font-size:120%; 
   }
 
   #project-galleries
   {
    padding:40px 0 10px 0;
   }
   .project-media-button,
   #project-sell-text-wrapper  a
     {
    padding:4px 18px;
    font-size: 130%;
    margin:16px;
    width: 130px;
   } 
   #project-sell-text-wrapper  a
     {
    width:auto;
   }   
  .tama-project-detail-number
  {
   font-size:250%;
  
  }
  .tama-project-detail-icon
  {
   max-width:100px; 
  }
  .tama-project-detail-label
  {
   font-size:130%; 
  }
  #page-top-background-1  img
  {
    width:170%    
  } 
  #page-top-background-1.front-page
  {
   background-image:url(images/nof-home-image.jpg);
   background-position: -200px 0;
   background-size:170%;
  }

  #front-page-middle-slogan
  {
   font-size:24px;
   padding:16px 20px;
   text-align:center;
   margin:20px auto 40px auto;
  } 
  #front-page-middle-slogan  span
  {
   display:block;
  } 
  #front-page-top-image-and-slogan-wrapper,
  #front-page-icons-wrapper,
  #front-page-video-and-text-wrapper
  {
    padding:0 20px;  
  }  
  #front-page-video-and-text-wrapper 
  {
    margin: 40px auto;
    display: block;
    padding: 10px;
  }
  .front-page-video-wrapper 
  {
    width: 80%;
    margin: 10px auto;
  }
  .front-page-video-wrapper  .single-video-container
  {
    float:none;   
  }
  .front-page-video-text-wrapper
  {
    font-size: 2.8vw;
    margin:30px auto;
    width:86%;
  }
  #front-page-destiny-block
  {
    padding:16px;   
  }
  #front-page-destiny-block-title 
  {
    font-size:4.6vw;
  }  
  #front-page-destiny-block-title:after 
  {
    bottom: -1vw;
  }
  #front-page-destiny-block-text
  {
    font-size: 3.3vw;
    padding-top:10px;
  }   
  #top-slogan-separator 
  {
   width: 100px;
   height: 6px;
   margin: 16px 0;
  }
  #front-page-top-image-and-slogan-wrapper,
  #front-page-icons-wrapper,
  #front-page-video-and-text-wrapper
  {
    padding:0 30px;  
  }  
  body.rtl.with-sidebar-first   #content-wrapper,
  body.ltr.with-sidebar-first   #content-wrapper,
  body.rtl   #sidebar-first-wrapper,
  body.ltr   #sidebar-first-wrapper,
  body.rtl   #side-menu-wrapper,
  body.ltr   #side-menu-wrapper
   {
     display:block;
     width:100%%;
     max-width:100%;
     padding-right:1%;
     padding-left:1%;
     margin-left:auto;
     margin-right:auto;
     float:none;
   }
  #main-menu.desktop-style
   {
      text-align:right;
   }

 .gallery-video-container,
 .gallery-image-container
  {
   width:47%;
   margin:3px;
  }
  .archive-item-image-container
  {
    max-width:50%;
  }

 .zoombox-button-next
  {
   left:-60;
  }
  .zoombox-button-previous
  {
    right:-60;
  } 
  .front-page-projects-outer-wrapper
  {
   margin:10px auto; 
  }
  input.contact-form-input.name   ,
  input.contact-form-input.email  ,
  input.contact-form-input.phone  ,
  input.contact-form-input.subject ,
  textarea.contact-form-input.message,
  #footer-block-3 
  {
    font-size: 2.2vw;
  }
}
@media screen and (max-width: 650px)
{
  #footer-contact-us-line
  {
   font-size:150%;
  }
  body.page-id-67 #main-content
  {
   font-size:100%;
  } 
   #team-persons-wrapper
   {
    text-align:right;   
   }
  .team-person.person-1,
  .team-person.person-2
  {
    display:block;
    width:100%;
    margin:40px auto;       
  }
  .team-person .team-person-image 
  {
    display: inline-block;
    margin: 0 0 0 14px ;
  }
  .team-person .team-person-text-wrapper 
  {
    display: inline-block;
    vertical-align:top;
    width:calc(100% - 240px);
  }
   h2.front-page-projects-title
  {
   font-size: 190%;
  }
   .projects-archive-item-title
   {
     font-size:100%  
   }
   #project-middle-block-1,
   #project-middle-block-2
   { 
    font-size:100%;
   }  
  .tama-project-detail-number
  {
   font-size:220%;
  
  }
  .tama-project-detail-icon
  {
   max-width:90px; 
  }
  .tama-project-detail-label
  {
   font-size:120%; 
   line-height:1.2; 
  }
  #page-top-background-1  img
  {
    width:180%
  } 
  #front-page-projects-count-wrapper
  {
    background-position: 0 24px;
    width:86%;
  }
  
  #front-page-projects-count-numbers
  {
    font-size:230%;  
  }
  #front-page-projects-count-labels
  {
    font-size:120%;  
  }
  #main-navbar-wrapper
  {
   max-width:79% ;  
  }
  body.home #site-branding,
  #site-branding
  {
   width:20% ;     
  }
  .single-image-container.portrait
   {

   }
   .single-video-container,
   .single-image-container,
   #page-slider-container 
   {

   }
   #field-image-gallery,
   .main-image-gallery,
   .block-image-gallery,
   .main-video-gallery,
   .block-video-gallery
  {
   width:99%;
   padding-left:2%;
  }
 .gallery-image-container
  {
   width:97%;
   margin:4px auto;
  }
 .gallery-video-container
   {
   width:97%;
   margin:4px auto;
  }
 .yt-video-poster
    {
   width:97%;
   margin:4px auto;
  }
 .archive-item-image-container
  {
     max-width:55%;
  }
}

@media screen and (max-width: 600px)
{
  #footer-contact-us-line
  {
   font-size:140%;
  }
  .front-page-projects-outer-wrapper
  {
    padding:0 2% ; 
  }
  .front-page-projects-item-title
  {
    padding:20px;  
  }
  .front-page-projects-item-title:before
  {
    right:20px;    
  }
  .front-page-projects-wrapper
  {
   flex-wrap:wrap;   
  }
  .front-page-projects-item-wrapper
  {
   width:49%;
   margin-bottom:2%;   
  }
  .tama-projects-item-title  .project-city-name
  {
   font-size:126%; 
  }
  .tama-projects-item-title  .project-street-address
  {
   font-size:110%;
  }  
  .front-page-projects-item-title  .project-city-name
  {
   font-size:160%;
  }
  .front-page-projects-item-title  .project-street-address
  {
   font-size:120%;
  }
  #credits,
  #copyrights
  {
    float:none;
    padding:1px 8px;
  }
  .tama-top-icon-wrapper  .icon-text
  {
    font-size:110%;
  }
}
@media screen and (max-width: 550px)
{ 
  #footer-contact-us-line
  {
   font-size:130%;
  }
  #footer-blocks
  {
    display:block;
    width:98%;
    margin:10px auto;
  }
  #footer-block-1
  {
    display:none;
  }
  #footer-block-2,
  #footer-block-3 
  {
   width:98%;
  }
  input.contact-form-input.name   ,
  input.contact-form-input.email  ,
  input.contact-form-input.phone  ,
  input.contact-form-input.subject ,
  textarea.contact-form-input.message,
  #footer-block-3 
  {
   font-size: 100%;
  }
  .front-page-projects-outer-wrapper 
  {
   width:98%;   
  }
  h2.front-page-projects-title
  {
   font-size: 180%;
  }
  .front-page-projects-item-title  .project-city-name
  {
   font-size:160%;
  }
  .front-page-projects-item-title  .project-street-address
  {
   font-size:116%;
  }
  .tama-top-icon-wrapper  .icon-text
  {
    font-size:2.6vw;
  }
   .tziburit-section-wrapper
   {
    display:block;  
   }
   .tziburit-section-text-wrapper,
   .tziburit-section-image
   {
    width:98%;
    margin:20px auto;
   }

  #team-page-top-text
  {
   font-size: 100%;
   padding: 430px 20px 20px 20px;   
  }
  #team-persons-wrapper
  {
    display:block  
  }
  .team-person.person-1,
  .team-person.person-2
  {
    margin:50px auto;       
  }
  .team-person .team-person-image 
  {
    display: block;
    margin: 0 0 20px 0 ;
  }
  .team-person .team-person-text-wrapper 
  {
    display:block;
    width:100%;
  }
   #project-middle-block-1,
   #project-middle-block-2
   {
    display:block; 
    margin:8px auto;
    padding:0 10px;    
   }
   #project-middle-block-2>div:first-of-type,
   #project-middle-block-2>div
   {
     margin:30px auto;
     max-width: 700px ;
     width:100%;     
   }
   #project-middle-block-1>div#project-text-1-wrapper
   {
      max-width: unset ;
   }
  #page-top-background-1  img
  {
   width:190%
  } 
  #page-top-wrapper.front-page 
  {
    padding: 0 0 50px 0;
  }
  #top-slogan-separator 
  {
   width: 60px;
   height: 4px;
   margin: 12px 0;
  } 
  #top-slogan-text 
  {
    font-size: 4.8vw;
  }
  a#top-slogan-projects-link
  {
    font-size: 3vw;
  }  
  .front-page-icon-text 
  {
    font-size: 2.6vw;
  }
  .front-page-icon-text span 
  {
    display:inline;
  }
  .front-page-video-text-wrapper
  {
   font-size:3vw;
  }
}
@media screen and (max-width: 480px)
{

  h2.front-page-projects-title
  {
   font-size: 6vw;
  }
  .front-page-projects-item-title  .project-city-name
  {
   font-size:5vw;
  }
  .front-page-projects-item-title  .project-street-address
  {
   font-size:4vw;
  }
  #footer-contact-us-line
  {
   font-size:150%;
  }
  .projects-archive-item-wrapper
  {
   width:98%;  
   margin:20px auto;
  }
  .projects-archive-item-title
  {
    font-size:150%  
  }
  body.page-id-3 #team-page-top-text
  {
   padding-top:160px;   
  }
  .tama-project-detail-number
  {
   font-size:200%;
  }
  .tama-project-detail-icon
  {
   max-width:80px; 
  }
  .tama-project-detail-label
  {
   font-size:110%;  
  }
  .project-media-button
  {
   padding:3px 14px;
   font-size: 124%;
   margin:20px;
   width: 120px;
  }
   #project-sell-text-wrapper  a
    {
   padding:3px 14px;
   font-size: 124%;
   margin:20px;
  }  
  #page-top-background-1  img
  {
    width:200%;
  } 
  #front-page-destiny-block
  {
    padding:16px;   
  }
  #front-page-destiny-block-title 
  {
    font-size:8vw;
  }  
  #front-page-destiny-block-title:after 
  {
    bottom: 0;
  }
  #front-page-destiny-block-text
  {
   text-align:justify;
   font-size:3.5vw;
  }   
  #front-page-projects-count-wrapper
  {
    background-position: 0 20px;
    width:90%;
  }
  
  #front-page-projects-count-numbers
  {
    font-size:180%;  
  }
  #front-page-projects-count-labels
  {
    font-size:110%;  
  }
  #main-navbar-wrapper
  {
   max-width:70% ;  
  }

  #top-slogan-separator 
  {
   width: 40px;
   height: 4px;
   margin: 10px 0;
  }  
  #front-page-top-image-and-slogan-wrapper,
  #front-page-icons-wrapper,
  #front-page-video-and-text-wrapper
  {
    padding:0 10px;  
  }  
  .front-page-video-wrapper,
  .front-page-video-text-wrapper
  {
    width:92%;
  }
  body.rtl   .archive-item-image-container
  {
    max-width:96%;
    display:block;
    margin:15px auto 20px auto;
    float:none;
  }
  .single-image-container.portrait
  {

  }
}

@media screen and (max-width: 450px)
{
 #field-image-gallery,
 .main-image-gallery,
 .block-image-gallery,
 .main-video-gallery,
 .block-video-gallery
  {
   padding:0;
   margin:2% auto;
  }
 .gallery-image-container
    {
   display:block;
   width:94%;
   margin:2.5% auto;
  }
  .language-link
     {
    margin:6px
  }
}
@media screen and (max-width: 400px)
{
  #page-top-background-1  img
  {
    width:210%
  } 
  body.page-id-3 #team-page-top-text
  {
   padding-top:130px;   
  }
} 
@media screen and (max-width: 380px)
{
  #front-page-projects-count-wrapper
  {
    background-position: 0 18px;
    width:90%;
  }
 
  #front-page-projects-count-numbers
  {
    font-size:160%;  
  }
  #front-page-projects-count-labels
  {
    font-size:100%;  
  }
  .front-page-projects-item-title  .project-city-name
  {

  }
  .front-page-projects-item-title  .project-street-address
  {

  }
  #page-top-background-1  img
  {
    width:220%
  } 
  .project-media-button
  {
   padding:3px 8px;
   font-size: 120%;
   margin:8px;
   width: 110px;
  } 
   #project-sell-text-wrapper  a
    {
   padding:3px 8px;
   font-size: 120%;
   margin:8px;
  }   
} 
  
@media screen and (min-width:1000px) and (max-width:2400px)
{
     
 

    
    
    
}