@font-face {
	font-family: 'Conv_MetaHeadlineOT-CompBold';
	src: url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBold.eot');
	src: local('☺'), 
		 url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBold.woff') format('woff'), 
		 url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBold.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MetaSerifPro-Black';
	src: url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Black.eot');
	src: local('☺'),
		 url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Black.woff') format('woff'),
		 url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Black.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Black.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MetaSerifPro-Book';
	src: url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Book.eot');
	src: local('☺'),
		 url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Book.woff') format('woff'),
		 url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Book.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/metaserifpro/MetaSerifPro-Book.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_BodoniMTStd-BoldCond';
	src: url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCond.eot');
	src: local('☺'),
		 url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCond.woff') format('woff'),
		 url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCond.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCond.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_MetaHeadlineOT-CompBlack';
	src: url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBlack.eot');
	src: local('☺'),
		 url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBlack.woff') format('woff'),
		 url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBlack.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/metaheadlineot/MetaHeadlineOT-CompBlack.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}



@font-face {
	font-family: 'Conv_B7276';
	src: url('https://www.joy.hu/fonts/b7276/B7276.eot');
	src: local('☺'),
		 url('https://www.joy.hu/fonts/b7276/B7276.woff') format('woff'),
		 url('https://www.joy.hu/fonts/b7276/B7276.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/b7276/B7276.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}




@font-face {
	font-family: 'Conv_BodoniMTStd-BoldCondIt';
	src: url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCondIt.eot');
	src: local('☺'),
		 url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCondIt.woff') format('woff'),
		 url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCondIt.ttf') format('truetype'),
		 url('https://www.joy.hu/fonts/bodonimtstd/BodoniMTStd-BoldCondIt.svg') format('svg');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_BauerBodoniStd-Roman';
	src: url('https://www.joy.hu/assets/5fe664e5/css/../fonts/BauerBodoniStd-Roman.eot');
	src: local('☺'), url('https://www.joy.hu/assets/5fe664e5/css/../fonts/BauerBodoniStd-Roman.woff') format('woff'), 
	url('https://www.joy.hu/assets/5fe664e5/css/../fonts/BauerBodoniStd-Roman.ttf') format('truetype'), url('https://www.joy.hu/assets/5fe664e5/css/../fonts/BauerBodoniStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'Fira Sans';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9C4kDNxMZdWfMOD5VvkrjHYTc.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9E4kDNxMZdWfMOD5VvmYjO.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 500;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnZKveSBf_.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnLK3eSBf_.ttf) format('truetype');
}
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/firasans/v18/va9B4kDNxMZdWfMOD5VnFK_eSBf_.ttf) format('truetype');
}


*
{
    box-sizing: border-box;
}
*::before, *::after
{
    box-sizing: border-box;
}

a, a:hover, a:focus, a:active
{
	color: #000;
    text-decoration: underline;
}


strong, b
{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;
}

p
{
    float: none;
    margin: 0 0 25px;
}

h1, h2, h3, h4
{
	font-weight: normal;
	margin: 0;
}

h1, h2
{
	font-weight: 900;
	line-height: 1.2em;
}

h1
{
	font-size: 50px;
	margin-bottom: 25px;
}
h2
{
	margin-bottom: 10px;
}

h3, .h3-style
{
	color: #ff2e8a;
	font-size: 22px;
	line-height: 1em;
	margin: 20px 0;
	text-transform: uppercase;
}
h4, .h4-style
{
	color: #000;
    font-size: 20px;
	margin: 20px 0 10px;
}
h5
{
	color: #ff2e8a;
	font-size: 18px;
	margin: 15px 0 10px;
}
h6
{
	color: #000;
	font-size: 16px;
	text-transform: uppercase;
}

table
{
	font-size: 16px;
	margin: 20px 0;
	position: relative;
	text-align: center;
	width: 100%;
}
table th
{
	color: #ff2e8a;
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
}
table th, table td
{
	padding: 10px 20px;
}
table tr:nth-of-type(even)
{
	background-color: #F0F0F0;
}

.m-b-35px {
	margin-bottom: 35px;
}



img
{
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	width: auto;
}

.ease-slow
{
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
}

.ease-fast, .ease
{
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
}

body
{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

.dontMove
{
	overflow: hidden;
	padding-right: 15px;
}

.makeItClear { clear: both; }

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 , .row
{
	padding: 0;
	margin: 0;
}

.specFbLike {
	max-width: 100%;
	height: 24px;
	overflow: hidden;
}

input
{
	-moz-appearance: none;
	-webkit-appearance: none;
	outline: none;
}
	input:-webkit-autofill, input:focus, textarea:focus
	{
		background-color: transparent;
		outline: none;
	}

	input[type="text"],
	input[type="email"]
	{
		border: 1px solid #d5d5d5;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		padding: 10px;
		width: 100%;
	}


.fullSize
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.flexBox
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
	
	.flex-spaceBetween
	{
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.flex-alignCenter
	{
		-webkit-box-align: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.flex-justifyCenter
	{
		-webkit-justify-content: center;
		justify-content: center;
	}
	.flex-dirCol
	{
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.flex-equalWidth
	{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
	

.margin-auto { margin: auto; }

.textAlignCenter { text-align: center; }
.textAlignRight { text-align: right; }

.color-pink { color: #FF2E8A; }
.color-white, .color-white a { color: #FFF; }



.card-design-style
{
	background-color: #FFF;
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	border-radius: 5px;
	overflow: hidden;
	position: relative;
}

.buttonStyle
{
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	-ms-border-radius: 2em;
	-o-border-radius: 2em;
	border-radius: 2em;
	display: inline-block;
	font-family: 'Fira Sans', sans-serif;
	font-weight: 700;
	font-size: 16px;
	padding: 10px 40px;
	position: relative;
	text-transform: uppercase;
}
	.buttonStyle-bg-pink
	{
		background-color: #FF2E8A;
		border: 1px solid #FF2E8A;
		color: #FFF;
	}
		.buttonStyle-bg-pink:hover
		{
			background-color: #FFF;
			color: #FF2E8A;
		}

	.buttonStyle-black
	{
		background-color: #000;
		border: 1px solid #000;
		color: #FFF;
	}
		.buttonStyle-black:hover
		{
			background-color: transparent;
			color: #000;
		}



.popularArticles {
	margin: 10px 0;
}

.popularArticles h2 {
	margin-bottom: 5px !important;
}

.popularArticlesWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px;
}

.popularArticles .card-design-style {
	width: calc(50% - 10px);
	margin: 10px 5px;
	display: flex;
	flex-direction: column;
}

.popularArticles .articleRecommend-pic {
	padding-top: 72%;
}

.popularArticles .articleRecommend-text {
	padding: 5px 10px;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.popularArticles .articleRecommend-title-big {
	font-size: 12px !important;
	line-height: 1.3;
	margin-bottom: 20px !important;
}

.popularArticles .label-readIt,
.popularArticles .articleRecommend-title-small {
	display: none;
}


.popularArticles .articleRecommend-logo {
	margin: auto auto 10px auto;
	max-width: 100px;
	max-height: 15px;
	display: block;
}





.show-on-mobil { display: none; }


#container
{
	background-color: #FFF;
	overflow: hidden;
	position: relative;
	z-index: 5;
}

#mainPart {
	padding: 0 20px;
}

.centerPart
{
	margin: 0 auto;
	max-width: 1140px;
	
	position: relative;
}


#header
{
	border-radius: 0;
	font-family: 'Fira Sans', sans-serif;
	margin-bottom: 25px;
	overflow: visible;
	position: relative;
	width: 100%;
	z-index: 100;
}

	#header .centerPart {
		padding-left: 20px;
	}

	.header-logo
	{
		height: 50px;
		overflow: hidden;
		padding-top: 2px;
		position: relative;
		width: 160px;
	}
		.header-logo a.fullSize { z-index: 20; }

		.header-logo img
		{
			left: 0;
			position: absolute;
			top: 65%;
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 100%;
			z-index: 10;
		}

		.header-logo-main,
		.header-logo-bg,
		.header-logo-back
		{
			height: auto;
			top: 70%;
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			z-index: 8;
		}
		.header-logo-bg
		{
			z-index: 6;
		}
		.header-logo-back
		{
			-webkit-animation: headerback 6s linear infinite;
			animation: headerback 6s linear infinite;
			z-index: 3;
		}
		@keyframes headerback
		{
			0%, 100%
			{
				left: 3%;
				top: 90%;
			}
			25%
			{
				left: -5%;
				top: 80%;
			}
			50%
			{
				left: 0%;
				top: 60%;
			}
			75%
			{
				left: 4%;
				top: 50%;
			}
		}
		@-webkit-keyframes headerback
		{
			0%, 100%
			{
				left: 3%;
				top: 90%;
			}
			25%
			{
				left: -5%;
				top: 80%;
			}
			50%
			{
				left: 0%;
				top: 60%;
			}
			75%
			{
				left: 4%;
				top: 50%;
			}
		}

	
	.header-main
	{
		background-color: #FFF;
		margin-right: -150px;
		position: relative;
		z-index: 25;
	}
		.header-main ul
		{
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.header-main ul li
			{
				display: inline-block;
			}
				.header-main ul li img
				{
					display: inline-block;
					max-width: 24px;
					max-height: 24px;
				}

				.header-main ul li a
				{
					color: #000;
					display: block;
					font-size: 14px;
					font-weight: 700;
					text-decoration: none;
					
					padding: 10px 8px;
					white-space: nowrap;
				}

				.header-main ul li#joynapok img {
					
					max-width: 135px;
    			margin-top: 0px;

				}

				.header-main ul li#lets-shine img {
					margin-top: -8px;

				}

				.header-main ul li#lets-shine {
					
					width:110px;

				}

					.header-main ul li#joynapok span {
						display: none;
					}

					.header-main ul li#szepsegdij img {
						max-width: 60px;
						max-height: 30px;
						margin-top: 0px;
					}

					.header-main ul li#szepsegdij span {
						display: none;
					}


				.header-main ul li.menu-item-joy25 a
				{
					color: #E0B64A;
					display: block;
					font-size: 16px;
					font-weight: 700;
					text-decoration: none;
					
					padding: 10px 11px;
				}

				.header-main ul li.menu-item-joy25 a img
				{
					max-width: 59px;
					max-height: 40px;
					margin-top: -8px;
					margin-bottom: -8px;
				}

				.header-main ul li.menu-item-beauty-club a
				{
					color: #6B4B94;
					display: block;
					font-size: 16px;
					font-weight: 700;
					text-decoration: none;
					
					padding: 10px 11px;
				}

					.header-main ul li.menu-item-beauty-club a span
					{
						font-weight: normal;
						color: #8e6eb9;
					}

					.header-main ul li#ventilator a span
					{
						display: none;
					}

					.header-main ul li#ventilator a img
					{
						max-width: 94px;
						max-height: 34px;
					}

					.layout-ventilator.page-article .ventilator-intro-block {
						display: none;
					}

			.header-main ul li#rossmann
			{
				position: relative;
			}
				.header-main ul li#rossmann a,
				.header-mobil-sub-list a#rossmann
				{
					padding-left: 40px;
				}
				.header-main ul li#rossmann::before
				{
					background-image: url('https://www.joy.hu/images/JoyHu/spectags/logo-rossmann-2.png');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					content: '';
					height: 100%;
					left: 5px;
					position: absolute;
					width: 30px;
				}
				.header-mobil-sub-list a#rossmann
				{
					background-color: #fff;
					background-image: url('https://www.joy.hu/images/JoyHu/spectags/logo-rossmann-2.png');
					background-position: 5px center;
					background-repeat: no-repeat;
					background-size: 30px auto;
					color: #FF2E8A;
				}

			.header-main ul li#prix-de-beaute
			{
				position: relative;
			}
				.header-main ul li#prix-de-beaute a,
				.header-mobil-sub-list a#prix-de-beaute
				{
					padding-left: 40px;
				}
				.header-main ul li#prix-de-beaute::before
				{
					background-image: url('https://www.joy.hu/images/JoyHu/spectags/pdb.svg');
					background-position: center;
					background-repeat: no-repeat;
					background-size: contain;
					content: '';
					height: 100%;
					left: 5px;
					position: absolute;
					width: 30px;
				}
				.header-mobil-sub-list a#prix-de-beaute
				{
					background-color: #fff;
					background-image: url('https://www.joy.hu/images/JoyHu/spectags/pdb.svg');
					background-position: 5px center;
					background-repeat: no-repeat;
					background-size: 30px auto;
					color: #FF2E8A;
				}

	
	.header-sub-menu {
		background-color: #BFBBDE;
    margin: 0 auto;
    width: calc(100% - 40px);
    padding: 5px 0 5px 180px;
		box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.15);
		display: none;
	}

		.header-sub-menu ul {
			list-style-type: none;
			display: flex;
			margin: 0;
			padding: 0;
		}

			.header-sub-menu ul li {
				padding: 2px 10px;
				font-weight: bold;
				font-size: 14px;
				line-height: 17px;
			}

				.header-sub-menu ul li a {
					text-decoration: none;
					color: #6B4B94;
					letter-spacing: 0.283333px;
					-webkit-transition: all 0.2s;
					transition: all 0.2s;
				}

				.header-sub-menu ul li a:hover {

					color: #492d6e;

				}


	@media only screen and (min-width: 1140px) {
		.header-sub-menu {
			display: block;
		}
	}



	
	.header-sub
	{
		background-color: #FFF;
		margin-left: auto;
		
		overflow: hidden;
		padding: 5px 0;
		position: relative;
		text-align: right;
		white-space: nowrap;
		z-index: 20;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}
		.header-sub-item,
		.header-sub-more-box,
		.header-search-button
		{
			vertical-align: middle;
		}


		.header-sub-item
		{
			cursor: pointer;
			display: inline-block;
			margin: 0 5px;
			overflow: hidden;
			position: relative;
			width: 30px;
		}
			.header-sub-item-full
			{
				white-space: nowrap;
			}
				.header-sub-item-icon
				{
					color: #000;
					padding: 5px 0 8px;
					text-align: center;
					width: 30px;
				}

				.header-sub-item-icon,
				.header-sub-item-text
				{
					display: inline-block;
				}
				.header-sub-item-text
				{
					font-size: 14px;
					font-weight: 500;
				}

				
				.header-sub-item:hover .header-sub-item-icon g  { fill: #FF2E8A; }


		.header-sub-more-text {
			width: auto;
			-webkit-transition: all 0.2s;
			transition: all 0.2s;
			font-weight: bold;
			margin-right: 10px;
			display: none;
		}


		@media only screen and (min-width: 1140px) {
			.header-sub-more-text {
				display: block;
			}
		}


			.header-sub[data-searchopen="1"] .header-sub-more-text {
				display: none;
			}

		.header-sub-more-button
		{
			
			
			cursor: pointer;
			display: inline-block;
			height: 25px;
			line-height: 1em;
			margin: 0 5px;
			padding-top: 4px;
			position: relative;
			text-align: center;
			
		}

		.header-sub-more-button-open {
			margin-left: 8px;
		}

			.header-sub-more-button[data-open="0"] .fa-angle-down,
			.header-sub-more-button[data-open="1"] .fa-angle-up,
			.header-sub-more-button[data-open="1"] .header-sub-more-button-open,
			.header-sub-more-button[data-open="0"] .header-sub-more-button-close { display: block; }

			.header-sub-more-button[data-open="1"] .fa-angle-down,
			.header-sub-more-button[data-open="0"] .fa-angle-up,
			.header-sub-more-button[data-open="0"] .header-sub-more-button-open,
			.header-sub-more-button[data-open="1"] .header-sub-more-button-close  { display: none; }

			.header-sub-more-button:hover
			{
				
				
			}

		.header-sub-more-list
		{
			background-color: #FFF;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			-ms-border-radius: 5px;
			-o-border-radius: 5px;
			box-shadow: 0 10px 20px rgba(0, 0, 0, .15);
			opacity: 0;
			padding: 10px;
			pointer-events: none;
			position: absolute;
			right: 77px;
			top: -200px;
			width: 240px;
			z-index: 10;
		}
			.header-sub-more-list.active
			{
				opacity: 1;
				pointer-events: all;
				top: 90%;
			}

			.header-sub-more-list-items
			{
				
				padding: 20px;
			}
				.header-sub-more-list-items:empty { display: none; }

			.header-sub-more-list .header-sub-item
			{
				display: block;
				margin: 0 0 5px;
				width: auto;
			}


		.header-sub-more-social {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 20px 20px 0 20px;
			padding-top: 20px;
			border-top: 1px solid #DDDDDD;
		}


			.header-sub-more-social .header-sub-item {
				max-width: 30px;

			}


		.header-search-box
		{
			display: inline-block;
			margin-left: 12px;
		}
			.header-search-box form
			{
				display: inline-block;
				position: relative;
				vertical-align: middle;
				width: 100%;
			}
				.header-search-box form input[type="text"],
				.header-search-box form input[type="submit"]
				{
					font-family: 'Fira Sans', sans-serif;
				}

				.header-search-box form input[type="text"]
				{
					border: #DDDDDD 1px solid;
					
					border-top-left-radius: 2em;
					border-bottom-left-radius: 2em;
					border-right: 0;
					font-size: 16px;
					height: 30px;
					width: 100%;
				}
				.header-search-box form input[type="submit"]
				{
					border-radius: 0;
					-webkit-border-radius: 0;
					-moz-border-radius: 0;
					-ms-border-radius: 0;
					-o-border-radius: 0;
					height: 100%;
					left: 100%;
					opacity: 0;
					position: absolute;
					top: 0;
					width: 85px;
					z-index: 5;
				}

		.header-search-button
		{
			cursor: pointer;
			display: inline-block;
			font-size: 11px;
			font-weight: 500;
			margin-left: 10px;
			padding: 5px 10px;
			position: relative;
			vertical-align: middle;
		}
			.header-search-button .fa
			{
				font-size: 18px;
				margin-right: 5px;
				margin-top: 3px;

			}

			
			.header-search-box[data-open="0"] form
			{
				width: 1px;
			}
				.header-search-box[data-open="0"] form input[type="text"] { padding: 5px 0; }
				.header-search-box[data-open="0"] form input[type="submit"] { display: none; }

				
				.header-sub[data-searchopen="0"] .header-sub-item:first-of-type { margin-left: 5px; }

				.header-search-box[data-open="0"] .header-search-button
				{
					background-color: #FFF;
					color: #FF2E8A;
				}
				.header-search-box[data-open="0"] .header-search-button .fa { color: #FF2E8A; }

			
			.header-search-box[data-open="1"] form
			{
				width: 150px;
			}
				.header-search-box[data-open="1"] form input[type="text"] { padding: 17px 15px 18px 15px; }
				.header-search-box[data-open="1"] form input[type="submit"] { display: block; }

				
				.header-sub[data-searchopen="1"] .header-sub-item:first-of-type { margin-left: -145px; }

				.header-search-box[data-open="1"] .header-search-button
				{
					background-color: #FF2E8A;
					
					border-top-right-radius: 2em;
					border-bottom-right-radius: 2em;
					color: #FFF;
					margin-left: -5px;
				}
				.header-search-box[data-open="1"] .header-search-button .fa { color: #FFF; }

	
	#header-mobil
	{
		
		flex-direction: column;
		height: 100%;
		
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 500;
	}
		.header-mobil-top
		{
			padding: 3vh 20px 5vh;
		}
			.header-mobil-logo
			{
				margin: 0 auto;
				position: relative;
				width: 60px;
			}

			.close-mobil-menu
			{
				color: #FFF;
				cursor: pointer;
				font-size: 20px;
				padding: 10px;
				position: absolute;
				right: 20px;
				top: 0;
			}

		.header-mobil-main-list
		{
			border-top: 1px solid #FFF;
			flex-wrap: wrap;
			margin-bottom: 4vh;
		}
			.header-mobil-main-list-item
			{
				border-bottom: 1px solid #FFF;
				color: #FFF;
				font-size: 16px;
				font-weight: 900;
				padding: 2vh 0;
				position: relative;
				width: 50%;
			}
				.header-mobil-main-list-item:nth-of-type(odd)
				{
					border-right: 1px solid #FFF;
					clear: both;
				}

				.header-mobil-main-list-item img
				{
					display: block;
					margin: 0 auto 10px;
					max-height: 30px;
					max-width: 150px;
				}

				.header-mobil-main-list-item:nth-child(2) img {
					max-width: 50px;
					max-height: 50px;
				}

				.header-mobil-main-list-item-prixdebeaute
				{
					border-right: none;
					width: 100%;
				}

		.header-mobil-sub-list
		{
			margin: 0 0 3vh;
			padding: 0 10px;
		}
			.header-mobil-sub-list a
			{
				color: #FFF;
				display: inline-block;
				font-size: 13px;
				font-weight: 700;
				padding: 5px 10px;
				white-space: nowrap;
			}

		.header-mobil-upper,
		.header-mobil-footer
		{
			position: relative;
			opacity: 0;
			z-index: 50;
		}
		.header-mobil-upper.active,
		.header-mobil-footer.active { opacity: 1; }

		.header-mobil-footer
		{
			padding: 8vh 20px 5vh;
		}
			.header-mobil-search-box
			{
				margin-bottom: 4vh;
				position: relative;
			}
				.header-mobil-search-box::after
				{
					background-color: #FFF;
					bottom: 0;
					content: '';
					height: 2px;
					left: 0;
					position: absolute;
					transition: .3s all ease-in-out;
					-webkit-transition: .3s all ease-in-out;
					-moz-transition: .3s all ease-in-out;
					-ms-transition: .3s all ease-in-out;
					-o-transition: .3s all ease-in-out;
					width: 0;
				}

				.header-mobil-search-box input[type="text"]
				{
					background-color: transparent;
					border-bottom: 1px solid #FFF;
					border-left: none;
					border-right: none;
					border-top: none;
					color: #FFF;
					font-family: 'Fira Sans', sans-serif;
					font-size: 14px;
					font-weight: 700;
					padding: 10px 60px 10px 0;
					width: 100%;
				}
				.header-mobil-search-box  input::-webkit-input-placeholder { color:#FFF; opacity: 1.0;}
				.header-mobil-search-box  input::-moz-placeholder { color:#FFF; opacity: 1.0;}
				.header-mobil-search-box  input:-ms-input-placeholder { color:#FFF; opacity: 1.0;}
				.header-mobil-search-box  input:-moz-placeholder { color:#FFF; opacity: 1.0;}

				.header-mobil-search-box input[type="submit"],
				.header-mobil-search-button
				{
					height: 100%;
					position: absolute;
					right: 0;
					top: 0;
					width: 50px;
					z-index: 20;
				}

				.header-mobil-search-box input[type="submit"] { opacity: 0; }

				.header-mobil-search-button
				{
					color: #FFF;
					padding-top: 5px;
					text-align: center;
					z-index: 10;
				}

			.header-mobil-social
			{
				color: #FFF;
			}
				.header-mobil-social-item
				{
					flex: 1;
					position: relative;
				}

	#menu-bars, .header-mobil-slide-search { display: none; }

	@media screen and (max-width: 1140px)
	{
		#header-mobil.active
		{
			opacity: 1;
			pointer-events: all;
		}

		.header-mobil-gradient
		{
			background: #ff2e8a;
			background: -moz-linear-gradient(45deg, #ff2e8a 50%, #ffa700 100%);
			background: -webkit-linear-gradient(45deg, #ff2e8a 50%,#ffa700 100%);
			background: linear-gradient(45deg, #ff2e8a 50%,#ffa700 100%);
			height: 200%;
			opacity: 0;
			top: -100%;
			z-index: 40;
		}
			.header-mobil-gradient.active
			{
				opacity: 1;
				top: 0;
			}

		#header .header-logo,
		#header .header-main,
		#header .header-sub
		{
			width: 45%;
		}

			#header .header-main
			{
				margin: 0;
				order: 3;
				z-index: 1;
			}
				#header .header-main ul,
				.header-sub-item,
				.header-sub-more-list,
				.header-sub-more-button { display: none; }

			#header .header-sub
			{
				flex: auto;
				order: 1;
				text-align: left;
			}
				.header-search-box,
				.header-search-button
				{
					margin: 0;
				}

				.header-search-box,
				.header-search-button {
					margin-right: auto;
				}

			#header .header-logo
			{
				height: 45px;
				min-width: 140px;
				order: 2;
				width: 10%;
			}

		#menu-bars
		{
			cursor: pointer;
			display: block;
			padding: 10px;
			position: absolute;
			right: 20px;
			top: 4px;
			width: 42px;
			z-index: 10;
		}
			#menu-bars span
			{
				background-color: #000;
				display: block;
				float: right;
				height: 2px;
				margin-bottom: 3px;
			}
				#menu-bars span:first-of-type { width: 15px; }
				#menu-bars span:nth-of-type(2) { width: 22px; }
				#menu-bars span:last-of-type
				{
					margin-bottom: 0;
					width: 12px;
				}

		.header-search-box form { display: none; }

		.header-search-box[data-open="1"] .header-search-button
		{
			background-color: #FFF;
			opacity: 0;
		}

		.header-search-box[data-open="1"]::before
		{
			color: #000;
			content: '\f00d';
			font-family: 'FontAwesome';
			left: 0;
			padding: 5px 10px;
			position: absolute;
			top: 0;
		}

		.header-mobil-slide-search
		{
			background-color: #FFF;
			box-shadow: 0 0 20px rgba(0,0,0,.15);
			display: block;
			left: 0;
			padding: 5px 20px 20px;
			position: absolute;
			top: -73px;
			width: 100%;
			z-index: 50;
		}
			.header-mobil-slide-search.active
			{
				padding-top: 60px;
				top: 0;
			}

			.header-mobil-slide-search input,
			.header-mobil-slide-search input[type="submit"]
			{
				border: 1px solid #FF2e8a;
				border-radius: 2em;
				color: #FF2e8a;
				font-family: 'Fira Sans', sans-serif;
				font-size: 12px;
				padding: 10px 20px;
				width: calc(100% - 110px);
			}
			.header-mobil-slide-search input[type="submit"]
			{
				background-color: #FF2E8A;
				border: 1px solid #FF2E8A;
				color: #FFF;
				font-family: 'Fira Sans', sans-serif;
				font-weight: 500;
				height: 46px;
				margin-left: 15px;
				text-transform: none;
				width: 90px;
			}
				.header-mobil-slide-search  input::-webkit-input-placeholder { color: #FF2e8a; opacity: 1.0;}
				.header-mobil-slide-search  input::-moz-placeholder { color:#FF2e8a; opacity: 1.0;}
				.header-mobil-slide-search  input:-ms-input-placeholder { color:#FF2e8a; opacity: 1.0;}
				.header-mobil-slide-search  input:-moz-placeholder { color:#FF2e8a; opacity: 1.0;}

		.svg-anim-splash
		{
			bottom: 0;
			height: 100%;
			left: 0;
			position: absolute;
			width: 100%;
			z-index: 20;
		}
	}

	@media screen and (max-width: 480px)
	{
		.dontMove { padding: 0; }
	}

	@media screen and (max-height: 640px)
	{
		.header-mobil-top { padding: 2vh 20px 4vh; }
		.header-mobil-main-list
		{
			margin-bottom: 2vh;
		}
			.header-mobil-main-list-item { font-size: 14px; }

		.header-mobil-sub-list,
		.header-mobil-search-box { margin: 0 0 2vh; }

		.header-mobil-footer { padding-bottom: 3vh; }
	}


.article-item,
.box-subscribe
{
	margin-bottom: 35px;
}
	.article-header
	{
		color: #000;
		flex-wrap: wrap;
	}
		.article-item p,
		.article-author-info p,
		.article-info p { margin: 0; }

		.article-author-info
		{
			order: 1;
			padding: 10px 25px;
		}
			.article-header .article-author-info { width: 70%; }

			.author-pic
			{
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				border-radius: 100%;
				display: inline-block;
				height: 50px;
				overflow: hidden;
				vertical-align: middle;
				width: 50px;
			}
			.author-info
			{
				display: inline-block;
				font-size: 14px;
				line-height: 1.2em;
				max-width: calc(100% - 80px);
				padding-left: 15px;
				vertical-align: middle;
			}
				
				.author-follow-button,
				.author-show-all-button
				{
					border: 1px solid #FF2E8A;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-ms-border-radius: 3px;
					-o-border-radius: 3px;
					border-radius: 3px;
					color: #FF2E8A;
					cursor: pointer;
					
					display: none;
					font-size: 11px;
					line-height: 1em;
					margin: 0 0 3px 15px;
					padding: 2px 10px;
					position: relative;
					vertical-align: inherit;
				}
					.author-follow-button.active,
					.author-follow-button:hover,
					.author-show-all-button:hover
					{
						background-color: #FF2E8A;
						color: #FFF;
					}

					.author-show-all-button { display: inline-block; }

				.author-info p
				{
					-webkit-box-orient: vertical;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					line-height: 1.2em;
					max-height: 34px;
					overflow: hidden;
					text-overflow: ellipsis;
				}

		.article-info
		{
			font-size: 12px;
			line-height: 1.2em;
			order: 2;
			padding: 10px 25px;
		}
			.article-header .article-info { width: 30%; }

			.article-cat
			{
				color: #FF2E8A;
				font-weight: 700;
				text-decoration: none;
				text-transform: uppercase;
			}
				.article-cat:hover
				{
					color: #FF2E8A;
					text-decoration: underline;
				}

		.article-hero
		{
			order: 3;
			position: relative;
			text-align: center;
			width: 100%;
		}
			.article-item .article-hero
			{
				order: inherit;
				padding-top: 53%;
			}

			.article-item .article-hero picture,
			.article-page .article-hero picture
			{
				display: block;
				width: 100%;
				height: 100%;
			}

			.article-item .article-hero picture img,
			.article-page .article-hero picture img
			{
				object-fit: cover;
				width: 100%;
				height: 100%;
			}

		.article-text
		{
			padding: 20px;
			position: relative;
		}
			.article-item-big h2
			{
				font-size: 45px;
			}
			.article-item-big .article-text p
			{
				font-size: 18px;
			}

		
		.article-item:hover h2
		{
			text-decoration: underline;
		}

	.author-page-header
	{
		margin-bottom: 35px;
	}
		.author-page-header .author-pic
		{
			height: 150px;
			width: 150px;
		}
		.author-page-info
		{
			padding-left: 30px;
			width: calc(100% - 150px);
		}
			.author-page-info .flexBox .col:first-of-type
			{
				padding-right: 20px;
				width: calc(100% - 220px);
			}
				.author-page-info p.author-page-name
				{
					font-size: 40px;
					line-height: 1.1em;
					margin: 0 0 20px;
					
					position: relative;
				}

			.author-page-info .flexBox .col:last-of-type
			{
				align-items: flex-end;
				width: 220px;
			}
				.author-page-info .author-page-info-link
				{
					background-color: #CCC;
					border-radius: 2em;
					color: #FFF;
					cursor: pointer;
					display: inline-block;
					font-size: 20px;
					height: 40px;
					line-height: 1em;
					margin: 0 0 20px 10px;
					padding: 10px 5px;
					position: relative;
					text-align: center;
					width: 40px;
				}
					.author-page-info .author-page-info-link img
					{
						vertical-align: top;
						width: 20px
					}
					.author-page-info .author-page-info-link.author-page-info-link-message
					{
						background-color: #FF2E8A;
						
						font-size: 13px;
						font-weight: 700;
						padding: 13px 10px 10px;
						text-transform: uppercase;
						width: 200px;
					}
						.author-page-info-link-message .fa { display: none; }


.post-block-six,
.post-block-three
{
	flex-wrap: wrap;
}
	.post-block-six .article-item,
	.post-block-six .horoscope-box,
	.post-block-six .theAd,
	.post-block-three .article-item,
	.post-block-three .theAd
	{
		width: 31%;
	}

	.post-block .makeItClear { display: none; }

	.post-block-six .horoscope-box
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
		.post-block-six .horoscope-box .horoscope-content
		{
			margin: auto;
			width: 100%;
		}

	.post-block-six .article-item,
	.post-block-three .article-item,
	.post-block-six .horoscope-box
	{
		flex-direction: column;
	}

	.post-block-six .article-header,
	.post-block-three .article-header
	{
		display: none;
		font-size: 12px;
		line-height: 1.25em;
		margin-bottom: 20px;
		text-align: left;
	}
		.post-block-six .article-header .article-author-info,
		.post-block-three .article-header .article-author-info
		{
			margin-bottom: 10px;
			padding: 0;
			width: 100%;
		}
			.post-block-six .article-header .author-info,
			.post-block-three .article-header .author-info
			{
				font-size: 13px;
				max-width: none;
			}

	.post-block-six .article-item-main,
	.post-block-three .article-item-main
	{
		position: relative;
	}
		.post-block-six .article-item h2,
		.post-block-three .article-item h2
		{
			font-size: 22px;
		}
		.post-block-six .article-item-main p,
		.post-block-three .article-item-main p
		{
			font-size: 14px;
		}


.theAd:not(.advert-wp):not(.advert-vertigo),
.post-block .theAd:not(.advert-vertigo)
{
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-color: #F7F7F7;
	
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	left: auto;
	margin-bottom: 35px !important;
	padding: 0 0 20px 0;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}
	.theAd[data-label="1"]::after
	{
		bottom: 0 !important;
		color: #000 !important;
		font-size: 10px !important;
		text-transform: none !important;
	}


.post-block-promo
{
	flex-wrap: wrap;
}
	.post-block-promo .article-item
	{
		justify-content: flex-end;
		height: 184px;
		width: 100%;
	}
		.post-block-promo .article-item .article-hero
		{
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			left: 0;
			padding: 0;
			position: absolute;
			top: 0;
			width: 30%;
		}
		.post-block-promo .article-item .article-text
		{
			width: 70%;
		}
			.post-block-promo .article-item h2
			{
				font-size: 22px;
				line-height: 1.1em;
				margin-bottom: 10px;
			}
			.label-promo
			{
				font-size: 12px;
				font-weight: 700;
				margin: 0;
				text-transform: uppercase;
			}
			.post-block-promo .article-info
			{
			  font-size: 14px;
				padding: 0;
			}
			

  #rightSideColumn .post-block-promo .article-item
  {
    flex-direction: column;
    height: auto;
    margin: 15px 0;
  }
  
    #rightSideColumn .post-block-promo .article-item .article-hero {
      position: relative;
      width: 100%;
    }
    
    #rightSideColumn .post-block-promo .article-item .article-text {
      width: 100%;
      display: block;
      text-align: center;
    }


.post-block-fullwidth {
	margin-top: 40px;
	margin-bottom: 40px;

	margin-left: -20px;
	margin-right: -20px;
}

.post-block-fullwidth .post-block,
.post-block-fullwidth .post-block-header {
	max-width: 1140px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

	.post-block-header {
		padding-top: 40px;
		padding-bottom: 40px;
		text-align: center;
	}



@media only screen and (min-width: 1155px) {
	.post-block-fullwidth {

		margin-left: calc(-100vw / 2 + 1100px / 2);
		margin-right: calc(-100vw / 2 + 1100px / 2);
	}

	.post-block-header {
		text-align: left;
	}
}




.post-block-beauty {
	background-image:url('https://www.joy.hu/images/JoyHu/szepseg/bg.jpeg');
	background-repeat: no-repeat;
	background-size: 330%;
  background-position: top right;

}

	.post-block-beauty .article-cat {
		color: #6B4B94;
	}

@media only screen and (min-width: 768px) {
	.post-block-beauty {
		background-size: 130%;
	}
}

@media only screen and (min-width: 1024px) {
	.post-block-beauty {
		background-image:url('https://www.joy.hu/images/JoyHu/beautyclub/joy-beauty-club-bg.jpeg');

		background-size: cover;
		background-position: left center;

	}
}



.post-block-joytv {
  background: linear-gradient(112.97deg, #FF2E8A 0%, #FFF100 100%);
}

.post-block-joytv .post-block-first .article-item {
  width: 100%;
  max-height: 390px;
}

.post-block-joytv .article-item h2 {
  font-size: 22px;
  color: #FF2E8A;
  margin-top: 20px;
}

.post-block-joytv .post-block.post-block-three .article-item .article-item-main img {
	max-height: 50px;
}

@media only screen and (max-width: 768px) {

.post-block-joytv {
  padding-bottom: 20px;
}

.post-block-joytv .post-block-first .article-item {
	max-height: none;
	flex-direction: column;
}

.post-block-joytv .article-item .article-item-main img {
  max-height: 50px;
}

}







.post-block-ventilator {
  
	background-image: url('https://www.joy.hu/images/JoyHu/ventilator/ventilator-home-bg.svg');
}

.post-block-ventilator .post-block-first .article-item {
  width: 100%;
  max-height: 390px;
}

.post-block-ventilator .article-item h2 {
  font-size: 22px;
  color: #000000;
  margin-top: 20px;
}

.post-block-ventilator .post-block.post-block-three .article-item .article-item-main img {
	max-height: 50px;
}

@media only screen and (max-width: 768px) {

.post-block-ventilator {
  padding-bottom: 20px;
}

.post-block-ventilator .post-block-first .article-item {
	max-height: none;
	flex-direction: column;
}

.post-block-ventilator .article-item .article-item-main img {
  max-height: 50px;
}

}




.video-article-carousel {
	padding: 35px 0 50px 0;
	text-align: center;
}

  .video-article-carousel h1 {
    max-width: 1020px;
    font-size: 45px;
    line-height: 55px;
    font-weight: 700;
    margin: 0 auto 30px auto;
  }
  
  .video-article-carousel__container {
    position: relative;
  }

  .video-article-carousel__item {
    position: relative;
    opacity: 0.75;
    transition: all 250ms ease-in-out;
  }
  
    .video-article-carousel__item:hover {
      opacity: 1;
    }
  
	  .video-article-carousel__item i {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    z-index: 1;
	    margin: -24px 0 0 -24px;
	    display: block;
	    width: 47px;
	    height: 48px;
	    background-image: url('https://www.joy.hu/images/JoyHu/video-player-icon.svg');
	  }
  
  .video-article-carousel__item a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
  }
  
  .video-article-carousel__container .owl-prev,
  .video-article-carousel__container .owl-next {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 55px;
		display: flex !important;
		justify-content: center;
		align-items: center;
		background: #000;
		margin: 0 !important;
  }
  
  .video-article-carousel__container .owl-next {
    left: auto;
    right: 0;
  }
  
	  .video-article-carousel__container .owl-prev i,
	  .video-article-carousel__container .owl-next i {
	    font-size: 30px;
	  }
  




.box-subscribe
{
	padding: 10px;
	width: 31%;
	background: rgb(248,9,188);
	background: linear-gradient(0deg, rgba(248,9,188,1) 0%, rgba(255,157,46,1) 100%);
	color: white;
}
	.box-subscribe a {
		color: white;
	}
	.box-subscribe h2
	{
		margin-top: 10px;
		color: white;
	}
	.box-subscribe p { 
		margin-bottom: 10px; 
	}
	.box-subscribe form
	{
		padding: 0 10px;
	}
		.box-subscribe input[type="text"],
		.box-subscribe input[type="email"]
		{
			text-align: center;
			border-radius: 140px;
			background: none;
			color: white;
		}
		.box-subscribe input::placeholder {
			color: white;
		}
		.box-subscribe .buttonStyle
		{
			margin-top: 20px;
			background: white;
			color: #FF2E8A;
			border: 1px solid white;
		}

		.box-subscribe .subscribe-checkboxes 
		{
			display: flex;
			flex-direction: column;
			font-size: 10px;
			line-height: 12px;
			text-align: left;
			margin-top: 20px;
		}
		.box-subscribe .subscribe-checkboxes label
		{
			display: flex;
			margin-bottom: 10px;
			gap: 5px;
		}

			.subscribe-checkboxes input[type="checkbox"] {
				display: none;
			}
		  
			.subscribe-checkboxes .checkbox {
				flex: 1;
				position: relative;
				width: 20px;
				height: 21px;
				background-image: url('https://www.joy.hu/assets/5fe664e5/css/../img/checkbox-unchecked.svg');
				cursor: pointer;
			}

			.subscribe-checkboxes input[type="checkbox"]:checked ~ .checkbox {
				background-image: url('https://www.joy.hu/assets/5fe664e5/css/../img/checkbox-checked.svg');
			}		  
		  
		.subscribe-success
		{
			background: rgb(248,9,188);
			background: linear-gradient(0deg, rgba(248,9,188,1) 0%, rgba(255,157,46,1) 100%);
			opacity: 0;
			padding: 40px;
			pointer-events: none;
		}
			.subscribe-success div
			{
				width: 100%;
			}
			.subscribe-success div img
			{
				-moz-animation: pulse 1s linear infinite;
				-ms-animation: pulse 1s linear infinite;
				-webkit-animation: pulse 1s linear infinite;
				animation: pulse 1s linear infinite;
				margin-bottom: 1px;
				width: 120px;
}
				@-webkit-keyframes pulse {
					0%, 100% {
						transform: scale(1);
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
}
					50%
					{
						transform: scale(.9);
						-webkit-transform: scale(.9);
						-moz-transform: scale(.9);
						-ms-transform: scale(.9);
						-o-transform: scale(.9);
}
				}
				@-moz-keyframes pulse {
					0%, 100% {
						transform: scale(1);
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
}
					50%
					{
						transform: scale(.9);
						-webkit-transform: scale(.9);
						-moz-transform: scale(.9);
						-ms-transform: scale(.9);
						-o-transform: scale(.9);
}
				}
				@-ms-keyframes pulse {
					0%, 100% {
						transform: scale(1);
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
}
					50%
					{
						transform: scale(.9);
						-webkit-transform: scale(.9);
						-moz-transform: scale(.9);
						-ms-transform: scale(.9);
						-o-transform: scale(.9);
}
				}
				@keyframes pulse {
					0%, 100% {
						transform: scale(1);
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
}
					50%
					{
						transform: scale(.9);
						-webkit-transform: scale(.9);
						-moz-transform: scale(.9);
						-ms-transform: scale(.9);
						-o-transform: scale(.9);
}
				}

			.subscribe-success.active
			{
				opacity: 1;
				pointer-events: all;
			}



	.article-item-big .article-text .article-header,
	.article-item-big .article-text .article-info
	{
		display: none;
	}

.article-item-big { width: 100%; }


.post-block-with-roadblock .article-item-big h2 {
	font-size: 32px;
}

.post-block-with-roadblock .article-item-big .article-header {
	flex-direction: column;
}

.post-block-with-roadblock .article-item-big .article-author-info,
.post-block-with-roadblock .article-item-big .article-info {
	width: 100%;
}

.post-block-with-roadblock,
.post-block-with-half-page {
	gap: 32px;
}


.articleRecommend-title
{
	color: #FF2E8A;
	font-weight: 900;
	margin-bottom: 10px;
}

.adLoaded-300 .theAd
{
	min-width: 300px;
	width: 31%;
}
.adLoaded-300 .article-item-big
{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 65.5%;
}
	.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-header,
	.adLoaded-640:not(.adLoaded-height-600) .article-item-big .article-header { display: none; }

	.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-hero
	{
		width: 60%;
	}
	.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text
	{
		-ms-flex-direction: column;
		flex-direction: column;
		margin: 0;
		width: 40%;
	}
		.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-header
		{
			display: block;
			margin-bottom: 25px;
			padding-bottom: 20px;
			position: relative;
			text-align: left;
		}
			.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-header::after
			{
				background-color: #F8F8F8;
				bottom: 0;
				content: '';
				height: 1px;
				left: -20px;
				position: absolute;
				right: -20px;
			}

		.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-header .article-author-info
		{
			margin-bottom: 10px;
			padding: 0;
			width: 100%;
		}
			.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-header .article-author-info .author-info
			{
				margin-left: 10px;
				padding: 0;
			}
			.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-header p
			{
				font-size: 12px;
				line-height: 1.25em;
			}

			.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text h2
			{
				font-size: 22px;
			}
			.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-item-main p
			{
				font-size: 14px;
			}

.adLoaded-300 .article-item-big .article-text .article-info,
.adLoaded-640 .article-item-big .article-text .article-info { display: block; }


.adLoaded-300.adLoaded-height-600 .article-item-big
{
	-ms-flex-direction: column;
	flex-direction: column;
}
	.adLoaded-300.adLoaded-height-600 .article-item-big .article-header .article-author-info { width: 100%; }
	.adLoaded-300.adLoaded-height-600 .article-item-big .article-header .article-info { display: none; }

	.adLoaded-300.adLoaded-height-600 .article-text
	{
		margin: auto;
	}
		.adLoaded-300.adLoaded-height-600 .article-item-big h2 { font-size: 22px; }
		.adLoaded-300.adLoaded-height-600 .article-item-big .article-text p { font-size: 14px; }

.adLoaded-640 .theAd
{
	min-width: 640px;
	width: 65.5%;
}
.adLoaded-640 .article-item-big
{
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 31%;
}
	.adLoaded-640 .article-item-big.article-text
	{
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
		.adLoaded-640 .article-item-big h2 { font-size: 22px; }
		.adLoaded-640 .article-item-big .article-text p
		{
			font-size: 14px;
		}


.adLoaded-640.adLoaded-height-600 .article-item-big .article-header .article-author-info
{
	width: 100%;
}
	.adLoaded-640.adLoaded-height-600 .article-item-big .article-header .article-info { display: none; }
	.adLoaded-640.adLoaded-height-600 .article-item-big .article-header .author-info
	{
		font-size: 12px;
		width: 100%;
	}
		.adLoaded-640.adLoaded-height-600 .article-item-big .article-header .author-info strong { font-size: 13px }

		.adLoaded-640.adLoaded-height-600 .article-item-big .article-hero
		{
			padding-top: 135%;
		}

.post-block-six.design-change-on-ad-load.adLoaded-300 .article-item:nth-of-type(5),
.post-block-three.design-change-on-ad-load.adLoaded-300 .article-item:nth-of-type(3)
{
	display: none;
}


footer
{
	background-color: #FFF;
	box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	font-size: 12px;
	line-height: 1.5em;
	padding: 25px 0 35px;
	position: relative;
	width: 100%;
	z-index: 5;
}
	footer .centerPart { max-width: 790px; }
		.footer-logo
		{
			margin: 0 auto 40px;
			position: relative;
			width: 90px;
		}
			.footer-logo img { width: 100%; }

		footer .col
		{
			float: left;
			margin: 0 4% 40px 0;
			width: 22%;
		}
			footer .col:nth-of-type(4) { margin-right: 0; }

			footer .col strong
			{
				display: block;
				font-weight: 900;
			}

			footer a { text-decoration: none; }
			footer p { margin: 0; }


.list-page-title-icon
{
	background: #ff9d2e;
	background: -moz-linear-gradient(-45deg, #ff9d2e 0%, #f809bc 100%);
	background: -webkit-linear-gradient(-45deg, #ff9d2e 0%,#f809bc 100%);
	background: linear-gradient(135deg, #ff9d2e 0%,#f809bc 100%);
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	color: #FFF;
	display: inline-block;
	font-size: 20px;
	height: 50px;
	line-height: 1em;
	margin: -10px 10px 0 0;
    position: relative;
	vertical-align: middle;
	width: 50px;
}
	.list-page-title-icon img
	{
		max-height: 75%;
		left: 50%;
		max-width: 75%;
		position: absolute;
		top: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	
	.list-page-nav
	{
		margin-bottom: 40px;
	}
	.list-page-nav-item
	{
		background-color: #FFF;
		border: 1px solid #FF2E8A;
		border-radius: 3px;
		color: #FF2E8A;
		cursor: pointer;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.25em;
		padding: 10px;
		position: relative;
		width: 200px;
	}
		.list-page-nav-item:hover
		{
			background-color: #FF2E8A;
			color: #FFF;
		}

		.list-page-nav-item.inactive
		{
			opacity: .4;
			pointer-events: none;
		}

		.list-page-nav-item span { position: relative; }
		.list-page-nav-item .fa
		{
			font-size: 20px;
			line-height: 1em;
			position: absolute;
			top: 45%;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
		}

		.list-page-nav-item-prev { float: left; }
			.list-page-nav-item-prev span { padding-left: 15px; }
			.list-page-nav-item-prev .fa { left: 0; }

		.list-page-nav-item-next { float: right; }
			.list-page-nav-item-next span { padding-right: 15px; }
			.list-page-nav-item-next .fa { right: 0; }




.joy25-block {
  background-color:#000;
  color: #fff;
  border: 1px solid #E0B64A !important;
}

.joy25-block .article-cat {
	color: #E0B64A;
}

.joy25-block .article-item-main h2, 
.joy25-block .article-item-main h2 {
	color: #E0B64A !important;
	font-family: 'Tinos', serif !important;
}

.joy25-block .post-block-six .article-item p, 
.joy25-block  .post-block-three .article-item p,
.joy25-block .article-info {
	color: #fff;
	
}

.joy25-block.article-item .article-hero picture, 
.joy25-block .article-page .article-hero picture {
  position: relative;
}

.joy25-block.article-item .article-hero picture::after, 
.joy25-block .article-page .article-hero picture::after {
  width: 60px;
  height: 40px;
  content: ' ';
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  margin: auto;
  background-image: url('https://www.joy.hu/images/JoyHu/joy25/joy25-watermark.svg');
  background-position: center top;
  background-repeat: no-repeat;
  
}






.joy25-sticky {
	display: flex;
	background: #000;
	position: relative;
}

.joy25-sticky a {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index:1;
}


.layout-joy25 .joy25-sticky {
	width: calc(100% - 40px);
	margin-left: 20px;
}

.joy25-sticky .joy25-sticky-left {
	width: 60%;
	background: #E0B64A;
	text-align: right;
	color: #000;
	padding: 0px 20px;
	font-family: Tinos;
	font-size: 35px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.joy25-sticky .joy25-sticky-right {
	width: 40%;
	color: #E0B64A;
	font-size: 30px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 2px;
	display: flex;
	align-items: center;
	padding: 0px 20px;
}

.joy25-sticky .joy25-sticky-right {
	display: flex;
	color: #E0B64A;
	text-decoration: none;
	align-items: center;
}

.joy25-sticky .joy25-sticky-right img {
	margin-left: 10px;
}


.page-joy25-quiz .joy25-sticky {
	display: none;
}









	.joy-sticky {
		display: flex;
		
		background: #F3A1B6;
		position: relative;
		padding: 5px 0;
	}

	.joy-sticky a {
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index:1;
	}


	.joy-sticky .joy-sticky-left {
		width: 100%;
		
		
		padding: 0px 20px;
		display: flex;
		align-items: center;
		justify-content: center;

		color: #FFF;

		font-family: 'Playfair Display';
		font-size: 27px;
		font-style: normal;
		font-weight: 900;
		line-height: normal;
		letter-spacing: 1.35px;
		text-transform: uppercase;
	}

	.joy-sticky .joy-sticky-left span {
		color: #FFF;

		font-family: 'Fira Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.4px;
		padding: 0 20px;
	}

	

	.joy-sticky .joy-sticky-left .joy-sticky-button {
		color:  #F3A1B6;
		font-family: 'Fira Sans', sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-transform: uppercase;
		border-radius: 110px;
		background: #FFF;
		padding: 5px 10px;
	}








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

	.joy25-sticky .joy25-sticky-left {
		font-size: 15px;
		
		padding-top:5px;
		padding-bottom:5px;
	}

	.joy25-sticky .joy25-sticky-right {
		font-size: 20px;
		width: 45%;
		padding-top:5px;
		padding-bottom:5px;
	}


	.joy25-sticky .joy25-sticky-right img:nth-child(2),
	.joy25-sticky .joy25-sticky-right img:nth-child(3) {
		display: none;
	}

	.joy25-sticky .joy25-sticky-right img {
		height: 15px;
	}
	

	
		.joy-sticky .joy-sticky-left {
			font-size: 15px;
			padding-top:5px;
			padding-bottom:5px;
			flex-direction: column;
			text-align: center;
		}

		.joy-sticky .joy-sticky-left span {
			font-size: 15px;
		}

	
	

	.post-block-six .article-item,
	.post-block-six .horoscope-box,
	.post-block-six .theAd,
	.post-block-three .article-item,
	.post-block-three .theAd,
	.box-subscribe
	{
		width: 48%;
	}
		.post-block-three .article-item:last-of-type
		{
			width: 100%;
		}

	
	.post-block.adLoaded-640,
	.adLoaded-640:not(.adLoaded-height-600) .article-item-big .article-header
	{
		display: block;
	}
		.adLoaded-640 .theAd,
		.adLoaded-640 .article-item-big
		{
			min-width: inherit;
			width: 100%;
		}
			.adLoaded-640.adLoaded-height-600 .article-item-big .article-hero { padding-top: 53%; }

	.adLoaded-300 .article-item-big,
	.adLoaded-300.adLoaded-height-600 .article-item-big,
	.adLoaded-300 .theAd
	{
		width: 48%;
	}

	.adLoaded-300:not(.adLoaded-height-600) .article-item-big
	{
		-ms-flex-direction: column;
		flex-direction: column;
	}
		.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text .article-header,
		.adLoaded-640:not(.adLoaded-height-600) .article-item-big .article-header,
		.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-header .article-author-info,
		.adLoaded-640:not(.adLoaded-height-600) .article-item-big .article-header .article-author-info
		{
			display: none;
		}
		.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-hero,
		.adLoaded-300:not(.adLoaded-height-600) .article-item-big .article-text
		{
			width: 100%;
		}
}

@media screen and (max-width: 799px)
{
	body { word-break: break-word; }

	.show-on-mobil,
	.article-item-big .article-text .article-info.show-on-mobil,
	.post-block-three .article-item:last-of-type,
	.post-block-six.design-change-on-ad-load.adLoaded-300 .article-item:nth-of-type(5),
	.post-block-three.design-change-on-ad-load.adLoaded-300 .article-item:nth-of-type(3)
	{
		display: block;
	}

	.post-block,
	.post-block-six,
	.post-block-three,
	.design-change-on-ad-load.flexBox
	{
		display: block;
	}
		.post-block-six .article-item,
		.post-block-six .horoscope-box,
		.post-block-six .theAd,
		.post-block-three .article-item,
		.post-block-three .theAd,
		.box-subscribe
		{
			width: 100%;
		}

	.article-item,
	.box-subscribe
	{
		margin-bottom: 20px;
	}
	.theAd,
	.post-block .theAd
	{
		margin-bottom: 20px !important;
	}

	
	
	.article-item-big .article-header
	{
		display: block;
	}
		.article-item-big .article-header .article-info
		{
			display: none;
		}
		.article-header .article-author-info
		{
			width: 100%;
		}

			.author-info
			{
				font-size: 12px;
				max-width: calc(100% - 60px);
			}
			.article-item-big h2 { font-size: 22px; }
			.article-item-big .article-text p { font-size: 14px; }

	
	.adLoaded-640 .theAd,
	.adLoaded-300 .theAd,
	.adLoaded-300 .article-item-big,
	.adLoaded-300.adLoaded-height-600 .article-item-big
	{
		min-width: inherit;
		width: 100%;
	}

	.adLoaded-300 .article-item-big,
	.adLoaded-640 .article-item-big,
	.article-item-big .article-text .article-info
	{
		display: block;
		width: 100%;
	}

		.adLoaded-300 .article-item-big .article-hero,
		.adLoaded-300 .article-item-big .article-text
		{
			width: 100%;
		}
			.adLoaded-300 .article-item-big .article-text .article-header,
			.adLoaded-640:not(.adLoaded-height-600) .article-item-big .article-header
			{
				display: none;
			}

	
	.post-block-promo .article-item
	{
		flex-direction: column;
		height: auto;
	}
	
	  .post-block-promo .article-item .article-hero {
	    position: relative;
	    width: 100%;
	  }
	  
    .post-block-promo .article-item .article-text {
      width: 100%;
      display: block;
      text-align: center;
    }

	
	.footer-logo { width: 60px; }

	footer .col
	{
		float: none;
		text-align: center;
		width: 100%;
	}

	
	.list-page-title
	{
		font-size: 35px;
	}
		.list-page-title-icon
		{
			height: 40px;
			width: 40px;
		}

		.list-page-nav-item
		{
			font-size: 11px;
			width: 130px;
		}

	
	.author-page-header .flexBox.flex-alignCenter
	{
		-webkit-box-align: flex-start;
		-moz-box-align: flex-start;
		-ms-flex-align: flex-start;
		-webkit-align-items: flex-start;
		align-items: flex-start;
	}
	.author-page-header .author-pic
	{
		height: 70px;
		width: 70px;
	}
	.author-page-info
	{
		padding-left: 20px;
		width: calc(100% - 70px);
	}
		.author-page-info .flexBox
		{
			-ms-flex-direction: column;
			flex-direction: column;
		}
			.author-page-info .flexBox .col:first-of-type
			{
				order: 2;
				padding: 0;
				width: 100%;
			}
				.author-page-info p.author-page-name { font-size: 30px; }
			.author-page-info .flexBox .col:last-of-type
			{
				text-align: left;
			}
				.author-page-info .author-page-info-link
				{
					margin: 0 10px 20px 0;
					vertical-align: top;
				}
				.author-page-info .author-page-info-link.author-page-info-link-message
				{
					display: inline-block;
					width: 40px;
				}
					.author-page-info .author-page-info-link.author-page-info-link-message .fa { display: block; }
					.author-page-info .author-page-info-link.author-page-info-link-message span { display: none; }

}


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

	.layout-joy25 .joy25-sticky {
		width: 100% ;
		margin-left: 0px;
	}

}


.site-index .adLoaded-300 > #filmstrip-ad {
	right: 40px;
}

.gallery-box .gallery-box-col > #filmstrip-ad {
    position: relative;
    margin-bottom: -600px;
    margin-left: 40px;
}


.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .theAd#joy_c_nl_btf-1
{
	margin: 0 4% 25px 0 !important;
}
	.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .theAd .articleEndOffer
	{
		width: 100%;
	}

	.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .theAd .articleEndOffer::before { display: none; }

	.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .theAd .articleEndOffer .articleEndOfferText a.title,
	.post-block .theAd .articleEndOffer .articleEndOfferText a.title
	{
		font-family: 'Fira Sans', sans-serif;
		font-weight: 900;
		line-height: 1.2em;
	}
	.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .theAd .articleEndOffer .articleEndOfferText p,
	.post-block .theAd .articleEndOffer .articleEndOfferText p,
	.post-block .theAd .articleEndOffer .ad-cimke { display: block; }

	.post-block .theAd .articleEndOffer .ad-cimke
	{
		font-size: 12px;
		padding: 0 10px;
	}


.embedPinterest {
	display: flex;
	justify-content: center;
	margin: 20px auto;
}.expert-box
{
	margin: 50px 0 35px;
	padding: 25px 60px;
	position: relative;
}

	.expert-box h2 
	{
		font-size: 45px;
		margin-bottom: 20px;
	}

	.experts-box
	{
		height: 0;
		overflow: hidden;
	}
		.experts-box.active
		{
			height: auto;
			overflow: visible;
		}

	.expertsList
	{
		position: relative;
	}

	.expert
	{
		font-size: 14px;
		line-height: 20px;
		position: relative;
	}
		.pic
		{
			background-position: center top;
			background-repeat: no-repeat;
			background-size: cover;
			border: 4px solid #000;
			box-shadow: 0 0 0 rgba(0,0,0,0);
			height: 130px;
			margin: 0 auto 10px;
			width: 145px;
		}
			.expert:hover .pic
			{
				border: 4px solid #FF2E8A;
				box-shadow: 0 0 20px rgba(0, 0, 0, .15);
			}

		.expert h2
		{
			color: #FF2E8A;
			font-size: 22px;
			font-weight: 800;
			margin-bottom: 10px;
		}

		.expert .text p
		{
			margin: 0;
			-webkit-box-orient: vertical;
			max-height: 40px;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			word-wrap: nowrap;
		}

	.owl-controls .arrow-left,
	.owl-controls .arrow-right
	{
		background-color: #FF2E8A;
		border-radius: 100%;
		box-shadow: 0 0 30px rgba(0,0,0,.15);
		color: #FFF;
		cursor: pointer;
		font-size: 18px;
		height: 40px;
		line-height: 1em;
		padding: 10px 0 0;
		position: absolute;
		top: 50%;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 40px;
	}
		.owl-controls .arrow-left { left: -50px; }
		.owl-controls .arrow-right { right: -50px; }


#rightSideColumn h2
{
	font-size: 20px;
}



.site-expert .author-info p { display: none; }

.site-expert .expert-person-box .pic
{
	margin: 0;
}
.site-expert .expert-person-box .text
{
	font-size: 14px;
	width: calc(100% - 175px);
}
	.site-expert .expert-person-box h2 { margin-bottom: 10px; }

	.site-expert .article-tag
	{
		background-color: #FF2E8A;
		color: #FFF;
		display: inline-block;
		font-size: 10px;
    	font-weight: 700;
		margin: 0 5px 5px 0;
		padding: 5px 10px 3px;
		text-transform: uppercase;
	}

.expert-form
{
	margin: 0 auto 55px;
	max-width: 500px;
	position: relative;
}
	.expertQuestion
	{
		font-weight: 500;
	}

	#thereIsAFault
	{
		color: #FF0000;
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 35px;
	}

	.formRow
	{
		margin: 0 0 10px;
		position: relative;
	}
		.formRow input, .formRow textarea
		{
			border: 1px solid #000;
			font-family: 'Fira Sans', sans-serif;
			font-size: 14px;
			padding: 10px;
			width: 100%;
		}
		.formRow textarea
		{
			height: 100px;
			resize: none;
		}

		.formRow .fa
		{
			color: #FF0000;
			opacity: 0;
			position: absolute;
			right: 10px;
			top: 5px;
		}

		#expertQuestionForm input[type="submit"]
		{
			display: block;
			margin: 0 auto;
			text-align: center;
		}

.site-expert-question .expert-box { margin-bottom: 0; }

.site-expert-question .expert-person-box { margin-bottom: 35px; }

.site-expert .post-block-three .article-item .article-hero
{
	-webkit-box-flex: none;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.site-expert .post-block-three .article-item-main p
{
	-webkit-box-orient: vertical;
	display: block;
	display: -webkit-box;
	max-height: 4.2em;
	max-width: 100%;
	line-height: 1.4em;
	-webkit-line-clamp: 3;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.site-expert .post-block-three .article-tag
{
	background-color: #FF2E8A;
}
.site-expert .post-block-three .buttonStyle { margin-top: 20px; }


.experts-list-display
{
	flex-wrap: wrap;
	margin-top: 40px;
}
	.experts-list-display .expert
	{
		margin: 0 5% 5% 0;
		padding: 20px;
		width: 30%;
	}
	.experts-list-display .expert:nth-of-type(3n + 3) { margin-right: 0; }

	.experts-list-display .article-tags
	{
		margin-bottom: 10px;
	}
		.experts-list-display .article-tag
		{
			font-size: 10px;
			line-height: 1.8em;
    		padding: 2px 10px 0;
		}

.font-size-45 { font-size: 45px; }

.successExpertQuestion.card-design-style
{
	background-color: #FFF;
	font-size: 24px;
	font-weight: 700;
	height: 100%;
	left: 0;
	padding: 40px;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 5;
}
	.successExpertQuestion div
	{
		width: 100%;
	}
		.successExpertQuestion div p { margin: 0; }

#closeSuccessExpertQuestion
{
	background-color: #FF2E8A;
	border-radius: 100%;
	color: #FFF;
	cursor: pointer;
	font-size: 16px;
	height: 40px;
	padding: 8px 0 0;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
}
	#closeSuccessExpertQuestion:hover { background-color: #000; }

@media screen and (max-width: 768px)
{
	.expert-person-box .flexBox
	{
		-ms-flex-direction: column;
		flex-direction: column;
	}
		.site-expert .expert-person-box .pic { margin-bottom: 20px; }
		.site-expert .expert-person-box .text
		{
			text-align: center;
			width: 100%;
		}

	.experts-list-display .expert
	{
		margin: 0 0 40px;
		width: 100%;
	}
		.experts-list-display .expert .pic
		{
			height: auto;
			padding-top: 90%;
			width: 100%;
		}
}#rightSideColumn
{
    overflow: visible;
}

.horoscope-box
{
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0,0,0,.15);
    margin: 0 0 35px;
    
}

.horoscope-header
{
    background-image: url('https://www.joy.hu/images/JoyHu/horoszkop/_bg-header.jpg');
    background-position: center;
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 5px;
    position: relative;
    text-align: center;
}
    .horoscope-header::before
    {
        content: '';
        height: 100%;
        left: 0;
        opacity: .85;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 1;
    }

    .horoscope-header p 
    { 
        color: #FFF;
        font-size: 14px;
        font-weight: 700;
        line-height: 1em;
        margin: 0;
        text-transform: uppercase;
    }

    .horoscope-header p,
    .horoscope-header img
    {
        position: relative;
        z-index: 2;
    }

.horoscope-content
{
    height: 42px;
    overflow: hidden;
    padding: 0 15px 25px;
}

.horoscope-icons
{
    justify-content: space-between;
    margin-bottom: 20px;
}
    .horoscope-icon
    {
        cursor: pointer;
        position: relative;
        width: 20px;
    }
    .horoscope-icon img 
    { 
        vertical-align: top; 
        width: 100%;
    }

        .img-grey { opacity: 1; }

        .img-blue,
        .img-pink
        {
            display: none;
            left: 0;
            opacity: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }

        .owl-carousel .owl-item img.img-blue,
        .owl-carousel .owl-item img.img-pink { display: none; }

        .horoscope-icon:hover .img-grey { opacity: 0; }

        .horoscope-icon:hover .img-blue,
        .horoscope-icon:hover .img-pink,
        .active .img-blue,
        .active .img-pink { opacity: 1; }


    .horoscope-pic
    {
        margin: 0 auto 10px;
        position: relative;
        text-align: center;
        width: 30%;
    }
        .horoscope-pic img
        {
            margin: 0 auto;
            max-width: 50px;
        }

        .horoscope-pic .img-blue,
        .horoscope-pic .img-pink
        {
            left: 50%;
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        
        .horoscope-slides .img-grey { opacity: 0; }

    .horoscope-info
    {
        padding: 0 30px;
    }
        .horoscope-info strong
        {
            color: #000;
            display: block;
            font-weight: 900;
            font-size: 18px;
            margin-bottom: 10px;
            text-transform: uppercase;
        }

        .horoscope-info p
        {
            color: #000;
            font-size: 14px;
            line-height: 1.4em;
            margin: 0;
            max-height: 42px;
            overflow: hidden;
        }

    .horoscope-slides .owl-controls .owl-nav div.arrow-left,
    .horoscope-slides .owl-controls .owl-nav div.arrow-right
    {
        background-color: #FFF;
        border-radius: 100%;
        box-shadow: 0 0 30px rgba(0,0,0,.15);
        font-size: 18px;
        color: #FF2E8A;
        height: 40px;
        line-height: 1em;
        padding: 10px 0 0;
        position: absolute;
        text-align: center;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 40px;
    }
       
        .horoscope-slides .owl-controls .owl-nav .owl-prev { left: -25px; }
            .horoscope-slides .arrow-left { left: 0; }
        
        .horoscope-slides .owl-controls .owl-nav .owl-next { right: -25px; }
            .horoscope-slides .owl-controls .owl-nav div.arrow-right 
            { 
                padding-left: 5px;
                right: 0; 
            }

.horoscope-button
{
    border-radius: 2em;
    color: #FFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1em;
    margin: 20px auto 0;
    padding: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 190px;
}
    .horoscope-button:hover
    {
        background-color: #000;
    }

    .horoscope-box.color-blue .horoscope-button,
    .horoscope-box.color-blue .horoscope-header::before
    {
        background-color: #08E1DC;
    }
    .horoscope-box.color-blue .img-blue,
    .horoscope-box.color-blue .owl-carousel img.img-blue { display: block; }

    .horoscope-box.color-pink .horoscope-button,
    .horoscope-box.color-pink .horoscope-header::before
    {
        background-color: #FF2E8A;
    }
    .horoscope-box.color-pink .img-pink,
    .horoscope-box.color-pink .owl-carousel img.img-pink { display: block; }

.indexContentpart .horoscope-box,
#theArticle .horoscope-box,
.show-onMobil { display: none; }






.exit-intent-popup {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    background: rgba(33, 33, 33, 0.5);
    transform: translateY(60%) scale(0);
    transition: transform 0.3s cubic-bezier(0.4, 0.0, 0.2, 1);
    
}


    .exit-intent-popup.visible {
        transform: translateY(0) scale(1);
    }

.horoscope-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF2FA;
    border-radius: 10px;
    max-width: 970px;
    width: calc(100% - 20px);
    padding: 20px;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
}

    .horoscope-popup .close {
        margin: 0 0 0 auto;
        opacity: 1;

    }

    .horoscope-popup #sib-container {
        background: transparent;
        max-width: 300px;
        padding: 0;
    }

        .horoscope-popup #sib-container input:-ms-input-placeholder {
            text-align: left;
            color: #000000;
        }

        .horoscope-popup #sib-container input::placeholder {
            text-align: left;
            color: #000000;
        }

        .horoscope-popup #sib-container textarea::placeholder {
            text-align: left;
            color: #000000; 
        }

    .hoproscope-logo {
        max-width: 700px;
        margin-bottom: 20px;
    }

    .hoproscope-logo-mobile {
        display: none;
        margin-bottom: 20px;
    }

    .horoscope-popup h2 {
        color: #FF2E8A;
    }

    .horoscope-popup p {
        margin-bottom: 0;
    }

    .horoscope-popup .sib-form {
        padding: 30px 0;
    }

        .horoscope-popup .sib-form .entry__field {
            border: 0;
            background: transparent;
        }

        .horoscope-popup .entry__label {
            text-align: center;
            font-size: 14px;
            line-height: 20px;
        }


        .horoscope-popup .sib-form .input:last-child, 
        .horoscope-popup.sib-form .input__affix:last-child {
            border: 1px solid #000000;
            border-radius: 30px;
            background: transparent;
            font-size: 12px;
            line-height: 20px;
            outline: none;
        }

        .horoscope-popup .sib-form .input:last-child:focus, 
        .horoscope-popup.sib-form .input__affix:last-child:focus,
        .horoscope-popup #EMAIL {
            border-color: inherit;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .horoscope-popup .sib-form .entry__choice {
            font-size: 10px;
            line-height: 15px;
            margin-left: 20px;
        }

        .horoscope-popup .sib-form .entry__choice label {
            position: relative;
        }

            .horoscope-popup .sib-form .entry__choice a {
                color: #000;
            }

        .horoscope-popup .sib-form-block__button-with-loader {
            background: #FF2E8A;
            border-radius: 25px;
            font-weight: bold;
            font-size: 14px;
            line-height: 16px;
            color: #fff;
            -webkit-transition: all 0.2s;
            transition: all 0.2s;
            
            left: 0px;
            margin-right: 0px;
            margin: auto;
        }

            .horoscope-popup .sib-form-block__button-with-loader:hover {
                background: #c91965;
            
            }
        
        .horoscope-popup .sib-form .entry__error {
            color: #FF2E8A;
            text-align: center;
        }

        .horoscope-popup .sib-form .checkbox, 
        .horoscope-popup .sib-form .radio-button {
            width:16px;
            height: 16px;
            border-radius: 16px;
            margin-left:-10px;
            margin-top: 5px;
            margin-right: 8px !important;
            position: relative;
            top: 6px;
        }

        .horoscope-popup .sib-form .input_replaced:checked+.checkbox_tick_positive {
            background: #FF2E8A;
            border-color: #FF2E8A;
        }

        #CSILLAGJEGY_2 {
            position: relative;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
            background-repeat: no-repeat;
            background-position-x: 97%;
            background-position-y: 7px;
          
        }

     


@media only screen and (max-width: 992px) {
    .hoproscope-logo {
       display: none;
    }

    .hoproscope-logo-mobile {
        display: block;
    }
}
.overflow--hidden {
  overflow: hidden !important;	
}

.hidden {
  display: none !important;
}

.next-gallery-block {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  height: 115px;
  display: flex;
  background-color: #000;
  color: #fff;
}

  .next-gallery-block__info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 22px;
    flex-grow: 1;
    text-align: left;
  }
  
    .next-gallery-block__label {
      text-transform: uppercase;
      font-size: 20px;
      font-weight: bold;
      margin-bottom: 0.25em;
    }
    
    .next-gallery-block__title {
      font-size: 14px;
      max-height: 3em;
      overflow: hidden;
    }
    
    .next-gallery-block__cover {
      flex: 0 0 115px;
      background-size: cover;
      background-position: center center;
    }
  
  .next-gallery-block__arrow {
  	flex: 0 0 60px;
  	display: flex;
  	justify-content: center;
  	align-items: center;
  	font-size: 30px;
  }

  .next-gallery-block > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }


#gallery-interstitial-banner {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;

  background-color: rgba(0,0,0, 0.80);
  display: flex;
  justify-content: center;
  align-items: center;
}

  .gallery-interstitial-banner__progress {
    height: 2px;
    background-color: rgba(0,0,0, 0.8);
    margin-bottom: 14px;
  }
  
  	.gallery-interstitial-banner__progress div {
  	  width: 0%;
  	  max-width: 100%;
      height: 100%;
      background: #fff;
  	}
      

  .gallery-interstitial-banner__text {
    color: #fff;
    text-align: center;
    font-size: 12px;
  }
  


@media (max-width: 768px) {
  .next-gallery-block__arrow {
  	flex: 0 0 40px;
  }
}
.articleEndOffer
{
	margin-bottom: 20px;
	padding-top: 20px;
	position: relative;
	width: 100%;
}
.invisibleArticleEndOffer { display: none; }
	.articleEndOffer::before
	{
		background-color: #F0F0F0;
		content: '';
		display: block;
		height: 1px;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.articleEndOfferPic
	{
		position: relative;
		flex: 30% 0 0;
	}
		.articleEndOfferPic a
		{
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

		.articleEndOfferPic picture
		{
            display: block;
            width: 100%;
            height: 100%;
		}

		.articleEndOfferPic picture img
		{
            object-fit: cover;
            width: 100%;
            height: 100%;
		}
	.articleEndOfferText
	{
		float: left;
		padding-left: 20px;
		position: relative;
		width: 70%;
	}
		.articleEndOfferText a { text-decoration: none !important; }
			.articleEndOfferText a:hover { text-decoration: underline !important; }
		.articleEndOfferText a.title
		{
			color: #25282a;
			display: block;
			font-family: 'robotobold';
			font-size: 18px;
			margin-bottom: 10px;
		}
		.articleEndOfferText p
		{
			font-size: 14px;
			line-height: 1.4em;
			margin: 0;
		    -webkit-box-orient: vertical;
			max-height: 40px;
			-webkit-line-clamp: 2;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			word-wrap: nowrap;
		}
		.articleEndOfferText .articleInfoM 
		{ 
			color: #999; 
			line-height: 1em;
		}
		
	@media screen and (max-width: 648px)
	{
		.articleEndOfferPic 
		{ 
			padding-top: 23%;
			width: 35%; 
		}
		
		.articleEndOfferText p { display: none; }
		
		.articleEndOfferText
		{
			position: absolute;
			right: 0;
			top: calc(50% + 10px);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			width: 65%;
		}
			.articleEndOfferText a.title 
			{ 
				font-size: 17px; 
				margin-bottom: 5px;
			}
	}
	
	@media screen and (max-width: 440px)
	{
		.articleEndOfferPic,
		.articleEndOfferText
		{
			float: none;
			width: 100%;
		}
		.articleEndOfferText
		{
			padding-left: 0;
			position: relative;
			right: auto;
			top: auto;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			-webkit-transform: none;
			transform: none;
		}
			.articleEndOfferPic
			{
				margin-bottom: 10px;
				padding-top: 50%;
			}
	}
		
		

@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-ms-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-moz-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-webkit-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@-o-keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
@keyframes uil-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
    margin: 0 0 0 0;
  }
  33% {
    width: 44%;
    height: 44%;
    margin: -22% 0 0 -22%;
    opacity: 1;
  }
  100% {
    width: 88%;
    height: 88%;
    margin: -44% 0 0 -44%;
    opacity: 0;
  }
}
.uil-ripple-css {
  background: none;
  position: relative;
  width: 60px;
  height: 60px;
  margin: 20px auto;
}
.uil-ripple-css div {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  width: 0;
  height: 0;
  opacity: 0;
  border-radius: 50%;
  border-width: 4px;
  border-style: solid;
  -ms-animation: uil-ripple 1.5s ease-out infinite;
  -moz-animation: uil-ripple 1.5s ease-out infinite;
  -webkit-animation: uil-ripple 1.5s ease-out infinite;
  -o-animation: uil-ripple 1.5s ease-out infinite;
  animation: uil-ripple 1.5s ease-out infinite;
}
.uil-ripple-css div:nth-of-type(1) {
  border-color: #ccc;
}
.uil-ripple-css div:nth-of-type(2) {
  border-color: #ff2e8a;
  -ms-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  animation-delay: 0.75s;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}


.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}


.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}


.no-js .owl-carousel {
  display: block;
}


.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}


.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url('https://www.joy.hu/css/owl.video.play.png') no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}



 .owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


.owl-theme .owl-controls .owl-nav {
  margin: 0;
}

.productInArticleHolder.owl-carousel .owl-controls .owl-nav .owl-prev,
.productInArticleHolder.owl-carousel .owl-controls .owl-nav .owl-next {
  width: 40px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  margin: -40px 0 0;
  padding: 0 10px 0 0;
}

.productInArticleHolder.owl-carousel .owl-controls .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  left: 0;
}

.productInArticleHolder.owl-carousel .owl-controls .owl-nav .owl-next {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0 0 0 10px;
}



.productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-prev,
.productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-next {
  background: #ff2e8a;
  border-radius: 0 110px 110px 0;
  box-shadow: 4px 4px 12px rgba(255, 46, 138, 0.4);
}

.productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-next {
  border-radius: 110px 0 0 110px;
  box-shadow: -4px 4px 12px rgba(255, 46, 138, 0.4);
}

.productInArticleHolder.owl--joy.owl-theme .owl-dots .owl-dot.active span,
.productInArticleHolder.owl--joy.owl-theme .owl-dots .owl-dot:hover span {
  background: #ff2e8a;
}

.productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 0px;
}

.productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-next {
  right: 0px;
}

@media only screen and (min-width: 1008px) {
  .productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 10px;
  }
  
  .productInArticleHolder.owl--joy.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 10px;
  } 
}





.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-prev,
.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-next {
  background: #db0030;
  border-radius: 0 110px 110px 0;
}

.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-next {
  border-radius: 110px 0 0 110px;
}

.productInArticleHolder.owl--instyle.owl-theme .owl-dots .owl-dot.active span,
.productInArticleHolder.owl--instyle.owl-theme .owl-dots .owl-dot:hover span {
  background: #db0030;
}

.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
}

.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 0px;
}

.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-next {
  right: 0px;
}

.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-prev .nyil_jobb,
.productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-next .nyil_bal {
  margin-top: -10px;
}


@media only screen and (min-width: 1008px) {
  .productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 10px;
  }
  
  .productInArticleHolder.owl--instyle.owl-carousel .owl-controls .owl-nav .owl-next {
    right: 10px;
  } 
}



.article-end-block .articleEndOffer
{
	margin-bottom: 4%;
	padding-top: 0;
}
	.articleEndOffer::before { display: none; }

	.articleEndOfferText
	{
		float: none;
		padding: 15px;
	}
        .articleEndOfferText .article-info { padding: 0 0 10px 0; }
        .articleEndOfferText h2 
        {
            font-size: 18px; 
            margin-bottom: 10px;
        }

        .articleEndOfferText
        {
            font-size: 14px;
            margin-bottom: 0;
        }

@media screen and (max-width: 680px)
{
    .article-end-block .articleEndOffer
    {
        flex-direction: column;
        margin-bottom: 25px;
    }
        .article-end-block .articleEndOfferText
        {
            float: none;
            padding: 15px 20px;
            position: relative;
            top: auto;
            -moz-transform: none;
            -ms-transform: none;
            -o-transform: none;
            -webkit-transform: none;
            transform: none;
            width: 100%;
        }
        .article-end-block .articleEndOfferPic
        {
            float: none;
            padding-top: 52%;
            width: 100%;
        }
}.gallery-box
{
	font-size: 14px;
	margin-bottom: 35px;
	position: relative;
	z-index: 2;
}

	.gallery-box-main
	{
		width: 65.5%;
		z-index: 2;
	}

		.gallery-box-main .widget-summitplayer {
			margin-top: 20px;
			padding-top: 10px;
		}

		.gallery-nav
		{
			font-size: 12px;
			font-weight: 500;
			margin-bottom: 35px;
			text-transform: uppercase;
		}
			.gallery-nav-arrow
			{
				position: relative;
			}
				.gallery-nav-arrow span
				{
					display: block;
					padding-top: 5px;
				}
				.gallery-nav-arrow .fa
				{
					font-size: 30px;
					position: absolute;
					top: 50%;
					transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
				}
					#galleryNavPrev { padding-left: 30px; }
						#galleryNavPrev .fa { left: 0; }
					#galleryNavNext { padding-right: 30px; }
						#galleryNavNext .fa { right: 0; }

				.gallery-nav-arrow span[class*="gallery-nav-cover-"]
				{
					display: none;
				}
				

			.notActive
			{
				opacity: .5;
				pointer-events: none;
			}

		.gallery-pic-box
		{
			flex-grow: 1;
		}
			.gallery-pic {
				border-bottom: 1px solid #DDDDDD;
				position: relative;
			}
				.gallery-pic img
				{
					max-height: 720px;
				}
				
				.gallery-pic > div,
				.gallery-pic > div > iframe
				{
					max-width: 100% !important;
					margin: 0 auto !important;
				}
				
				
			.gallery-pic-text-box {	padding: 0 20px 20px; }
			.gallery-pic-text-box > .theAd:not(.advert-wp):not(.advert-vertigo) {
				margin-bottom: 0px !important;
				margin-top: 30px;
			}
			.gallery-pic-source
			{
				font-size: 10px;
				margin-top: 5px;
			}
			.gallery-pic-text
			{
				line-height: 1.7em;
				margin-top: 20px;
			}

			.gallery-pic-embed-video-widget
			{
				background-color: #FFF;
				height: 100%;
				left: 0;
				position: absolute;
				top: 0;
				width: 100%;
				z-index: 20;
			}
				.gallery-pic-embed-video-widget-box 
				{ 
					padding: 20px;
					width: 100%; 
				}

			

	.gallery-box-col
	{
		width: 31%;
	}
		.gallery-back-button
		{
			font-size: 12px;
			margin-bottom: 30px;
			padding: 4px 40px 3px;
		}
		.gallery-current-article-info h1
		{
			font-size: 30px;
		}

		.gallery-current-article-info { margin-bottom: 25px; }

		
		
		.gallery-box-col .article-item,
		.gallery-box-col .article-item .article-hero
		{
			flex-grow: 1;
			margin-bottom: 0;
			max-height: 400px;
		}

		.article-item.flexBox.article-hidden { display: none; }
			
		.gallery-box-col .theAd { margin-bottom: 0 !important; }

@media screen and (max-width: 799px)
{
	.gallery-box
	{
		flex-direction: column;
		
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}

	.gallery-nav-arrow span {
		color: #fff;
	}

	.gallery-nav-arrow .fa {
		color: #fff;
	}

	.gallery-pic-source {
		color: #fff;
	}

	.gallery-pic-text,
	.gallery-pic-text a {
		color: #fff;
	}

	.gallery-pic-box.card-design-style {
		background-color: #000;
		border-radius: 0;
	}

	.gallery-pic-box.card-design-style .gallery-pic {
		position: relative;
		z-index: 0;
	}

	.gallery-pic-box.card-design-style .gallery-pic .gallery-pic-canvas {
		z-index: 1;
		margin: auto;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		cursor: pointer;
	}


	.gallery-box-main .gallery-nav {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom:10px;
		margin-bottom: 0px;
		background-color: #000;
	}

	.gallery-box-main .gallery-nav:nth-child(2) {
		display: none !important;
	}

	.gallery-current-article-info {
		padding-left: 20px;
    padding-right: 20px;
	}

	.gallery-box-main .gallery-counter {
		color: #fff;
	}

		.gallery-box-main,
		.gallery-box-col
		{
			width: 100%;
		}
			.gallery-box-main { margin-bottom: 35px; }

	
}


#cardFrame
{
	position: relative;
	width: 100%;
}

.starCardPic, .starCardText, .likedShared, .starDataSection, .starDataSectionUpper, .starDataSectionBottom
{
	position: relative;
	width: 100%;
}

.cardFrame
{
	flex-wrap: wrap;
}

.starCard
{
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 35px;
	position: relative;
	overflow: hidden;
	width: 31%;
	}
	.starCard:hover .starCardVideoPlay
	{
		opacity: 1;
	}
	.starCard:hover p { text-decoration: underline; }

	.starCard .article-hero
	{
		padding: 0;
	}

	.starCard .article-item-main h2 { font-size: 22px; }
	.starCard .article-item-main p { font-size: 14px; }

.starCardText
{
	padding: 15px;
	position: absolute !important;
	background: white;
	bottom: 0;
	left: 0;
}
.starCardText a {
	position: relative;
	z-index: 3;
}
.starCardText p 
{
    color: #000 !important;
    font-size: 20px !important;
    line-height: 1.2em !important;
    margin-bottom: 10px !important;
}

.likedShared
{
	color: #AAA;
	font-size: 12px;
}
.likedShared span
{
	margin: 0 15px 0 5px;
}
.starCardType
{
	color: #ff2e8a;
	font-weight: 700;
	margin: 0 15px 0 0 !important;
	text-transform: uppercase;
}
.starCardType .fa
{
	margin-right: 5px;
}

.starCardVideoPlay
{
	background-color: rgba(255,255,255,.20);
	border: 2px solid #FFF;
	border-radius: 100%;
	color: #FFF;
	font-size: 28px;
	height: 60px;
	left: 50%;
	line-height: 1em;
	opacity: 0.5;
	padding: 13px 0 0 6px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 60px;
}

.starCardLead
{
	color: #333;
	font-size: 14px;
	margin-top: 10px;
}
.starCardLead:empty
{
	display: none;
}

.starCardRecent
{
	background-color: rgba(0,0,0,.75);
	color: #FFF;
	display: none;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 5px;
	position: absolute;
	right: 5px;
	text-transform: uppercase;
	top: 5px;
}
.starCard:nth-of-type(1) .starCardRecent,.starCard:nth-of-type(2) .starCardRecent, .starCard:nth-of-type(3) .starCardRecent
{
	display: block;
}

.isotopeView
{
	font-size: 18px !important;
	padding-top: 13px !important;
}

#joyNowTopElement
{
    background-color: #FFF;
    border: 1px solid #d8d8d8;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.15);
	margin: 0 auto 25px;
	max-width: 750px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
	.joyNowTopPic, .joyNowTopText
	{
		float: left;
		position: relative;
	}
	.joyNowTopPic
	{
		width: 45%;
	}
	.joyNowTopText
	{
		padding: 15px 15px 15px 40px;
		width: 55%;
	}
		p.joyNowTopTextTitle
		{
			color: #000 !important;
			font-weight: 700 !important;
			font-size: 20px !important;
			line-height: 1.2em !important;
			margin: 0 0 10px !important;
		}
		.joyNowTopText .likedShared
		{
			font-size: 14px;
		}
			.joyNowTopLinks
			{
				margin: 10px 0 0;
			}
				.joyNowTopLinks p.joyNowTopLinksTitle
				{
					color: #AAA !important;
					font-family: 'robotobold';
					font-size: 16px !important;
					margin: 0 0 5px !important;
				}
				.joyNowTopLinks a
				{
					border-bottom: 1px solid #D8D8D8;
					display: block;
					font-size: 14px;
					font-weight: 700;
					line-height: 1.2em;
					margin-bottom: 10px;
					padding: 0 0 5px;
				}
					.joyNowTopLinks a:last-of-type
					{
						border-bottom: 0px solid #D8D8D8;
						margin-bottom: 0;
					}
#beautyclub-sub
{
    
    border: none;
    color: #6B4B94;
    font-family: 'Fira Sans', sans-serif;
    margin-bottom: 35px;
    padding: 20px;
    width: 300px;

    background-image: url('https://www.joy.hu/images/JoyHu/beautyclub/joy-beauty-club-bg-small.jpeg');
    background-position: top center;
    background-size: contain;
	background-repeat: no-repeat;
}

    .beautyclub-sub-header {
        margin-bottom: 110px;
    }

    #beautyclub-sub h2
    {
        font-size: 18px;
        font-weight: 900;
        margin: 0 0 20px;
        text-align: center;
    }

    #beautyclub-sub .sib-form-block p
    {
        line-height: 1.3em;
        margin: 0 0 10px;
        color: #000;
        font-size: 13px;
        text-align: center;
    }
        
        #beautyclub-sub .sib-form
        {
            font-family: 'Fira Sans', sans-serif;
            padding: 0;
        }
            #beautyclub-sub #sib-container
            {
                background-color: transparent;
                padding: 0;
            }
                #beautyclub-sub .entry__label,
                #beautyclub-sub .entry__specification {
                    
                    text-align: center;
                    margin-top: 20px;
                }

                #beautyclub-sub .sib-form-block,
                #beautyclub-sub .sib-form-message-panel__text { padding: 0; }

                #beautyclub-sub .sib-form .entry__field,
                #beautyclub-sub .sib-form .entry__field:focus-within
                {
                    background-color: transparent;
                    border: none;
                    border-radius: 0;
                    box-shadow: none;
                    margin: 0;
                }

                #beautyclub-sub .entry__field input,
                .subscribe-extra-main input
                {
                    background-color: transparent;
                    border: 1px solid #BFBBDE;
                    border-radius: 23px;
                    color: #6B4B94;
                    text-align: center;
                    font-size: 14px;
                    height: 46px;
                    margin-bottom: 0;
                    outline: none;
                    text-align: left !important;
                    width: 100%;
                    text-align: center;
                }
                    #beautyclub-sub .entry__field input::-webkit-input-placeholder { text-align: center; color:#BFBBDE; opacity: 1.0;}
                    #beautyclub-sub .entry__field input::-moz-placeholder {  text-align: center; color:#BFBBDE; opacity: 1.0;}
                    #beautyclub-sub .entry__field input:-ms-input-placeholder {  text-align: center; color:#BFBBDE; opacity: 1.0;}
                    #beautyclub-sub .entry__field input:-moz-placeholder {  text-align: center; color:#BFBBDE; opacity: 1.0;}

        .subscribe-extra-main input.buttonStyle,
        #beautyclub-sub button[type="submit"]
        {
            background-color: #fff;
            border: 1px solid #fff;
            color: #FF2E8A;
            margin: 0;
            outline: none;
            -moz-transition: .3s all ease-in-out;
            -ms-transition: .3s all ease-in-out;
            -o-transition: .3s all ease-in-out;
            -webkit-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
            width: auto;
        }

        #beautyclub-sub button[type="submit"] {
            background-color: #FF2E8A;
            border: 1px solid #FF2E8A;
            color: #fff;
            border-radius: 30px;
            width: 100%;
        }

            .subscribe-extra-main input.buttonStyle:hover,
            #beautyclub-sub button[type="submit"]:hover
            {
                background-color: #6B4B94;
                border: 1px solid #6B4B94;
                color: #FFF;
            }

        #beautyclub-sub .entry__choice {
            margin-top: 10px;
        }

            #beautyclub-sub .entry__choice p  {
                color: #9E9E9E;
                font-size: 12px;

            }

                #beautyclub-sub .entry__choice p a {
                    color: #9E9E9E;
                    font-weight: normal;
                }


        #beautyclub-sub .entry__error--primary,
        #beautyclub-sub .sib-form-message-panel
        {
            background-color: #FFF;
            border: none;
            color: #ff4949;
            font-size: 13px;
            font-weight: 700;
            margin: 0 0 15px;
            text-align: center;
        }
        #beautyclub-sub .sib-form-message-panel { text-align: left; }
        #beautyclub-sub #success-message.sib-form-message-panel { color: #000 }

        .sib-optin,
        .sib-checkbox-group
        {
            font-size: 12px;
            line-height: 1.2em;
            margin-bottom: 25px;
        }
        #beautyclub-sub .sib-form-container a
        {
            color:#6B4B94;
            font-weight: 700;
            text-decoration: underline;
        }

        #beautyclub-sub .entry__label:after { color: #BFBBDE; }.adOuterFrame {
	margin-bottom: 25px;
	position: relative;
	text-align: center;
}

.theAd
{
	margin-bottom: 25px !important;
	position: relative;
	text-align: center;
}
@media only screen and (max-width: 799px) {
	.theAd {
		width: 100%;
	}
}

.theAd:empty,
.theAd:not([data-google-query-id]) {
	display: none !important;
}
	.theAd[data-label="1"]::after {
		content: 'Hirdetés';
		bottom: -15px;
		color: #9B9B9B;
		font-size: 8px;
		left: 50%;
		letter-spacing: 0.3px;
		line-height: 10px;
		margin-bottom: 5px;
		position: absolute;
		text-transform: uppercase;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	
	.advert-ns_btf-1::after,
	.advert-ns_btf-2::after,
	.advert-ns_btf-3::after,
	.advert-ns_btf-4::after,
	.advert-ns_btf-5::after {
		bottom: 2px !important;
	    left: auto !important;
	    right: 0 !important;
	    transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-o-transform: none !important;
		-webkit-transform: none !important;
	}

.verticalAdText
{
	position: relative;	    
	width: calc(100% - 10px);
	min-height: 70px;
}

.verticalAdText .cimke
{
	position: absolute;
	top: 40px;
	right: -28px;
	
	color: #959595;
	font-size: 8px;
	text-transform: uppercase;
	
	transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}


.advert-wp
{
    left: 50%;
    position: fixed;
    top: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2560px;
    
    z-index: 1;
	
	-moz-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
#pb_h_wp, #pb_c_wp, #pb_g_wp {
	top: 100px;
}

@media screen and (max-width: 800px) {
	.advert-wp.microsite-wp {
		display: none;
	}
}

.advert-wp iframe
{
    display: none;
}

@media screen and (min-width: 800px) {
	.wallpaperAdContainer
	{
		border-top:   1px solid rgba(0, 0, 0, 0.10);
		border-left:  1px solid rgba(0, 0, 0, 0.10);
		border-right: 1px solid rgba(0, 0, 0, 0.10);
		margin: 100px auto 0 auto !important;
		max-width: 1142px;
		z-index: 5;
	}
}

.wallpaperAdHeader
{
	margin: 0 auto;
}
.wallpaperAdMainPart
{
	background-color: #FFF;
}
.wallpaperAdContainer #headerCopy {
	display: none;
}

#centerContents.fixedWallpaper 
{ 
	background-color: #FFF;
	margin-top: 100px; 
}

#container.wallpaperAdContainer #centerContents
{
	border-left: none;
	border-right: none;
}


.advert-lay {
	position: fixed;
    top: 0; left: 50%;
	width: 100%; height: 100%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
	z-index: 10000;
	background: rgba(255,255,255, 0.3);
	
	display: none;
}


.gallery-header .advert-lb-atf div
{
	margin: auto auto;	
}


.theAd { z-index: 1; }

.theAd.advert-vertigo
{
	height: 100vh;
	margin-left: -20px;
	margin-right: -20px;
	position: relative;
	z-index: 0;
}
	.theAd.advert-vertigo,
	.post-block-three .theAd.advert-vertigo,
	.post-block-six .theAd.advert-vertigo,
	.adLoaded-640 .theAd.advert-vertigo, 
	.adLoaded-300 .theAd.advert-vertigo
	{
		width: calc(100% + 40px);
	}

	.theAd.advert-vertigo::before,
	.theAd.advert-vertigo::after
	{
		background-color: #FFF;
		content: '';
		height: 100000px;
		left: 50%;
		min-width: 100%;
		position: absolute;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 1000px;
		z-index: 0;
	}
		.theAd.advert-vertigo::before { bottom: 100%; }
		.theAd.advert-vertigo::after { top: 100%; }

	.theAd.advert-vertigo iframe
	{
		border: none;
		bottom: 0;
		height: 100vh;
		left: 0;
		margin: 0;
		padding: 0;
		position: fixed;
		right: 0;
		top: 0;
		width: 100%;
		z-index: -1;
	}

	
	
	h1, .article-tags, .article-header, #article-social-tools, .lead, .theArticleFacebookLikeShare, .articleMain-invisible, .horoscope-box, 
	.card-design-style, .article-item, .article-hero, .article-author-info,
	.gallery-current-article-info, .gallery-nav, .articleBlock, .articleInfos, .articleHeroPic, .articleLeft, .articleEndOffer, .evamagazin-strossle-widget, .turnPageHolder,
	.galleryNavHolder, .galleryMainPicBox, .galleryBack, .currentGalleryText,
	.indexContenLeft, .indexContenRight, .chapterTitle, .articleLead, .trc_elastic_alternating-menshealth-hu, .pagination, .matched-content-box, .strossle-box
	{
		position: relative;
		z-index: 1;
	}

	.article-end-block { z-index: 0; }