body{
	font-family:system-ui,'Open Sans',arial,sans-serif;
	font-size:1em;
	color:#5a5a5a;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	padding-top:0;
	padding-bottom:30px;
	background:#f7f5f7
}
a{
	color:#369;
	text-decoration:none;
	font-weight:bold;
}
h1{
	color:#369;
}
h2{
	color:#369;
}

/*
.js-lazy-image{
	visibility:hidden!important
}
.js-lazy-image--handled{
	visibility:visible!important
}
*/
.clear{
	clear:both;
}
.containerHeader{
	background-color:#fff;
	padding:0.5em;
}
.header{
}
.headerImageContainer{
	float:left;
}
.headerImage{
	background-image:url(/theme4/img/logo.webp);
	background-repeat:no-repeat;
	background-position:center;
    background-size:contain;
	width:12em;
	height:4em;
}
.mobileMenu{
	float:right;
	margin-top:0.5em;
}
.mobileMenuImage{
	background-image:url(/theme4/img/menu.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 30px;
	width:50px;
	height:50px;
}
.social{
	float:right;
	display:none;
	margin-top:20px;
}
.socialItem{
	float:right;
	margin-left:1em;
}
.mainMenuContainer{
	background-color:#ff6d07;
	display:none;
    border-radius: 0 0 5px 5px;
}
.mainMenuItems{
	padding:0.5em;
}
.mainMenuItem{
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:6px;
	margin-bottom:6px;
}
.mainMenuItem a {
    color:#000;
    text-transform:uppercase;
	font-weight:700;
	font-size:14px;
	/*letter-spacing: -.5px;*/
}
.mainMenuItem a:hover {
    color:#fff;
}

#container{
	margin-top:20px;
}
#containerElements{
}
#content{
}

.social2Element{
	float:left;
	width:calc(21%);
	font-weight:300;
	border-radius:8px;
	color:black;
	font-size:0.9em;
	padding:15px;
	text-align:center;
	margin-bottom:10px;
	margin-right:18px;
}

.hiddenForMobile{
	display:none;
}
.mobileNavigationPrev {
    position: fixed;
    left: 0;
    top: 220px;
    width: 40px;
    height: 60px;
    background: url(/theme4/nw-prev.png) no-repeat center center;
    background-color: #5a5a5a !important;
    opacity: .5;
    z-index: 3000;
    background-size: auto 20px;
    border-radius: 0 4px 4px 0;
}
.mobileNavigationNext {
    position: fixed;
    top: 220px;
	right:0;
    width: 37px;
    height: 90px;
    background: url(/theme4/nw-next.png) no-repeat center center;
    background-size: auto 20px;
    background-color: #5a5a5a !important;
    opacity: .5;
    z-index: 3000;
    border-radius: 4px 0 0 4px;
}
.mobileNavigationBest {
    position: fixed;
    top: 330px;
	right:0;
    width: 37px;
    height: 90px;
    background: url(/theme4/nw-best.png) no-repeat center center;
    background-color: #ff6d07 !important;
    opacity: .7;
    z-index: 3000;
    border-radius: 4px 0 0 4px;
}
.prev-next {
    padding: 20px;
    margin: 0;
    background: #5a5a5a;
    position: relative;
    overflow: hidden;
    border-radius: 8px;
	font-size:0.9em;
    text-transform:uppercase;
}
.prev-next:before {
    content:'';
	position:absolute;
	width:60px;
	height:60px;
	left:-70px;
	top:0;
	background:rgba(0,0,0,.5);
	border-radius:50%;
	box-shadow:0 0 0 40px rgba(0,0,0,.075),0 0 0 80px rgba(0,0,0,.075),0 0 0 120px rgba(0,0,0,.075),0 0 0 160px rgba(0,0,0,.075);
	z-index:0
}
.prev-next-text {
    color: #fff;
	margin-top:9px;
	width:180px;
}
.prev {
    height: 40px;
    width: 40px;
    background-image: url(/theme2/img/prev.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 16px;
    float: left;
}
.next {
    height: 40px;
    width: 40px;
    background-image: url(/theme2/img/next.png);
    background-repeat: no-repeat;
    background-position: right;
    float: right;
}
.rnd {
    height: 40px;
    width: 40px;
    background-image: url(/theme2/img/random.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto 16px;
    float: left;
}
.prev-day{
    float: left;
	width:150px
}
.random-day {
	margin-left:115px;
    float: left;
	width:150px
}
.next-day {
    float: right;
	width:150px;
	text-align:right;
}
.prev-next-nav{
	margin-bottom:20px;
}

.slideShowContent {
    background: #ffc107;
    position: relative;
    color: #000;
    padding:20px;
	margin-bottom:20px;
	border-radius:8px;
}
.slideShowContent a{
    color: #000;
}

.simplePage{
	padding:20px;
	background:#fff;
	border-radius:8px;
}
.simplePage a{
	font-weight:600;
}

#page-title {
    padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:20px;
	background-color: #ff6d07;
    border-radius: 8px;
	color:#000;
}
#page-title h1{
	font-size:1.6em;
	color:#000;
}


#single-joke {
    background: #fff;
	padding:20px;
    margin-bottom:20px;
    border-radius:8px;
}
#single-joke h2{
	color:#5a5a5a;
}
.jokeContentSingleImage{
	width: calc(100% + 40px);
	height: auto !important;
	margin: 22px -20px 30px !important;
}
.jokeContentImage{
	width: calc(100% + 40px);
	height: auto !important;
	margin: 22px -20px 30px !important;
}

.jokeContentFooter {
    margin-top:1em;
    border-top: 1px solid rgba(0, 0, 0, .05);
}
.jokeContentFooterDescription {
    margin-bottom:1em;
}
.jokeRatingBox{
visibility:visible;display:block;float:left
}
.jokeRatingLike{
float:left;width:30px;height:20px;margin-right:5px;background-image:url(/theme2/img/like.png);background-size:auto 20px;background-repeat:no-repeat
}
.jokeRatingDislike{
float:right;width:30px;height:20px;margin-left:5px;background-image:url(/theme2/img/dislike.png);background-size:auto 20px;background-repeat:no-repeat
}
#page-title .jokeRatingLike{
background-image:url(/theme2/img/like-white.png)
}
#page-title .jokeRatingDislike{
background-image:url(/theme2/img/dislike-white.png)
}

.socondaryDataItem {
    background: #fff;
    margin-bottom:1em;
    border-radius:8px;
	box-shadow: rgba(45, 45, 45, .025) 0 2px 2px, rgba(49, 49, 49, .025) 0 4px 4px, rgba(42, 42, 42, .025) 0 8px 8px, rgba(32, 32, 32, .025) 0 16px 16px, rgba(49, 49, 49, .025) 0 32px 32px;
}
.note{
	padding:1.5em;
}
.contentItem {
    background: #fff;
	padding:1.5em;
    margin-bottom:1em;
    border-radius:8px;
}
.calendarBlock {
    padding: 10px;
    margin: 0;
    background: #ff6d07;
    border-radius:8px;
    color: #000;
	line-height: 1.68em;
}
.calendarBlock h3 {
    font-size: 1.5em;
	margin-top:5px;
	margin-bottom:10px;
}
.calendar a{
	color:#000;
}
.calendar .months {
    color: #000;
    padding: 5px;
    text-align: center;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin: 0 0 10px;
    font-size: 16px;
	font-weight:600;
}
.calendar .months .next-month, .calendar .months .prev-month {
    color: #000;
    text-decoration: none;
    padding: 0 10px;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    border-radius: 4px;
    transition: .3s;
}
.calendar table {
    border-collapse: collapse;
    padding: 0;
    width: 100%;
    font-size: 16px;
}
.calendar th {
    text-align: center;
    font-weight: 600;
    padding-bottom: 10px;
}
.calendar td {
    text-align: right;
    padding: 1px;
    width: 14.3%;
}
.calendar td span {
    display: block;
    color: #1c94c4;
    background-color: rgba(0, 0, 0, .05);
    text-decoration: none;
    padding: 5px;
    cursor: pointer;
    border-radius: 4px;
    color: #000;
    font-weight: none;
    font-size: 16px;
    text-align: center;
    transition: .3s;
}

.calendar .prev-month {
    float: left;
}
.calendar .next-month {
    float: right;
}


.vff {
    visibility: visible;
    display: block;
}
.hff{
    visibility: hidden;
    display: none;
}

.ratingblock{
display:block;font-size:12px;float:left
}
.ratingblock a{
float:left;margin-right:0;padding:6px 0
}
.ratingblock>div>div{
display:block;margin:5px 0 0 5px;line-height:20px
}
.loading{
background:url(/images/working.gif) no-repeat scroll 50% 50% rgba(0,0,0,0);height:10px
}
.unit-rating{
background:url(/theme4/img/stars.png) repeat-x scroll left top rgba(0,0,0,0);font-size:8px;height:12px;list-style:none outside none;margin:0;padding:0;position:relative
}
.unit-rating li{
float:left;font-size:8px;margin:0;padding:0;text-indent:-80000px
}
.unit-rating li a{
display:block;height:10px;outline:medium none;padding:0;position:absolute;text-decoration:none;text-indent:-8000px;width:10px;z-index:20
}
.unit-rating li a:hover{
background:url(/images/starrating.gif) repeat scroll left center rgba(0,0,0,0)!important;font-size:8px;left:0;z-index:2
}
.unit-rating a.r1-unit{
left:0
}
.unit-rating a.r1-unit:hover{
width:10px
}
.unit-rating a.r2-unit{
left:10px
}
.unit-rating a.r2-unit:hover{
width:20px
}
.unit-rating a.r3-unit{
left:20px
}
.unit-rating a.r3-unit:hover{
width:30px
}
.unit-rating a.r4-unit{
left:30px
}
.unit-rating a.r4-unit:hover{
width:40px
}
.unit-rating a.r5-unit{
left:40px
}
.unit-rating a.r5-unit:hover{
width:50px
}
.unit-rating a.r6-unit{
left:50px
}
.unit-rating a.r6-unit:hover{
width:60px
}
.unit-rating a.r7-unit{
left:60px
}
.unit-rating a.r7-unit:hover{
width:70px
}
.unit-rating a.r8-unit{
left:70px
}
.unit-rating a.r8-unit:hover{
width:80px
}
.unit-rating a.r9-unit{
left:80px
}
.unit-rating a.r9-unit:hover{
width:90px
}
.unit-rating a.r10-unit{
left:90px
}
.unit-rating a.r10-unit:hover{
width:100px
}
.unit-rating li.current-rating{
background:url(/theme4/img/stars.png) repeat scroll left bottom rgba(0,0,0,0);display:block;font-size:8px;height:12px;position:absolute;text-indent:-3000px;z-index:1
}
.voted{
color:#999;margin:0
}
.thanks{
color:#36aa3d
}
.static{
color:#5d3126
}

.jokeContentFooterSocialLink {
    float: right;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
.shareFacebook {
    background-image: url(/theme4/img/fb-share.png);
    background-size: auto 20px;
}
.shareTwitter {
    background-image: url(/theme4/img/tw-share.png);
    background-size: auto 20px;
}
.shareFlipboard {
    background-image: url(/theme4/img/flipboard.png);
    background-size: auto 20px;
}
.shareViber {
    visibility: hidden;
    display: none;
    background-image: url(/theme4/img/viber.png);
    background-size: auto 20px;
}


#submenu{
	border-bottom:1px solid rgba(0,0,0,.075);
	box-shadow:rgba(45,45,45,.025) 0 2px 2px,rgba(49,49,49,.025) 0 4px 4px,rgba(42,42,42,.025) 0 8px 8px,rgba(32,32,32,.025) 0 16px 16px,rgba(49,49,49,.025) 0 32px 32px;
	border-radius:8px;
	overflow:hidden;
	margin:0 0 20px;
	background:#fff;
	padding:10px;
}
#submenu a {
	color:#5a5a5a;
}
#submenu a:hover {
	color:#ff6d07;
}
.submenuElement{
	float:left;
	margin-bottom:2px;
}
.submenu-img{
	width:40px;
	height:50px;
	float:left;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.submenu-txt{
	font-size:0.8em;
	float:left;
	margin-left:0;
	margin-right:10px;
	margin-top:16px;
	font-weight:500;
}
.note{
	line-height:1.5em;
	font-size: 0.9em;
    letter-spacing: +.0px;
}
.note h1{
	/*text-transform: uppercase;*/
	line-height:1.2em;
    letter-spacing: -.1px;
}

@media(min-width:1102px){
	body{
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:50px;
	}
	.visibleForMobile{
		display:none;
	}
	.header{
		margin:0 auto;
		width:1102px;
	}
	#containerElements{
		margin:0 auto;
		width:1102px;
	}
	#content{
		width:728px;
		float:right;
	}
	.social{
		display:block;
	}
	.mobileMenuImage{
		display:none;
	}
	.mainMenuContainer{
		display:block;
	    border-radius:0;
	}
	.mainMenuItems{
		margin:0 auto;
		width:1102px;
	}
	.hiddenForMobile{
		display:block;
	}
	.mobileNavigationPrev{
		display:none;
	}
	.mobileNavigationNext{
		display:none;
	}
	.mobileNavigationBest{
		display:none;
	}
	#socondaryDataElements{
		width:354px;
	}
	#submenu{
		background:unset;
		padding:0;
	}
	.submenuElement{
		background:#fff;
	}
	.submenu-img{
		width:70px;
		height:69px;
	}
	.submenu-txt{
		width:274px;
		font-size:14px;
		font-weight:700;
		margin-left:10px;
		margin-right:0;
		margin-top:25px;
		text-transform: uppercase;
	}
	.calendarBlock {
		width:334px;
	}
	.vff {
		visibility: hidden;
		display: none;
	}
	.hff{
		visibility: visible;
		display: block;
	}
	.jokeContentSingleImage {
		float:right;
		width: 330px !important;
		height: auto !important;
		margin-top:0 !important;
		margin-right:0 !important;
		margin-left: 20px !important;
		margin-bottom: 20px !important;
	}
	.jokeContentImage {
		float:left;
		width: 150px !important;
		height: auto !important;
		margin-top:0 !important;
		margin-right:20px !important;
		margin-left: 0 !important;
		margin-bottom: 20px !important;
	}

	.social2Element{
		width:calc(27%);
		font-size:1.3em;
		margin-right:24px;
	}
}