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

* {margin: 0;padding: 0;outline: 0;-webkit-tap-highlight-color: transparent;}body,
html { height: 100%; 
	background: #cbe7e9;}
.wrapper {
     height: 100%;
     /* position:relative; */
     -webkit-transition: all 0.00s ease-in;
     -webkit-filter: blur(0px)
;
 }
textarea {font-family:arial;}
body {
	font-family: 'Open Sans Hebrew', arial;
	font-size: 15px;
	line-height: 1.3;
	color: #165674;
	font-weight: normal;
	font-style: normal;
	text-transform: none;
	text-decoration: none;
	text-shadow: none;
	letter-spacing: 0;
	word-spacing: 0;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	min-width: 960px;
	direction: rtl;
}
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border: 0; }a,
input[type="submit"],
input[type="button"],
input[type="reset"],
button { cursor: pointer; transition: color .3s, background-color .3s; -webkit-transition: color .3s, background-color .3s,  border-color .3s; }sup,
sub { line-height: 1; }article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
.cl { display: block; }ul,
ol { list-style-position: inside; }.nav ul,
.sidenav ul,
.dots ul,
.toggles ul { list-style: none outside none; position: relative; z-index: 100;}
nav ul.cf {
    width: 407px;   float: right;
}
nav ul.cf.left {
     float: left;
     width: 51px;
     margin-left: 0px;
}


.navigationMenuList .navigationMenuRegister,.navigationMenuList.logged .navigationMenuLogin {display:block}
.navigationMenuList.logged .navigationMenuRegister,.navigationMenuList .navigationMenuLogin {display:none}

/* ==========================================================================
	#Helpers
========================================================================== */.cl { height: 0; }.cf:before,
.cf:after { /* content: ""; */ line-height: 0; display: block; }.no-borderradius .cf { zoom: 1; }.cl,
.cf:after { clear: both; }.cl,
.notext{ font-size: 0; line-height: 0; color: transparent; }.left,
.alignleft { float: left; }.right,
.alignright { float: right; }.shell { margin: 0 auto; }/* ==========================================================================
	#Form elements
==================================f======================================== */::-webkit-input-placeholder { color: #c2c2c2; opacity: 1; font-style: italic; }
:-moz-placeholder { color: #c2c2c2; opacity: 1; font-style: italic; }
::-moz-placeholder { color: #c2c2c2; opacity: 1; font-style: italic; }
:-ms-input-placeholder { color: #c2c2c2; opacity: 1; font-style: italic; }input,
textarea,
select { font-size: 19px; line-height: 23px; width: 50%; height: 23px; display: inline-block; padding: 4px 12px; border: 1px solid #a8adad; background-color: #fff; border-radius: 0; text-align: right; box-shadow: none; direction: rtl;}
select {  color: #ddd;}input[type="submit"],
input[type="reset"],
button,
select { width: auto; height: 33px; }select {color:#bbb}

select:focus{color: #000;}input[type="submit"],
input[type="reset"],
button,
label { font-size: 19px; line-height: 23px; color: #fff; background: #f29f2c; padding: 5px 18px; border: 0; border-radius: 4px;}
label {border-radius:0px}
input[type="submit"]{background: #165674;}
input,
textarea { -webkit-appearance: none; -moz-appearance: none; }input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; -moz-appearance: radio; }input[type="radio"],
input[type="checkbox"] { width: auto; height: auto; padding: 0; border: 0; }textarea { height: 141px; overflow: auto; resize: none; -webkit-overflow-scrolling: touch; }
.kids-change {overflow:hidden;}
.kids-change span {position: relative;top:0px;right:0px;}
.kids-change div{position: absolute;
top: 0px;
right: 14px;
display:none;
}.kids-change div.active{
display:block;
}/* ==========================================================================
	#Icons
========================================================================== */i[class^="icon-"] { display: inline-block; overflow: hidden; vertical-align: middle; background-repeat: no-repeat; background-position: 0 0; }.icon-baby { width: 23px; height: 27px; background-image: url(images/icon-baby.png);position: relative; top: -2px; right: -6px;}
.icon-eureka { width: 23px; height: 27px; background-image: url(images/icon-eureka.png); position: relative; top: -3px; right: 6px;}
.icon-cup { width: 22px; height: 26px; background-image: url(images/icon-cup.png); }
.icon-dice { width: 29px; height: 29px; background-image: url(images/icon-dice.png); }
.icon-down { width: 30px; height: 19px; background-image: url(images/icon-down.png); }
.icon-top-search {width: 29px;height: 29px;background-image: url(images/icon-search.png);}
.icon-draw { width: 31px; height: 27px; background-image: url(images/icon-draw.png); }
.icon-einstein { width: 30px; height: 26px; background-image: url(images/icon-einstein.png); }
.icon-geography { width: 30px;height: 30px;background-image: url(images/icon-geograph.png?r-2);}
.icon-computer { width: 34px;height: 26px; background-image: url(images/icon-computer.png);}
.icon-mystery { width: 34px; height: 24px; background-image: url(images/icon-mystery.png); }
.icon-dinosaurs { width: 34px;height: 26px; background-image: url(images/icon-dinosaurs.png);}
.icon-design {width: 27px;height: 27px;background-image: url(images/icon-design.png);}
.icon-amazing { width: 34px; height: 24px; background-image: url(images/icon-amazing.png); }
.icon-concepts { width: 34px;height: 25px; background-image: url(images/icon-concepts.png);}
.icon-cinema { width: 34px; height: 24px; background-image: url(images/icon-cinema.png); }
.icon-photography {height: 24px;background-image: url(images/icon-photography.png);}
.icon-robots { width: 34px;height: 28px; background-image: url(images/icon-robots.png);}
.icon-discovery { width: 34px;height: 27px; background-image: url(images/icon-discovery.png);}
.icon-flight { width: 34px;height: 26px; background-image: url(images/icon-flight.png);}
.icon-future { width: 34px;height: 26px; background-image: url(images/icon-future.png);}
.icon-elephant { width: 33px;height: 24px; background-image: url(images/icon-elephant.png);}
.icon-geology { width: 30px; height: 30px; background-image: url(images/icon-geology.png); }
.icon-superheroes { width: 30px; height: 30px; background-image: url(images/icon-superheroes.png); }
.icon-archeology { width: 30px; height: 30px; background-image: url(images/icon-archeology.png); }
.icon-flag { width: 28px;height: 28px; background-image: url(images/icon-flag.png);}
.icon-loupe { width: 20px; height: 16px; background-image: url(images/icon-loupe.png); }
.icon-menu { width: 27px; height: 18px; background-image: url(images/icon-menu.png); }
.icon-phenomenon { width: 26px; height: 29px; background-image: url(images/icon-phenomenon.png); }
.icon-lama { width: 27px; height: 29px; background-image: url(images/icon-lama.png); }
.icon-home { width: 27px; height: 29px; background-image: url(images/icon-home.png); }
.icon-flower { width: 27px;height: 28px;background-image: url(images/icon-flower.png);}
.icon-pig { width: 30px; height: 27px; background-image: url(images/icon-pig.png); }
.icon-plug { width: 15px; height: 29px; background-image: url(images/icon-plug.png); }
.icon-temple { width: 36px;height: 26px; background-image: url(images/icon-temple.png);}
.icon-ufo { width: 29px;height: 24px; background-image: url(images/icon-ufo.png);}
.icon-ball { width: 38px;height: 33px; background-image: url(images/icon-ball.png);}
.icon-body { width: 25px;height: 39px; background-image: url(images/icon-body.png);}
.icon-masks { width: 33px;height: 25px; background-image: url(images/icon-masks.png);}
.icon-music { width: 42px;height: 37px; background-image: url(images/icon-music.png);}
.icon-phone { width: 24px;height: 27px; background-image: url(images/icon-phone.png);}
.icon-plant { width: 38px; height: 30px; background-image: url(images/icon-plant.png); }
.icon-comunication { width: 38px; height: 30px; background-image: url(images/icon-comunication.png); }
.icon-environment { width: 38px; height: 30px; background-image: url(images/icon-environment.png); }

.icon-tower { width: 15px; height: 36px; background-image: url(images/icon-tower.png); }
.icon-tube { width: 27px;height: 34px; background-image: url(images/icon-tube.png);}
.icon-world { width: 25px;height: 29px; background-image: url(images/icon-world.png);}
.icon-list { width: 21px; height: 17px; background-image: url(images/icon-list.png); }
.icon-cleaning { width: 32px;height: 32px; background-image: url(images/icon-cleaning.png);}
.icon-nutrition {height: 32px;background-image: url(images/icon-nutrition.png);}
.icon-mobile { width: 32px;height: 32px; background-image: url(images/icon-mobile.png);}
.icon-recipe { width: 24px;height: 24px; background-image: url(images/icon-recipe.png);}
.icon-health { width: 24px;height: 24px; background-image: url(images/icon-health.png);}
/* ==========================================================================

	#Header
========================================================================== */
.site-header { height: 100px; position: relative; z-index: 101; /* padding-right: 2px; */ /* overflow-y: hidden; */ box-sizing: border-box;}
.homepage-header .shell { min-width: 1000px; position: relative;width: 100%;}
.site-header .logo { width: 261px; height: 100px; background: url(images/logo.png) no-repeat 50% 50%; margin-bottom: -12px; padding-right: 3px;}
.site-header .logo.passover{background: url(images/logo_passover.png) }
.site-header .logo.atzmaut {background: url(images/logo_atzmaut_2.png);}
.site-header .logo.atzmaut span{background: url(images/logo_atzmaut_1.png);height: 100%;width: 100%;width: 261px;height: 100px;position: absolute;opacity:1;transition: height 1.6s cubic-bezier(0, 0.7, 1, 1.01),opacity 1.5s;}
.site-header .logo.atzmaut:hover span {height:0px;opacity:0}

.site-header .logo.rosh_hashana {background: url(images/logo.png);}
.site-header .logo.rosh_hashana span{background: url(images/logo_rosh_hashana.png);height: 100%;width: 100%;width: 261px;height: 100px;position: absolute;opacity:1;transition: height 1.6s cubic-bezier(0, 0.7, 1, 1.01),opacity 0.8s;}
.site-header .logo.rosh_hashana:hover span {opacity:0}





body.kids .logo {background: url(images/logo-ktantanim.png)}
.navwrap {padding-right: 265px;}
.searchwrap {background:pink;padding-right: 400px;}
.nav { width: 100%;float: right; /* margin-right: 2px; */ position: relative;}
.nav li { width: 116px; height: 67px; float: right; background: url(images/nav1.png) no-repeat 50% 0; position: relative; padding-bottom: 19px; margin-right: 2px; }
.nav li.left {/* float:left; */}
.nav li:first-child { margin-right: 0; }
.nav li.tiny { width: 49px; background-image: url(images/nav2.png); }
.nav li.left.tiny {}
.stretch {
    width:100%;
	height:100%;
}
.searchnav div.formwrap{
	position:relative;
	top: 0;
	padding: 12px 14px;
	margin: 0 auto;
	z-index: 1000;
}
.searchnav {
   position: relative;
   top: 0px;
   padding-left: 52px;
}
.searchnav > div {
	padding-right: 404px;
	/* opacity: 0; */
}

.searchnav img.stretch {position:absolute;top:0px;right:0px;}
.searchnav > div > div {
   padding: 0px;
   height: 67px;
   padding: 0px 1px;
   position: relative;
}.searchnav form {background: #fff url(images/icon-loupe.png) no-repeat 8px 50%;padding-left: 43px;position: relative;}
.searchnav form .field { font-size: 17px; line-height: 22px; color: #9ea6a7; width: 100px; height: 22px; padding: 3px 14px 3px 0px; border: 0; display: block; width: 100%; /* background: red; */ align-content: p;}
.searchnav form .field::-webkit-input-placeholder { color: #9ea6a7; font-style: normal; }
.searchnav form .field:-moz-placeholder { color: #9ea6a7; font-style: normal; }
.searchnav form .field::-moz-placeholder { color: #9ea6a7; font-style: normal; }
.searchnav form .field:-ms-input-placeholder { color: #9ea6a7; font-style: normal; }
 form .field:focus{color: #000;/* font-weight: bold; */}
		
body .formwrap .autocomplete-suggestion {padding: 2px 5px;height: initial;}

.nav li a { font-size: 17px; line-height: 23px; color: #fff; text-align: center; display: block; padding: 17px 0; }
.nav li .icon-dice { position: relative; display: block; margin: 0 auto; top: -2px; }.nav li ul { width: 174px; position: absolute; top: 75px; left: 0; padding: 0 7px; background: #f29f2c; opacity: 0; filter: alpha(opacity=0); visibility: hidden; transition: opacity .2s, visibility .2s; -webkit-transition: opacity .2s, visibility .2s; }
.nav li:hover ul { opacity: 1; filter: none; visibility: visible; }
.nav li ul:before { content: ""; width: 0; height: 0; display: block; border: 13px solid transparent; border-bottom-width: 14px; border-bottom-color: #f29f2c; position: absolute; top: -27px; left: 13px; }
.nav li ul li { width: auto; height: auto; float: none; display: block; padding: 0; border-top: 1px solid #fff; margin: 0; background: transparent; }
.nav li ul li:first-child,.navigationMenuList.logged .navigationMenuFirstItemWhenLogged { border-top: 0; }
.nav li ul li a { line-height: 20px; padding: 5px; display: block; text-align: right; }/* ==========================================================================
	#Main Content
========================================================================== */.main { /* padding: 0 25px 0 8px; */ margin: 0 auto; position: relative; box-sizing: border-box;min-width: 1000px;box-sizing: border-box;width: 100%;}

.main.cf {}.container { padding: 20px 0 0 0; }.sidebar { width: 272px; height: 100%; padding: 35px 0 55px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;padding-right: 15px; /* padding-left: 20px; */ overflow: hidden; height: 0px;}.sidenav { height: 100%; overflow: hidden; }
.sidenav h3 { text-align: center; display: inline-block;margin: 0 10px 12px 0; font-weight: normal;}
.sidenav ul ul { padding-right: 24px; }
.sidenav ul ul li { padding-bottom: 12px; }
.sidenav ul ul li a { font-size: 19px; line-height: 23px; color: #fff; text-align: center; display: inline-block;padding: 5px 20px 5px 20px; background: #f29f2c; position: relative;}

.sidenav ul > li a  {font-size: 19px;text-decoration: none;padding: 4px 20px 6px 20px;display: inline-block;background: #d8436d;position: relative;}.sidenav ul li a .arrow { width: 0; height: 0; position: absolute; top: 0; left: -37px; border: 17px solid transparent; border-right-color: #165674; display: none;}
.sidenav ul > li a.firstNavButton {background: #165674;}
.sidenav ul ul li:nth-child(even) a { background: #d8436d; }
.no-csstransitions .sidenav ul ul li.odd a { background: #d8436d; }

.sidenav ul.academyNav ul li:nth-child(1) a {background: #C4314F;background: #D8436D;}
.sidenav ul.academyNav ul li:nth-child(2) a {background: #F29F2C;}
.sidenav ul.academyNav ul li:nth-child(3) a {background: #02A24A;}
.sidenav ul.academyNav ul li:nth-child(4) a {background: #18bcd1;}
.sidenav ul.academyNav ul li:nth-child(5) a {background: #D8436D;}
.sidenav ul.academyNav ul li:nth-child(6) a {background: #F29F2C;}

.sidenav ul ul li.current a,.sidenav ul >  li.current h3 a ,
.sidenav ul ul li a:hover,.sidenav ul > li a:hover, .footer a:hover { text-decoration: none;background: #165674 !important;}
.sidenav ul ul li.current a .arrow, .sidenav ul >  li.current  h3 a .arrow { display: block; }
.sidenav ul ul li a i[class^="icon"] {position: relative;margin-right: -20px;top: 6px;width: 50px;background-position: 100% 0%;}
.sidenav ul ul li a .icon-elephant { right: 6px; margin-top: -11px; }
.sidenav ul ul li a .icon-geography {right: 6px;margin-top: -10px;}
.sidenav ul ul li a .icon-geology { right: 2px; margin-top: -16px; }
.sidenav ul ul li a .icon-superheroes { right: 5px; margin-top: -16px; }
.sidenav ul ul li a .icon-archeology { right: 5px; margin-top: -16px; }
.sidenav ul ul li a .icon-computer { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-mystery { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-future { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-dinosaurs {right: 4px; margin-top: -13px;}
.sidenav ul ul li a .icon-design {right: 5px;margin-top: -14px;}
.sidenav ul ul li a .icon-amazing { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-concepts { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-cinema { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-photography {right: 2px;margin-top: -17px;}
.sidenav ul ul li a .icon-robots { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-discovery { right: 2px; margin-top: -13px; }
.sidenav ul ul li a .icon-flight {right: 4px; margin-top: -13px;}.sidenav ul ul li a .icon-draw { right: 6px; margin-top: -14px; }
.sidenav ul ul li a .icon-ufo { right: 7px; margin-top: -11px; }
.sidenav ul ul li a .icon-phenomenon { right: 5px; margin-top: -15px; }
.sidenav ul ul li a .icon-lama { right: 5px; margin-top: -15px; }
.sidenav ul ul li a .icon-home { right: 5px; margin-top: -15px; }
.sidenav ul ul li a .icon-flower {right: 5px;margin-top: -15px;}
.sidenav ul ul li a .icon-temple {right: 4px; margin-top: -13px;}
.sidenav ul ul li a .icon-einstein { right: 8px; margin-top: -13px; }
.sidenav ul ul li a .icon-cup { right: 8px; margin-top: -13px; }
.sidenav ul ul li a .icon-plug { right: 13px; margin-top: -15px; }
.sidenav ul ul li a .icon-pig { right: 8px; margin-top: -14px; }
.sidenav ul ul li a .icon-flag { right: 9px;margin-top: -13px;}.sidenav ul ul li a .icon-ball { right: -1px; margin-top: -19px; }
.sidenav ul ul li a .icon-body { right: 6px;margin-top: -17px;margin-bottom: -2px;}
.sidenav ul ul li a .icon-masks {right: 4px; margin-top: -11px;}
.sidenav ul ul li a .icon-music {right: -1px;margin-top: -19px;}
.sidenav ul ul li a .icon-phone { right: 6px;margin-top: -16px;}
.sidenav ul ul li a .icon-plant { right: 1px; margin-top: -16px; }
.sidenav ul ul li a .icon-comunication { right: 1px; margin-top: -16px; }
.sidenav ul ul li a .icon-environment { right: 1px; margin-top: -16px; }
.sidenav ul ul li a .icon-tower { right: 12px;margin-top: -16px;}
.sidenav ul ul li a .icon-tube { right: 6px; margin-top: -19px; }
.sidenav ul ul li a .icon-world { right: 5px; margin-top: -15px; }
.sidenav ul ul li a .icon-cleaning {right: 4px;margin-top: -5px;}
.sidenav ul ul li a .icon-nutrition {right: 7px;margin-top: -8px;}
.sidenav ul ul li a .icon-mobile {right: 7px;margin-top: -5px;}
.sidenav ul ul li a .icon-recipe {right: 6px;margin-top: -7px;}
.sidenav ul > li a .icon-list { right: -10px; margin-top: -2px; position: relative;}

.sidenav ul ul li a .icon-flower:before{content:''} /* dont show stipsfont icon */

.main  > .content {overflow: hidden;}
.main.wideMain > .content { overflow: visible; }
.container .content { width: 645px; float: left; overflow: visible; padding-left: 65px; }.breadcrumbs { font-size: 17px; line-height: 23px; color: #869496; position: relative;}
.breadcrumbs p { float: right; padding: 6px 0; width:50%;}.toggles{ float: left; padding: 5px 0 0 0px; position: relative; left: -7px;}
.breadcrumbs .breadcrumbsContent a {/* color: #245D78; *//* background: #28617B; */color: inherit;}


/* Style for the toaster message */
#toaster {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: white;
	color: #333;
	padding: 8px 12px;
	border-radius: 8px;
	box-shadow: 0 3px 5px rgb(0 0 0 / 80%);
	font-size: 15px;
	display: none;
	z-index: 1000;
}
		

.toggles .share-button .icon-share{
	color: #737a84 !important;
	position: relative;
	top: -3px;
}
		
#secondHeader .share-button {
	position: absolute;
    left: 5px;
    top: 3px;
}
#sideTagText i.icon-arrow-left {
    font-size: 1.45em;
    margin-right: -0.3em;
    margin-left: -0.3em;
    line-height: 0px;
    margin-top: -10px;
    margin-bottom: -8px;
    }

.toggles ul li { float: left; padding: 0 6px; position: relative; }
.toggles ul li:before { content: ""; width: 2px; height: 20px; display: block; position: absolute; top: 50%; left: -1px; margin-top: -11px; background: #959fac; }
.toggles ul li:first-child:before { display: none; }
.toggles ul li a { width: 23px; height: 23px; display: block; background-repeat: no-repeat; background-position: 50% 50%; }
.toggles ul li.grid1 a { background-image: url(images/icon-grid3.png); }
.toggles ul li.grid2 a { background-image: url(images/icon-grid2.png); }
.toggles ul li.grid3 a { background-image: url(images/icon-grid.png); }
.toggles ul li.grid1.selected a { background-image: url(images/icon-grid3-selected.png); }
.toggles ul li.grid2.selected a { background-image: url(images/icon-grid2-selected.png); }
.toggles ul li.grid3.selected a { background-image: url(images/icon-grid-selected.png); }.entry {position:relative;}
.entry.grid9:nth-child(3n+2) {
  margin: 0 1.85% 1.85% 1.85%;
}
.entry.grid4:nth-child(2n) {  
  margin: 0 0 1.85% 1.85%;
}.entry.grid9 {width: 32.1%;height: 30.1%;margin-bottom: 1.85%;}
.entry.grid4 { width: 49.075%; height: 48%; margin-bottom: 1.85%}
.entry.grid1{ width: 100%; height: 100%; }.entry a { display: block; margin: 0; position: relative; height: 100%;text-decoration:none;}
.entry .paragraph-content {
	display: none;
}
.entry a img {display: block;}
.entry a strong {
   color: #fff;
   font-weight: normal;
   display: block;
   padding: 3px 7px;
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background: rgba(22, 86, 116, 0.84);
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -ms-transition: all 0.2s ease-out;
   -o-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
   text-overflow: ellipsis;
   width: auto;
   overflow: hidden;
   /* margin-right: 10px; */
   /* padding-right: 20px; */
   }
.entry.grid9 a strong { font-size: 15px; line-height: 21px;  max-height: 21px;font-weight: bold;}
.entry.grid4 a strong { font-size: 19px; line-height: 24px; max-height:24px;}
.entry.grid1 a strong { font-size: 35px; line-height: 45px; max-height:45px;}.entry.left a:hover strong{  max-height:200px;white-space: normal;      
	
    -
	-webkit-transition: all 1.7s ease-out;
	-moz-transition: all 1.7s ease-out;
	-ms-transition: all 1.7s ease-out;
	-o-transition: all 1.7s ease-out;
	transition: all 1.7s ease-out;
 }.listing  .arrow a {
	display: block;
	background: transparent url(images/slider-arrows.png) no-repeat;
	height: 35px;
	width: 25px;
	text-align: center;
	text-decoration: none;
	outline: 0;
	position:absolute;
	top:0;
	right: 1px;
	margin-top: -24px;	
}.listing .arrow {
	display: block;
	
	position: absolute;
	top: 50%;
	right: 1.8%;
	z-index: 10;
	
}.listing .arrow.back {
		left:0px;
}
.listing .arrow a {
		opacity: 0;
		
}.listing .arrow.active a  {
		opacity: 1;
}
.listing .arrow.disabled {
		display:none !important;  
}.listing .arrow.back a {
	background-position: left top;	left: 1px;
}
.listing .arrow.forward a {
	background-position: right top;}
.listing .arrow.back a:hover {
	background-position: left bottom;}.listing .arrow a:hover {
	background-position: right bottom;}
.listing .arrow a span {
display: block;
line-height: 1px;
width: 0;
text-indent: -9999px;
}
.dots { text-align: center; direction: ltr; }
.dots li { padding: 0 2px; display: inline-block; vertical-align: top; }
.dots a { width: 9px; height: 8px; display: block; background: #afc9cd; border-radius: 9px; margin: 0 2px; }
.dots a:hover { background: #1fbdd2; }
.dots .current a { background: #f4c859; }.contact {background: #f0f7f8;box-shadow: 0px 1px 5px rgba(0,0,0,.3);text-align: right;direction: rtl;max-width: 663px;/* float: right; */margin: 20px auto;position: relative;right: 3px;}
.contact .row-form { padding-bottom: 23px; }
.contact label { text-align: left; width: 151px; float: right; padding: 5px 0 5px 20px; margin-left: 20px; }
.contact .button {display: block;/* background: red; */margin-right: auto;margin-left: auto;}
.contact .button:hover { background: #165674; }
.contact form {padding: 20px 0px 20px 0px;position: relative;z-index: 1;}.sidenav h3,
.sidenav ul ul li a,
.contact label { box-shadow: 1px 1px 3px rgba(0,0,0,0.2); }
.contactForm label {font-size:15px;padding:1px 12px 2px 10px;text-align:left;width:70px;}
.contactForm .row-form {padding-bottom:10px;}
.contactForm input.field,.contactForm textarea {font-size:14px;padding:3px 5px;width: calc(100% - 160px);margin-top:1px;}
.contactForm input.field{height:16px;}
.singleSlide {padding: 10px 20px;
background: #F9F9F9;
box-shadow: 0px 0px 1px 1px rgba(0,0,0,.3);
text-align: right;
overflow: hidden;
direction:rtl;
position: relative;left: 0px;width: 99.4%;box-sizing: border-box;margin-top: 2px;max-width: 600px;margin: 2px auto;margin-bottom: 10px;}
.challengeSlide {padding: 0px;border: 1px solid #165674;box-shadow: none;border-radius: 7px;vertical-align: top;max-width: 450px;display: inline-block;position: relative;left: 0;border: 0px;margin-top: 0px;}
.challengeSlide,.challengeProfileArea .simpleChallengeBox,.degreeListArea {box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 4px 0 rgba(0,0,0,0.12);}
.challengeUsersCountLine {direction:rtl;text-align:center;color: #444;/* background-color: #fff; *//* border: 1px solid #000; */margin-bottom: 10px;position: relative;width: 400px;margin: auto;font-size: 16px;display: block;top: 5px;}

.singleSlide.about{font-size: 23px;max-width: 700px;margin: 0 auto;padding: 20px;text-align: center;font-weight: bold;color: #fff;background: #165674;line-height: 200%;text-shadow: 4px 2px 1px #165674;}
@media screen and (min-width: 1600px) {
	.homepage-header .shell,
	.main { width: 80% !Important; }
}@media screen and (max-width: 1580px) and (min-width: 1200px) {

	.main { width: 90%; }
	.sidebar {position:relative;right: -5.5%;}
}

@media screen and (min-width: 1000px) and (max-width: 1500px){

	.imgWrap img {
			/* top: calc(-20% + 10px) !important; #nadav_style*/
	}
}



@media screen and (min-aspect-ratio: 1280/710) and (max-width: 15000px) {
	,
	.main { width: 85%; }
}@media screen and (min-aspect-ratio: 1280/680) and (max-width: 15000px) {

	.main { /* width: 80%; */ }
}@media screen and (min-aspect-ratio: 1280/660) and (max-width: 15000px) {

	.main { /* width: 73%; */ }
}@media screen and (max-width: 15000px) and (min-aspect-ratio: 1280/640) {

	.main { /* width: 70%; */ }
}@media screen and (min-aspect-ratio: 1280/630) and (max-width: 15000px) {
	
	.main {  /* width: 69%; */  }
}@media screen and (min-aspect-ratio: 1280/600) and (max-width: 15000px) {	.main { /* width: 63%; */ }
	body {overflow-y:scroll}
}@media screen and (min-aspect-ratio: 1280/550) and (max-width: 15000px) {
l,
	.main { /* width: 58%; */ }
	
}@media screen and (min-aspect-ratio: 1280/500) and (max-width: 15000px) {
	
	.main { /* width: 52%; */ }
}@media screen and (min-aspect-ratio: 1280/450) and (max-width: 15000px) {	.main { /* width: 44%; */ }
}
@media screen and (min-width: 1100px) {
	body {overflow-y:scroll}
}@media screen and (max-height: 600px)  {
	.listing {height:80% !important;}
}@media screen and (max-width: 1030px)  {
	.homepage-header .shell,
	.main { width: 100%; }
}@media screen and (min-aspect-ratio: 2000/1000)  {	body .listing {height: 86% !important;}
}
@media screen and (min-aspect-ratio: 2500/1000)  {	body .listing {height:80% !important;}
}
@media screen and (min-aspect-ratio: 3000/1000)  {	body .listing {height:75% !important;}
}
/* ==========================================================================
	#asaf part
========================================================================== */ .clr {clear:both;height: 0px;}  .mainContentItems{width:100%;height:100%;
	position:absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	
  }
  .mainSideBar, .mainContent {float:right;}
  .mainContent {width:76.4%}
.mainSideBar {width:23.1%;margin-left:0%}
  .mainSideBar {background: rgba(0, 0, 0, 0.18);direction:rtl;} 
  
  .mainSideBarWraper{display:inline-block;position:relative;width:100%;}  
  .mainSideBarPad{padding-top:295%;
  padding-top:291%;
   padding-top:229%;
  }
  .twoColumns {line-height: 0;}
  
  .row-fluid,.twoColumns,.mainContent,.mainContentItems {height:100%;}
  .mainContent {min-height:100%;position:relative}
  .paddingImg,.mainContentPad  {
    padding-top: 70%; /* 4:3 aspect ratio */
}
.imgWrap.image-fit img {/* opacity:0 */}
.imgWrap {
	background-color:rgba(255, 255, 255, 0.3);
	background-position: 50% 46%;
	background-repeat: no-repeat;
	height: 100%;
	width:100%;
}.imgWrap.textBrick {
	display: table;
	color: #fff;
}.imgWrap.textBrick a{
height:inherit;	
}.imgWrap h3 {
  
   
    font-size: 25px;  
    display: table-cell;    vertical-align: middle;
    text-align: center;
    width: 100%;
}.entry .leftCorner {position:absolute;top:86%;left:5%;}
.entry .leftCorner:hover {text-decoration:underline;}.imgWrap h3 span.bigTag {
padding: 1px 15px 4px 12px;
background: #165674;
/* box-shadow: 1px 1px 3px 1px rgba(196,207,207,0.75); */
line-height: 110%;
display: inline-block;
position: relative;
z-index: 100;
border-radius: 0px 15px 15px 0px;
max-width: 85%;
margin-left: 30px;
box-sizing: border-box;
}
.imgWrap.loadedImg{background-position: 50% 50%;background-image: url('/images/ajaxloader.gif');background-image: none;}

.imgWrap.loadedImg img {opacity: 0;}
.imgWrap.loadedImg.image-fit img {opacity:1;}
.imgWrap.noImg{background:#fff} 
.genericItem:nth-child(4n) .imgWrap.noImg   {background:#eee}
.genericItem:nth-child(4n+1) .imgWrap.noImg   {background:#aaa}
.genericItem:nth-child(4n+3) .imgWrap.noImg   {background:#888}

@media screen and (max-width: 1240px) {
	.imgWrap.loadedImg{
		/* background-size: 120%; */
	}
}

@media screen and (max-width: 1240px) {
	.imgWrap.loadedImg{
		background-position: 30% 30%;
		 /* background-position: 50% 0px;*/ /* #nadav_style */ 
		 
	}
} 

.swiper-slide{position:relative;display:block;}
.slideContent{	position: absolute;
    top: 0;
    bottom: 0;
    	left: 1px;
    right: 0;
	/* padding-right:1px; */
	direction: rtl;	margin-right: 1.8%;}	.bottomNav {padding-top:30px;position: relative;z-index:100;}
	
	.imgCaption {
	position: absolute;
	bottom: 0px;
	height: 20%;
	color: #fff;
	background: rgba(236, 255, 202, 0.88);
	background:rgba(0, 0, 0, 0.72);
	font-size: 1.88vmin;
	line-height: 2.3vmin;
	width: 100%;	text-align: right;
	font-weight: bold;
	padding-top: 0.5%;
	}
	
	
	.main  > .content {height: 98%;position: relative;padding-left: 10px;}
	@media screen and (max-width: 1200px) {
		.main  > .content {height: 94%;}
	}
	
	.listing {direction: ltr;height: 88%;/* max-width: 1000px; */position: relative;clear: both;/* background: red; */}	.longPage .listing {direction:rtl;}
	.listing.opacity-transition {
		transition: opacity 1s;
	}
	.listing.hide-listing {
		transition: opacity 0s;
		opacity: 0 !important;
	}
	html {font-size: 16px;}

	html,body{position:relative;width:100%;height:100%;margin:0;padding:0;}
	
	.swiper-container,
	
	.swiper-slide{width:100%;height:100%}
	
		.swiper-container {width: 101.8%;} 
	.entry {direction:rtl;}
	
	
	
	
	/* ==========================================================================
	#Colorbox
========================================================================== */
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9998; /* overflow: hidden; */ }
#cboxWrapper { max-width: none; }
#cboxOverlay { position: fixed; width: 100%; height: 100%; }
#cboxMiddleLeft, #cboxBottomLeft { clear: left; }
#cboxContent { position: relative; }
#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }
#cboxTitle { margin: 0; }
#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }
#cboxSlideshow {display:none;}
.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }
.cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; }
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing: content-box;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
#cboxCurrent {display: none !important;}.colorbox-opened .wrapper  {
 -webkit-filter: blur(4px);  -moz-filter: blur(2px);  -ms-filter: blur(2px);  -o-filter: blur(2px);  filter: blur(2px);
   -webkit-transition: all 0.0s ease-in;  
/* transition: all 3s ease-out; */
}
.popup{}.colorbox-opened-finished .popup{
opacity:0;
}
.colorbox-opened-finished2 .popup{opacity:1;
}#cboxOverlay {background: #000;opacity:0.8;}#colorbox { outline:0;overflow: visible !important;}
#cboxClose {position: absolute;top: 7px;left: -20px;border: 0;background:url(images/popup-btn-close.png) no-repeat 0 0;width: 41px;height: 41px;text-indent: -9999px;display: none !important;z-index: 1;}#colorbox.preSlide {
-webkit-transition: left 1s ease 0.1s, width 0s ease-out 0.1s, border-width 0s ease-out 0.1s;
}#colorbox.left {left:-900px !important;}
#colorbox.right {left:110% !important;}

button#cboxNext,button#cboxPrevious {
    background: transparent;
    height: auto;
    padding: 0px;
    position: fixed;
    top: 50%;
    /* background:red; */
    z-index: 10000;
    width:54px;
    height:82px;
    opacity:0.6;
}button#cboxNext:hover ,button#cboxPrevious:hover {
   
	opacity:1;
}

button#cboxPrevious img{
   position:relative;/
}
button#cboxNext img{
   position:relative;
}
@media screen and (max-width: 1100px) {
button#cboxPrevious img{
   right:-15px;
}
button#cboxNext img{
   right:15px;
}
}

button#cboxPrevious {
   right: 50%;
   text-align: right;
   margin-right: 335px;
   /* background: red; */
}
button#cboxNext {
   left: 50%;
   right: inherit;
   text-align: left;
   margin-left: 350px;
   /* background: green; */
}


body button#cboxNext img {
	margin-left: 0px;
}

body button#cboxPrevious img {
	right: 0px;
}

/* ==========================================================================
	#Popup
========================================================================== */
.colorbox-opened .wrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }
.popup {padding: 25px 0 20px;text-align: right;}
.popup-main { position: relative; overflow: hidden; top: 0; width: 788px; padding-right: 38px; background: #f4f6f6; }
.popup-gallery {position: relative;overflow: hidden;top: 0;width: 826px;padding-right: 0px;padding-bottom: 3;background: #f4f6f6;min-height: 400px;}
.popup-gallery .popup-title {font-weight:bold;margin-bottom: 3px;text-align:center;font-size:30px;color:#fff;padding: 11px 0px 12px 0px;}
.popup-gallery .back-arrow-area a {transition:0.3s;position: absolute;color:#fff !important;right: 10px;top: 5px;font-size: 36px;opacity: 0.7;}
.popup-gallery .back-arrow-area a:hover {opacity:1}
.popup-gallery .gallery-icon-area {position:absolute;left:10px;top: 6px;font-size: 33px;}
.popup-gallery #first-photo-gallery {padding-bottom:3px;padding-left:1px;}
.popup-gallery .hide-gallery {height:0px !important;overflow:hidden !important}
.popup-gallery #first-photo-gallery a {display:block;padding: 0px 3px 0px 3px;width:100%;box-sizing: border-box;}
.popup-gallery #first-photo-gallery a img {width:100%;}
.popup-content,
.popup-aside { float: left; }
.popup-content { width: 514px; position: relative; left: 110px;}
.popup-aside { float: right; width: 117px; padding-left: 40px; }

.popup-parallax {padding:0px;width:auto;width: 610px;position:relative;margin-top: 0px;overflow: visible;padding-bottom: 1px;}
.popup-parallax .popup-article-head { display: none; }
.popup-parallax.popup-ask .popup-article-head  { display: block; }
.popup-parallax .popup-aside {display:none}
.popup-parallax .popup-content {position:static;padding: 0px 28px;width: 100%;box-sizing:border-box;/* background: red; *//* padding-top: 1px; */float: none;margin-bottom: -1px;}

.popup-parallax .popup-parallax-head {height: 100%;overflow:hidden;position:relative;}
.popup-parallax .popup-parallax-head.edit-view{}
.popup-parallax .popup-parallax-head.edit-view .cc{
	display: none;
}
.popup-parallax .popup-parallax-head.edit-view .img{display:none;}
.popup-parallax .popup-parallax-head.edit-view .fade-bg{display: none !important;}
.popup-parallax .popup-parallax-head.edit-view .head-text{position:static;background: #165674;display: block !important;min-height: 10px;}

.popup .publications-points-area {position:absolute;top: 10px;z-index: 1;left: -20px;/* left: inherit; *//* right: -20px; */z-index: 3;top: 11px;}

.popup-parallax .popup-parallax-head > div {height:100%;position: relative;overflow: hidden;}

.popup-parallax .popup-parallax-head .img {/* display:none; */width: 100%;height: 360px;/* display: block; *//* background-position: 50% 0% !important; */background-repeat: no-repeat !important;/* background-attachment: fixed; */background-size: 100% auto !important;/* background-position: 40% 32px !important; *//* background-size: 640px auto !important; */min-height: 170px;}

.popup-parallax .popup-parallax-head .img img{width:100%;}

.popup-parallax .popup-parallax-head .fade-bg {position:absolute;width:100%;display:block;bottom:0px;height:120px;background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgb(0, 0, 0) 100%);z-index: 1;linear-gradient(to bottom,rgba(0,0,0,0) 0,rgb(0, 0, 0) 100%): 200%;}
.popup-parallax .popup-parallax-head .cc {opacity:0.7;position:absolute;bottom:0px;z-index: 20;display:block;left:0px;text-align: left;margin: 10px 8px;color:#fff;font-size:18px;transition: 0.4s;transition-delay: 0s;}
.popup-parallax .popup-parallax-head:hover .cc2 {opacity: 0.7;transition: 0.7s;transition-delay: 1.2s;}
.popup-parallax .popup-parallax-head.show-photo-only  h2 {opacity: 0;transition:0.5s;}
.popup-parallax .popup-parallax-head  h2{color: #fff;/* display: none; */font-size:30px;}
.popup-parallax .popup-parallax-head .writer {color: #ffffff;font-size: 19px;position: absolute;top: 0px;font-weight: normal;right: 0px;width: auto;z-index: 2;text-align: left;padding: 0px 25px;/* background: rgba(255, 255, 255, 0.74); */margin: 0px;padding: 10px 15px;border-radius: 0px 0px 10px 0px;/* color: #000; */text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5),0px 0px 6px rgba(0, 0, 0, 0.9),0px 0px 8px rgba(0, 0, 0, 0.77);position: absolute;text-align: right;padding: 12px 28px;}
.popup-parallax .popup-parallax-head .writer .name{/* color: #000000; */}
.popup-parallax .popup-parallax-head .writer .spacer {opacity: 0.7;font-size: 22px;position: relative;top: 2px;/* font-weight: bold; */display: inline-block;padding: 0px 5px;}
.popup-parallax .popup-parallax-head  .head-text {position:absolute;bottom: -0px;padding: 20px 28px;z-index: 10;}
.popup-parallax .popup-article-writer {display: none;border-top: 0px;padding: 10px 20px;}
@media screen and (max-width: 680px) {
	.popup-parallax .popup-article-writer{
		display: block;
		
	}
	.popup-parallax .popup-parallax-head .writer {
		display:none !important;
	}

}

.popup-parallax .popup-article {padding-top:0px;padding-bottom: 0px;}
.popup .popup-publication-notification {
	padding:10px;
	background:#eee;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size: 14px;
}

.popup-bottom-credit {
	text-align: left;
	padding-bottom: 12px;
	position: relative;
	left: -12px;
}

.popup-bottom-cc-credit a{
	    font-size: 18px;
    color: #333;
}

.buttom-credit-element {
	opacity: 0.3;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.buttom-credit-element:hover {
	opacity: 0.7
	
}

.item-credit-dialog .title{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}


.item-credit-dialog .small-title{
	font-size: 15px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 3px;
	text-align: center;
}

.item-credit-dialog .content{
	font-size: 14px;
	text-align: center
}
.item-credit-dialog .content a {
	color: #0071DA;
}

/* ==========================================================================


	#Popup Ribbon
========================================================================== */
.popup .admin-corner {position:absolute;top: 7px;right: 7px;z-index: 5;}
.popup .admin-corner.transparent-buttons  .admin-icon   {
	opacity: 0.26;
}
.popup .admin-icon-smaller-1 {
	font-size: 23px !important;
}

.popup .admin-icon-chat-square  {
		position: relative;
		font-size: 22px !important;
		top: 2px;
}


.popup .admin-corner.transparent-buttons  .admin-icon.admin-icon-active   {
	opacity: 1;
}

.popup .admin-corner .admin-icon  {
	font-size: 16px;
	background: transparent !important;
	display: block;
	color: rgb(255, 255, 255);
	font-size: 24px;
	transition: 0.1s;
	opacity: 0.7;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.71), 1px 1px 4px rgba(0, 0, 0, 0.31);;
	z-index: 1000;
	right: 0px !important;
	display: inline-block;
	padding: 0px;
	width: 35px;
	margin: 0px;
	margin-left: 5px;
	top: 0px !important;
	position: relative;
}

.popup .admin-corner .admin-icon-trash i{
	top: -1px;
	/* font-size: 21px; */
	/* margin-top: 8px; */
	transform: scale(0.96,0.96);
	position: relative;
}
.popup .admin-corner .admin-icon-location i{
	transform: scale(0.87,0.87);
}


.popup .admin-corner .admin-icon:hover {/* opacity: 1; */}

.popup .not-active-corner-msg {position:absolute;top:0px;left:0px;
background:red;z-index:1;padding:2px 10px; color:#fff;
background: #888;border-radius:0px 0px 10px 0px;
font-size: 18px;
}
	
.popup-ribbon { position: relative; width: 119px; min-height: 140px; padding-bottom: 33px; background: url(images/popup-ribbon-bg.png) no-repeat 0; text-align: center; height: 121px;}
.ribbon-content { width: 117px; padding: 10px 0 12px 0px; border-right: 1px solid #e0e3e3; border-left: 1px solid #e0e3e3; background: #c4314f; display: block; position: static; line-height: 120%;}
.ribbon-image {
    max-height: 80px;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 0px;
    line-height: 0px;
    cursor: pointer;
    top: 0px;
}
.ribbon-logo { display: inline-block; width: 38px; height: 35px; background: url(images/ribbon-logo.png) 0 0; }.popup-ribbon h2 {font-size: 16px;color: #fff;font-weight: normal;position: static;width: 100%;padding: 0px 4px;right: 0px;box-sizing: border-box;}
.ribbon-editor {position: absolute;float: right;text-align: center;width: 100%;position: absolute;bottom: 15px;}
.ribbon-cc {
    position: absolute;
    bottom: 3px;
    left: 9px;
    z-index: 1;
    height: 15px;
    opacity: 0.0;
    overflow: hidden;
    width: 20px;
    /* background: red; */
    transition: 0s;
}
.ribbon-image:hover .ribbon-cc {
    opacity: 0.6;
    transition: 2s;
    transition-delay: 0.5s;
}.ribbon-image:hover .ribbon-cc:hover {
    opacity: 1;
    transition: 0s;
}/* ==========================================================================
	#Popup Socials
========================================================================== */
.popup-socials { padding-top: 42px; }
.popup-socials ul { list-style: none outside none; }
.popup-socials li { padding-bottom: 10px; }
.link-facebook-share,
.link-facebook-share span { display: inline-block; height: 27px; background: url(images/facebook-share-btn.png) no-repeat 0 0; font-family: 'Myriad Pro', sans-serif; font-size: 15px; color: #fff; }
.link-facebook-share { padding-left: 30px; margin-right: 1px; }
.link-facebook-share span { padding-right: 8px; background-position: right 0; line-height: 28px; }
.link-google { margin-right: -42px; }/* ==========================================================================
	#Popup Article
========================================================================== */
.popup-image-gallery {display:none;padding:20px;background: #f4f6f6;}
.popup-image-gallery h1 {/* color:#fff */}
.popup-article { padding: 26px 0 95px; }
.popup-article-head {min-height: 45px;padding-right: 7px;margin-bottom: 5px;padding-left: 7px;background: #165674;}
.popup-article-head h2 { font-size: 27px; line-height: 45px; color: #fff; font-weight: normal; }.popup-article-section {overflow: hidden;border-top: 1px solid #165573;border-bottom: 1px solid #165573;clear: both;border-color: rgba(0, 0, 0, 0.09);}
.popup-article-head h2.ask {background: transparent;font-size: 19px;padding-top: 8px;line-height: 29px;padding-bottom:5px;display: inline-block;}
.
.popup-article-head-section { overflow: hidden; border-top: 1px solid #165573;  border-bottom: 1px solid #165573; clear: both; position: relative; padding-bottom: 2px;}
.popup-article-writer {padding:10px 0px;color: #7d7d7d;font-size: 15px;}
.popup-article-writer .name {font-weight:bold;padding-right: 2px;}
.popup-article-writer .spacer {}

.popup-article-login {padding-top:20px;background: #ECECEC;padding-bottom: 20px;border: 1px solid #BABABA;margin-top: -1px;box-shadow: 1px 1px 0px 0px #959595;display: none;position: static;width: 99%;}
.mobilePopup .popup-article-login {position:static !important;}
.popup-article-login .loginForm .smallTitle h1 {color: #165674;}
.popup-article-login .loginForm .smallTitle h2 {color: #333;}

.popup-article-login .loginForm .loginBox label:not(.error) {/* background: #687072; */}

.popup-article .embeded-youtube-video,.popup-article .embeded-google-maps, .eui.extraArea {
	margin-top: 20px;
}
.video-embed-wrapper {
	margin-top: 42px;
}
.popup-article .embeded-youtube-video {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.popup-article .embeded-youtube-video iframe {
	border: 0;
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.popup-article-actions {float: none;position: relative;/* background: red; */}

.plugins-item-map {
	border-bottom: 1px solid #ddd;
	line-height: 0;
	border-top: 1px solid #ddd;
	/* background-color: #e2dada; */
	background-color: white;
	background-color: white;
	position: relative;
	top: -4px;
}
.plugins-item-map iframe {
    min-width: 430px;
}

.popup-section-rating { overflow: hidden; padding-top: 4px; position: relative; top: -9px; float: left; left: 2px;}
.popup-section-rating input {display:none;}
.list-stars { float: left; list-style: none outside none; }
.list-stars li,
.list-stars a { float: left; }
.list-stars li { padding-right: 3px; }
/*
.list-stars a { width: 20px; height: 20px; background: url(images/popup-rating-star-bg.png) no-repeat 0 0; }
.list-stars a:hover,
.list-stars .rated a { background: url(images/popup-rating-star-hover-bg.png) no-repeat 0 0; }
*/
.star{
    background:url(images/popup-rating-star-bg.png) no-repeat 0 0;    display:block;
    width:20px;
    height:20px;
    line-height:20px;
    float:left;
    cursor: pointer;
    zoom:1;
	padding-right:3px;
}
.fullStar{
    background:url(images/popup-rating-star-hover-bg.png) no-repeat 0 0;
}
.stars{
    overflow: hidden;
}
.tmp_es{
	background:url(images/popup-rating-star-bg.png) no-repeat 0 0;
}
.tmp_fs{
    background:url(images/popup-rating-star-hover-bg-tmp.png) no-repeat 0 0;
}.rating-result,
.rating-result > span { background: url(images/rating-result-bg.png) no-repeat 0 0; font-family: 'Myriad Pro', sans-serif; font-size: 15px; line-height: 24px; color: #6e6f71; }
.rating-result { float: left; height: 24px; padding-left: 10px; }
.rating-result > span { display: inline-block; height: 24px; padding-right: 5px; background-position: right 0; }
.popup-section-options { padding-top: 3px; margin:5px 0px}
.list-options { overflow: hidden; list-style: none outside none; }
.list-options li,
.list-options a { float: left; }
.list-options li { height: 50px; padding-right: 13px; }
.list-options .has-separator {padding-right: 20px;margin-right: 19px;background: url(images/popup-separator-line.jpg) no-repeat right 10px;}.option-print,

.list-options {width: 300px;margin: 0 auto;top: 0px;position: relative;width: 336px;right: -3px;}
.list-options.platform-theme {
	margin: 0px;
	width: auto;
}
.list-options.platform-theme div.pin-msg {
	margin-top: 8px;
	margin-right: 5px;
}
.list-options.platform-theme li, .list-options.platform-theme a {
	float: right;
	padding: 0px 1px !important;
}
.list-options li {padding: 0px 10px; }
.list-options li  a {margin-top:5px}
.list-options li:last-child {
	border: none;
}
.popup-article-toolbox.platform-theme {
	padding-top: 0px;
}
.popup-article-toolbox {border-top:0px;}
.list-options li{
    padding: 0px  !important;
    padding-right: 20px  !important;
    padding-left: 20px  !important;;
    margin: 0px !important;
    background: none !important;
    border-right: 1px solid #ddd;
    height: 40px  !important;
}

.option-write,
.option-wordpress,
.option-picture,
.option-copythis,
.option-pin { width: 26px; height: 26px; }
.option-print,
.option-write,
.option-wordpress,
.option-picture,
.option-pin  { margin-top: 10px; box-shadow: 1px 1px 1px rgba(196,207,207,0.75); }
.option-pin  {box-shadow:none;}.option-print { background: url(images/popup-print-btn-bg.jpg) no-repeat 0 0; }
.option-write {background: url(images/popup-write-btn-bg.jpg) no-repeat 0 0;}
.option-wordpress { background: url(images/popup-wordpress-btn-bg.jpg) no-repeat 0 0; }
.option-picture { background: url(images/popup-picture-btn-bg.jpg) no-repeat 0 0; }
.option-copythis {background: url(images/popup-copythis-btn-bg.jpg) no-repeat 0 0;}
.option-pin { background: url(images/popup-pin-btn-bg.png) no-repeat 3px 1px; }
div.pin-msg {display: block;
    position: absolute;
    right: -26px;
    top: 8px;background:#165674;color:#fff; padding: 1px 6px 2px 6px;box-shadow: 1px 1px 1px rgba(196,207,207,0.75);display:none}.popup-section-content {
float: right;
padding-top: 1px;
width: 190px;
/* height: 67px; */
position: relative;
top: 10px;
/* background: red; */
}

.popup-section-content h4 { padding-bottom: 30px; font-size: 19px; color: #464646; font-weight: normal; }
.popup-section-content p, .popup-section-date p{ font-size: 14px; color: #7d7d7d; }.popup-article-body {margin-bottom: 35px;}
.popup-article-body {font-size:16px;font-size: 16px;color: #363636;position: relative;margin-top: 24px;}
.popup-article-body .paragraph-title {font-weight:bold;margin-bottom: 6px;display: block;margin-top: 24px;/* font-size: 17px; */}
.popup-article-body  img {max-width: 98%;margin-right: 2px;}
.popup-article-body p,
.popup-article-body strong { padding-top: 30px; }
.popup-article-body p,.popup-article-body .popup-article-text {line-height: 1.5;}
.popup-article-body strong { display: block; line-height: 1.3; }
.popup-article-clip { padding: 29px 7px 0 0; }.item-links a {color: #0071DA;}
.popup-article-body a {
    color: #0478ae;
}
.tags-inline-editor tags-input .autocomplete {
	position: static !important;
}
.tags-inline-editor .tags {
	border: 0px;
	padding: 6px 0px;
	font-size: 15px;
	background: transparent;
}
.tags-inline-editor tags-input .tags .input {
	margin-top: 5px;
	padding-right: 5px;
	min-width: 78px;
}
.edit-links-icon{
	color: #aaa;
	float: left;
	/* display: none; */
	margin-top: 0px;
	margin-left: 0px;
	position: relative;
	z-index: 10;
	margin-right: 5px;
	cursor: pointer;
}
.edit-links-icon:hover {
	color: #333;
}

.edit-links-icon .icon-back-arrow{
	font-size: 20px;
}
.item-links img {display:none}
.item-links ul {margin: 5px 20px;}.list-links { padding: 15px 0 7px; list-style: none outside none; }
.list-links li,
.list-links a { display: inline-block; *display: inline; *zoom: 1; }
.list-links li { padding-bottom: 8px; padding-left: 2px; }
.list-links a,.popup-article-body a.taglink {color: #fff !important;height: 23px;padding: 0 10px;background: #d8436d;font-size: 16px;line-height: 23px;box-shadow: 1px 1px 1px rgba(196,207,207,0.75);box-shadow: none;}
 .popup-article-body a.taglink,.text a.taglink  {background: #f29f2c; padding:0px 3px 1px 3px; font-size:inherit; /* line-height:inherit */}
.list-links .alt a { background: #f29f2c; }
.list-links .start a { padding-left: 14px;background: #165674 url(images/popup-list-links-start-bg.jpg) no-repeat 0 0px;}
.list-links a.tag_transition {background-image:none;}
.list-links li:not(.start) a:hover { background: #165674 !important; } 
.list-links a:hover  {text-decoration: none;}.popup-article-section-related { padding-top: 15px; }
.section-related-head {overflow: hidden;margin-bottom: 15px;}
.section-related-head h5 {float: right;padding: 0px;background: #165674;font-size: 20px;line-height: 28pxpx;color: #fff;font-weight: normal;background: transparent;color: #424141;font-weight: bold;font-size: 16px;}.relates {overflow: hidden;margin-left: 0px;list-style: none outside none;margin-bottom: 20px;position: relative;right: -2px;}
.related {float: right;width: calc(50% - 8px);margin-right: 9px;margin-bottom: 14px;margin-right: 14px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);position: relative;right: 2px;}
.related:nth-child(2n+1) {margin-right:0px;}
.related-image { height: 130px; padding-bottom: 0px; overflow: hidden;}
.related-image div {height:100%;}
.related-image  img {width:100%}
.related-content {overflow: hidden;height: 54px;padding: 0 5px;background: #165573;border-top: 2px solid #fff;/* background: #eae9e9; */border-top: 0px;}
.related-content h6 { padding-top: 3px; font-size: 16px; line-height: 22px; color: #fff; font-weight: normal; }
.related-content h6 {
    font-size: 16px;
    line-height: 21px;
    padding: 6px 5px;
    }
.related-content a {text-decoration:none;/* color: #000; */}
div.content.loading  > *{  opacity: 0.18;/* display: block; */  /* opacity: 1; */  /* position: absolute; */  /* top: 0px; */}.sliderLoading {display:none;width: 100%;height: 100%;opacity: 1 !important;position: absolute;top: 0px;right: -20px;}
div.content.loading .sliderLoading {display:block}
#bowlG{
position:relative;
width:300px;
height:300px;
margin: 0% auto;
bottom: -20%;}
@media screen and (min-height: 880px) {

	#bowlG{bottom:-28%}
}

#bowl_ringG{
position: absolute;
width: 300px;
height: 300px;
border: 18px solid #f29f2c;
-moz-border-radius: 300px;
-webkit-border-radius: 300px;
-ms-border-radius: 300px;
-o-border-radius: 300px;
border-radius: 300px;
}.ball_holderG{
position:absolute;
width:80px;
height:300px;
left:110px;
top:0px;
-moz-animation-name:ball_moveG;
-moz-animation-duration:0.9s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:linear;
-webkit-animation-name:ball_moveG;
-webkit-animation-duration: 0.9s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;
-ms-animation-name:ball_moveG;
-ms-animation-duration:0.9s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:linear;
-o-animation-name:ball_moveG;
-o-animation-duration:0.9s;
-o-animation-iteration-count:infinite;
-o-animation-timing-function:linear;
animation-name:ball_moveG;
animation-duration:0.9s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}.ballG{
position:absolute;
left:0px;
top:-47px;
width: 70px;
height: 70px;
background:#165674;
-moz-border-radius:67px;
-webkit-border-radius:67px;
-ms-border-radius:67px;
-o-border-radius:67px;
border-radius:67px;
/* box-shadow: 1px 1px 1px #000; */
}@-moz-keyframes ball_moveG{
0%{
-moz-transform:rotate(0deg)}100%{
-moz-transform:rotate(360deg)}}@-webkit-keyframes ball_moveG{
0%{
-webkit-transform:rotate(0deg)}100%{
-webkit-transform:rotate(360deg)}}@-ms-keyframes ball_moveG{
0%{
-ms-transform:rotate(0deg)}100%{
-ms-transform:rotate(360deg)}}@-o-keyframes ball_moveG{
0%{
-o-transform:rotate(0deg)}100%{
-o-transform:rotate(360deg)}}@keyframes ball_moveG{
0%{
transform:rotate(0deg)}100%{
transform:rotate(360deg)}}img.side-pin {
    position: relative;
    right: 15px;
    top: 40px;
}
div.singleItemBrick.centerTag h3{font-size:30px;}

div.singleItemBrick.bigCenterTag h3{font-size: 35px;}
div.singleItemBrick.centerTag.smallTag  h3{font-size:20px !important;}

div.singleItemBrick.bgcolor_1{
	background-color:#d8436d;
}
div.singleItemBrick.bgcolor_2{
	background-color:#18bcd1;
}
div.singleItemBrick.bgcolor_3{
	background-color:#f29f2c;
}
div.singleItemBrick.bgcolor_4{
	background-color:#8aa43f;
}
div.imgWrap.singleItemBrick.gb {
    direction: ltr;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

div.singleItemBrick.academy-center-logo {background: url(images/academy_logo_300.png) no-repeat top  center !important;background-size: auto 100% !important;}
div.gbMsg {
    color: #fff;
    direction: rtl;
    padding: 2px 5px 45px 5px;
    font-size: 13px;
    font-size: 17px;
}.grid4 div.gbMsg{
	    font-size: 17px;
	
}.grid1 div.gbMsg{
	    font-size: 27px;
	
}
.entry cite {
    background: #fff;
    color: #000;
    padding: 0px 7px 1px 4px;
    font-style: normal;
    position: absolute;
    bottom: 0px;
    left: 0px;
    direction: rtl;
    border-radius: 0px 10px 0px 0px;
    font-size: 15px;
    max-width: 200px;
    overflow: hidden;
}.entry cite.smallHomePage{
	top:0px;
	border-radius: 0px 0px 10px 0px;
	background-color:rgba(175, 38, 37, 0.7);
	color:#fff;
	height: 20px;
}
.entry cite.smallHomePage.challenge {background: #F91D4E;left:inherit;right:0px;border-radius:0px 0px 0px 10px;padding:0px 5px;font-weight:bold;height: 23px;}

.entry cite.academy-item-cite{
	top:0px;
	border-radius: 0px 0px 10px 0px;
	background-color: #57BC90;
	/* color: #2F487A; */
	height: 20px;
	border-top: 1px solid #2F487A;
	border-left: 1px solid #2F487A;
	border-color: rgba(255, 0, 0, 0);
}
.entry cite.academy-item-cite, .entry cite.academy-item-cite a {
	color: #FFFFFF;
}
.entry cite.publication-on-work{
	background-color: #d8436d;
	color:#fff;
}
.entry cite.tip{
	background-color:rgba(22, 86, 116, 0.70);
}
.entry cite.ask{
	background-color:rgba(175, 38, 37, 0.7);}.entry .todayTag {
position: absolute;
top: 50%;
right: 5px;
font-size: 120%;
width: 100%;
text-align: center;
margin-top: -57px;
}div.gbThanks {
    text-align: center;  position: absolute;  
    top: 45%;
    width: 100%;
    opacity: 0;
}.gbForm input.gbNext, .smallFormLink {position: relative;
right: 70px;
font-size: 14px;
height: 26px;
line-height: 14px;
position: absolute;
bottom: 0px;
right: 0px;
background: rgba(216, 67, 109, 0.54);
border-radius: 10px 0px 0px 0px;
padding: 0px 6px;/* opacity: 0.5; */}
.smallFormLink {line-height:25px;}.entry a.reddish strong{background-color:rgba(175, 38, 37, 0.7);}.bigRightAvatar{width: 215px;
padding-right: 15px;}.gbForm input.gbNext:hover {
	background: rgba(216, 67, 109, 1);
} div.removePin {
    background: transparent;
    width: 40px;
    height: 34px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow:hidden;
    display:none;
    font-size: 25px;
    text-align: left;
    opacity: 0.8;
}

div.removePin:hover {opacity: 1}

.entry:hover .removePin,.entry:hover .editPin{display:block}
.entry .editPin:hover {
	opacity: 1;
}
.entry .editPin {
	display:none;
	width: 26px;
	height: 27px;
	position: absolute;
	left: 32px;
	top: 2px;
	border: 0px;
	background-color: transparent;
	padding: 3px 5px;
	border-radius: 0px 0px 7px 7px;
	box-shadow: none;
	opacity: 0.8;
	font-size: 20px;
}.entry .editPin a.option-write {
    box-shadow: none;
    border: 0px;
    background: none;
}div.mobilePopup {
top: 0px;
left: 0px;
width:100%;
height:100%;
display:none;
z-index: 2;
}.tag-transition {background-image:none;font-size:100px;line-height:100px;height:100px}.welcomePopup {margin:30px;background:#fff;/* padding:10px; */height: 315px;width: 640px;border-radius: 10px;overflow: hidden;/* border: 2px solid; */box-shadow: 0 -5px 30px 4px rgba(0, 0, 0, 0.3);background: #E4F8FA;/* background: rgba(22, 86, 116, 1); */color: #000;color: #fff;/* background: #1fbdd2; *//* background: #ddd; */background: #fff;opacity: 1;}
.welcomePopup h1{margin: 0px 0px 0px 0px;height: 20px;background: #1fbdd2;color: #fff;padding: 20px;text-align: center;line-height:18px;font-size: 34px;font-weight:normal;border-radius: 10px 10px 0px 0px;background: rgba(22, 86, 116, 1);/* background: #556270; */
}
.welcomePopup input.button {margin: 20px auto;display:block;/* position: absolute; *//* margin: 0px auto; *//* right: 200px; *//* border: 1px solid #706B6B; */bottom: -40px;/* border-radius: 20px; *//* font-size: 35px; *//* height: 50px; */box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.3);}
.welcomePopup p {display:block;margin-bottom: 1px;;padding:10px;
line-height: 14px;font-size: 16px;/* text-align:center; */color: #000;-webkit-font-smoothing: none;/* font-weight: bold; */
text-align:center;;}
.welcomePopup input.button:hover {
background: #165674;
}.welcomePopup p:nth-child(2)   {  
  background: #1fbdd2;
  background: #4ECDC4;
  line-height:24px;
  font-weight:bold;
 margin-bottom:20px;  color:#fff;
  font-size:21px;
  background: #4ECDC4;
  font-weight:normal;
}
.welcomePopup p {/* background: #F5F5F5; */transition: color .2s, background-color .5s;/* margin-bottom: 10px; */}
span.arrow-symbol {
display: inline-block;
background: #000;
color: #fff;
width: 20px;
height: 16px;
font-weight: bold;
font-family: serif;
font-size: 20px;
padding: 2px;
border: 1px solid #eee;
box-shadow: 1px 1px 1px #eee;
margin-right: 3px;
}
#welcomeMsg {display:none;}
#welcomeMsg2 {display:none;} .welcomePopup .text{color:#000;line-height:120%;padding:15px;font-size:15px;text-align:right;}
 
.welcomePopup .facebookBox{float:right;}
.welcomePopup .guestbookEnter{float:left;margin-left:40px;}.welcomePopup2 {height: 300px;} input.button.guestbookEnter {
background: #D8436D;}.list-links .tag_transition {white-space: nowrap;font-size: 50px;line-height: 50px;height: 55px;}.searchnav div.loupe {
    position: absolute;
    /* background: red; */
    left: 0px;
    top: 0px;
    height: 30px;
    width: 30px;
    /* background: #fff url(images/icon-loupe.png) no-repeat 0px 0px; */
    /* background-color: red; */
}.searchnav div.loupe a{width:100%;height:100%;/* background:blue; */display: block;}.rightMenu{margin-top:20px;text-align:center}a.aButton {
font-size: 19px;
line-height: 23px;
color: #fff;
background: #f29f2c;
padding: 5px 18px;
border: 0;}/*AUTOCOMPLEATE*/.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #F8F8F8; position: relative; /* background: #d8436d; */ color:#000;}
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #165674; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; } .footer {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-size: 13px;
}.footer a {background: #f29f2c;display:inline-block; padding:1px 4px; border-radius:7px; opacity: 0.7;}
.footer a:hover {opacity: 1;}.infiniteScrollContent .entry {opacity:1;margin-bottom:10px;height:100%;
float: none;margin: 0px;}
.infiniteScrollContent .entry a img  {visibility: visible;}
.infiniteScrollContent .imgWrap {min-height: 230px;max-height: 230px;}
.infiniteScrollWrapper {
    /* margin-bottom: 100px; */
    /* position: absolute; */
    top: 0px;
    right: 0px;
    /* height: 100%; */
    overflow: visible;
    margin-top: 0px;
}
.infiniteScrollWrapper .sliderLoading {    position: static;
    display: block;}.infiniteScrollWrapper .loader{text-align:center;direction:rtl;}.infiniteScrollContainer  .infiniteScrollWrapper .infiniteScrollContent .entry.grid1 a strong  {font-size: 18px;height: auto;max-height: none;line-height: 25px;}.infiniteScrollContainer {/* background: red; */top: 0px;/* left: 0px; *//* height: 100%; */position: relative;top: 0;right: 0px;}/* loading spinner begin */
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/* loading spinner end */span.randomTagButton {
    position: absolute;
    top: 0px;    left: -30px;
    background: #165674;
    padding: 0px;
    border-radius: 15px 0px 0px 15px;
    width: 31px;
    height: 100%;
    padding-left: 5px;
    z-index: 0;
    /* background: red; */
    padding-right: 0px;
}span.randomTagButton i.icon-dice {width: 22px;height: 22px;background-size: 100%;}.shake { display: inline-block; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }
.shake:hover { -webkit-animation-name: shake-base; -ms-animation-name: shake-base; animation-name: shake-base; -webkit-animation-duration: 2000ms; -ms-animation-duration: 2000ms; animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 0s; -ms-animation-delay: 0s; animation-delay: 0s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running;}
@-webkit-keyframes shake-base { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
  2% { -webkit-transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  4% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); }
  6% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  8% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }
  10% { -webkit-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  12% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
  14% { -webkit-transform: translate(1.5px, -2.5px) rotate(-0.5deg); }
  16% { -webkit-transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  18% { -webkit-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  20% { -webkit-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  22% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  24% { -webkit-transform: translate(-1.5px, -2.5px) rotate(-1.5deg); }
  26% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
  28% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  30% { -webkit-transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
  32% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
  34% { -webkit-transform: translate(-1.5px, 0.5px) rotate(-1.5deg); }
  36% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); }
  38% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  40% { -webkit-transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
  42% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  44% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  46% { -webkit-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  48% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  50% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }
  52% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }
  54% { -webkit-transform: translate(1.5px, 0.5px) rotate(-1.5deg); }
  56% { -webkit-transform: translate(0.5px, 0.5px) rotate(-1.5deg); }
  58% { -webkit-transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  60% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  62% { -webkit-transform: translate(-2.5px, -1.5px) rotate(-0.5deg); }
  64% { -webkit-transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  66% { -webkit-transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
  68% { -webkit-transform: translate(-1.5px, -0.5px) rotate(-1.5deg); }
  70% { -webkit-transform: translate(-0.5px, -2.5px) rotate(-1.5deg); }
  72% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-1.5deg); }
  74% { -webkit-transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
  76% { -webkit-transform: translate(1.5px, -1.5px) rotate(-1.5deg); }
  78% { -webkit-transform: translate(1.5px, -2.5px) rotate(0.5deg); }
  80% { -webkit-transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
  82% { -webkit-transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  84% { -webkit-transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  86% { -webkit-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  88% { -webkit-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
  90% { -webkit-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }
  92% { -webkit-transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  94% { -webkit-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  96% { -webkit-transform: translate(-2.5px, -2.5px) rotate(0.5deg); }
  98% { -webkit-transform: translate(-0.5px, 1.5px) rotate(-0.5deg); } }@-ms-keyframes shake-base { 0% { -ms-transform: translate(0px, 0px) rotate(0deg); }
  2% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  4% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  6% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  8% { -ms-transform: translate(-2.5px, -0.5px) rotate(-0.5deg); }
  10% { -ms-transform: translate(1.5px, -2.5px) rotate(-1.5deg); }
  12% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  14% { -ms-transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  16% { -ms-transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  18% { -ms-transform: translate(1.5px, -0.5px) rotate(-1.5deg); }
  20% { -ms-transform: translate(-1.5px, -2.5px) rotate(-0.5deg); }
  22% { -ms-transform: translate(-0.5px, -0.5px) rotate(-0.5deg); }
  24% { -ms-transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
  26% { -ms-transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
  28% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  30% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  32% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  34% { -ms-transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  36% { -ms-transform: translate(-0.5px, -0.5px) rotate(0.5deg); }
  38% { -ms-transform: translate(1.5px, -1.5px) rotate(-0.5deg); }
  40% { -ms-transform: translate(1.5px, -1.5px) rotate(0.5deg); }
  42% { -ms-transform: translate(-1.5px, 1.5px) rotate(-0.5deg); }
  44% { -ms-transform: translate(0.5px, 1.5px) rotate(-0.5deg); }
  46% { -ms-transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  48% { -ms-transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
  50% { -ms-transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  52% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  54% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  56% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  58% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  60% { -ms-transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  62% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  64% { -ms-transform: translate(0.5px, -0.5px) rotate(-0.5deg); }
  66% { -ms-transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  68% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  70% { -ms-transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  72% { -ms-transform: translate(0.5px, -2.5px) rotate(-1.5deg); }
  74% { -ms-transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  76% { -ms-transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  78% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  80% { -ms-transform: translate(0.5px, 0.5px) rotate(-1.5deg); }
  82% { -ms-transform: translate(-2.5px, -1.5px) rotate(-1.5deg); }
  84% { -ms-transform: translate(-0.5px, -0.5px) rotate(-1.5deg); }
  86% { -ms-transform: translate(-0.5px, 0.5px) rotate(-1.5deg); }
  88% { -ms-transform: translate(0.5px, -1.5px) rotate(0.5deg); }
  90% { -ms-transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  92% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  94% { -ms-transform: translate(-1.5px, -1.5px) rotate(-1.5deg); }
  96% { -ms-transform: translate(1.5px, 1.5px) rotate(0.5deg); }
  98% { -ms-transform: translate(-2.5px, -0.5px) rotate(0.5deg); } }@keyframes shake-base { 0% { transform: translate(0px, 0px) rotate(0deg); }
  2% { transform: translate(-0.5px, 0.5px) rotate(-0.5deg); }
  4% { transform: translate(-2.5px, -1.5px) rotate(0.5deg); }
  6% { transform: translate(1.5px, 1.5px) rotate(-1.5deg); }
  8% { transform: translate(-1.5px, -2.5px) rotate(0.5deg); }
  10% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  12% { transform: translate(-1.5px, 1.5px) rotate(-1.5deg); }
  14% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  16% { transform: translate(0.5px, 0.5px) rotate(-0.5deg); }
  18% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  20% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); }
  22% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
  24% { transform: translate(-0.5px, -1.5px) rotate(-0.5deg); }
  26% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  28% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  30% { transform: translate(-2.5px, 0.5px) rotate(0.5deg); }
  32% { transform: translate(1.5px, -0.5px) rotate(-0.5deg); }
  34% { transform: translate(0.5px, -2.5px) rotate(-1.5deg); }
  36% { transform: translate(0.5px, -2.5px) rotate(-0.5deg); }
  38% { transform: translate(-2.5px, -0.5px) rotate(0.5deg); }
  40% { transform: translate(-0.5px, 1.5px) rotate(0.5deg); }
  42% { transform: translate(1.5px, 1.5px) rotate(-0.5deg); }
  44% { transform: translate(-2.5px, -2.5px) rotate(0.5deg); }
  46% { transform: translate(0.5px, -2.5px) rotate(0.5deg); }
  48% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  50% { transform: translate(-0.5px, 0.5px) rotate(0.5deg); }
  52% { transform: translate(1.5px, 0.5px) rotate(0.5deg); }
  54% { transform: translate(-2.5px, 0.5px) rotate(-1.5deg); }
  56% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
  58% { transform: translate(-2.5px, -2.5px) rotate(-0.5deg); }
  60% { transform: translate(-0.5px, -2.5px) rotate(-0.5deg); }
  62% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  64% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  66% { transform: translate(-2.5px, 0.5px) rotate(-0.5deg); }
  68% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  70% { transform: translate(0.5px, 1.5px) rotate(0.5deg); }
  72% { transform: translate(-2.5px, 1.5px) rotate(0.5deg); }
  74% { transform: translate(1.5px, -0.5px) rotate(0.5deg); }
  76% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); }
  78% { transform: translate(-0.5px, -2.5px) rotate(0.5deg); }
  80% { transform: translate(1.5px, -0.5px) rotate(0.5deg); }
  82% { transform: translate(-1.5px, 0.5px) rotate(-0.5deg); }
  84% { transform: translate(-1.5px, -1.5px) rotate(-0.5deg); }
  86% { transform: translate(0.5px, -0.5px) rotate(-1.5deg); }
  88% { transform: translate(-2.5px, -2.5px) rotate(-1.5deg); }
  90% { transform: translate(-1.5px, 1.5px) rotate(0.5deg); }
  92% { transform: translate(-1.5px, 0.5px) rotate(0.5deg); }
  94% { transform: translate(-1.5px, -0.5px) rotate(0.5deg); }
  96% { transform: translate(1.5px, 0.5px) rotate(-0.5deg); }
  98% { transform: translate(-0.5px, -1.5px) rotate(0.5deg); } }.hide {display:none;}.eurekaButton {padding: 0px 25px 0px 5px;display: inline-block;background:red;height: 22px;font-size: 14px;line-height: 20px;box-shadow:1px 1px 1px 0px #aaa;}
.eurekaButton.sharethis {background: rgb(251, 156, 46) url(images/icon-sharethis.png) 90% 48% no-repeat;background-size: 15px;}
.eurekaButton.copythis {background: rgb(216, 67, 109) url(images/icon-copy.png) 80% 48% no-repeat;background-size: 16px;/* height: 30px; */padding: 0px 10px;float: right;margin-left: 8px;}.eurekaButton:hover { text-decoration: none; background-color: #165674; }
.shareToolTip input[type="text"] {
    width: 93%;
    padding: 4px 5px;
    margin-left:25px;
    margin-right:5px;
    font-size: 20px;
}.shareToolTip .title {
    padding-right: 8px;
    padding-bottom: 5px;
}
.tooltipContent {margin: 12px 14px;}
.tooltipContent.simple-1 {max-width:320px;}
.tooltipContent.simple-1 p {margin-bottom: 10px;}
.tooltipContent.simple-1 .title {font-weight:bold;padding-right: 0px;}

.tooltipContent.helper-box {margin:0px;}
.tooltipContent.helper-box {line-height:150%;max-width: 400px;}
.tooltipContent.helper-box  .content {padding:10px;}
.tooltipContent.helper-box  .title {font-weight:bold;padding-right: 0px;}
.tooltipContent.helper-box  textarea {width: 100%;font-size: 15px;height: 56px;line-height:140%;/* padding: 0px; */padding: 5px 7px;box-sizing: border-box;background: rgba(247, 247, 247, 0.61);}
.tooltipContent.helper-box  .header {font-weight:bold;text-align:center;font-size: 17px;color: #0b7eb7;background: #0b7eb7;color: #fff;padding: 8px 10px;border-radius: 5px 5px 0px 0px;width: 100%;margin: 0px;box-sizing: border-box;} 

.pressArea .source {color: rgb(26, 92, 122);display:block;font-weight: bold;}
.pressArea a.link {color: rgb(26, 92, 122);}
.pressArea .newspaper {text-align:center;margin-top: 30px;margin-bottom: 20px;}
.pressArea .newspaper img{box-shadow:1px 1px 5px 0px #656866}
.longcontentArea {
    direction: rtl;
    /* padding: 20px; */
    background: #fff;
    box-shadow: 1px 1px 0px 0px #8A8A8A;
    margin: 5px;
    /* float:right; */
    position: relative;
    right: 0px;
    clear: both;
    /* background: red; */
    color: #111;
    line-height: 1.5;
    padding: 5px 0px;
    margin-bottom: 20px;
    /* max-width: 800px; */
	/*
    max-width: 745px;
    width: 500px;
	*/
}.pressArea p {margin-top: 10px;}
.longcontentArea ul.list li {margin-bottom:3px;position:relative;}
.longcontentArea p,.longcontentArea ul {padding: 10px 20px;}
.content.longPage {overflow: visible;margin-right: 272px;display: inline-block;/* float: right; *//* width: 800px; */position: absolute;right: 0px;top: 0px;height: auto;margin-bottom: 20px;}.longPage h3 {margin-top: 15px;font-size:15px;background: #165674;color: #fff;padding: 3px 10px;margin-bottom: 2px;}
.content.autoHeight {height:auto;min-height: 600px;}
body .main.wideMain {width:100%;} 
.pressArea .text {position:relative;display:block;margin-right: 30px;padding-right: 15px;;
font-size:17px;}.pressArea .text:before {
display: block;
content: "\201C";
font-size: 50px;
position: absolute;
right: -25px;
top: -14px;
color: #676767;
}.pressArea .source{margin-right: 40px;display:block;font-size: 13px;display;margin-top: 3px;}
.pressArea .source:before{
	content:" - ";
	color: rgb(175, 175, 175);
}/*singleItemCSS */
.stipbg
{}.stip .top img {
display:none;
}
.stip_topleft
{
	display:none
}.fleft {float:left}
.single_item_vote {display:none}.stip .askbody {}
.askbottom img{display:none}
.stip .clr {display:none;}
.stip .top, .stip .askbody {padding: 10px;border-top: 1px solid #eee;}
.askbody {}
.askbody .askbottomcontent  span{font-weight:bold}
.stip
{
/* width: 100%; */
margin-top: 20px !important;
position: relative;
border: 1px solid #165573;
background: #fff;
border-radius: 10px 0px;	
}.stip a {color:#18bcd1}
.admin_tools_panel {display:none;}
 
.ribbon-image {top: 0px;}
.ribbon-image > img {width:106px;position: relative;}
.ribbon-image .set-photo-button {color:#fff;font-size: 70px;text-align: center;padding-left: 5px;padding-top: 2px;}
.popup-ribbon {background-position-y: bottom;min-height: 121px;height: auto;/* background: red; *//* height: 1130px; */}
/* end singleItemCss*/.longcontentArea a{color: rgb(196, 49, 79);}.responsive_examples img{width: 95%;margin:0px auto 5px auto;display: block;position: relative;right: -5px;}.TodayChallengeExtra {text-align:center;color:#333;margin-top: 40px;}
.loginLine {text-align:right;position:relative;/* background: rgb(157, 222, 186); */height: 36px;padding-right: 35px;line-height: 33px;font-size: 16px;color: #FFFAF4;font-weight: bold;/* width: 100%; *//* border-top: 1px solid rgba(255, 255, 255, 0.34); */position: absolute;right: 0px;top: 0px;background-color: #444444;padding-left: 10px;border-radius: 10px 0px 0px 10px;}
.TodayChallengeForm {text-align:center;padding: 10px;line-height: 1.3;}

.TodayChallengeForm .solversCountBottom{color: #565555;margin-top: 20px;margin-bottom: 20px;font-size: 14px;}
.TodayChallengeForm h1{margin: 25px 10px 30px 10px;font-size: 25px;color: #333;}

.TodayChallengeForm.solved h1{margin-top: 6px;}
.TodayChallengeForm .smallTitle {font-size:18px;/* background-color: #D8436D; */color: #8C8C8C;display: inline-block;font-weight: bold;right: -150px;}.TodayChallengeForm .answerBox .answer {margin: 7px 0px 10px 0px;}
.TodayChallengeForm .solversCount {position:relative;right:inherit;top:15px;margin-bottom:5px;}
.answerBox{margin-top: 0px;position: relative;margin: 0 auto;right: inherit;top: 0px;margin-bottom: 0px;}
.TodayChallengeForm .answerBox .answer input {font-size:30px;height:40px;line-height:30px;text-align:center;width: 200px;color: #1BC567;/* box-sizing: border-box; */padding: 4px 12px;}.TodayChallengeForm .submitArea {margin: 20px 0px 20px 0px;}
.TodayChallengeForm.solved .answerBox .smallTitle {}
.TodayChallengeForm .answerBox .finalAnswer{font-size: 60px;color: #1FBDD2;margin-top: 0px;font-weight: bold;/* float: right; */position: relative;/* top: -20px; *//* left: -100px; *//* background-color: #1FBDD2; *//* color: #fff; *//* display: inline-block; */line-height: 60px;/* color: #3f51b5; */}
.TodayChallengeForm .itemBox {background: #FFFFFF;/* border:1px solid #eee; */font-weight:bold;padding: 0px;line-height: 24px;font-size: 14px;max-width: 500px;margin: 0 auto;color: #333;clear: both;box-shadow: 1px 1px 1px 1px #ddd;margin-top: 20px;margin-bottom: 0px;position: relative;height: auto;overflow: hidden;}
.TodayChallengeForm .itemBox .textContent a {color: #165674;text-align: right;display: inline-block;}
.TodayChallengeForm .itemBox .imgArea{position: absolute;height: 90px;overflow:hidden;/* background-color: red; */margin: 0px;padding: 0px;outline: 0px;border-right: 1px solid #CACACA;left: 0px;width: 125px;top: 0px;}
.TodayChallengeForm .itemBox .imgArea img {width: 120%;/* visibility: hidden; */margin-top: -10%;margin-right: -10%;}

.TodayChallengeForm .itemBox .textContent {padding: 12px 10px 13px 0px;font-size: 16px;margin-left: 129px;line-height: 18px;}
.TodayChallengeForm .itemBox .textContent .preText {margin-bottom: 6px;text-align: right;}

.TodayChallengeForm .wowMsg { font-weight:bold; font-size: 36px; /* background: #F29F2C; */ color: #1BC567; /* max-width: 250px; */ margin: 0 auto; display: none;}
.TodayChallengeForm .underWowMsg {margin-top:10px;font-size:18px;color:#8c8c8c;font-weight:bold}

.TodayChallengeForm .submitArea input, body .darkSubmit{background: #165674;}
.TodayChallengeForm .submitArea input {font-size:20px;height:40px;}
.TodayChallengeForm .hint.loginHint  {right:inherit;right: 0;left: inherit;/* display: none; */}
.TodayChallengeForm .hint.loginHint .hintButton{border-radius: 10px 0px 0px 0px;width: auto;padding-right: 29px;background-color: #1BC567;float: right;position: relative;max-width: 130px;overflow: hidden;}
.TodayChallengeForm .hint {text-align:right;position: absolute;left: 0px;bottom: 0px;z-index: 10;}
.TodayChallengeForm .lastChallengeLinkArea {/* background: #51BEF1; */right:0px;left:inherit;height: 28px;line-height: 100%;padding: 0px 6px 2px 0px;font-size: 15px;border-radius: 10px 0px 10px 0px;font-weight: normal;z-index: 0;}
.TodayChallengeForm .lastChallengeLinkArea a {text-decoration:none;color: #656565;/* font-weight: bold; */tra}
.TodayChallengeForm.solved .lastChallengeLinkArea  {background: #1EAC5E;padding: 0px 5px 0px 10px;}
.TodayChallengeForm.solved .lastChallengeLinkArea a {padding: 0px;color: #fff !important;line-height: 23px;}
.TodayChallengeForm .lastChallengeLinkArea a:hover {color: #0B7EB7;/* text-decoration:underline; *//* font-weight:bold; */transition: 0.2s;}
.TodayChallengeForm .lastChallengeLinkArea .icon {font-size:20px;position: relative;top: 2px;}

.TodayChallengeForm .backToChallengeLinkArea a {background: #1EAC5E;margin: 30px 0px 20px 0px;position: relative;display:inline-block;padding: 7px 10px 8px 32px;font-size: 24px;transition: 0.2s;border-radius: 5px;line-height: 100%;text-decoration:none;}
.TodayChallengeForm .backToChallengeLinkArea a:hover {background: #165674;}
.TodayChallengeForm .backToChallengeLinkArea .icon {font-size: 38px;line-height:0px;position:absolute;left: -13px;top: 1px;}

.TodayChallengeForm .hint.loginHint .text{border-radius: 10px 0px 0px 0px;border-color: #1BC567;width: 110%;float: right;box-sizing: border-box;}
.TodayChallengeForm .hint .text{display:block;float: left;clear:both;padding: 8px 10px;background:#fff;border: 1px solid #51BEF1;border-radius: 0px 7px 0px 7px;display: none;margin-bottom: 0px;color: #333;line-height: 150%;}
.TodayChallengeForm .hint .hintButton {text-decoration:none;float: left;background: #51BEF1;display:inline-block;padding: 2px 10px;font-size: 18px; border-radius: 0px 10px 0px 0px;-webkit-transition: 0s;height: 24px;-webkit-transform: rotate(0.000001deg);}
.TodayChallengeForm .hint .hintButton:hover {/* background: #165674; */}
.TodayChallengeForm .responseMsg {background: #D8436D;color: #fff;width: 200px;margin: 0 auto;padding: 4px 13px;font-size: 18px;position: relative;top: -9px;margin-bottom: -20px;}
.loginForm .responseMsg {background: #D8436D;color:#fff;padding:10px;text-align:center;font-size: 16px;clear: both;}
.loginForm .responseMsg.ok {background: #1BC567;}

.logoutArea {text-align:center;margin-top:5px;font-size: 14px;font-weight: bold;}
.logoutArea .logoutMsg{display:none;border-top: 1px solid rgb(165, 165, 165);padding-top: 6px;margin-top: 7px;}
.logoutArea .logoutButton{background: #797979;font-size:13px;padding: 0px 10px 1px 10px;text-decoration: none;border-radius: 0px;}
.logoutArea .logoutMsg a{display: block;background: #165674;padding: 1px 10px 2px 10px;color:#fff;font-weight:bold;-webkit-transition: 0.2s;margin: 5px 35px 2px 0px;text-decoration: none;max-width: 20px;float: right;}
.logoutArea .logoutMsg a:hover{background: #02344C;}

.moreInfoLink {position:absolute;top: 5px;left: 6px;z-index: 3;}
.cornerToolLink {position:absolute;top:1px;left:3px;font-size:20px;}
.cornerToolLink a,.moreInfoLink a{opacity: 0.85;}
.cornerToolLink a:hover,.moreInfoLink a:hover{opacity: 1;}
.challenge-content-box.phenomenon {text-align:center;color: #505050;padding: 10px;background: #51bef1;color: #fff;BACKGROUND: #4b71c2;}
.challenge-content-box.phenomenon  img {width:90%;margin:5px}
.challenge-content-box.phenomenon .nickname {margin: 10px 0px 0px;font-size:40px;font-weight:bold;line-height: 100%;/* color: #d8436d; */}
.challenge-content-box.phenomenon .msg {font-size: 15px;margin: 15px 0px 0px 0px;font-weight: bold;}
.challenge-content-box.phenomenon .wow{font-size: 80px;margin: 0;color: #fff;font-weight: bold;line-height: 70px;/* color: #51bef1; */text-shadow: 2px 2px  #2f487a, 4px 4px 0px  #0b7eb7;margin: 8px 10px 18px 0px;padding: 0px;}
.challenge-content-box.phenomenon .finalmsg{font-size: 24px;margin: 0px 0px 18px 0px;/* color: #fff; */font-weight: bold;/* color: #0b7eb7; */}
.audio-icon {width:30px;overflow:hidden;height: 30px;z-index:10;}
.audio-icon  audio {display: none;}
.challengeSlide .audio-icon {position:absolute;left: 15px;bottom: 15px;}
.challengeSlide .audio-icon .play-button-wrap {background: transparent !important;}
.challengeSlide .audio-icon .play-button .triangle-1
,.challengeSlide .audio-icon .play-button .triangle-2
  {
    border-right-color: #4b71c2 !important;
    }

.challengeSlide .ChallengeInfo {
    padding: 10px 12px 12px 20px;
    background-color: rgb(251, 255, 238);
    color: #000;
    box-shadow: 1px 1px 1px 0px #aaa;
    display:none;
    font-size: 17px;
    /* color: #fff; */
}

.TodayChallengeForm h3{position:relative;top: -16px;color: #51BEF1;font-size: 14px;background-color: rgba(81, 190, 241, 0.35);display: inline-block;/* color: #fff; */padding: 2px 10px 3px 10px;text-align: right;margin: 0px;/* margin-right: -410px; *//* position: relative; *//* top: 83px; *//* left: -170px; *//* height: 50px; *//* line-height: 40px; *//* padding: 0px 20px; *//* font-weight: normal; */margin-bottom: 5px;color: #02A24A;background-color: #Fff;border: 1px solid #A8ADAD;/* box-shadow: 0px 0px 0px 1px #ddd; */border-radius: 10px;}

.TodayChallengeForm .smallMsg {font-size: 13px;/* background-color: #F29F2C; *//* color: #000; */padding-top: 5px;border-top: 1px solid rgba(255, 255, 255, 0.54);margin-top: 5px;padding-bottom: 3px;}
input[disabled=disabled] { 
        cursor: default;
        pointer-events: none;

        /*Button disabled - CSS color class*/
        color: #fff;
        background-color: #ddd;
        

        }

.challengeProfileArea .simpleChallengeBox {background-color: #F9F9F9;border: 1px solid #0B7EB7;width: 230px;border-radius: 7px;overflow: hidden;position: relative;display: block;vertical-align:top;margin-bottom: 20px;border: 0px;}
@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.challengeProfileArea .simpleChallengeBox  {max-width:500px;width:auto;}
}
.simpleChallengeBox.researchBox  {border-color: #18BCD1;}
.simpleChallengeBox.academyBox  {border-color: #2F487A;}
.simpleChallengeBox.academyBox .title  {background-color: #2F487A !important;}
.simpleChallengeBox.academyBox  .rocket-circle {width: 155px;height: 157px;border-radius:500px;overflow:hidden;position: absolute;top: 14px;right: 38px;cursor: pointer;}
.simpleChallengeBox.academyBox  .rocket-circle:hover {background:transparent;opacity:1;}

.simpleChallengeBox.academyBox  .rocket-circle .slogan {font-size:10px;
transition: opacity 0.3s, transform 3s;
transition-delay:0s;
opacity:0;
position:absolute;
top: 29%;
width: 100%;
text-align:center;
font-size:29px;
font-weight: bold;
line-height: 110%;
color: rgb(189, 216, 255);}
.simpleChallengeBox.academyBox  .rocket-circle:hover .slogan {opacity:1;transition: all 0.7s;transition-delay:2.3s;}
.simpleChallengeBox.academyBox  .rocket {position:absolute;bottom: -20px;left: -21px;height: 195px;transition: all 1.5s cubic-bezier(0, 6, 0, 2);opacity: 1;}
.simpleChallengeBox.academyBox .rocket-circle:hover  .rocket {bottom: 120px;left: 120px;transition: all 1.1s cubic-bezier(0.4, 0, 1, -0.8);transition-delay:0.3s;}

@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.simpleChallengeBox.academyBox .content {padding:5px 15px}
}

.simpleChallengeBox.researchBox .content {padding: 10px 0px;font-size: 17px;line-height: 150%;}
.simpleChallengeBox.researchBox .button {margin:10px;font-size:22px !important;}
.challengeProfileArea .rightColumn {float:right;}
@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.simpleChallengeBox.researchBox .content {font-size:20px !important;margin: 15px 0px 0px 0px;padding: 0px;}
.simpleChallengeBox.researchBox .button {font-size:25px !important;margin: 15px 0px 20px 0px;}
}


.challengeProfileArea .simpleChallengeBox .title {background-color: #0B7EB7;}
.challengeProfileArea {text-align:center;color: #000;font-size: 18px;line-height: 150%;width: 200px;/* position: absolute; *//* right: 0px; */padding-top: 20px;direction: rtl;width: 1020px;margin: auto;right: 15px;position: relative;}
@media screen and (max-width: 1100px) {
.challengeProfileArea  {width:980px;
position:relative;
right:5px;
}

}

.challengeProfileArea .userArea .nickname {/* background: #FFFFFF; */color: #515151;display:inline-block; padding: 10px 9px 3px 9px;font-size:30px;line-height:150%;/* border-radius: 1000px; */font-weight: bold;/* border-bottom: 5px solid #515151; *//* box-shadow: 0px 1px 0px 3px #3E88AC; */}
.challengeProfileArea .userArea {margin-bottom: 10px;}
.challengeProfileArea .loginArea {padding: 5px 0px;font-size: 15px;text-align: right;line-height: 30px;font-weight: bold;text-align: cr;text-align: center;margin-bottom: -20px;margin-top: 0px;}
.challengeProfileArea .loginArea .footerMsg a {color: #0B7EB7;font-weight:bold}
.challengeProfileArea .loginArea .footerMsg {
		font-size: 14px;
		font-weight:normal;
		border-top: 1px solid rgba(0, 0, 0, 0.18);
		padding-top: 2px;
		padding-bottom: 7px;
}
.challengeProfileArea .loginArea .basicButton {width: 195px;box-sizing:border-box;text-align:center
;/* border-radius:10px */margin: 0px auto;display: block;font-size: 25px;line-height: 37px;margin-top: 6px;margin-bottom: 15px;}
.challengeProfileArea .degree,.eui.degree {display:inline-block;margin: 10px;color:#fff;font-weight:bold;border-radius: 10000px;height: 100px;width: 100px;box-sizing: border-box;clear: both;z-index: 2;font-size: 25px;position: relative;box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.24);padding-top: 35px;}
.challengeProfileArea .details {
    /* background-color: #fff; */
    display: inline-block;
    padding: 5px 20px;
    /* border: 2px solid #CDCDCD; */
    /* position: relative; */
    top: 12px;
    border-radius: 10PX;
    z-index: 0;
    text-align: right;
    /* font-size: 16px; */
    /* line-height: 20px; */
}
.challengeProfileArea .degreeListArea {margin-top:40px;}
.challengeProfileArea .title{font-size: 18px;font-weight:bold;color: #E0E0E0;background-color: #18BCD1;color: #fff;text-align: center;padding: 3px;position: relative;z-index: 1;/* box-shadow: 0px 0px 1px 1px rgba(0,0,0,.3); */}
.challengeSlide .title{background-color: rgb(22, 86, 116);}
.challengeProfileArea .degreeListArea  {list-style:none;background-color: #F9F9F9;text-align: right;display: block;overflow: hidden;margin-top: 0px;position: absolute;width: 240px;border: 1px solid #18BCD1;float: left;padding: 0px;border-radius: 7px;display: inline-block;position: relative;border: 0px;}
.challengeProfileArea .degreeListArea ul {list-style:none;/* border: 2px solid #CDCDCD; */border-top: 0px;/* border-radius: 0px  0px 10px 10px; */direction: rtl;width: 100%;/* box-shadow: 0px 0px 1px 1px rgba(0,0,0,.3); */box-sizing: border-box;position: static;/* right: 2px; *//* top: -2px; */z-index: 0;padding: 0px;margin: 0px;}
.challengeProfileArea .degreeListArea ul li {border-bottom: 1px solid rgb(218, 218, 218);padding: 5px;position: relative;}
.challengeProfileArea .degreeListArea ul li:last-child {border:0px;}
.challengeProfileArea .degreeListArea .degree
 {margin: 6px;height: 67px;width: 67px;font-size: 15px;
line-height: 19px;padding-top: 24px !important;
box-sizing:border-box;text-align: center;/* float: right; */}

.challengeProfileArea .degreeListArea .content {
display: inline-block;
font-size: 13px;margin-top: 10px;padding-right: 5px;width: 124px;/* display: none; */line-height: 22px;padding-left: 0px;/* margin-right: 92px; */width: 129px;}
.degree.DEGREE_NUMBER_0 {background-color: rgb(168, 103, 173) !important;}
.degree.DEGREE_NUMBER_1 {background-color: #D8436D !important;}
.degree.DEGREE_NUMBER_2 {background-color: #8aa43f !important;}
.degree.DEGREE_NUMBER_3 {background-color: #f29f2c !important;}
.degree.DEGREE_NUMBER_4 {background-color: #18bcd1 !important;}
.degree.DEGREE_NUMBER_5 {background-color: #51BEF1 !important;}

.degree.DEGREE_NUMBER_6 {background-color: #0B7EB7 !important;}
.degree.DEGREE_NUMBER_7 {background-color: #004777 !important;}



.degreeText.DEGREE_NUMBER_1 {color: #D8436D;}
.degreeText.DEGREE_NUMBER_2 {color: #8aa43f;}
.degreeText.DEGREE_NUMBER_3 {color: #f29f2c;}
.degreeText.DEGREE_NUMBER_4 {color: #18bcd1;}
.degreeText.DEGREE_NUMBER_6 {color: #0B7EB7;}
.degreeText.DEGREE_NUMBER_7 {color: #0B7EB7;}


.challengeProfileArea .degreeListArea .rightDegree {display:inline-block;/* position: absolute; *//* bottom: 35px; *//* right: 10px; */vertical-align: top;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_6,.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7 , {padding: 15px 5px 0px 6px;font-size: 12px;/* height: 100px; *//* width: 100px; */
line-height: 0px;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7,.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_6   {padding-top: 9px !important;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7 {padding-top:14px !important;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7 span{font-size:14px !important;top:2px !important;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_5   {padding-top: 16px !important;}
.degree.DEGREE_NUMBER_5 {padding-top:24px}

.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_6  span,.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7  span
{display:block;font-size: 16px;line-height: 15px;position: relative;top: 2px;}

.challengeProfileArea .degree.DEGREE_NUMBER_6,.challengeProfileArea .degree.DEGREE_NUMBER_7,.eui.degree.DEGREE_NUMBER_6   {font-size:12px;line-height:12px;padding-top: 27px;}
.challengeProfileArea .degree.DEGREE_NUMBER_0 {padding-top: 27px;font-size:22px;line-height: 25px;}
.challengeProfileArea .degree.DEGREE_NUMBER_6 span,.challengeProfileArea .degree.DEGREE_NUMBER_7 span,.eui.degree.DEGREE_NUMBER_6 span  {font-size:16px;display:block;line-height:25px;}

.challengeProfileArea .degreeListArea .content .usersCount{font-size:13px;color: #999;}
.challengeProfileArea .degreeListArea .content .usersCount a{color: #0B7EB7;font-weight:bold;}


body form label.error{display:block;margin-bottom:10px;position:static;float:right;width:100%;box-sizing: border-box;background-color: #aaa;margin-top: 2px;font-size: 14px;padding: 4px 10px;}
.loginForm .loginBox {max-width: 354px;margin:0px auto;margin-top: 20px;text-align: right;}
.loginForm .loginBox label:not(.error) {width:100px;display:block;float:right;font-size: 16px;margin-left:5px;padding-right:10px;padding-left:10px;background: #51BEF1;/* color: #fff; */}
.loginForm .loginBox .row input {width:200px;display:block;float:right;}
.loginForm .loginBox .row select {width:226px;font-size: 15px;}

.loginForm .loginBox .row {clear:both;height: 42px;}
.loginForm .loginBox .submitArea {clear:both;margin:0px auto; text-align:center;margin-top: 10px;}

.loginForm .smallTitle {text-align:center;} 
.loginForm .smallTitle h1{color: #51BEF1;font-size: 22px;margin-bottom: 10px;} 
.loginForm .smallTitle h2{color:#666;font-size:16px;padding: 0px 20px;} 

.loginForm .loggedMsg {text-align:center;margin-top: 15px;margin-bottom: 5px;}
.loginForm .loggedMsg .passwordForgotLink a{margin-top: 8px;display:block;font-size: 13px;font-weight: normal;}
.loginForm .loggedMsg a{color: #165674;text-decoration: none;font-weight: bold;font-size: 15px;}


.TodayChallengeExtra {margin-top: 15px; margin-bottom: 15px;}


.loginIcon {display:inline-block;width: 24px;height: 24px;
background: url(images/icon-user.png) no-repeat 0px 0px;
position:absolute;
right: 1px;
top: 3px;
}


.EurekaChallengeBox {margin: 20px 0px;}
.EurekaChallengeBox .title {padding:15px 10px 24px 10px;text-align:center;border: 1px solid rgba(134, 134, 134, 0.35); font-size:24px;font-weight:bold;background-color: rgb(255, 255, 255);/* background: rgb(251, 251, 251); */ 
position: relative;top: -px;box-sizing: content-box;width: auto;}

.title {}

.title {}
.EurekaChallengeBox .blueline {background-image:none;}

.EurekaChallengeBox .title .pretitle {font-size: 18px;color: #5A5A5A;font-weight: no;}
.EurekaChallengeBox .title .question {padding:12px 0px 14px; font-size: 23px;}
.EurekaChallengeBox .mobileButton {font-size:16px;padding-top:4px;-webkit-transition: color .1s, background-color .1s, border-color .1s;transition: color .1s, background-color .1s, border-color .1s;}

.EurekaChallengeBox .title .question a {color: #C4314F;/* color: red; */}
.EurekaChallengeBox .title  a.mobileButton {background: #f29f2c;color: #fff;text-shadow:none;f;border-color: #D67F07;      border-bottom: 5px solid #D67F07;padding: 4px 15px 3px 15px;border-radius: 30px;text-decoration: none;}
.EurekaChallengeBox .title  a.mobileButton:hover {background: #C4314F;border-color: #960321;}


.emptyNotebook {font-size: 16px;text-align: center;margin:0px auto;padding: 10px 20px 12px 20px;color:#333;position: relative;top: -50px;background-color: #fff;}
.msgFooter {
   position:fixed;
   left:0px;
   bottom:0px;
   height: 19px;
   width:100%;
   background: #165674;
   color: #fff;
   font-weight: bold;
   text-align: center;
   padding: 5px;
   font-size: 14px;
   
}

.msgFooter a.close{position:absolute;left:10px;top:5px;font-size: 12px;line-height: 20px;color: #CDCDCE;}
.msgFooter a.close img {width:20px;height:20px;position: relative;vertical-align: middle;margin-right: 6px;top: -1px;}




ul.challengeUsersList {list-style:none;/* margin-top: 20px; */width: auto;position: relative;}
.challengeUsersList  .index{font-size: 36px;font-weight:bold;float: right !important;text-align: ce;line-height: 56px;min-width: 50px;}
.challengeUsersList  div{float:none !important;}
.challengeUsersList  .content{float: right !important;position: static !important;padding-top: 11px;padding-right: 25px;font-size: 17px;font-weight: bold;color: #333;z-index: 1000;direction: rtl;width: 90%;box-sizing: border-box;margin-right: -70px;overflow: visible;}
.challengeUsersList .currentUser .content,.challengeUsersList .currentUser .index {color:#fff} {color:#fff}
.challengeUsersList  .content .nickname{font-size: 18px;padding-bottom: 2px;display: inline-block;/* width: 200px; */margin-top: 4px;padding-right: 70px;}
.challengeUsersList  .content .points{font-size: 16px;font-weight:normal;display: inline-block;position: absolute;margin-top: 6px;/* margin-left: -10px; */left: 10px;}

.challengeUsersList li {clear:both;height: 55px;/* margin-left: 50px; */background-color: #F7F7F7;padding-top: 0px !important;/* padding: 10px; */overflow: hidden;padding-right: 20px;border-top: 1px solid rgba(0, 0, 0, 0.11);}
.challengeUsersList li:nth-child(even) {background: #EAEAEA;}
.challengeUsersList .youAreHere {position:absolute;right: -130px;color:#fff;font-size: 16px;line-height: 35px;font-weight:bold;margin-top: 0px;height: 45px;width: 120px;padding-top: 10px;padding-right: 20px;border-radius: 000px 100px 100px 0px;z-index: 0;}
.challengeUsersList .youAreHere .arrow{font-size:50px;position:absolute;left:0px;top: 11px;}

.popup-challenge-users {box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.35);}

.popup-challenge-users .head {text-align:center;font-size:30px;/* position: absolute; */background-color: rgb(68, 68, 68);/* padding: 20px; *//* color: #FFF; */overflow: hidden;padding-bottom: 0px;font-weight: bold;padding-bottom: 12px;}
.popup-challenge-users .head .title {/* background: #165674; *//* color: #165674; */padding: 15px 0px 10px 0px;color: #fff;font-size: 30px;/* margin-bottom: 20px; */}
.popup-challenge-users .head .info {margin-top:20px;font-weight:normal;/* background-color: rgba(134, 134, 134, 0.55); */color: #fff;/* display: none; */font-size: 16px;margin-bottom: 5px;} 
.popup-challenge-users .challengeProfileArea {width:auto;margin: 0px;position: static;margin-bottom: 25px;padding-top: 0px;margin-top: 20px;}
.popup-challenge-users .challengeProfileArea .degree {transform: scale(1.3,1.3);}
.basicButton {font-size: 20px;background: #51BEF1;/* font-weight: bold; */height: 40px;display: inline-block;line-height: 40px;padding: 0px 20px;border-radius: 4px;text-decoration: none;font-family: arial;}
.basicButton:hover {text-decoration:none;background-color: #2AA0D8;}


#commentForm {direction:rtl;padding:0px 0px;display: block;position: static;height: 100%;margin: 10px 0px;padding-bottom: 10px;}
#commentForm input {height:40px;} 
#commentForm p {margin:10px;margin-top: 20px;margin-bottom: 20px;}
#commentForm label {padding:7px; color: #fff;width: 95px;height: 23px;text-align: right;font-size: 15px;margin: 0px;float: none;margin-bottom:10px;display:block;float:right;margin-left:10px;}
#commentForm textarea {    height: 130px;
    clear: both;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

label.error:empty {
   display:none !important;
  
}
#commentForm label.error {
	width: 200px;
	float:none;
	height: auto;
	border-radius: 0px;
	box-shadow: none;
	clear: both;
	/* line-height: 0px; */
	padding: 5px;
}

.anstitle .links {margin-top:20px;}

div#cboxLoadedContent {overflow:visible !important;text-align: center;}
.formMsg a{color: #0B7EB7;}
.formMsg  {text-align:center;font-size: 28px;padding:10px;font-weight:bold;color: #1BC567;}
.formMsg .blackText {color:#333;}

i.infinity {font-style: normal;display: inline;font-size: 150%;line-height: 10px;font-family: serif;position: relative;top: 2px;padding: 0px 4px;text-shadow: 0px 0px 0px  #000000;}

body {overflow-y:auto;}

#itemcontent {margin:0 auto;max-width:830px;}

.contactItem {
    background: rgba(0, 0, 0, 0.08);
    padding-top: 10px;
    /* border: 0px; */
    /* box-shadow: none; */
}

.contactItem input,.contactItem select {height:35px !important;padding:0px 10px;}

.contactItem h1 {margin:0px;background: rgb(22, 86, 116);margin-bottom: 10px;font-size:20px;line-height: 30px;height:25px;padding: 2px 10px 10px 0px;width: auto;color: #fff;box-sizing: content-box;}
.contactItem {padding-top:0px;right: 0px;width: 98%;}

.forceHidden {display:none !important;}

.embeded-google-maps {
 	position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
	
}

.embeded-google-maps iframe {
	border: 0;
	position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* play/pause button - begin */
.play-area {position: relative;top: -46px;width: 100%;box-sizing: border-box;margin: 0px auto;height: 30px;padding-right: 257px;}

.play-button-wrap {position: static;top: 1px;z-index:100;display: block;cursor: pointer;width: 30px;

height: 30px;margin: 0 auto;background: #1FBDD2;padding: 5px;border-radius: 1000px;}
.play-button.paused {
	right: 4px;
}
.play-button {
  height: 18px;
  width: 18px;
  transition: all 0.1s;
  display: block;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  position: relative;
  top: 6px;
  right: 6px;
}
.play-button .left {
  height: 100%;
  float: left;
  background-color: #fff;
  width: 36%;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  overflow: hidden;
}
.play-button .triangle-1 {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.play-button .triangle-2 {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
.play-button .triangle-1,
.play-button .triangle-2 {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  width: 0;
  height: 0;
  border-right: 18px solid #1FBDD2;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.play-button .right {
  height: 100%;
  float: right;
  width: 36%;
  background-color: #fff;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.play-button.paused .left {
  width: 50%;
}
.play-button.paused .right {
  width: 50%;
}
.play-button.paused .triangle-1 {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.play-button.paused .triangle-2 {
  -webkit-transform: translate(0, 50%);
          transform: translate(0, 50%);
}
.play-button-wrap {
	background-color: #888;
}

.play-button-wrap:hover {
	background-color: #444;
}
.play-button-wrap:hover .triangle-1,
.play-button-wrap:hover .triangle-2
{border-right-color:#444}
.play-button .triangle-1,
.play-button .triangle-2
{border-right-color:#888}



/* play/pause button - end */

/* angularPopupContent - begin */

.eui.update-time-modified-action {
	background: #fff;
	padding: 3px 10px 5px 10px;
	border: 1px solid #a8adad;
	color: #888;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 6px;
}
.eui.update-time-modified-action input {
	display: inline;
	margin: 0px !important;
	padding: 0px !important;
	opacity: 0.7;
} 
.eui.update-time-modified-action label {
	font-size: 14px;
	display: inline !important;
	padding: 0px;
	padding-right: 8px;
	vertical-align: bottom;
	cursor: pointer;
}

.eui.update-time-modified-action label:hover{
	color: #333;
} 

#angularPopupContent {text-align: right;}
#angularPopupContent.middlePopup {vertical-align: middle;display: inline-block;height: 100%;}
#angularPopupContent .popup {display: inline-block;vertical-align: top;position: relative;vertical-align: top;margin: 0px;}
#angularPopupContent .popup.middle {vertical-align: middle;margin-bottom: 90px;}
#angularPopupContent:after {
  display: inline-block;
  height: 100%;
  width: 0px;
  margin-left: -10px;
  content: "";
  background:red;
  vertical-align: middle;
  display: none;
}
/* angularPopupContent - end */

/* eureka ui - begin */
/* academy - begin */
.eui.edit-item-area {width:100%;/* padding: 10px; *//* background: #E2E2E2; */box-sizing: border-box;text-align: center;}
.eui.edit-item-area .wordcount {position:absolute;left:0px;background: #7D7D7D;color:#fff;padding:2px 5px;font-size: 13px;border-radius: 4px;margin-top: 1px;}
.eui.edit-item-area textarea{width:100%;/* padding-bottom: 20px; */box-sizing: border-box;/* font-family: 'Open Sans Hebrew', arial; */font-size: 16px;/* transition: height 0.3s; */padding: 10px 15px 10px 15px;margin-top: 5px;margin-right: 0px;}
.eui.edit-item-area input.full-width-input {width:100%;/* padding-bottom: 20px; */box-sizing: border-box;/* font-family: 'Open Sans Hebrew', arial; */font-size: 16px;/* transition: height 0.3s; */padding: 10px 15px 10px 15px;margin-top: 5px;margin-right: 0px;min-height: 44px;}
.eui.edit-item-area .input-line{margin: 10px 0px;}
.eui.edit-item-area .input-line-links input {display: inline-block;width: 98%;box-sizing: border-box;height: 30px;margin-bottom: 8px;float: left;}
.eui.edit-item-area ul.link-list li {clear:both;margin-bottom: 20px;list-style-position: outside;padding: 0px;margin-right: 35px;}
.eui.edit-item-area .item-icons-area {position:absolute;right: 0px;margin: 8px 0px;}
.eui.edit-item-area .item-icons-area .icon-picture {position:relative;left:1px;}
.eui.edit-item-area .link-list-title {margin-top: 52px;}

@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.eui.edit-item-area .input-line-links input {width:90%}
.eui.edit-item-area .item-icons-area {
position:static}
.eui.edit-item-area .link-list-title {margin-top:8px}
}

.eui.edit-item-area textarea.short {height:100px;}
.eui.edit-item-area textarea.tagslist {height: 84px;}
.eui.edit-item-area textarea.item-q {height:40px;min-height: 44px;}

.eui.edit-task-bottom-area {border-top:1px solid #ddd;margin-top: 20px;padding: 20px 5px;}
.eui.task-grey-line {border-top:1px solid #ddd;}
.eui.task-submit-area {font-size: 18px;font-weight:bold;margin: 30px 0px 20px;line-height:45px;/* color: #5a5a5a; */}
.eui.task-review-area {padding: 10px 0px;border-top:1px solid #ddd;}
.eui.task-review-area .form-line {border-top: 1px solid #D6D6D6;padding: 10px 10px;}
.eui.task-review-area .review-msg {width: 100%;box-sizing: border-box;min-height: 60px;}
.eui.task-review-area  select {font-size:15px;height:28px;}
.eui.task-review-area .back-button {position:absolute;right:20px;padding:5px 9px !important;}
.eui.task-review-area .back-button  i {margin:0px !important;}
.eui.in-proccess-article {margin:20px 0px 5px 0px;}
.eui.in-proccess-article .title {font-size: 22px;font-weight:bold;color:#666;margin-top: 30px;}
.eui.in-proccess-article .mini-title {font-size: 18px;font-weight:bold;margin-top:12px;color:#999;}
.eui.in-proccess-article .nickname {font-size: 25px;font-weight:bold;margin-top:12px;color:#fff;padding: 3px 20px 8px 20px;display:inline-block;border-radius:10px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);}


.eui.task-review-status {/* background:#fff; *//* padding:10px; */margin: 20px 0px;font-size: 18px;padding: 0px;background: #fff;/* border-radius: 10px; */padding: 10px 0px;text-align: center;line-height: 120%;border: 1px solid #ddd;}
.eui.task-review-status a{color:#165674}
.eui.task-review-status .new-line {border-top: 1px solid #D6D6D6;}
.eui.task-review-status .version-info {background: #eee;position:absolute;top: 0px;left: 0px;padding: 1px 6px 2px 5px;border-radius:0px 0px 10px 0px;font-size: 14px;/* font-weight:bold; */color: #666;}
.eui.task-review-status  {position:relative;}
.eui.task-review-status .status .value{
    font-size: 30px;
    color: #1BC567;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
    }
.eui.task-review-status .title {font-weight: bold;display: block;color: #5A5A5A;font-size: 16px;margin-top: 10px;margin-bottom: 15px;}
.eui.task-review-status .bottom-area {text-align:center;margin:20px;}
.eui.task-review-status .notes {position:relative;text-align:right;margin: 15px 15px 5px 15px;/* font-size: 17px; */line-height: 170%;}
.eui.task-review-status .notes div {position:relative}
.eui.task-review-status .notes i.msg-bullet {font-size:90%;vertical-align:top;margin-left:10px;background-color: white;position: absolute;top: -2px;}
.eui.task-review-status .notes .msg {padding-right: 35px;line-height: 140%;margin-top: 5px;}
.eui.task-review-status .msgs-form-area {padding-right: 20px;margin-bottom:20px;}
.eui.task-review-status .msgs-form-area .checkbox label {font-size:16px;padding: 5px 30px 0px 30px;}
.eui.task-review-status .msgs-form-area .checkbox label > span {font-size:15px;top:9px}

.eui.card-msg-center {
    width: auto;
    display: inline-block;
    min-width: 340px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    color: #777;
    }
@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.eui.card-msg-center {width:auto;min-width:0px;}
}

/* academy - end */
/* general style - begin */
.eui label {display:block;background:transparent;color:inherit;}
/* general style - end */

/* buttons - begin */
.eui.button {
	color: #fff;
	border: 0;
	border-radius: 4px;
	font-size: 19px;1:px
	text-decoration: none;
	padding: 0px 15px 2px 15px;
	line-height: 100%;
	font-family: arial;
	box-sizing: border-box;
	display: inline-block;
	font-weight: normal;
}
.eui.button.big{
    font-size: 25px;
    line-height: 100%;
    background: #f29f2c;
    padding: 5px 15px 8px 15px;
    /* border-radius: 4px; */
    /* color:red; */
    width: auto;
    height: auto;
}
.eui.button.small {
	font-size: 16px;
	padding: 4px 15px;
	line-height: 100%;
}
.eui.button.basic{
    font-size: 19px;
    line-height: 100%;
    background: #f29f2c;
    padding: 5px 15px 8px 15px;
    /* color:red; */
    width: auto;
    height: 33px;
}
.eui.button.link-button {
	background:transparent;
}
.eui.button.link-button:hover {
	text-decoration:underline;
}
.eui.button.waiting {background:#999}
.eui.button.success {background: #1EAC5E !important;cursor: default;}
.eui.button.basic  i,.eui.button.small  i  {position:relative;/* float:right; */margin-right: -10px;margin-left: 3px;}
.eui.button.basic i {margin-right:-5px;font-size:20px !important;}
.eui.button.basic {line-height:21px;}
.eui.button.big  i {position:relative;right: -8px;float:right;font-size: 22px;top: 1px;margin-left: -2px;}
.eui.button.big  i.align-left {position:relative;left: -8px;float:left;font-size: 22px;top: 1px;right: inherit;margin-right: -2px;right;inherit;margin-left:0px;}

.eui.button.icon-button {padding: 4px 3px 0px 3px;/* border-radius:0px; */
transition:0.3s;}
.eui.button.icon-button i{margin:0px;}
.eui.button.icon-button.small {font-size:14px;width:25px;height:25px;}
.eui.button.icon-button.bg-darkgrey:hover {background:#0B7EB7 !important}
.eui .button-line > .eui.button .eui .button-line > button-submit > .eui.button  {margin:10px;}
.eui .button-line > .eui.button:first-child {margin-left: 10px;}
.eui .button-line > .eui.button:last-child  {margin-right:10px;}

.eui.two-button-line > .eui.button:first-child {margin-left: 2.5%;margin-right: 2.5%;}


.eui.button.round {border-radius:50px;display:inline-block}
.eui.button.round.big {height:38px;width:38px;line-height:36px;padding:0px;} 


@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	.eui.button-line > .eui.button,.eui.button-line > button-submit > .eui.button ,.eui.button-line button-content {display: block;margin: 20px auto !important;width: 90%;float: none;}
	.eui.two-button-line  {text-align:center}
	
	.eui.two-button-line .eui.button {width: 44%;display:inline-block;float: none;}
}

/* buttons - end */
/* elements - begin */
.eui.element.academy-logo {
    background: url(images/academy_logo_300.png) no-repeat top center;
    background-size: auto 100% !important;
    display: block;
    margin: auto;
    /* border: 1px solid red; */
    width: 40%;
    padding: 40%;
    box-sizing: border-box;
    position: relative;
    }

.eui.element.academy-logo.no-bg {
	background: url(images/academy_logo_300_no_bg.png) no-repeat top center;
}
.eui.academy-animated-logo-1 {position:relative;}
.eui.element.points-label{
    font-size: 14px;
    display: inline-block;
    font-weight:bold;
    /* color: #fff; */
    padding: 2px 10px 3px 10px;
    text-align: right;
    margin: 0px;
    position: relative;
    color: #02A24A;
    background-color: #Fff;
    border: 1px solid #A8ADAD;
    border-radius: 10px;
    /* top: -1px; */
    }
.eui.element.execution-timer {font-size: 15px;font-weight:bold;position:fixed;bottom:10px;background: #fff;right:10px;color: #000;padding: 5px;}
/* elements - end */
/* design commands - begin */

.eui.hidden {display:none;}
.eui.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently */
}


.eui.center {text-align:center;}
.eui.align-right {text-align:right}
.eui.align-left {text-align:left}
.eui.pull-right {float:right}
.eui.pull-left {float:left}

.eui.position-right {position:absolute;right:0px;}
.eui.position-left {position:absolute;left:0px;}
.eui.position-relative {position:relative;}

.eui.clear {clear:both}

.eui.hr.article-section {}
.eui.hr.simple.grey {border-top:1px solid #666;}

.eui.padding-0 {padding:0px;}
.eui.padding-5 {padding:5px;}
.eui.padding-10 {padding:10px;}
.eui.padding-15{padding: 15px;}
.eui.padding-20 {padding: 20px;}
.eui.padding-25 {padding: 25px;}
.eui.padding-30 {padding: 30px;}
.eui.padding-40 {padding: 40px;}
.eui.padding-50 {padding: 50px;}
.eui.padding-60 {padding: 60px;}
.eui.padding-70 {padding: 70px;}

.eui.height-padding-5 {padding:10px 0px;}
.eui.height-padding-10 {padding:10px 0px;}
.eui.height-padding-15{padding: 15px 0px;}
.eui.height-padding-20 {padding: 20px 0px;}
.eui.height-padding-25 {padding: 25px 0px;}
.eui.height-padding-30 {padding: 30px 0px;}
.eui.height-padding-40 {padding: 40px 0px;}
.eui.height-padding-50 {padding: 50px 0px;}
.eui.height-padding-60 {padding: 60px 0px;}
.eui.height-padding-70 {padding: 70px 0px;}



.eui.padding-top-5 {padding-top:10px;}
.eui.padding-top-10 {padding-top:10px;}
.eui.padding-top-15{padding-top: 15px;}
.eui.padding-top-20 {padding-top: 20px;}
.eui.padding-top-25 {padding-top: 25px;}
.eui.padding-top-30 {padding-top: 30px;}

.eui.margin-5 {margin: 5px 0px;}
.eui.margin-10 {margin:10px 0px;}
.eui.margin-15 {margin: 15px 0px;}
.eui.margin-20 {margin: 20px 0px;}
.eui.margin-25 {margin:25px 0px;}
.eui.margin-30 {margin:30px 0px;}
.eui.margin-40 {margin:40px 0px;}
.eui.margin-50 {margin:50px 0px;}
.eui.margin-60 {margin:60px 0px;}

.eui.margin-top-5 {margin-top:5px;}
.eui.margin-top-10 {margin-top:10px;}
.eui.margin-top-15 {margin-top:15px;}
.eui.margin-top-20 {margin-top:20px;}
.eui.margin-top-25 {margin-top:25px;}
.eui.margin-top-30 {margin-top:30px;}
.eui.margin-top-40 {margin-top:40px;}
.eui.margin-top-50 {margin-top:50px;}
.eui.margin-top-60 {margin-top:60px;}

.eui.margin-bottom-5 {margin-bottom:5px;}
.eui.margin-bottom-10 {margin-bottom:10px;}
.eui.margin-bottom-15 {margin-bottom:15px;}
.eui.margin-bottom-20 {margin-bottom:20px;}
.eui.margin-bottom-25 {margin-bottom:25px;}
.eui.margin-bottom-30 {margin-bottom:30px;}
.eui.margin-bottom-40 {margin-bottom:40px;}
.eui.margin-bottom-50 {margin-bottom:50px;}
.eui.margin-bottom-60 {margin-bottom:60px;}

.eui.full-margin-5 {margin: 5px 5px;}
.eui.full-margin-10 {margin:10px 10px;}
.eui.full-margin-15 {margin: 15px 15px;}
.eui.full-margin-20 {margin: 20px 20px;}
.eui.full-margin-25 {margin:25px 25px;}
.eui.full-margin-30 {margin:30px 30px;}
.eui.full-margin-40 {margin:40px 40px;}
.eui.full-margin-50 {margin:50px 50px;}
.eui.full-margin-60 {margin:60px 60px;}




.eui.text.bold {font-weight:bold}
.eui.text.italic {font-style: italic}

.eui.text.line-120 {line-height:120%}
.eui.text.line-130 {line-height:130%}
.eui.text.line-140 {line-height:140%}
.eui.text.line-150 {line-height:150%}


.eui.text.white {color:#fff}
.eui.text.darkgrey {color: #777}
.eui.text.grey {color: #9e9e9e}
.eui.text.black {color:#000}
.eui.text.lightblack {color:#333}
.eui.text.pink {color:#D8436D !important;}
.eui.text.darkred {color: #C4314F !important;}
.eui.text.olive {color:#8aa43f !important}
.eui.text.green {color:#02A24A !important}
.eui.text.yellow {color: #F29F2C !important;}
.eui.text.lightblue {color:#18bcd1 !important}
.eui.text.waterblue {color:#51BEF1 !important}
.eui.text.blue {color:#0B7EB7 !important}
.eui.text.darkblue {color:#165674 !important}

.eui.direction-left {direction:ltr;text-align:left;}

.eui.text.content-1 {font-size:12px;}
.eui.text.content-2 {font-size:14px;}
.eui.text.content-3 {font-size:16px;}
.eui.text.content-4 {font-size:18px;}
.eui.text.content-5 {font-size:20px;}
.eui.text.content-6 {font-size:22px;}
.eui.text.content-7 {font-size:24px;}

@media screen and (max-width: 340px) {
.eui.text.content-1 {font-size:12px;}
.eui.text.content-2 {font-size:13px;}
.eui.text.content-3 {font-size:14px;}
.eui.text.content-4 {font-size:15px;}
.eui.text.content-5 {font-size:16px;}
.eui.text.content-6 {font-size:17px;}
.eui.text.content-7 {font-size:18px;}
}



.eui.text.title-1 {font-size:26px;}
.eui.text.title-2 {font-size:20px;}
.eui.text.title-3 {font-size:18px;}
.eui.text.title-4 {font-size:16px;}
.eui.text.title-5 {font-size:14px;}
.eui.text.title-6 {font-size:12px;}

.eui.text.large-title-1 {font-size:60px;}
.eui.text.large-title-2 {font-size:50px;}
.eui.text.large-title-3 {font-size:40px;}
.eui.text.large-title-4 {font-size:30px;}

.eui.bold {font-weight:bold}
.eui.not-bold {font-weight: normal !important;}


/* design commands - end */
/*extraArea - begin*/
.eui.extraArea{text-align:center;font-size:17px;
color: #363636;font-weight:bold;background: #F29F2C;border-radius: 20px;padding: 0px 20px;}
.eui.extraArea .embeded-youtube-video {margin-top:0px;}
.eui.extraArea.longArea {background: #C02F4D;padding-bottom: 20px;}
.eui.extraArea .title {font-size: 1.8rem;color:#fff;padding-top: 10px;}
.eui.extraArea .text {color:#fff;font-size: 16px;font-weight: normal;margin-bottom: 12px;margin-top: 4px;} 
.eui.extraArea .mobileLink{padding: 0px 0px 20px 0px;}
.eui.extraArea .mobileLink a{text-decoration:underline;}
.eui.extraArea img {margin: 10px 0px 20px 0px;}
/*extraArea - end*/


/* bg-colors - begin */

.eui.bg-transparent {background:transparent !important;}
.eui.bg-white {background:#FFF !important;}
.eui.bg-pink {background:#D8436D !important;}
.eui.bg-darkred {background: #C4314F !important;}
.eui.bg-olive {background:#8aa43f !important}
.eui.bg-green {background:#02A24A !important}
.eui.bg-yellow {background: #F29F2C !important;}
.eui.bg-lightblue {background:#18bcd1 !important}
.eui.bg-waterblue {background:#51BEF1 !important}

.eui.bg-blue {background:#0B7EB7 !important}
.eui.bg-darkblue { background:#165674 !important }
.eui.bg-darkgrey {background: #777 !important;}
.eui.bg-grey {background: #bbb !important;}

.eui.bg-green.academy-palette {background: #57BC90 !important;}
.eui.bg-lightblue.academy-palette  {background:#74AAF7 !important}
.eui.bg-blue.academy-palette  {background: #74AAF7 !important;}
.eui.bg-darkblue.academy-palette {background: #2F487A !important;}


/* bg-colors - end */

/* generic-popup - begin */
.eui.generic-popup {padding: 0px;width: 560px;top: 0px;text-align: right;}
.eui.generic-popup.wide-1 {width:600px;}
.eui.generic-popup.wide-2 {width:640px;}
.eui.generic-popup.wide-3 {width:680px;}
.eui.generic-popup.wide-4 {width:720px;}
.eui.generic-popup.wide-5 {width:780px;}




.eui.generic-popup  .close-popup {position:absolute;top: 23px;left: 2px;font-size: 26px;color: #fff;cursor: pointer;opacity:0.7;transition: opacity 0.3s; }
.eui.generic-popup  .close-popup:hover {opacity:1}

.eui.generic-popup .content-area {margin-top: 20px;background: #fff;}
.eui.generic-popup .content-area
.eui.generic-popup .content-area.simple-grey-popup {background: #f4f6f6;/* padding:10px; */}
.eui.generic-popup .content-area.simple-grey-popup {background: #fff;/* padding:10px; */padding-bottom: 1px;box-shadow: 0px 0px 15px 2px #4A4A4A;}
.eui.generic-popup .popup-header-1 {font-size: 30px;text-align:center;color: #fff;background: #18bcd1;padding: 12px;}

/* fix for ios menu problem - begin */
.eui.generic-popup.menu-popup  #header {
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: 10;
}

.eui.generic-popup.menu-popup .platform-popup-menu-content {
	height: 100vh;
	overflow: scroll;
	margin-top: 0px;
	padding-top: 56px;
	box-sizing: border-box;
}
/* fix for ios menu problem - end */

@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	#angularPopupContent,.eui.generic-popup  {width: 100% !important;margin-bottom: 0px !important;padding-bottom: 0px;}
	.eui.generic-popup .content-area {margin-top:0px;padding-bottom: 10px !important;box-shadow: none !important;}
	.eui.generic-popup .close-popup {display:none}
}
/* generic-popup - end */
/* specific boxes - begin */ 
.eui.box.academy-help  .content-line i {font-size:12px;display: inline-block;/* background:red; */position: absolute;}
.eui.box.academy-help .list-content {margin-right: 30px;/* background:blue; */display: inline-block;position: relative;width: auto;}
.eui.box.academy-help .content-line {margin-top:10px;clear:both;}
.eui.academy-members-list .popup-challenge-users .head{background: #5D5D5D;color: rgb(134, 134, 134) !important;padding: 7px;font-size: 14px;display: n;color: #fff !important;}
.eui.academy-members-list .popup-challenge-users .head .title {color: #888;}
.eui.academy-members-list .popup-challenge-users .head .info {display:none;}
.eui.academy-members-list .degreeText {display:none;}
.eui.academy-members-list .challengeUsersList li{padding:0px;}
.eui.academy-members-list .challengeUsersList li.currentUser  {background: #74AAF7 !important;}
.eui.academy-members-list .youAreHere {display:none;}
 
.eui.box.publications-points  {background: #FFFFFF;background: #57BC90;/* background: #A7A7A7; */padding: 0px;color: #fff;cursor: help;font-weight: bold;line-height: 23px;border-radius: 0px;box-shadow: -1px 1px 3px 0px #C7C7C7;/* color: #333; */text-align: center;box-sizing: border-box;border: -1px solid rgba(255, 255, 255, 0.81);border-radius: 3000px;height: 64px;width: 64px;padding-top: 11px;margin: auto;font-size: 22px;/* color: #000000; */box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.54);}
.eui.box.publications-points  .text {/* margin-bottom: 10px; */font-size: 15px;font-weight: normal;margin-top: -3px;}
/* specific boxes - end */
/* forms - begin */

.eui.form.big-textarea textarea {width: 100%;font-size:25px;box-sizing: border-box;line-height: 120%;height: 80px;padding: 8px 12px;background: #FBFBFB;border: 0px;box-shadow: 0px 0px 1px 1px #999;/* font-weight: bold; */}

.eui.form.big-textarea textarea::-webkit-input-placeholder
 {
font-style: normal;
font-weight:normal;
color:#bbb;
}

@media screen and (max-width: 680px),  only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.eui.form.big-textarea textarea  {font-size:20px;height:88px;}
.eui.form.big-textarea h1  {font-size:24px;}
}

.eui .form .form-content {overflow: hidden;max-height:9000px;}
.eui .form.submitted .form-content {max-height:0px;}
.eui .form .form-content  {transition: max-height 3s;transition-delay: 0.9s;}
.eui .form.submitted .form-content {transition: max-height 0.8s;transition-delay: 0s;}


.eui .form .form-submit-msg {overflow: hidden;max-height:0px;opacity:0;}
.eui .form.submitted .form-submit-msg {opacity:1;max-height:1000px;}
.eui .form .form-submit-msg {transition: opacity 0.8s,max-height 0.7s;   transition-delay: 0s;}
.eui .form.submitted .form-submit-msg {transition: opacity 3s,max-height 2s;   transition-delay: 0.9s;}
.eui .form.submitted .close-popup {display:none;}
.eui .form .notification.error {width: 100%;background: #717171;color:#fff;font-size: 15px;padding: 5px 10px;box-sizing: border-box;}


/* forms - end */




/* eureka ui - end */



/* eureka ui plugins - begin */
/* button-content plugin - begin */


.eui .button-content {line-height: 100%;}
.eui .button-content {
	min-height:0px;
	min-width:0px;
	transition: all 0.3s;
	position:relative;
	z-index:1;
	box-sizing: border-box;
	overflow:hidden;
	cursor: pointer;
}

.eui .button-content .close-button {display:none;position:absolute;left:0px;font-size:20px;top:6px;left:3px;opacity:0;transition: all 0.4s;cursor:pointer;}
.eui .button-content.open.finish .close-button{display:block;position:absolute;opacity:0.2}
.eui .button-content.open.finish .close-button:hover{opacity:1;}

.eui .button-content.open.size-narrow {min-width: 320px;max-width: 420px;}

@media screen and (max-width: 580px) {
	.eui .button-content.open.size-narrow {min-width: 290px;}
}

.eui button-content[size-class*="size-"] content {min-width: 0px;}

.eui .button-content.open {
	min-width: 420px;
	cursor: default;
	transform: translateY(-0px);
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	}

.eui .button-content content > div {padding: 10px 0px 12px 0px;}
.eui .button-content content {
	display:none;
	max-height: 0px;
	min-width: 350px;
	width: 100%;
	margin:0 auto;
	transition: all 0.2s;
	display: block;
	background: #fff;
	color: #333;
	font-size: 19px;
	padding: 0px 15px;
	position: relative;
	right: -15px;
	top: 10px;
	font-family:  'Open Sans Hebrew', arial;
	transition: all 0s;
	display: none;
	display: block;
}


.eui .button-content content > div {
	transition: all 0s;
	opacity:0;
}

.eui .button-content.open content > div {
	opacity:1;
	transition: all 0.8s linear 0.3s;
}
.eui .button-content.open content {
	max-height: 600px;
	transition: max-height 1s;
	/* display: block; */
}
.eui .button-content .content-area {
    width: 0;
    overflow: hidden;
}
.eui .button-content.open .content-area {
    width: 100%;
    overflow: visible;
}
/* button-content plugin - end */


/* checkbox plugin - begin */

.eui.checkbox input[type='checkbox']{ height: 0; width: 0;position: absolute;}

.eui.checkbox input[type='checkbox'] + label{
  position: relative;
  margin: 0px;
  padding-right: 30px;
  align-items: center;
  color: #797979;
  transition: color 250ms cubic-bezier(.4,.0,.23,1);
}

.eui.checkbox input[type='checkbox'] + label > span{
  display: block;
  align-items: center;
  width: 1em;
  position: absolute;
  height: 1em;
  right: 0px;
  top: 8px;
  background: transparent;
  border: 2px solid #9E9E9E;
  border-radius: 2px;
  cursor: pointer;
  transition: all 175ms cubic-bezier(.4,.0,.23,1);
  box-sizing: border-box;
  user-select: none;
}

.eui.checkbox input[type='checkbox'] + label:hover{
  color: #000;
}
.eui.checkbox input[type='checkbox'] + label:hover > span{
  background: rgba(0,0,0,0.05);
}
.eui.checkbox input[type='checkbox']:checked + label {color: #000;/* font-weight: bold; */}

.eui.checkbox input[type='checkbox']:checked + label > span{
  border: .5em solid #165674;
  animation: shrink-bounce 140ms cubic-bezier(.4,.0,.23,1);
  /* padding: 2px; */
}
.eui.checkbox input[type='checkbox']:checked + label > span:before{
  content: "";
  position: absolute;
  top: -2px;
  right: 1px;
  border-right: 3px solid rgba(10, 108, 255, 0);
  border-bottom: 3px solid transparent;
  /* transform: rotate(45deg); */
  transform-origin: 0% 100%;
  animation: checkbox-check 87ms 175ms cubic-bezier(.4,.0,.23,1) forwards;
}

@keyframes shrink-bounce{
  0%{
    transform: scale(1);
  }
  33%{    
    transform: scale(.85);
  }
  100%{
    transform: scale(1);    
  }
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: #fff;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: .2em;
    height: 0;
    transform: translate3d(0,0,0) rotate(45deg);
  }
  100%{    
    width: .2em;
    height: .5em;    
    border-color: #fff;
    transform: translate3d(0,-.5em,0) rotate(45deg);
  }
}

/* checkbox plugin - end */
/* eureka ui plugins - end */



/* academy - begin */
body.academy-page {background:#F7F7F7}
.academy-page .entry a strong {background: rgba(47, 72, 122, 0.84) !important;}
.academy-page .sidenav ul li a .arrow {border-right-color:#545354;}
.academy-page .sidenav ul ul li.current a,
.academy-page .sidenav ul >  li.current h3 a ,
.academy-page .sidenav ul  li a:hover{background: #545354 !important;}
/* academy - end */ 

.desktop-ad-right {
	width:300px;
	height:600px;
	/* background: rgba(255, 255, 255, 0.58); */
	position: relative;
	right: -396px;
	margin-bottom: -600px;
}


@media screen and (min-width: 1480px) {
		.desktop-ad-right {
		right: -408px;
	}
}

@media screen and (max-width: 1480px) and (min-width: 1200px) {

	body.page-with-ads .angularPopup_item {
			position: relative;
			right: 100px;
	}
	body.page-with-ads button#cboxPrevious {
		right: calc(50% + 80px);
	}
	body.page-with-ads button#cboxNext {
		left: calc(50% - 120px);
	}
}

@media screen and (max-width: 1270px) and (min-width: 1000px) {
	body.page-with-ads .desktop-ad-right {
		margin-right: 48px;
	}
	body.page-with-ads .angularPopup_item {
			position: relative;
			right: 165px;
	}
	body.page-with-ads button#cboxPrevious {
		right: calc(50% + 120px);
		transform:scale(0.6,0.6);
	}
	body.page-with-ads button#cboxNext {
		left: calc(50% - 200px);
		transform:scale(0.6,0.6);
	}
}
.item-ad.content-top  {
	text-align: center;
	margin-top: 30px;
	margin-bottom: -10px;
}

.item-ad.bottom  {
	text-align: center;
	margin:20px 0px;
	margin-top: -15px;
}
.tag-gallery {
	position: static;
}

.tag-gallery .show-local-photos{
	margin-bottom: 15px;
	text-align:center;
}
.tag-gallery .search-header form input[type="text"] {
	margin-left: 5px;
	position: relative;
	top: 0px;
	box-sizing: border-box;
	font-size: 16px;
	height: 34px;
	padding: 0px 8px;
}
.tag-gallery .no-results-msg {
	background: #d2d2d2;
	display: inline-block;
	padding: 6px 20px;
	color: #3a3a3a;
	border-radius:4px;
	font-size: 18px;
}
.tag-gallery .search-input{
	width: 378px;
}
.tag-gallery .search-header {
	margin: 10px 4px 20px 0px;
	position: relative;
	padding: 0px;
	line-height: 0px;
	height: 34px;
	overflow: visible;
}
.tag-gallery tags-input {
	width: 200px;
	height: 34px;
	line-height: 34px;
	display: inline-block;
	vertical-align: top;
	margin-left: 4px;
	position: relative;
	z-index: 1;
}


.tag-gallery tags-input .tags .tag-item {
	width: 100%;
	margin: 0px;
	height: 100%;
	display: block;
	/* background: white !important; */
	/* color: #000; */
	padding: 0px 10px;
	font-size: 18px;
	line-height: 30px;
	border-radius: 0px;
	cursor: default;
	background: #165674 !important;
}
.tag-gallery tags-input .remove-button{
	float: left;
	pos;
	color: x;
	font-size: 20px !important;
	margin: 0px !important;
	height: 100% !important;
	line-height: 33px !important;
	width: 30px;
	/* background: red !important; */
	margin-left: -9px !important;
	text-align: center;
	padding-right: 5px !important;
	box-sizing: content-box;
}
.tag-gallery tags-input .autocomplete {
	margin: 0px !important;
	padding: 0px !important;
	border-top: 0px !important;
}

.tag-gallery tags-input .tags input {
	padding-right: 6px;
	font-size: 18px !important;
	width: 100% !important;
}

.tag-gallery tags-input.ng-invalid input{
	display:none;
}

.tag-gallery tags-input .host {
	margin:0px;
}
.tag-gallery tags-input .tags * {height: 100% !important}
.tag-gallery tags-input .tags{
	box-shadow: none !important;
	padding: 0px;
	/* margin: 0px; */
}

.tag-gallery .search-header form .button{
	height: 34px;
	font-family: arial;
}

.tag-gallery .selected-count {
	vertical-align: top;
	line-height: 32px;
	/* border-radius: 100px; */
	width: 34px;
	text-align: center;
	background: #ffffff !important;
	/* box-sizing: border-box; */
	padding: 0px;
	font-size: 15px !important;
	margin-left: -7px;
	border-radius: 0px 4px 4px 0px;
	z-index: 1000;
	color: #165674;
	position: relative;
	border: 2px solid #0b7eb7;
}

.tag-gallery .search-header form{
	margin-bottom: 10px;
	display: inline-block;
	margin-left: 5px;
	height: 34px;
	overflow: hidden;
}

.tag-gallery .search-header form:last-child{
	margin-left: 0px;
}

.tag-gallery .photos .photo{
	border: 3px solid transparent;
	margin-right: 4px;
	line-height:0px;
	width: 150px;
	height: 150px;
	overflow: hidden;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.tag-gallery .photos .photo img {
	pointer-events: none;
}
.tag-gallery .photos .photo.selected{
	border-color: #3e96e6;
}
.tag-gallery .photos .photo.selected .selected-icon{
	display: block;
}
.tag-gallery .photos .photo .selected-icon{
	background: #3e96e6;
	position: absolute;
	bottom: 5px;
	right: 5px;
	display: block;
	height: 24px;
	width: 24px;
	display: none;
	font-size: 15px;
	line-height: 18px;
	color: #fff;
	/* opacity: 0.8; */
	text-align: center;
	border-radius: 100px;
}
.tag-gallery .up-arrow-button:hover {
	background: #d0d0d0;
	color: #444;
}

.tag-gallery .info-notfication {
	color: #000;
	font-size: 20px;
	background: yellow;
	padding: 12px;
	position:fixed;
	width:100%;
	max-width: 800px;
	margin-right: 14px;
	box-sizing: border-box;
	text-align: center;
	bottom: 5px;
	z-index: 1000;
	background:#D8436D;
	color: #fff;
	opacity: 0.96;
	border-radius: 10px;
	max-height: 0px;
	opacity: 0;
	transition: all 0s 0.4s, opacity 0.3s 0.1s;
	transform: scale(0);
}

.tag-gallery .info-notfication.visible {
	max-height: 1000px;
	opacity: 0.95;
	transition: all 0s, opacity 0.3s 0.1s;
	transform: scale(1,1);
}

.tag-gallery .up-arrow-button {
	width: 45px;
	height: 45px;
	display: block;
	background: #ddd;
	padding: 0px;
	text-align:center;
	cursor: pointer;
	line-height: 32px;
	font-size: 22px;
	color: #555;
	border-radius: 100px;
	position: fixed;
	bottom: 8px;
	z-index: 100;
	margin-right: -80px;
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.63),0px 0px 5px 0px rgba(0, 0, 0, 0.33);
}


.tag-gallery .large-photo-display{
	width: 100%;
	height: 100%;
	background: rgb(0, 0, 0);
	position: fixed !important;
	top: 0px;
	left: 0px;
	display: table-cell;
	vertical-align:middle;
	text-align:center;
	z-index: 1000;
	display: none;
}

.tag-gallery .large-photo-display .image-area{
 	align-self: center;
 	-webkit-align-self: center;
 	-ms-flex-align: centerrt;
 	align-self: center;
 	pointer-events: none;
}
.tag-gallery .large-photo-display .image-title {
	color: rgba(255, 255, 255, 0.88);
    font-size: 15px;
    direction: ltr;
    position: absolute;
    right: 0px;
    padding: 20px 10px;
    font-weight: bold;
	text-shadow: 1px 1px 3px #000;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}


.tag-gallery .large-photo-display .close{
	position: absolute;
	z-index:1;
	top: 10px;
	right: 10px;
	font-size: 30px;
}
.tag-gallery .large-photo-display .actions {
	position: absolute;
	bottom: 20px;
}
.tag-gallery .large-photo-display.visible{
	display: flex;
	display: -webkit-flex; /* Safari */
	-webkit-justify-content: center; /* Safari 6.1+ */
	justify-content: center;
}

.navbar-menu-icon {
	position: absolute;
	top:8px;
	left: 0px;
	width: 50px;
	height: 40px;
	/* background: #165674; */
	font-size: 28px;
	padding-left: 0px;
	margin-top: 0px;
	margin-left: 0px;
	color: #fff;
	text-align: right;
	cursor: pointer;
}

@media screen and (max-width: 768px){
	.tag-gallery tags-input {
	width: 100%;
	width: calc(100% - 120px);
	margin-bottom: 10px;
	}
	.tag-gallery  .search-header form {
		display:block;
		margin-left: 0px;
	}
	.tag-gallery .search-submit-button {
		width: 110px !important;
		text-align: center;
	}
	.tag-gallery .search-input{
		width: calc(100% - 120px);
	}
	.tag-gallery .save-gallery-area {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 12;
	}
	.tag-gallery .search-header {
		margin-bottom: 20px;
		overflow: visible;
		height: auto;
	}

	@media screen and (max-width: 600px){
	.tag-gallery .photos .photo {
		margin-bottom: 10px;
	}

	.tag-gallery .photos .photo:nth-child(2n) {
		margin-right: 0px;
		margin-left: 0px;
	}
	.tag-gallery .photos .photo:nth-child(2n+1) {
		/*margin-left: calc((100vw - 340px)/2);
		margin-right: calc((100vw - 340px)/2);*/
		margin-left: 12px;

	}
	.tag-gallery .show-local-photos  {
		margin-bottom: 20px;
	}
	.tag-gallery .photos .photo {
		width: 45%;
		width: calc(50% - 14px);
	}
	@media screen and (max-width: 320px){
		.tag-gallery .photos .photo {
			width: 138px;
			height: 138px;
			margin-right: 5px !important;
			margin-left: 0px !important;
			margin-bottom: 5px !important;
		}
	}

	
	.tag-gallery .up-arrow-button{
		margin:0px;
		left:5px;
		bottom: 5px;

	}

	
	.tag-gallery .info-notfication {
		margin-right: 2px;
		width: calc(100% - 4px);
	}
	
	}
}

.md-open-menu-container  {
	z-index: 100101 !important;
}

.md-menu-backdrop   {
	z-index: 100101 !important;
}

.item-text-message {
    background: #fff;
    line-height: 200%;
    padding: 12px 10px 22px 10px !important;
    text-align: center;
    border-top: 0px;
}

.item-text-message a {
	font-weight: bold;
	font-size: 16px;
	color: #d8436d;
	text-decoration: none;
	transition: 0.6s;
	font-weight: bold;
}
.item-text-message a:hover {
	color: #165674;
}

/* share item - begin */
.share-item-url-box {
  width: 100%;
  position: absolute;
  top: 42px;
  right: 0px;
  z-index: 20;
  padding: 0px 10px;
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
  transition: opacity 0.5s;
  box-sizing: border-box; }
  .share-item-url-box.show {
    max-height: 1000px;
    padding-bottom: 24px;
    opacity: 1; }
  .share-item-url-box .share-item-url-content {
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 10px 10px 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10px;
    display: inline-block; }
    @media only screen and (max-width: 899px) {
      .share-item-url-box .share-item-url-content {
        display: block; } }
    @media only screen and (min-width: 900px) {
      .share-item-url-box .share-item-url-content {
        position: relative;
        right: 120px; } }
    .share-item-url-box .share-item-url-content .title {
      margin-bottom: 4px;
      display: block;
      color: #999;
      font-size: 13px; }
    .share-item-url-box .share-item-url-content .success-msg {
      font-size: 13px;
      text-align: center;
      padding: 0px;
      background: #999;
      display: block;
      color: #fff;
      margin: 0px auto;
      width: 120px;
      margin-top: 8px;
      border-radius: 10px;
      opacity: 0;
      max-height: 0px;
      overflow: hidden;
      transition: all 0s 0.6s, opacity 0.9s 0.6s;
      box-sizing: content-box; }
      .share-item-url-box .share-item-url-content .success-msg.show {
        max-height: 1000px;
        opacity: 0.8;
        padding: 2px 6px 3px 6px; }
    .share-item-url-box .share-item-url-content .url-input {
      width: 250px;
      box-sizing: content-box;
      direction: ltr;
      text-align: left;
      padding: 2px 5px;
      border: 1px solid #ccc;
      border-radius: 3px; }
      @media only screen and (max-width: 899px) {
        .share-item-url-box .share-item-url-content .url-input {
          width: 100%;
          box-sizing: border-box;
          padding: 6px;
          height: 30px; } }

/* share item - end */

/* background-fix */

.entry.left a strong {
	background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.3) 60%, rgba(0, 0, 0, 0.75) 100%) !important;
	padding-top: 20%;
	line-height: 144%;
	padding-right: 10px;
	padding-bottom: 6px;
}

.rights_log a { 
	color: #869496;
	text-decoration: none;
}

/* AI Icon Styling */
.breadcrumbs a[href*="perplexity.ai"] img {
	filter: brightness(0) saturate(100%) invert(60%) sepia(8%) saturate(1037%) hue-rotate(169deg) brightness(89%) contrast(86%);
	transition: filter 0.3s ease;
}

.breadcrumbs a[href*="perplexity.ai"]:hover img {
	filter: brightness(0) saturate(100%) invert(40%) sepia(8%) saturate(1037%) hue-rotate(169deg) brightness(70%) contrast(86%);
}

/* AI Icon Styling */
.ai-search-link img {
	brightness(0) saturate(100%) invert(58%) sepia(6%) saturate(554%) hue-rotate(169deg) brightness(95%) contrast(91%);
	transition: filter 0.2s ease;
}

.ai-search-link:hover img {
	filter: brightness(0) saturate(100%) invert(40%) sepia(8%) saturate(1037%) hue-rotate(169deg) brightness(70%) contrast(86%);
}


.ai-search-link-mobile img, .ai-search-link-mobile:hover img  {
  filter: brightness(0) invert(1); /* Make icon white */
  width: 20px !important;
  height: 20px !important;
  margin-left: 0;
  margin-right: 0;
}

.ai-search-link-mobile {
  position: absolute;
  right: 16px;
  top: 14px;
  display: flex;
  justify-content: flex-end; /* Align to right */
  align-items: center;
  width: auto;
}