/* desktop responsive google fix - begin */
	body.desk #colorbox .popup-parallax,#colorbox,#cboxWrapper,#colorbox, #cboxContent, #cboxLoadedContent {box-sizing: border-box !important;max-width: 100% !important;min-height: 100vh;}
	body.desk .swiper-container  {
		overflow: visible !important;
		height: 1000px !important;
		overflow: visible !important;
	}
	body.desk .swiper-slide {
		float: none !important;
		width: 100% !important;
		height: auto !important;
	}
	body.desk .swiper-wrapper .entry {
		width: 100%;
		float: none !important;
		height: 200px !important;
		margin-bottom: 20px !important;
		position: static;
	}
	body.desk .swiper-wrapper {
		width: 100% !important;
		transform: none !important;
		height: auto !important;
		max-height: 12000px;
		overflow: hidden;
	}
	body.desk .main * {
		box-sizing: border-box !important;
		width: 100% !important;
		margin: 0px !important;
		padding: 0px !important;
		}
	body.desk .wrapper {
		overflow-y: visible !important;
	}
	
	body.desk .main .content {
		overflow: visible !important;
	}
	


	body.desk .breadcrumbsContent {
		float: none !important;
		text-align:right;
		width: 100%;
		direction: rtl !important;
		padding: 20px 10px  !important;
		background: #1a5674; 
		color: #fff;
		margin-bottom: 20px !important;
		display: block;

	}

	body.desk .entry strong{
		padding: 10px 20px !important;
		height: 160px !important;
		/* display: block; */
		/* position: static !important; */
		max-height: 50px;
		font-size: 16px;
		line-height: 16px;
	}

	body.desk .toggles {
		display: none;
	}
	body.desk .wrapper {width:100%;overflow:hidden}
	body.desk .entry {

	}
	body.desk .entry a img  {
		width: 100% !important;
		position: static !important;
	}

	body.desk .site-header  {display:block;width: 100%;overflow:hidden;padding-right:60px;box-sizing:border-box;display;padding-top: 13px;background: #1a5674;}
	/* desktop responsive google fix -end */
	

.popup {padding:0px;}
#cboxCurrent {display:none !important}
#cboxClose {top:50px; left:50px;}
.popup-content {width:100%;left: 0px;}
#angularPopupContent .popup ,#angularPopupContent{display:block;margin-bottom: 0px;}
.popup-article  {padding:0px;}
.popup-article-body {padding: 0px 20px;}
.popup-article  p  {padding: 30px 0px 0px 0px;}
.popup-article  p  iframe{display:block;margin:0 auto}

.popup-section-content p, .popup-section-date p {font-size:20px;line-height:20px;/* display: inline; */}
.popup-main {
    
width: 100%;
    
padding:0px;
    
position: relative;
    
right: 0px;
    
overflow: hidden;
    
min-height: calc(100vh - 56px);
}
.popup-aside {display:none} 

.popup .admin-corner {}

.popup .admin-corner .admin-icon i.icon-back-arrow {color: #fff;position: relative;top: -2px;font-size: 30px;left:6px;}


.eui.edit-item-area  .item-q {margin-top:25px;}

#cboxOverlay {display:none !important}

.searchnav div {padding: 20px;}
.searchnav {top: 0px;width: 100%;background: rgba(22, 86, 116, 1);height: 70px;box-shadow: 1px 1px 1px #000;display:none;overflow: visible;padding: 0px;position: absolute;top: 40px;z-index: 1;}

nav ul.cf {display:none}
nav ul.cf.left {display:block}

body {min-width:300px;overflow-y: initial;}


.logo{

position: absolute;
right: -45px;
top: -15px;}

.navwrap {
padding-right: 180px;
}

.sidebar {
display:none;
}

.main >.content {
height: 95%;
/* position: relative; */
padding-left: 10px;
padding-right: 10px;
height: 90%;
}

.site-header  {position: absolute;width: 100%;z-index: 10000;}

body:not(.tablet) .entry.grid1 a strong {font-size: 14px;background: rgba(22, 86, 116, 1);line-height:20px;max-height:20px;}
body.tablet .entry.grid1 a strong {font-size: 24px;background: rgba(22, 86, 116, 1);line-height:33px;max-height:33px;}
body:not(.tablet) .entry.grid4 a strong {font-size: 9px;background: rgba(22, 86, 116, 1);line-height:13px;max-height:13px;}

.entry a.reddish strong{background-color:rgba(175, 38, 37, 0.8) !important;}

.main >.content
{
	-webkit-overflow-scrolling: touch;
	/* overflow: hidden; */
	position: absolute;
	height: 100%;
	width: 100%;
	padding: 0px;
	/* background: red; */
	direction: ltr;
	position: relative;
	top: 0px;
	/* right: 0px; */
	/* z-index: 1000; */
	padding-top: 10px;
}

.popup-section-content {float:none; top: -90px;position: relative;width: 100%;/* background: red; */height: 60px;}
.popup-section-content p{ /* float: right; */ /* width: 300px; */ display: inline-block; font-size: 14px; padding-left: 3px;}
.popup-article-actions {height:60px;margin-top:0px;width: 100%;float: none;position: relative;right: 0px;}
.popup-article-head {margin-bottom: 0px;padding-left:7px;min-height: 30px;}
.popup-article-section {/* overflow: visible; *//* height: 60px; *//* display: none; */padding-right: 20px;padding-top: 20px;padding-left: 5px;border-color: #ddd;}
.popup-article-writer {padding:10px;margin-top:5px;border-top:0px;}
.popup-article-section:last-child {border-bottom:0px;border-top: 1px solid #ddd;}

.list-options {width: 267px;margin: 0 auto;top: 0px;position: relative;margin-top: -4px;overflow: visible}

.list-options.platform-theme {
	padding-right:8px;
}

.list-options li {padding: 0px 10px; }
.list-options li  a {margin-top:5px}
.list-options li:last-child {
	border: none;
}
.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;
}
.popup-article-head h2 {font-size: 21px;;line-height: 25px;top: 0px;z-index: 1000;padding-top: 7px;/* font-weight: bold; */padding-bottom: 7px;}



.popup-article-section-related {padding-right: 20px;padding-left: 5px;}
@media (max-width: 720px) {
.related {float:right;width: 45.5%;margin-bottom: 20px;}
.related  .related-image {height: 78px;}
.related  .related-content h6 {line-height:22px}
}

@media (min-width: 720px) {
.related {float:right;width: 47%;margin-bottom: 20px;padding-right: 0%;padding-left: 0.9%;}
.related .related-image {height: 170px;}
}
.popup  .publications-points-area {display:none;}




.popup-parallax .popup-parallax-head  .head-text{padding: 10px 20px;}
.popup-parallax .popup-parallax-head.edit-view .head-text {
	min-height: 31px;
}
.popup-parallax .popup-parallax-head .writer {font-size:16px;}
.popup-parallax .popup-parallax-head  h2{font-size: 24px;padding:0px;text-shadow: 0px 0px 4px #000,0px 0px 15px #000;}
.popup-parallax .popup-parallax-head {height: 100%;}
.popup-parallax .popup-parallax-head .img {background-size: 100% auto!important;height: 240px;}
.popup-parallax .popup-parallax-head .fade-bg {display:none;}
.popup-parallax .popup-content {padding: 0px 0px;margin-top: -5px;}

@media (min-width: 720px) {
	.popup-parallax .popup-parallax-head .writer {font-size:20px;}
	.popup-parallax .popup-parallax-head h2 {font-size:30px;}
	.popup-parallax .popup-parallax-head .img {height:480px}
}

.popup-bottom-credit {
	left: 10px;
}

#angularPopupContent .md-dialog-container {
	top: 0px !important; /* fix for material position */
}

nav#menu {background: rgba(22, 86, 116, 1); color: #fff;left: -1px;}

nav#menu  li {padding-right:5px;padding-left: 5px;width: 100%;margin: 0px;}



.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after{margin-left:0px;}

.slideContent h1{font-size:15px;}

textarea {width:250px;margin-top: 5px;padding-right:5px;margin-right:5px;height:68px;}
.contact .button {
    margin-bottom: 10px;
}

.contact .gbForm label {width:70px;}
.contact .gbForm textarea {/* height: 36px; */width: 100%;}

.contact  form input:not(.button)
{font-size: 17px;line-height: 17px;width: calc(100% - 128px);margin-top: 0px;}
.contact form textarea {font-size: 17px;line-height: 1.4;margin-right: 0px;20: 00pxmin-height:;height: 160px;width: 99%;display: block;box-sizing: border-box;}
.contact {margin: 0px auto;height: 90%;position: relative;box-shadow: none;}
.contactItem {/* margin: 10px; */right: 0px;width: 100%;margin-top 10px:;margin-top: 15px;box-shadow: 0px 1px 5px rgba(0,0,0,.3);}

.contact  form {padding: 5px 10px;height: 100%;border: 0px;box-shadow: none;}

.contact .row-form {padding-bottom: 14px;}
.contact label {font-size:14px;line-height: 20px;width: 50px;padding-left:10px;margin-bottom: 5px;}


#menu  {display:none !important}
#menu.mm-opened  {display:block !important}

.uparrow{ width: 50px; height: 40px; background: url(images/icon-up.png) 12px 12px no-repeat; position: absolute; top: 0px; right: 0px; cursor: pointer; background-size: 50%; /* background: red; */}
.uparrow.down{  background-image: url(images/icon-down.png);z-index:1;  right: -6px;  width: 50px;}

.imgWrap.loadedImg {background-size: 120% !important;background-color: transparent;overflow: hidden;}

div#page-nav .sidenav {
padding-right: 2px !important;
}

#page-nav .sidenav ul{padding-top:3px !important;}
 

.entry a img {height: auto;width: auto;opacity: 1 !important;}

.swiper-slide-active .entry a img{
	z-index:1;
	position:absolute;
	top:0px;
}
.entry strong{
	z-index:2;
	position:absolute;
	bottom:0px;
}


.swiper-slide-active .entry strong{
	z-index:2;
	position:absolute;
	bottom:0px;
}

.listing .arrow {display:none}

.tag-transition {background-image:none;font-size:20px;line-height:20px;height:20px}
.listing {height:70%;padding-top: 56px;}
.tablet  .listing {height:93%;/* margin-top:2.5% */}

.mm-menu ul {padding-top:0px !important}


.mobile-menu ul {list-style-type:none;width: 100%;position: relative;right: 0px;text-align: left;/* padding-right: 200px; *//* margin-right: 200px; *//* background: violet; */display: block;/* height: 37px; */}
.mobile-menu ul li {background:url(images/nav-mobile.png);/* margin-left: 20px; */width: 38px;/* background: blue; */display: inline-block;margin: 0px;/* display: inline; */float: left;/* margin-right: 1px; *//* float: right; */border-right: 1px solid rgba(255, 255, 255, 0.55);/* background: blue; */height: 40px;padding: 0px 5px;}
.mobile-menu ul li.wide {width: 100%;}
.mobile-menu ul li.left {float:left;/* position: absolute; *//* right: 0px; */}

.mobile-menu .toolbox{/* margin-right: 121px; */width: 100%;position: relative;/* right: -40px; *//* background: red; *//* top: 30px; */}
.mobile-menu .toolbox i {background-size:80%;background-position:2px 2px}

.mobile-menu .icon-dice {position:relative;left:5px;top:-1px;}
.mobile-menu .icon-down {position:relative;left:5px;top:-1px;}

.mobile-menu .wide {background:url(images/nav-mobile.png);/* margin-right: 42px; *//* margin-left: 82px; */}

.mobile-menu ul li.upicon {float: right;border-right: 0px;position: absolute;right: 0px;}

.icon-top-search {position:relative;top:-1px;right:-6px;}

#footer .back {height:40px;display:inline-block;width: 150px;
border:1px solid rgba(255, 255, 255, 0.55);
border-top:0px;
border-bottom:0px;

}

#footer a {text-decoration:none;-webkit-transition:0s;transition:0s;display: inline-block;}
#footer a.back:active,#footer a.back:hover,#header li:active,#header li:hover,.uparrow:hover{background-color:#f29f2c}

#footer a.disabled{opacity:0.3;}

#footer .next,#footer .prev {display:inline-block;width: 85px;
height:40px;
}

#footer .next,#footer .prev {position:absolute;bottom:0px;left: 0px;height: 40px;font-size: 40px;line-height: 34px;}
#footer .next{right:0px;}
#footer .prev{left:0px;}

#footer .back span {font-size: 25px;position: relative;top: -5px;/* line-height: 0px; */-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);display: inline-block;left: -4px;height: 20px;width: 20px;line-height: 0px;}

#itemcontent {display:none;}

.sidenav {display:none;}
.mm-opened .sidenav {display:block}

.popup-section-rating {padding-left: 20px;-ms-transform: scale(1.1,1.1); /* IE 9 */      /* -webkit-transform: scale(1.1,1.1); */ /* Safari */      /* transform: scale(1.1,1.1); *//* background: red; */left: 0px;/* position: absolute !important; */top: 0px;right: inherit !important;/* float: left !important; */padding-top: 10px;padding-bottom: 10px;}

.tablet .toggles ul li {padding:0px 15px;position:relative;top:7px;}
.tablet .toggles  ul li.grid3 {padding-left:10px}

.singleSlide.about {font-size:12px;padding:0px 5px;}

.popup-article-toolbox {padding-bottom: 0px;padding-right: 0px;}

.sidenav h3{display:none;}
.sidenav {padding-right:10px;padding-top:10px;}

.gbForm input.gbNext {bottom:10px}


/* fix for mobile item landing page - begin */
body.frontHeader #header {
  z-index: 101;
}

body.frontHeader #page-right {
  padding-top: 40px;
}

body.frontHeader #footer {
	display: none !important; 
}

body.frontHeader  #page-right .panel {height: 100% ;}

 body.frontHeader  #secondHeader {display: none}
/* fix for mobile item landing page - end */

#page-right.mm-current #footer {position: fixed;bottom: 0px;z-index: 1111111;/* background: red; */bottom: 100px;transition: opacity 0.3s, height 0s;opacity: 1;display: block;overflow: hidden;}
#page-right #footer {display:none}
#page-right .panel {height:100%;height: calc(100% - 40px);overflow: scroll;/* height: 50%; */}
#page-right.no-footer .panel {
	height: 100%;
}
#page-right.no-footer #footer {
	height: 0px;
	opacity: 0;
	transition: opacity 0.3s, height 0s 0.3s;
}


#page-right{
z-index: 1000;/* position: absolute; */display: block;background-color: #F7F7F7;
transition: right 0s 0.5s, opacity 0.3s;
transition: 0s;overflow: hidden;top: 0px;right: -100%;opacity: 0;box-sizing: border-box;
-webkit-perspective: 1000 !important;
}
#page-right.mm-current {
	right: 0px;
	z-index: 11;
	opacity: 1;
	transition: bottom 0s, right 0s, opacity 0.4s;
	top: 0px;
}

#page-right .mm-panel {
		height: 100%;
		overflow: hidden;
		position: relative;
		position: static;
}

html #footer{display:none}
html.mm-opened #footer{display:block}

.list-links .tag_transition {font-size: 16px;line-height: 16px;height:18px;}

body:not(.tablet) .grid1 div.gbMsg {font-size:15px;}

body .listing, .main, .mm-page {/* height: 100% !important; */width: 100% !important;position: relative;/* top: 0px; *//* padding-top: 20px; */}

#bowl_ringG img{right:-70px !important;}
#bowlG {}

.sliderLoading {  -ms-transform: scale(0.8); /* IE 9 */
    -webkit-transform: scale(0.8); /* Safari */
    transform: scale(0.8);
    position: fixed;
    right: 40px;
    top: 0px;
    width: 90%;
    }


.slideContent {position: static;height:auto;clear: both;margin: 0px 3px 10px 3px;}

.gbNext {display:none;}


@media (min-width: 720px) {
	.imgWrap.singleItemBrick {
  	  min-height: 420px;
  	  max-height: 420px;
 }
	.imgWrap.singleItemBrick.loadedImg {
  	  background-size:100% !important
	}
	.infiniteScrollContent .slideContent {
			margin-bottom:30px;
	}
}

#page-nav .jspContainer {
    padding-right: 5px;
   
}

#page-nav .jspVerticalBar {margin-top: 7px;/* margin-bottom: -200px; *//* height: 90%; */left: -10px;right: inherit;/* right: 20px; */left: -100px;left: 14px;}
.sidenav ul li a .arrow {right:-20px;
border-left-color:#165674;
border-right:0px;}

div#page-nav {
    box-shadow: inset -3px 5px 7px 0px rgba(0,0,0,0.3);
    margin-top: -10px;
    padding-top: 5px;
}

.mobileHomepageEnd {text-align:center}

.mobileHomepageEnd a img {width:50%;margin:0px auto;display: block !important;}
.mobileHomepageEnd a.donateButton {padding: 0 10px 4px 10px;
background: #165674;
box-shadow: 1px 1px 3px 1px rgba(196,207,207,0.75);
line-height: 110%;
display: inline-block;
font-size: 35px;margin: 20px 0px;text-decoration: none;}


.infiniteScrollContent .imgWrap.textBrick {min-height: 115px;}
div.singleItemBrick.academy-center-logo {height:230px}
.infiniteScrollContent .textBrick .todayTag {margin-top: -45px;}

#secondHeader {
    background: rgb(0, 48, 71);
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 32px;
    font-size: 24px;
    /* font-weight: bold; */
    padding: 6px 0px 6px  0px;
    width: 100%;
    z-index: 1;
    /* border-top: 1px solid rgba(255, 255, 255, 0.49); */
    /* border-top: 1px solid rgba(255, 255, 255, 1); */
    top: 40px;
}
@media (max-width: 356px) {
#secondHeader {
	font-size:21px;
	
}
}

#header {z-index:2;}

.star {padding-right: 8px;}

.related-content h6 {
    font-size: 17px;
    line-height: 20px;
    max-height: 43px;
    overflow: hidden;
}

.entry .editPin, .entry .removePin {display:block;}

.main >.content.longPage {margin-right:0px;/* display: block; *//* background: red; */}

.longcontentArea {width:90%;margin:0px auto;}

.stip {margin:20px;}

.TodayChallangeForm h1 {font-size:25px;margin:20px;}


.singleSlide{width:96%;padding: 15px 10px;}

.TodayChallengeForm h1 {margin: 15px 0px;font-size: 24px;}
.TodayChallengeForm h3 {top:-6px;margin-bottom:10px;}

.TodayChallengeExtra {margin-top:10px;}

.TodayChallengeForm .solversCount {margin-top: 0px;margin-bottom: 15px;}
.loginForm .loginBox .row {height: 100%;margin-bottom: 20px;}
.loginForm .loginBox .row input {width: 184px;padding:4px 12px;font-size: 16px;width: 100%;box-sizing: border-box;height: auto;float: none;}
body form label.error {border-radius:0px;}

.loginForm .loginBox .row select {width: 100%;font-size: 15px;}

.loginForm .loginBox  {max-width:320px;padding: 0px 20px;}

.loginForm .loginBox label:not(.error) {width:85px;font-size:15px;float: none;width: auto;margin-bottom: 2px;box-sizing: border-box;width: 100%;border-radius: 0px;}
.challengeSlide {padding-right: 0;padding-left: 0;margin-top: -10px;padding: 0px;/* box-sizing: border-box; */left: 0px;width: 100%;margin: 0px auto;}
.TodayChallengeForm .answerBox .answer {font-size:50px;}

@media (max-width: 356px) {

	
	.TodayChallengeForm .answerBox .title {font-size:15px;}
	.TodayChallengeForm h1 {margin:10px;font-size:22px;}
	.TodayChallengeForm .answerBox .answer {font-size:40px;}
}



.TodayChallengeForm .itemBox .imgArea{position: static;width: auto;height: 90%;padding: 0px;margin: 0px;display: block;overflow: hidden;height: inherit;line-height: 0px;max-height: 175px;}

.imgArea {}
.TodayChallengeForm .itemBox .imgArea img {width: 100%;margin: 0px;height: auto;margin-top: -15%;}

.TodayChallengeForm .itemBox .textContent {width: 100%;padding: 15px 10px;box-sizing: border-box;}
.TodayChallengeForm .itemBox .textContent .preText {margin-bottom: 6px;}


.EurekaChallengeBox .title .pretitle{font-size:16px}
.EurekaChallengeBox .title .pretitle span{font-size:16px;font-weight:bolder}
.EurekaChallengeBox .title .question{font-size:18px;padding:15px 0px 12px 0px;}

.EurekaChallengeBox .mobileButton{font-size:14px}

.EurekaChallengeBox {padding-left: 15px;}
.autocomplete-suggestion {padding:4px 13px;font-size:16px}

.autocomplete-suggestions {}

.main {min-width: 0px;padding: 0px;margin: 0px;}

.challengeProfileArea,.challengeProfileArea .userbox,.challengeProfileArea .degreeListArea {display:block;position:static;width: auto;padding: 0px;margin: 0px;box-sizing: border-box;}
.challengeProfileArea .rightColumn,.challengeProfileArea .userbox,.challengeProfileArea .degreeListArea {margin: 20px auto;max-width: 400px;float: none;}
.challengeProfileArea .degreeListArea .degree {width:70px;height:70px;line-height: 22px;font-size:17px;}

.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_5 {line-height:20px; padding-top: 17px !important;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_6,
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7 {
	font-size:12px;
	padding-top: 6px !important;
	line-height: 15px;
}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7 {padding-top: 9px !important;line-height: 13px;}
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_6 span,
.challengeProfileArea .degreeListArea .degree.DEGREE_NUMBER_7 span {
	
top: 0px;
	
font-size: 18px !important;
	
line-height: 17px;
}


.challengeUsersList .youAreHere {display:none;}

.popup-challenge-users .head .title {font-size: 26px;}

.singlePageWrap {margin:0px 15px;}

.challengeProfileArea .degreeListArea .content {transform:scale(1.3,1.3);position:relative;right:30px;top:5px}

.popup-challenge-users {
    margin-bottom: 42px;
}
.challengeUsersList .index {font-size: 26px;right:0px;min-width: 20px;line-height: 55px;}
.challengeUsersList .content .nickname {
 padding:0px;
 display:inline-block;
 width: 172px;
 white-space: nowrap;
 overflow:hidden !important;
 text-overflow: ellipsis;
 padding-right: 18px;
}

.challengeUsersList li {padding-right: 15px;}
 
.challengeUsersList .content {margin-right:0px;width: 190px;padding: 0px;text-overflow: ellipsis;word-wrap: break-word;white-space: nowrap;
padding-top: 12px;}

.cornerToolLink a, .moreInfoLink a{opacity:1;}
 .moreInfoLink {top:8px;}
.popup-section-contact {margin-top: -10px;}

#commentForm input:not([type="submit"]),#commentForm select { box-sizing:border-box;font-size: 17px;display: inline-block;width: 205px;padding: 0px 5px;}
@media (max-width: 356px) {
	#commentForm input,#commentForm select{width: 170px;}

}

#commentForm label {line-height:18px;height:20px;}
#commentForm textarea {margin:0px;} 

.popup-gallery {
    width: 100%;
    min-height: calc(100vh);
}

.tags-inline-editor .tags {
	padding:0px;
	margin-top: -10px;
	margin-bottom: 8px;
	
}


/* eurkeaui - begin */
.eui.extraArea .mobileLink{font-size: 0.75em;}
.eui.extraArea .title {font-size:1.3em}
.eui.hr.article-section {border-color:#ddd}
/* eurekaui - end */