@font-face
{
font-family: 'Arimo';
src: url('fonts/Arimo.eot');
src: url('fonts/Arimo-Italic.eot');
src: url('fonts/Arimo-Bold.eot');
src: url('fonts/Arimo-BoldItalic.eot');
src: url('fonts/Arimo.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo.ttf') format('truetype'),
     url('fonts/Arimo.woff') format('woff'),
     url('fonts/Arimo.svg#svgFontName') format('svg'),
     url('fonts/Arimo-Italic.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-Italic.ttf') format('truetype'),
     url('fonts/Arimo-Italic.woff') format('woff'),
     url('fonts/Arimo-Italic.svg#svgFontName') format('svg'),
     url('fonts/Arimo-Bold.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-Bold.ttf') format('truetype'),
     url('fonts/Arimo-Bold.woff') format('woff'),
     url('fonts/Arimo-Bold.svg#svgFontName') format('svg'),
     url('fonts/Arimo-BoldItalic.eot#iefix') format('embedded-opentype'),
     url('fonts/Arimo-BoldItalic.ttf') format('truetype'),
     url('fonts/Arimo-BoldItalic.woff') format('woff'),
     url('fonts/Arimo-BoldItalic.svg#svgFontName') format('svg');
}
@font-face
{
font-family: 'Alef';
src: url('fonts/Alef-Regular.eot');
src: url('fonts/Alef-Bold.eot');
src: url('fonts/Alef-Regular.eot#iefix') format('embedded-opentype'),
     url('fonts/Alef-Regular.ttf') format('truetype'),
     url('fonts/Alef-Regular.woff') format('woff'),
     url('fonts/Alef-Regular.svg#svgFontName') format('svg'),
     url('fonts/Alef-Bold.eot#iefix') format('embedded-opentype'),
     url('fonts/Alef-Bold.ttf') format('truetype'),
     url('fonts/Alef-Bold.woff') format('woff'),
     url('fonts/Alef-Bold.svg#svgFontName') format('svg');
}

/* assistant-regular - latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/assistant-v1-latin_hebrew-regular.eot'); /* IE9 Compat Modes */
  src: local('Assistant'), local('Assistant-Regular'),
       url('fonts/assistant-v1-latin_hebrew-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v1-latin_hebrew-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v1-latin_hebrew-regular.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-600 - latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/assistant-v1-latin_hebrew-600.eot'); /* IE9 Compat Modes */
  src: local('Assistant SemiBold'), local('Assistant-SemiBold'),
       url('fonts/assistant-v1-latin_hebrew-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v1-latin_hebrew-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v1-latin_hebrew-600.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* assistant-700 - latin_hebrew */
@font-face {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/assistant-v1-latin_hebrew-700.eot'); /* IE9 Compat Modes */
  src: local('Assistant Bold'), local('Assistant-Bold'),
       url('fonts/assistant-v1-latin_hebrew-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/assistant-v1-latin_hebrew-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/assistant-v1-latin_hebrew-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/assistant-v1-latin_hebrew-700.svg#Assistant') format('svg'); /* Legacy iOS */
}
/* 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
{
width:100%;
min-height:100vh;
height:auto;
margin:0px;
padding:0px;
transform-origin:left top;
}
body
{
font-family:Arial;
color:rgba(0,0,0,0.85);
font-size:18px;
width:100%;
min-height:100vh;
height:auto;
margin:0px;
padding:0px;
background:url(images/sandbg2.png);
}

#maintenence
{
display:block;
color:black;
font-size:23px;
margin:20px auto;
text-align:center;
}
#maintenence span
{
font-size:17px;
}
html
{
height:100%;
width:100%;
padding:0px;
margin:0px;
}

body
{
height:auto;
width:100%;
padding:0px;
font-family:'Arimo',Arial,Miryam,sans-serif;
font-size:18px;
color:rgba(0,0,0,0.80);
margin:0;
min-width:300px;
line-height:1.4;
text-align:right;
}

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
{
  position:fixed;
  bottom:0;
  left:0;
  width:30px;
  height:30px;
  cursor:pointer;
}

/* 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;
}

#page-wrapper,
#header-wrapper,
#main-navbar-wrapper,
#middle-wrapper,
#side-menu-wrapper,
#sidebar-second-wrapper,
#sidebar-first-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;
}
#header-wrapper,
#middle-wrapper,
#bottom-wrapper,
#main-menu,
#footer-inner-wrapper
{
 max-width:1280px;
 margin-right:auto;
 margin:0px auto;
}
#header-wrapper
{
width:100%;
position:relative;
padding:0 1%;
}
#middle-wrapper
{
 width:100%;
 margin:0px auto;
 padding:20px 1% 20px 1%;
 flex:1;
}
body.single-tarot_card #content-top
{
  max-width:850px;
  margin:10px auto;
  
}
#footer
{
 width:100%;
 background-color:rgba(0,0,0,0.4);
 margin-top:auto;
}

#footer-top-wrapper
{
 width:100%;
 background-color:rgba(0,0,0,0.4);
}
#footer-bottom-wrapper
{
 width:100%;
 background-color:rgba(0,0,0,0.4);
 text-align:center;
}
#credits,
#copyrights
{
color:white;
font-size:90%;
display:inline-block;
padding:4px 15px;
}
#credit-copyright-separator
{

}
#copyrights
{

}
#copyrights-text
{

}

#copyrights-years
{

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

body.no-sidebars    #content-wrapper
{
width:100%;
padding:0 1%;
box-sizing:border-box;
margin:0 auto;
}

body.rtl.with-sidebar-first   #content-wrapper
{
  width:70%;
  display:inline-block;
  vertical-align:top;
  padding:0 1% 0 0;
  box-sizing:border-box;
  margin: 0 0 10px 0;
  float:left;
}
body.ltr.with-sidebar-first   #content-wrapper
{
  padding:0  0  0 1%;
  float:right
}
body.rtl   #sidebar-first-wrapper,
body.rtl   #side-menu-wrapper
{
  width:26%;
  height:auto;
  display:inline-block;
  vertical-align:top;
  padding:0 0 0 1% ;
  box-sizing:border-box;
  margin-bottom:10px;
  float:right;
}

body.ltr   #sidebar-first-wrapper,
body.ltr   #side-menu-wrapper
{
  padding:0 1% 0 0 ;
  float:left;
}
#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
{
 display:inline-block;
 min-width:220px;
}
#site-title,
h1#site-title
{
 font-size:200%;
 font-weight:bold;
 position:relative;
 padding:0  ;
 margin:10px 0 0 10px;
 display:inline-block;
}
body.rtl     #site-title
{

}
body.ltr     #site-title
{

}

#site-title-on-fixed-navbar
{
 font-size:190%;
 position:relative;
 padding:0px 33px 0 0 ;
 display:none;
 vertical-align:middle;
}
#site-title-on-fixed-navbar:after
{
 content:"";
 display:inline-block;
 position:absolute;
 height:55px;
 width: 27px;
 top:-4px;
 right:0px;
 background:url('images/leor-feather-pen.png') no-repeat;
 background-size: 100% auto;
}
#site-slogan
{
 font-size:150%;
}
#logo-wrapper
{
display:none;
margin: 36px 36px 0px 36px;
}
#logo-wrapper  img
{

}
#language-switcher
{

}
.language-link
{
 text-decoration:none;
 font-size:120%;
}
.language-link
{
 display:inline-block;
}
#language-link-en
{
  float:left;
}
#language-link-he
{
  float:right;
}

/* top-memu */

#top-menu
{
 float:right;
padding:10px; 
}

/*---------------------*/

#page-title,
h1#page-title
{
 font-size:150%;
}

body.ltr.single-tarot_card   #page-title,
body.ltr.single-tarot_card   h1#page-title
{
 margin-top:20px;   
 margin-left:0px;   
}
body.ltr.single-tarot_card  #main-content
{
 max-width: 900px;
 margin: 10px auto;
 padding: 14px;
 background-color: white;  
}
/*=== 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
{
 clear:both;
 font-size:0;
 float:left;
 width:auto;
 width:100%;
 max-width:50%;
 margin:0 3% 3% 0;
 display:inline-block;
}
.single-image-container.portrait
{
 max-width:35%;
}

body.ltr  .single-image-container,
body.ltr  .single-video-container
{
 float:right;
 margin:0 0 3% 3%;
}
body.ltr  .card-info-image-container
{
  display:inline-block;
  width:fit-content;   
  float:right;
  margin:20px 0 3% 3%;
}
.card-info-image-container img
{
 max-height:90vh;
 width:auto; 
}
.single-image-container,
.single-video-container,
#page-slider
{
 border:1px solid white;
 box-shadow: 5px 5px 5px rgba(0,0,0, 0.4);
}
body.ltr   .single-image-container,
body.ltr   .single-video-container
{
 border:1px solid white;
 box-shadow: -5px 5px 5px rgba(0,0,0, 0.4);
}

.single-video-container:first-of-type,
#page-slider-container:first-of-type,
.single-image-container:first-of-type
{
  margin-top:0;
}

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

#main-menu-toggler
{
  display:none;
  margin:8px auto;
  padding:7px;
  border:2px solid transparent;
}
#main-menu-toggler-symbol:focus
{
  border:2px solid white;
}
#main-menu-toggler-symbol
{
  display:inline-block;
  width:50px;
  height:25px;
  background:url("images/menu-symbol-black.png") no-repeat top right;
  background-size: 100% 100%;
  margin-right:0px;
  opacity:1;
  cursor:pointer;
}
body.ltr   #main-menu-toggler-symbol
{
margin-left:20px;
}
#main-menu-toggler-text
{
display:none;
font-size:20px;
color:rgba(0,0,0,0.75);
}
#main-menu-toggler-arrow
{
 display:none;
 background:url("images/menu-toggler-arrow.png") no-repeat top right;
 background-size: 100% 100%;
 width:22px;
 height:22px;
 opacity:1;
 transition:transform .8s linear;
}
/*=== side menu toggler ===*/

#sidemenu-toggler
{
  display:none;
  position:relative;
}

body.rtl  #sidemenu-toggler
{
  text-align:right;
  margin:10px 5px auto auto;
}
body.ltr  #sidemenu-toggler
{
  text-align:left;
  margin:10px  auto 5px auto;
}
#sidemenu-toggler:before
{
 content:'';
 position:absolute;
 top:0px;
 right:0px;
 width:17px;
 height:13px;
 background: url(images/full-down-arrow-white.png) no-repeat top right;
 background-size:100% 100%;
 transition:transform .7s linear;
 z-index:+1;
}
body.ltr  #sidemenu-toggler:before
{
  right:unset;
  left:0px;
}
#sidemenu-toggler-symbol
{
  display:none;
  background:url("images/menu-symbol.png") no-repeat top right;
  background-size: 100% 100%;
}
#sidemenu-toggler-arrow
{
 display:none;
 background:url("images/menu-toggler-arrow.png") no-repeat top right;
 background-size: 100% 100%;
 transition:transform .8s linear;
 width:20px;
 height:20px;
}
#sidemenu-toggler-text
{
font-size:115%;
width:auto;
position:relative;
}

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

#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:white;
}
#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;
}
#main-navbar-wrapper.fixed     #main-menu.mobile-style
{
 width:120%;
 overflow-y:scroll;
 padding-left:20%;
 margin-bottom:0;
 display:inline-block;
}

/*===  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:white;
  background-color:transparent;
  overflow:visible;
  position:relative;
  border-bottom:0px solid  rgba(50,20,100,0.8);
  overflow:visible;
}
body.ltr    #main-navbar-wrapper
{

}
#main-menu
{
  display:none;
}
#main-menu  ul,
#main-menu  li
{
 list-style:none;
 margin:0px;
}
#main-menu   a
{
display:inline-block;
width:auto;
padding:6px 17px 6px 17px;
margin:0px;
text-decoration:none;
font-size:120%;
position:relative;

}

/*=== 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(0,0,0,0.5);
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 .7s 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 ===*/

/*=== 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: #e0e0e0;
 position:absolute;
 top:100%;
 width: 100vw;
 z-index: 1;
 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%;
padding-left:20%;
max-height:calc(100vh - 60px);
overflow-y:scroll;
}
#main-menu.mobile-style li a
{
padding:5px 5px 5px 0px;

}

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

/*====== side menu =======*/
#sidemenu-wrapper
{

}

#side-menu
{
 overflow:hidden;
 transition:max-height .8s linear;
}
body.is-mobile   #side-menu
{
 max-height:0;
}
body.rtl   #side-menu
{
  padding-right:20px;
}
body.ltr    #side-menu
{
   padding-left:20px;
}
#side-menu   .sub-menu
{
 overflow:hidden;
 transition:max-height .8s linear;
 max-height:0;
}
#side-menu ul
{
  padding:0px;
  line-height:1.4;
  position:relative;
  margin-top:10px;
  margin-right:0px;
}
#side-menu > ul
{
 padding:0px;
  line-height:1.4;
  position:relative;
  margin-top:10px;
  margin-right:0px;
}
body.is-mobile    #side-menu > ul
{
  margin-top:0;
}
#side-menu  li
{
width:auto;
position:relative;
list-style-image:none;
list-style-type:none;
margin:0 3px;
}
#side-menu   a
{
display:inline-block;
text-decoration:none;
color:rgba(0,0,0,0.75);
padding:5px 10px 5px 10px;
font-size:120%;
width:auto;
position:relative;
}

/*=== menu item has children ===*/

body.rtl  #main-menu.desktop-style   .menu-item-has-children  a,
body.rtl  #main-menu.mobile-style     .menu-item-has-children  a
body.rtl  #side-menu   .menu-item-has-children  a
{
  padding-right:22px;
  position:relative;
}
body.ltr   #main-menu.desktop-style   .menu-item-has-children  a,
body.ltr   #main-menu.mobile-style     .menu-item-has-children  a
body.ltr   #side-menu      .menu-item-has-children  a
{
  padding-left:22px;
  position:relative;
}
#main-menu.desktop-style  .menu-item-has-children> a:before,
#main-menu.mobile-style    .menu-item-has-children> a:before
#side-menu    .menu-item-has-children> a:before
{
 content:'';
 position:absolute;
 top:15px;
 right:0px;
 width:17px;
 height:13px;
 background: url(images/full-down-arrow-white.png) no-repeat top right;
 background-size:100% 100%;
 transition:transform .7s linear;
 z-index:+1;
}
body.ltr   #main-menu.desktop-style  .menu-item-has-children> a:before,
body.ltr   #main-menu.mobile-style    .menu-item-has-children> a:before
body.ltr   #side-menu   .menu-item-has-children> a:before
{
  left:0px;
  right:unset;
}
#main-menu.desktop-style   .menu-item-has-children.opened> a:before
{
 transform:rotate(180deg);
}
#main-menu.mobile-style   .menu-item-has-children> a:before
#side-menu     .menu-item-has-children> a:before
{
 transform:rotate(90deg);
}
body.ltr   #main-menu.mobile-style  .menu-item-has-children> a:before
body.ltr   #side-menu  .menu-item-has-children> a:before
{
 transform:rotate(-90deg);
}
#main-menu.mobile-style   .menu-item-has-children.opened> a:before
#side-menu   .menu-item-has-children.opened> a:before
{
 transform:rotate(0deg);
}

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

#main-menu.desktop-style li a:before,
#main-menu.mobile-style li a:before
{
 content:"";
 display:block;
 position: absolute;
 top:calc(100% - 7px);
 left:51%;
 bottom:5px;
 right:51%;
 transition:right .25s linear,left .25s linear;
 background-color:#6d2357;
}

#main-menu.desktop-style li.current-menu-item>a:before,
#main-menu.mobile-style li.current-menu-item>a:before
{
 right:10px;
 left:10px;
}
#main-menu.desktop-style  li.current-menu-ancestor>a:before,
#main-menu.mobile-style  li.current-menu-ancestor>a:before
{
  background-color:rgba(255,255,255,1);
  right:10px;
  left:10px;
}


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

.single-video-container,
.gallery-video-container
{
 position:relative;
 display:none;
 width:45%;
 overflow:hidden;
 margin:1%;
 box-shadow:2px 2px 3px rgba(0,0,0,0.1);
}
body.is-desktop-laptop    .single-video-container:after,
body.is-desktop-laptop    .gallery-video-container:after
{
 content:"";
 display:block;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0;
 background:url('images/play-button.png') no-repeat 5% 95%;
 background-size: 18% auto;
 transition:background-position .4s linear, background-size .4s linear;
 opacity:.6
}
body.is-desktop-laptop    .single-video-container:hover:after,
body.is-desktop-laptop    .gallery-video-container:hover:after
{
 opacity:1;
 background:url('images/play-button.png') no-repeat 50% 50%;
 background-size: 28% auto;
}

.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
{
  display:none;
}

/*=== 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%;
  max-width:600px;
  border:0px solid rgba(0,0,0,0.07);
  padding:10px 0;
  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: 100%;
  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 widget block */

#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:']';
}

 /*==== link to significnet ===*/

#copyrights,
#made-by
{
color:white;
font-size:90%;
display:inline-block;
padding:4px 15px;
margin:7px 20px 0 20px;
}

/*=== kufsator (light-box) ===*/

#kufsator-container
{
 width:0px;
 height:0px;
 overflow:hidden;
 position:absolute;
 top:0px;
 left:0px;
 margin:0px;
 padding:0px;
 box-sizing:border-box;
}
#kufsator
{
  width:auto;
  height:auto;
  background-color:grey;
  position:absolute;
  transform:scale(0);
  border:3px solid grey;
  box-sizing:border-box;
  overflow:hidden;
}

#kufsator img
{
  display:none;
  width:100% ;
  height:auto;
}

.hidden-text
{
 display:none;
}
#content-link
{

}
#kufsator-overlay
{
 position:absolute;
 bottom:5%;
 width:90%;
 padding:18px;
 border:1px solid grey;
 box-sizing:border-box;
 right:110%;
 background-color:rgba(255,255,255,0.8);
 transition:all .5s linear;
}
#kufsator-overlay-text
{
 color:rgba(0,0,0,0.9);
 font-family:Arial;
 font-size:18px;
}
#kufsator-overlay-title
{
 font-size:20px;
 font-weight:bold;
}
#kufsator-off-button
{
 position:absolute;
 top:3px;
 right:-15%;
 width:5%;
 border:0px solid grey;
 border-radius:10%;
 background:url('images/kufsator-close-button.png');
 background-size: 100% 100%;
 opacity:.6;
 transition:right 0.3s linear;
}
#kufsator-off-button:hover
{
 background:url('images/kufsator-close-button-hover.png');
 background-size: 100% 100%;
 opacity:.7;
}

#kufsator-button-next,
#kufsator-button-previous
{
 display:block;
 position:absolute;
 top:46%;
 width:5%;
 border:1px solid grey;
 border-radius:50%;
 transition:background 0.4s linear,right 0.3s ease-in-out,left 0.3s ease-in-out;
 opacity:0.7;
}

#kufsator-button-next
{
  background:url("images/kufsator-right-arrow.png");
  background-size:100% 100%;
}
#kufsator-button-next:hover
{
  background:url("images/kufsator-right-arrow-hover.png");
  background-size:100% 100%;
  border:1px solid white;
}
#kufsator-button-previous
{
  background:url("images/kufsator-left-arrow.png");
  background-size:100% 100%;
}
#kufsator-button-previous:hover
{
  background:url("images/kufsator-left-arrow-hover.png");
  background-size:100% 100%;
  border:1px solid white;
}
#kufsator-button-next
{
 right:-20%;
}
#kufsator-button-previous
{
  left:-20%;
}
#kufsator-info-button
{
 display:none;
 position:absolute;
 top:5px;
 left:5px;
 width:10%;
 border:1px solid grey;
 border-radius:1%;
 background:url('images/kufsator-info-button.png');
 background-size: 100% 100%;
 opacity:.6;
 transition:left 0.3s linear;
 cursor:pointer;
}
#kufsator-info-button
{
 border:2px solid rgba(255, 255, 255,0.6);
}

/*=== end of kufsator ===*/

/*=== spinner ===*/

#spin-box
{
display:none;
width:100px;
height:66px;
position:fixed;
top:50%;
left:50%;
transform:translate(-50,-50);
background-color:rgba(0,0,0,0.6);
z-index:999;
border-radius:3px;
}
#spinner
 {
  position:relative;
  margin: 0px auto auto auto;
  top:19px;
  width: 27px;
  height: 27px;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 6px;
  height: 6px;
  background-color:white;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: rotate .8s infinite linear;
  animation: rotate .8s 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% { background-color:white }
  10% { background-color:transparent }
}

@keyframes rotate {
0%, 20%, 100%
 { background-color:white}
10%
{ background-color:transparent ;}
}

#spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.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: -0.8s;
  animation-delay: -0.8s;
}
.container2 .circle1 {
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.container3 .circle1 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.container4 .circle1 {
  -webkit-animation-delay: -0.65s;
  animation-delay: -0.65s;
}

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

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

.container3 .circle2 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.container4.circle2 {
  -webkit-animation-delay: -0.45s;
  animation-delay: -0.45s;
}

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

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

.container3 .circle3 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.container4.circle3 {
  -webkit-animation-delay: -0.25s;
  animation-delay: -0.25s;
}

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

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

.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.container4.circle4 {
  -webkit-animation-delay: -0.05s;
  animation-delay: -0.05s;
}
/*=== end of 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:absolute;
 top:calc(100% + 20px);
 left:5px;
 display:inline-block;
 width:50px;
 height:46px;
 transition:left .6s linear;
}

#accessibility-menu-toggler
{
  width:50px;
  height:46px;
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  background-color:#00b8e7;
  background:url(images/accessibility-icon-02.png);
  background-size:100% 100%;
  background-color:#00b8e7;
  border:2px solid white;
  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;
 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;
  direction:rtl;
  position:absolute;
  left:0px;
  top:100%;
  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;
  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(0,0,0,0.9);
}
.zoombox
{
 max-width:900px;
 width:99vw;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -52%) scale(0);
 transition:transform .5s linear;
 max-height:96vh;
 height:100vh;
 overflow:hidden;
 padding: 24px;
 background-color:white;
 border:2px solid rgba(0,0,0,0.3);
}
.zoombox.card-info-display
{
  max-height:99vh;   
}
.zoombox.card-info-display  .zoombox-inner
{
  max-height:96vh;   
}
.zoombox.media-zoombox
{
 max-width:unset;
 max-height:unset;
 padding:0;

}
.zoombox-overlay.default   .zoombox
{

}

.zoombox-inner
{
 max-height:84vh;
 overflow:auto;
 padding-left:40%;
 width:140%;
 overflow-y:auto;
}
body.ltr .zoombox-inner
{
 max-height:84vh;
 overflow:auto;
 padding-left:0;
 padding-right:40%;
 width:140%;
 overflow-y:auto;
}
.zoombox.confirm   .zoombox-inner
{
 padding-left:0;
 width:100%;
}
.zoombox-close-btn
{
 width:30px;
 height:30px;
 position:absolute;
 right: 4px;
 top:4px;
 background-image:url(images/kufsator-close-button.png);
 background-size: 100% 100%;
 opacity:1;

}
.zoombox-close-btn:hover
{
 background-image:url(images/kufsator-close-button-hover.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;
 top:50%;
 transform: translate(0, -50%) ;
 min-width:40px;
 min-height:40px;
 width:40px;
 height:40px;
 border:1px solid grey;
 border-radius:50%;
 transition:background 0.4s linear,right 0.3s ease-in-out,left 0.3s ease-in-out;
 opacity:0.7;
}

.zoombox-button-next
{
  background:url("images/kufsator-left-arrow.png");
  background-size:100% 100%;
  border:1px solid white;
}
.zoombox-button-next:hover
{
  background:url("images/kufsator-left-arrow-hover.png");
  background-size:100% 100%;
  border:1px solid white;
}
.zoombox-button-previous
{
  background:url("images/kufsator-right-arrow.png");
  background-size:100% 100%;
}
.zoombox-button-previous:hover
{
  background:url("images/kufsator-right-arrow-hover.png");
  background-size:100% 100%;
  border:1px solid white;
}
.zoombox-button-next
{
 left:-60px;
}
.zoombox-button-previous
{
  right:-60px;
}

.zoombox:hover  .zoombox-button-next
{
  left:3px;
}
.zoombox:hover  .zoombox-button-previous
{
  right:3px;
}
/* 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;
}

/* registration page */



#secure-registration-wrapper
{
max-width: 400px;	
margin:40px auto;
padding: 20px;
border: 0px solid #808080;
border-radius: 12px;
background-color:#F2EEE6;
}
#secure-registration-wrapper  h1#page-title
{
text-align:center;
display:block;
}

.regform-input-wrapper
{
margin-top:17px;
}
#secure-registration-wrapper  input
{
width: 100%;
padding: 6px 10px;
font-size: 110%;

display:block;	
}

.regform-button
{
 color:white;
 width: 100%;
 padding: 6px 10px;
 font-size: 110%;
 border-radius:8px;
 cursor:pointer;
}

#email-verification-button
{
 background-color:#21C521;

}
#registration-button
{
 background-color:#1FAEDE;
}



/*=== tarot table ===*/

#help-btn
{
  color:rgba(0,0,0,0.7);
  vertical-align:top;
  display:inline-block;
  margin-right:20px;
  cursor:pointer;  
}

#app-title
{
font-size:144%;
color:#0d1531;
margin:25px 20px 20px 20px;
width:auto;
}
h1#page-title  
 {
  display:inline-block;
  margin:0px 1%;
 }
#user-block
{
  display:inline-block;
  margin:0px 1%;
  float:right;
}
#session-info-container
{
display: inline-block;
margin:7px;
padding:7px;
width:auto;
}
body.logged-in   #session-info-container
{
  border: 0px solid rgba(0,0,0,0.3);
}
#control-buttons-container
{
margin:0px 10px 5px 10px;
width:auto;
}
#tarot-sessions-form
{
  display:block;
  margin:0 auto 5px auto;
}
#tarot-sessions-form  .session-container
{
  display:none;
}
#current-session-display-container
{
 margin-left:0px;
 margin-bottom:7px;
}

#setlayout-label
{
  display:none;
  margin-right:0px;
  vertical-align:bottom;
  color:rgba(0,0,0,0.6);
  font-size:110%;
}

#mode-selection-div
{
width:auto;
display:inline-block;
margin-right:20px;
margin-bottom:4px;
}
#setlayout-div
{
width:auto;
display:inline-block;
margin-bottom:4px;
}


#cards_selection_boxes
{
width:auto;
display:none;
margin:0px 5px;
border-radius:5px;
}
#mode-selectbox,
#setlayout-select,
#cards-selectbox,
#cardgroups-selectbox,
#setlayout,
#current-session-identifier-display,
#current-session-topic-display
{
font-size:100%;
color:rgba(0,0,0,0.75);
background-color: rgba(255,255,255,0.8);
border:1px solid rgba(0,0,0,0.3);
cursor:pointer;
line-height:1.6;
height:30px;
padding:1px 6px ;
box-sizing:border-box;
}
#setlayout
{
  padding-right:0;
}
#cards-selectbox
{
 min-width:140px;
}
#session-selectbox,
#session-delete-box
{
font-size:100%;
color:rgba(0,0,0,0.75);
border-radius:0px;
border:0px solid rgba(0,0,0,0.6);
cursor:pointer;
vertical-align:top;
background-color:transparent;
}

#setlayout   option,
#mode-selectbox   option
{
  padding-right:20px;
}
#mode-selectbox    option,
#session-selectbox    option,
#session-delete-box  option,
#cards-selectbox    option,
#cardgroups-selectbox    option
{
 font-size:100%;
}
#settings-button,
#export-button,
#complete-selection,
#show-list-btn,
#save-sessions,
#shufflebtn,
#warning-status-btn,
#get-open-ai-reading
{
display:inline-block;
box-sizing:border-box;
font-size:100%;
width:auto;
height:30px;
margin:0px 0px 0px 5px;
color:rgba(0,0,0,0.75);
background-color: rgba(255,255,255,0.8);
padding:0px;
line-height:1.6;
border:1px solid  rgba(0,0,0,0.3);
border-radius:6px;
cursor:pointer;
vertical-align:top;
}
#get-open-ai-reading
{
 display:none;   
}
#warning-status-btn
{
 padding:0 6px 0 6px;
 display:none;
}
#warning-status-bullet
{
width:12px;
height:12px;
display:inline-block;
border:3px solid black;
border-radius:50%;
}
#warning-status-btn.warnings-off  #warning-status-bullet
{

}
#warning-status-btn.warnings-on  #warning-status-bullet
{
background-color:blue;

}
#export-button:hover,
#complete-selection:hover,
#show-list-btn:hover,
#save-sessions:hover,
#shufflebtn:hover
{
 background-color:#b7daf7;
}

#sessions-details-label
{
display:none;
box-sizing:border-box;
font-size:110%;
width:auto;
height:30px;
margin:0px 8px 0px 0px;
color:rgba(0,0,0,0.6);
padding:0px;
line-height:1.6;
vertical-align:middle;
}
#settings-button,
#show-list-btn,
#save-sessions,
#complete-selection,
#settings
{
 display:none;
}

#current-session-identifier-display,
#current-session-topic-display
{
  display:none;
  cursor:text;
  width:99.4%;
}
#current-session-identifier-display
{ 
 margin-bottom:4px;
}

#current-session-topic-display
{

}
#identifier-label,
#topic-label
{
  color:#0b456c;
}
body.logged-in    #current-session-identifier-display,
body.logged-in    #current-session-topic-display
{
   display:inline-block;
}
#help-btn
{
  text-align:center;
}

#cards-table
{
position:relative;
border:0px solid black;
box-sizing:border-box;
padding:0px;
margin:0px 10px;
width:1280px;
height:1280px;
}
#back-cards-box
{
box-sizing:border-box;
background:url(images/sandbg2.png);
position:absolute;
display:block;
top:0px;
left:0px;
width:1280px;
height:1280px;
z-index:100;
}
#lightbox
{
position:absolute;
display:block;
top:10px;
left:525px;
width:1px;
height:1px;
opacity:0;
border:1px solid black;
box-sizing:border-box;
border-radius:5px;
z-index:12910;
background-repeat:no-repeat;
background-size:100% 100%;
-webkit-transition:left 0.7s ease-in-out,opacity 0.4s ease-in-out, background-image .4s linear;
-moz-transition:left 0.7s ease-in-out,opacity 0.4s ease-in-out, background-image .4s linear;
transition:left 0.7s ease-in-out, opacity 0.4s linear, background-image .4s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor:pointer;
}

#lightboxoffbtn
{
border:0px solid grey;
border-radius:50%;
background-color:transparent;
font-weight:bold;
font-size:100%;
position:absolute;
top:0px;
right:0px;
color:rgba(0,0,0,0.3);
}
#lightboxoffbtn:hover
{
color:red;
}

#cards-lists-div
{
position:absolute;
box-sizing:border-box;
display:none;
top:10px;
left:770px;
width:210px;
height:384px;
overflow-Y:scroll;
border:1px solid black;
background-color:#faf4eb;
padding:10px 0px;
}
.cardlist
{
list-style:none;
margin-left:0px;
padding-left:10px;
}
.card-list-item
{
cursor:pointer;
font-size:100%;
}
.card-list-item:hover
{
color:red;
}

.backcard
{
box-sizing:border-box;
position:absolute;
width:36px;
height:61px;
background:url(images/tarot-backside-small-inverted.jpg);
background-size: 100% 100%;
border:1px solid rgba(0,0,0,0.5);
border-radius:2px;
margin:3px;
cursor:pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.bcard span.selection-number
{
display:block;
margin:20px auto;
font-size:150%;
text-align:center;
color:white;
}

.card
{
box-sizing:border-box;
position:absolute;
width:36px;
height:61px;
background-color:white;
background:url(images/tarot-backside-medium.jpg);
background-size: 100% 100%;
border:1px solid rgba(0,0,0,0.5);
border-radius:2px;
margin:3px;
-webkit-transition:top 1.6s linear, left 1.6s linear, height 1.6s ease-in-out,width 1.6s ease-in-out;
transition:top 1.6s linear, left 1.6s linear, height 1.6s ease-in-out,width 1.6s ease-in-out, transform .5s linear;
cursor:pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#card-tooltip
{
opacity:0;
height:auto;
width:auto;
position:absolute;
border:0px solid black;
background-color:rgba(0,0,0,0.7);
color:white;
font-size:100%;
padding:25px 15px 15px 15px;
transition:opacity 0.3s linear;
z-index: 13000;
overflow:visible;
}
#tooltip-tip
{
font-size:100%;
text-align:center;
}
#tooltip-arrow
{
width:0px;
height:0px;
position:absolute;
top:100%;
border-top:10px solid  rgba(0,0,0,0.7);
border-bottom:10px solid transparent;
border-right:10px solid transparent;
border-left:10px solid transparent;
}

.draged-card-number,
.selected-card-number
{
box-sizing:border-box;
position:absolute;
bottom:104%;
left:100%;
display:block;
border:0px solid black;
border-radius:8px;
width:16px;
height:16px;
overflow:visible;
font-size:100%;
font-weight:bold;
text-align:center;
padding-top:2px;
line-height:;
}

.draged-card-number
{
color: #8c008c;
left:0%;
}

/*=== end of kufsator ===*/

/*=== spinner ===*/

#spin-box
{
width:100px;
height:100px;
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:9999999999;
border-radius:3px;
}
#spinner 
 {
  position:relative;
  margin: 0px auto auto auto;
  width:50px;
  height:50px;
}

.container1 > div, .container2 > div, .container3 > div {
  width: 12px;
  height: 12px;
  border:2px solid white;
  background-color:#10ACF8;
  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% { background-color:#10ACF8;  border-color:white}
  10% { background-color:transparent ;border-color:transparent}
}

@keyframes rotate 
{
  0%, 20%, 100% { background-color:#10ACF8;  border-color:white}
  10% { background-color:transparent ;border-color:transparent}
}

#spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}

.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.125s;
  animation-delay: -1.125s;
}
.container3 .circle1 {
  -webkit-animation-delay: -1.05s;
  animation-delay: -1.05s;
}
.container4 .circle1 {
  -webkit-animation-delay: -0.975s;
  animation-delay: -0.975s;
}

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

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

.container3 .circle2 {
  -webkit-animation-delay: -0.75s;
  animation-delay: -0.75s;
}
.container4.circle2 {
  -webkit-animation-delay: -0.675s;
  animation-delay: -0.675;
}

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

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

.container3 .circle3 {
  -webkit-animation-delay: -0.450s;
  animation-delay: -0.450s;
}
.container4.circle3 {
  -webkit-animation-delay: -0.375s;
  animation-delay: -0.375s;
}

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

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

.container3 .circle4 {
  -webkit-animation-delay: -0.15s;
  animation-delay: -0.15s;
}
.container4.circle4 {
  -webkit-animation-delay: -0.075s;
  animation-delay: -0.075s;
}
/*=== end of spinner ===*/
/* style for new js created popup message boxes with overlay*/

.popup-overlay
{
 position:fixed;
 top:0;
 left:0;
 width:auto;
 height:auto;
 overflow:auto;
 opacity:0;
 transition:opacity .5s linear;
 z-index:99999;
}
.zoombox.get-my-reading,
.popup-box
{
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%,-50%);
 display:block;
 min-width:290px;
 max-width:55%;
 min-height:100px;
 background-color:rgba(0,0,0,0.7);
 box-sizing:border-box;
 padding:20px 20px 120px 20px;
 border:3px solid tranparent; 
}
#login-signup-popup-box
{
 min-width:250px;
 padding:20px 20px 80px 20px;
}
.zoombox.get-my-reading
{
  color:white; 
  max-width:800px;
  width:fit-content;
  height:auto;
  padding:20px;
}
.warning-to-be-patient
{
 color:yellow;
 text-align:center; 
}
.action-button.submit-to-ai
{
    
}
.zoombox.get-my-reading .close-button
{
    
}
.x-close-button
{ 
  background-color:transparent;
  border:0px solid transparent;
  color:white;
  font-family:Arial;
  font-size:170%;
  position:absolute;
  right:5px;
  top:2px;
}
.x-close-button:hover
{ 
  color:red;
}
#popup-message,
.popup-message
{
 display:inline-block;
 width:auto;
 margin:0 auto;
 color:white;
 font-family:Arial;
 font-size:112%;
 padding-right:40px;
}
.question-for-ai,
.popup-input
{
 display:block;
 margin:15px auto 25px auto;
 font-family:Arial;
 font-size:112%;
 height:28px;
 width:100%;
 padding:18px 12px;
}
#settings-close-button,
#sessions-popup-cancel-button,
#sessions-popup-save-button,
.submit-to-ai,
.popup-button
{
 background-color:transparent;
 border:2px solid white;
 border-radius:3px;
 color:white;
 font-family:Arial;
 font-size:112%;
 padding:4px 10px;
 position:absolute;
 bottom:20px;
 cursor:pointer;
}
.submit-to-ai
{
 position:static;
 display:block;
 width:fit-content;
 margin:24px auto 20px auto; 
}
.submit-to-ai:hover,
.popup-button:hover
{
  border:2px solid grey;
  background-color:white;
  color:black;
}
#settings-close-button,
#sessions-popup-cancel-button,
#sessions-popup-save-button
{
 border:2px solid rgba(0,0,0,0.6);
 color:rgba(0,0,0,0.7);
}
#sessions-popup-cancel-button
{
  right:20px;
}
#sessions-popup-save-button
{
  left:20px;
}
#settings-close-button:hover,
#sessions-popup-cancel-button:hover,
#sessions-popup-save-button:hover
{
 background-color:rgba(0,0,0,0.6);
 color:white;
}
#popup-button-go-to-login,
#confirm-popup-accept-button,
#help-popup-button-more
{
  left:20px;
}
#popup-button-go-to-signup,
#confirm-popup-decline-button,
#help-popup-button-cancel
{
  right:20px;
}
#settings-close-button,
#alert-popup-button
{
  right:50%;
  transform:translate(50%,0);
}
#login-signup-popup-cancel
{
  display:block;
  position:static;
  width:auto;
  margin:30px auto 10px auto;
}
#help-message-list  
{
 overflow:auto;
}
#help-message-list  li
{
 margin-top:10px;
}
#help-message-list  li  .bold
{
 font-weight:bold;
 color:yellow;
}
#login-popup-title,
.login-input-label
{
 color:white;
}
/*==== canvas and exporting ====*/
#cards-canvas
{
  position:relative;
  visibility:hidden;
}

/*=== sessions management===*/
#my-sessions-button
{
  display:none
}
body.logged-in   #my-sessions-button
{
  display:inline-block;
  margin:0 25px;
  font-size:100%;
  color:rgba(0,0,0,0.7);
  vertical-align:top;
  cursor:pointer;
}
#sessions-popup-overlay,
#settings-overlay
{
 position:fixed;
 top:0;
 left:0;
 width:auto;
 height:auto;
 overflow:auto;
 background-color:rgba(255,255,255,0);
 opacity:0;
 transition:opacity .5s linear;
 z-index:99999;
}
#settings-overlay
{
 height:0;
}
#sessions-popup-box,
#settings-box
{
 display:block;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 transition:transform .5s linear;
 box-sizing:border-box;
 min-width:320px;
 max-width:900px;
 width:90vw;
 min-height:100px;
 background-color:rgba(255,255,255,.9);
 border:1px solid rgba(0,0,0,.3);
 padding:20px 20px 90px 20px;
}
#help-popup-box
{
  max-width:800px;
  width:90vw;
}
.settings-input
{
 margin-top:10px;
}

#spread-layout-radio-container
{
  margin-top:25px;
}
.session-to-manage,
.session-deleter,
.session-opener
{

  box-sizing:border-box;
}
.session-to-manage
{
  padding:12px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(0,0,0,0.3);
}

.delete-checkbox,
.session-deleter,
.edit-session-button
{
  box-sizing:border-box;
  display:inline-block;
  vertical-align:middle;
  margin-right:12px;
  width:28px;
  height:28px;
  cursor:pointer;
}
.delete-checkbox
{
   margin-right:1px;
   display: none;
}

.delete-checkbox
{

}
.session-deleter
{
 font-family:Arial;
 font-size:150%;
 color:red;
 font-weight:bold;
 text-align:center;
 border:0px solid rgba(0,0,0,0.3);
 background:url(red-x.png);
 background-size:100% 100%;
}

.edit-session-button
{
  background-color: rgba(0,0,0,0.1);
  background:url(edit-button.png);
  background-size:100% 100%;
  border:0px solid rgba(0,0,0,0.3);
  border-radius:3px;
}
.session-info
{
 display:inline-block;
 margin-left:20px;
 color:rgba(0,0,0,0.8);
 vertical-align:middle;
 max-width:80%;
 }
.session-opener
{
 display:block;
 color:rgba(0,0,0,0.8);
 vertical-align:middle;
 margin-bottom:6px;
 position:relative;
}

.session-opener-a,
.session-opener-b
{
  cursor:pointer;
  border-bottom:2px solid transparent;
} 
.session-opener-a:hover,
.session-opener-b:hover
{
  border-bottom-color:#0b456c;
} 
.id-label,
.topic-label
{
  color:#0b456c;
  font-size:112%;
  cursor:text;
}

.inline-edit-box
{
  position:relative;
  padding:30px;
  box-sizing:border-box;
  background-color:#dae4ba;
}

.inline-edit-input
{
  display:block;
  width:100%;
  margin:14px 0;
  font-family:Arial;
  font-size:100%;
  padding:6px;
}
.inline-edit-save,
.inline-edit-cancel
{
  display:inline-block;
  border:1px solid rgba(0,0,0,0.7);
  border-radius:3px;
  color:rgba(0,0,0,0.7);
  padding:4px 7px;
  font-size: 100%;
  font-family:Arial;
  background-color:white;
  margin:0 20px;
}
.inline-edit-save:hover,
.inline-edit-cancel:hover
{
  border:1px solid rgba(0,0,0,0.5);
  color:white;
  background-color:rgba(0,0,0,0.5);
}
#resolution-reporter
{
  position:fixed;
  top:0;
  left:0;
  width:20px;
  height:20px;
}



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

@media screen and (max-width: 1060px)
{
  body.rtl    #sidebar-first-wrapper,
  body.ltr    #sidebar-first-wrapper,
  body.rtl    #side-menu-wrapper,
  body.ltr    #side-menu-wrapper
     {

   }
  body.ltr.with-sidebar-first    #content-wrapper ,
  body.rtl.with-sidebar-first    #content-wrapper
    {

  }
 body.hebrew  div.field-type-image
    {

  }
}
@media screen and (max-width: 960px)
{

  #middle-wrapper
    {

  }
  body.rtl    #sidebar-first-wrapper,
  body.ltr    #sidebar-first-wrapper,
  body.rtl    #side-menu-wrapper,
  body.ltr    #side-menu-wrapper
     {
    width:28%;
   }
  body.ltr.with-sidebar-first    #content-wrapper ,
  body.rtl.with-sidebar-first    #content-wrapper
    {
    width:68%;
  }

  body.ltr   .single-video-container,
  body.ltr   .single-image-container,
  body.ltr   #page-slider-container,
  .single-video-container,
  .single-image-container,
  #page-slider-container
    {
    max-width:65%;
    width:65%;
  }
  .single-image-container.portrait
   {
    max-width:45%;
   }
}

@media screen and (max-width: 900px)
{
 .archive-item-image-container
       {
     max-width:40%;
   }
}

@media screen and (max-width: 850px)
{
  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%;
   }
}
@media screen and (max-width: 750px)
{
  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;
   }
  #sidemenu-toggler,
  #main-menu-toggler
   {
     display:block;
   }
  #side-menu
   {
    max-height:0;
   }
 #side-menu > ul
  {
   margin-top:0;
  }
 .gallery-video-container,
 .gallery-image-container
  {
   width:47%;
   margin:3px;
  }
  .archive-item-image-container
   {
     max-width:50%;
   }
  .single-image-container.portrait
  {
   max-width:50%;
  }
}
@media screen and (max-width: 650px)
{
  body.rtl   #sidebar-first-wrapper,
  body.rtl   #side-menu-wrapper,
  body.ltr   #sidebar-first-wrapper,
  body.ltr   #side-menu-wrapper,
  body.rtl.with-sidebar-first   #content-wrapper,
  body.ltr.with-sidebar-first   #content-wrapper
      {
    width:98%;
    float:none;
    margin-right:auto;
    margin-left:auto;
   }
  .single-image-container.portrait
   {
	display:inline-block;
    float:left;
    max-width:56%;
	margin: 0px 3% 3% 0px;
   }
  .single-video-container,
  .single-image-container,
  #page-slider-container ,
    body.ltr   .single-video-container,
  body.ltr   .single-image-container,
  body.ltr   #page-slider-container
     {
	display:block;
    float:none;
    width:98%;
    max-width:98%;
	border:0px solid white;
    box-shadow:0px 0px 0px rgba(0,0,0,0);
    margin:20px auto;
  }
 #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: 480px)
{
  body.rtl   .archive-item-image-container,
  body.ltr   .archive-item-image-container
       {
     max-width:96%;
     display:block;
     margin:15px auto 20px auto;
     float:none;
   }
    .single-image-container.portrait
   {
	display:block;
    float:none;
    width:98%;
    max-width:98%;
	border:0px solid white;
    box-shadow:0px 0px 0px rgba(0,0,0,0);
    margin:20px auto;
  }
}

@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
  }
}