@CHARSET "UTF-8";
@charset "utf-8";
@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;
    }
}
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute; }

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px; }

.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px; }

.twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none; }
  .twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0); }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box; }

.twentytwenty-before-label {
  opacity: 0; }
  .twentytwenty-before-label:before {
    content: "Before"; }

.twentytwenty-after-label {
  opacity: 0; }
  .twentytwenty-after-label:before {
    content: "After"; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px; }

.twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5); }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1; }

.twentytwenty-before {
  z-index: 20; }

.twentytwenty-after {
  z-index: 10; }

.twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px; }

.twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px; }

.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px; }

.twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px; }

.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;
  } 
}



.animation
{
	display: block;
	height: 70px;
	margin: 40px auto 80px auto;
	position: relative;
	width: 70px;
}
			

.insta_1
{
	background-color: #FFF;
	border-radius: 1em;
}
	.animation span 
	{ 
		display: block;
		position: absolute; 
	}
	
	.insta_1 span { opacity: 0; }
	
	.insta_1 .line_1
	{
		border: 4px solid #000;
		border-radius: 1em;
		height: 90%;
		left: 5%;
		top: 5%;
		width: 90%;
		
		animation: insta_1line_1 4s ease-in-out infinite;
		-moz-animation: insta_1line_1 4s ease-in-out infinite;
		-o-animation: insta_1line_1 4s ease-in-out infinite;
		-webkit-animation: insta_1line_1 4s ease-in-out infinite;
	}
		@keyframes insta_1line_1 
		{
			0%, 15%, 100% { opacity: 0; }
			25%, 90% { opacity: 1; }
		}
		@-moz-keyframes insta_1line_1 
		{
			0%, 15%, 100% { opacity: 0; }
			25%, 90% { opacity: 1; }
		}
		@-o-keyframes insta_1line_1 
		{
			0%, 15%, 100% { opacity: 0; }
			25%, 90% { opacity: 1; }
		}
		@-webkit-keyframes insta_1line_1 
		{
			0%, 15%, 100% { opacity: 0; }
			25%, 90% { opacity: 1; }
		}
	.insta_1 .line_2
	{
		border: 4px solid #000;
		border-radius: 1em;
		height: 40%;
		left: 30%;
		top: 30%;
		width: 40%;
		
		animation: insta_1line_2 4s ease-in-out infinite;
		-moz-animation: insta_1line_2 4s ease-in-out infinite;
		-o-animation: insta_1line_2 4s ease-in-out infinite;
		-webkit-animation: insta_1line_2 4s ease-in-out infinite;
	}
		@keyframes insta_1line_2 
		{
			0%, 30%, 100% { opacity: 0; }
			40%, 90% { opacity: 1; }
		}
		@-moz-keyframes insta_1line_2 
		{
			0%, 30%, 100% { opacity: 0; }
			40%, 90% { opacity: 1; }
		}
		@-o-keyframes insta_1line_2 
		{
			0%, 30%, 100% { opacity: 0; }
			40%, 90% { opacity: 1; }
		}
		@-webkit-keyframes insta_1line_2 
		{
			0%, 30%, 100% { opacity: 0; }
			40%, 90% { opacity: 1; }
		}
	.insta_1 .line_3
	{
		background-color: #000;
		border-radius: 100%;
		height: 12%;
		right: 20%;
		top: 20%;
		width: 12%;
		
		animation: insta_1line_3 4s ease-in-out infinite;
		-moz-animation: insta_1line_3 4s ease-in-out infinite;
		-o-animation: insta_1line_3 4s ease-in-out infinite;
		-webkit-animation: insta_1line_3 4s ease-in-out infinite;
	}
		@keyframes insta_1line_3 
		{
			0%, 45%, 100% { opacity: 0; }
			55%, 90% { opacity: 1; }
		}
		@-moz-keyframes insta_1line_3 
		{
			0%, 45%, 100% { opacity: 0; }
			55%, 90% { opacity: 1; }
		}
		@-o-keyframes insta_1line_3 
		{
			0%, 45%, 100% { opacity: 0; }
			55%, 90% { opacity: 1; }
		}
		@-webkit-keyframes insta_1line_3 
		{
			0%, 45%, 100% { opacity: 0; }
			55%, 90% { opacity: 1; }
		}
	

.insta_2
{
	background: #fec863;
	background: -moz-linear-gradient(45deg, #fec863 0%, #ec5532 20%, #d63086 50%, #d63086 63%, #9a3ac3 84%, #4c67d5 100%);
	background: -webkit-linear-gradient(45deg, #fec863 0%,#ec5532 20%,#d63086 50%,#d63086 63%,#9a3ac3 84%,#4c67d5 100%);
	background: linear-gradient(45deg, #fec863 0%,#ec5532 20%,#d63086 50%,#d63086 63%,#9a3ac3 84%,#4c67d5 100%);
	border-radius: 1em;
}
	.insta_2 .line_1,
	.insta_2 .line_2,
	.insta_2 .line_3
	{
		border: #FFF 2px solid;
		border-radius: 1em;
		height: 60%;
		top: 20%;
		width: 0;
	}
		.insta_2 .line_1 
		{ 
			left: 20%;
			
			animation: insta_2line_1 4s ease-in-out infinite;
			-moz-animation: insta_2line_1 4s ease-in-out infinite;
			-o-animation: insta_2line_1 4s ease-in-out infinite;
			-webkit-animation: insta_2line_1 4s ease-in-out infinite;
		}
			@keyframes insta_2line_1 
			{
				0%, 15%, 85%, 100%
				{ 
					border-width: 2px;
					left: 20%;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 10%;
					height: 80%;
					top: 10%;
					width: 80%;
				}
			}
			@-moz-keyframes insta_2line_1 
			{
				0%, 15%, 85%, 100%
				{ 
					border-width: 2px;
					left: 20%;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 10%;
					height: 80%;
					top: 10%;
					width: 80%;
				}
			}
			@-o-keyframes insta_2line_1 
			{
				0%, 15%, 85%, 100%
				{ 
					border-width: 2px;
					left: 20%;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 10%;
					height: 80%;
					top: 10%;
					width: 80%;
				}
			}
			@-webkit-keyframes insta_2line_1 
			{
				0%, 15%, 85%, 100%
				{ 
					border-width: 2px;
					left: 20%;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 10%;
					height: 80%;
					top: 10%;
					width: 80%;
				}
			}
		
		.insta_2 .line_2 
		{ 
			left: calc(50% - 2px);
			
			animation: insta_2line_2 4s ease-in-out infinite;
			-moz-animation: insta_2line_2 4s ease-in-out infinite;
			-o-animation: insta_2line_2 4s ease-in-out infinite;
			-webkit-animation: insta_2line_2 4s ease-in-out infinite;
		}
			@keyframes insta_2line_2 
			{
				0%, 15%, 85%, 100% 
				{ 
					border-width: 2px;
					left: calc(50% - 2px);
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 30%;
					height: 40%;
					top: 30%;
					width: 40%;
				}
			}
			@-moz-keyframes insta_2line_2 
			{
				0%, 15%, 85%, 100%
				{ 
					border-width: 2px;
					left: calc(50% - 2px);
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 30%;
					height: 40%;
					top: 30%;
					width: 40%;
				}
			}
			@-o-keyframes insta_2line_2 
			{
				0%, 15%, 85%, 100%
				{ 
					border-width: 2px;
					left: calc(50% - 2px);
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 30%;
					height: 40%;
					top: 30%;
					width: 40%;
				}
			}
			@-webkit-keyframes insta_2line_2 
			{
				0%, 15%, 85%, 100% 
				{ 
					border-width: 2px;
					left: calc(50% - 2px);
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					border-width: 4px;
					left: 30%;
					height: 40%;
					top: 30%;
					width: 40%;
				}
			}
		
		.insta_2 .line_3 
		{
			right: 20%;
			
			animation: insta_2line_3 4s ease-in-out infinite;
			-moz-animation: insta_2line_3 4s ease-in-out infinite;
			-o-animation: insta_2line_3 4s ease-in-out infinite;
			-webkit-animation: insta_2line_3 4s ease-in-out infinite; 
		}
			@keyframes insta_2line_3 
			{
				0%, 15%, 85%, 100%
				{ 
					background-color: transparent;
					border-width: 2px;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					background-color: #FFF;
					border-width: 0;
					height: 12%;
					top: 20%;
					width: 12%;
				}
			}
			@-moz-keyframes insta_2line_3 
			{
				0%, 15%, 85%, 100%
				{ 
					background-color: transparent;
					border-width: 2px;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					background-color: #FFF;
					border-width: 0;
					height: 12%;
					top: 20%;
					width: 12%;
				}
			}
			@-o-keyframes insta_2line_3 
			{
				0%, 15%, 85%, 100%
				{ 
					background-color: transparent;
					border-width: 2px;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					background-color: #FFF;
					border-width: 0;
					height: 12%;
					top: 20%;
					width: 12%;
				}
			}
			@-webkit-keyframes insta_2line_3 
			{
				0%, 15%, 85%, 100%
				{ 
					background-color: transparent;
					border-width: 2px;
					height: 60%;
					top: 20%;
					width: 0;
				}
				25%, 75% 
				{
					background-color: #FFF;
					border-width: 0;
					height: 12%;
					top: 20%;
					width: 12%;
				}
			}
			

.face_1
{
	
}
	.face_1 span,
	.face_2 span
	{
		background-color: #3b5998;
		border-radius: 0;
		display: block;
		height: 90%;
		left: 5%;
		position: absolute;
		top: 5%;
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		width: 90%;
		z-index: 5;
		
		animation: face_1line1 4s ease-in-out infinite;
		-moz-animation: face_1line1 4s ease-in-out infinite;
		-o-animation: face_1line1 4s ease-in-out infinite;
		-webkit-animation: face_1line1 4s ease-in-out infinite;
	}
		
		@keyframes face_1line1 
		{
			0%
			{
				border-radius: 0;
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			25%
			{
				border-radius: 100%;
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			50%
			{
				border-radius: 0;
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-o-transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
			75%
			{
				border-radius: 100%;
				-moz-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
				-o-transform: rotate(270deg);
				-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
			}
			100%
			{
				border-radius: 0;
				-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
		@-moz-keyframes face_1line1 
		{
			0%
			{
				border-radius: 0;
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			25%
			{
				border-radius: 100%;
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			50%
			{
				border-radius: 0;
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-o-transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
			75%
			{
				border-radius: 100%;
				-moz-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
				-o-transform: rotate(270deg);
				-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
			}
			100%
			{
				border-radius: 0;
				-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
		@-o-keyframes face_1line1 
		{
			0%
			{
				border-radius: 0;
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			25%
			{
				border-radius: 100%;
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			50%
			{
				border-radius: 0;
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-o-transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
			75%
			{
				border-radius: 100%;
				-moz-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
				-o-transform: rotate(270deg);
				-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
			}
			100%
			{
				border-radius: 0;
				-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
		@-webkit-keyframes face_1line1 
		{
			0%
			{
				border-radius: 0;
				-moz-transform: rotate(0deg);
				-ms-transform: rotate(0deg);
				-o-transform: rotate(0deg);
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
			}
			25%
			{
				border-radius: 100%;
				-moz-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
			}
			50%
			{
				border-radius: 0;
				-moz-transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-o-transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				transform: rotate(180deg);
			}
			75%
			{
				border-radius: 100%;
				-moz-transform: rotate(270deg);
				-ms-transform: rotate(270deg);
				-o-transform: rotate(270deg);
				-webkit-transform: rotate(270deg);
				transform: rotate(270deg);
			}
			100%
			{
				border-radius: 0;
				-moz-transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-o-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
		}
		
	.face_1 .fa,
	.face_2 .fa,
	.pint_1 .fa
	{
		color: #FFF;
		font-size: 30px;
		left: 50%;
		line-height: 1em;
		position: absolute;
		top: 50%;
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		z-index: 10;
	}

.face_2
{
	
}
	.face_2 span
	{
		background-color: #FFF;
		border: 4px solid #000;
	}
	.face_2 .fa
	{
		color: #000;
	}


.pint_1
{
	border-radius: 100%;
	overflow: hidden;
}
	.pint_1 .line_1
	{
		background-color: #bd081c;
		border-radius: 100%;
		height: 0;
		left: 50%;
		top: 50%;
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 0;
			
		animation: pint_1line_1 4s ease-in-out infinite;
		-moz-animation: pint_1line_1 4s ease-in-out infinite;
		-o-animation: pint_1line_1 4s ease-in-out infinite;
		-webkit-animation: pint_1line_1 4s ease-in-out infinite; 
	}
		@keyframes pint_1line_1 
		{
			0%, 15%, 100% { height: 0; width: 0; }
			30%, 85%
			{ 
				height: 110%;
				width: 110%;
			}
		}
		@-moz-keyframes pint_1line_1 
		{
			0%, 15%, 100% { height: 0; width: 0; }
			30%, 85%
			{ 
				height: 110%;
				width: 110%;
			}
		}
		@-o-keyframes pint_1line_1 
		{
			0%, 15%, 100% { height: 0; width: 0; }
			30%, 85%
			{ 
				height: 110%;
				width: 110%;
			}
		}
		@-webkit-keyframes pint_1line_1 
		{
			0%, 15%, 100% { height: 0; width: 0; }
			30%, 85%
			{ 
				height: 110%;
				width: 110%;
			}
		}
	.pint_1 .fa
	{
		color: #bd081c;
			
		animation: pint_1fa 4s ease-in-out infinite;
		-moz-animation: pint_1fa 4s ease-in-out infinite;
		-o-animation: pint_1fa 4s ease-in-out infinite;
		-webkit-animation: pint_1fa 4s ease-in-out infinite; 
	}
		@keyframes pint_1fa 
		{
			0%, 30%, 85% { color: #bd081c; }
			40%, 75%
			{ 
				color: #FFF;
			}
		}
		@-moz-keyframes pint_1fa 
		{
			0%, 30%, 85% { color: #bd081c; }
			40%, 75%
			{ 
				color: #FFF;
			}
		}
		@-o-keyframes pint_1fa 
		{
			0%, 30%, 85% { color: #bd081c; }
			40%, 75%
			{ 
				color: #FFF;
			}
		}
		@-webkit-keyframes pint_1fa 
		{
			0%, 30%, 85% { color: #bd081c; }
			40%, 75%
			{ 
				color: #FFF;
			}
		}
		

.loader_1
{
	
}
	.loader_1 span
	{
		background-color: #FF2E8A;
		border-radius: 100%;
		height: 0;
		opacity: .3;
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 0;
	}
		.loader_1 .line_1
		{
			left: 45%;
			top: 45%;
			
			animation: loader_1 4s ease-in-out infinite;
			-moz-animation: loader_1 4s ease-in-out infinite;
			-o-animation: loader_1 4s ease-in-out infinite;
			-webkit-animation: loader_1 4s ease-in-out infinite; 
		}
			@keyframes loader_1 
			{
				0%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				15%, 75%
				{ 
					height: 80%;
					width: 80%;
				}
			}
			@-moz-keyframes loader_1 
			{
				0%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				15%, 75%
				{ 
					height: 80%;
					width: 80%;
				}
			}
			@-o-keyframes loader_1 
			{
				0%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				15%, 75%
				{ 
					height: 80%;
					width: 80%;
				}
			}
			@-webkit-keyframes loader_1 
			{
				0%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				15%, 75%
				{ 
					height: 80%;
					width: 80%;
				}
			}
		.loader_1 .line_2
		{
			left: 57%;
			top: 43%;
			
			animation: loader_1 4s ease-in-out infinite;
			-moz-animation: loader_1 4s ease-in-out infinite;
			-o-animation: loader_1 4s ease-in-out infinite;
			-webkit-animation: loader_1 4s ease-in-out infinite; 
			
			-webkit-animation-delay: 0.2s;
			animation-delay: 0.2s;
		}
		.loader_1 .line_3
		{
			left: 55%;
			top: 55%;
			
			animation: loader_1 4s ease-in-out infinite;
			-moz-animation: loader_1 4s ease-in-out infinite;
			-o-animation: loader_1 4s ease-in-out infinite;
			-webkit-animation: loader_1 4s ease-in-out infinite; 
			
			-webkit-animation-delay: 0.4s;
			animation-delay: 0.4s;
		}
		.loader_1 .line_4
		{
			left: 50%;
			opacity: 1;
			top: 50%;
			
			animation: loader_1line_4 4s ease-in-out infinite;
			-moz-animation: loader_1line_4 4s ease-in-out infinite;
			-o-animation: loader_1line_4 4s ease-in-out infinite;
			-webkit-animation: loader_1line_4 4s ease-in-out infinite;
		}
			@keyframes loader_1line_4 
			{
				0%, 22%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				32%, 75%
				{ 
					height: 72%;
					width: 72%;
				}
			}
			@-moz-keyframes loader_1line_4 
			{
				0%, 22%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				32%, 75%
				{ 
					height: 72%;
					width: 72%;
				}
			}
			@-o-keyframes loader_1line_4 
			{
				0%, 22%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				32%, 75%
				{ 
					height: 72%;
					width: 72%;
				}
			}
			@-webkit-keyframes loader_1line_4 
			{
				0%, 22%, 85%, 100%
				{
					height: 0;
					width: 0;
				}
				32%, 75%
				{ 
					height: 72%;
					width: 72%;
				}
			}
		
		.loader_1 img
		{
			left: 50%;
			opacity: 0;
			max-width: 75%;
			position: absolute;
			top: 50%;
			-moz-transform: translate(-50%,-50%);
			-ms-transform: translate(-50%,-50%);
			-o-transform: translate(-50%,-50%);
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			z-index: 20;
			
			animation: loader_1img 4s ease-in-out infinite;
			-moz-animation: loader_1img 4s ease-in-out infinite;
			-o-animation: loader_1img 4s ease-in-out infinite;
			-webkit-animation: loader_1img 4s ease-in-out infinite;
		}
			@keyframes loader_1img 
			{
				0%, 35%, 85%, 100%
				{
					opacity: 0;
				}
				45%, 75%
				{ 
					opacity: 1;
				}
			}
			@-moz-keyframes loader_1img 
			{
				0%, 35%, 85%, 100%
				{
					opacity: 0;
				}
				45%, 75%
				{ 
					opacity: 1;
				}
			}
			@-o-keyframes loader_1img 
			{
				0%, 35%, 85%, 100%
				{
					opacity: 0;
				}
				45%, 75%
				{ 
					opacity: 1;
				}
			}
			@-webkit-keyframes loader_1img 
			{
				0%, 35%, 85%, 100%
				{
					opacity: 0;
				}
				45%, 75%
				{ 
					opacity: 1;
				}
			}



	.animation::after
	{
		color: #CCC;
		content: 'Hamarosan betöltődik';
		font-size: 10px;
		left: 0;
		line-height: 1.2em;
		position: absolute;
		text-align: center;
		text-transform: uppercase;
		top: calc(100% + 10px);
		width: 100%;
	}
	
	.instagramLoader,
	.facebookLoader,
	.pinterestLoader,
	.tiktokLoader,
	.twitterLoader,
	.vimeoLoader
	{
		height: 60px;
		width: 60px;
	}
	
	.instagramLoader span,
	.facebookLoader span,
	.pinterestLoader span,
	.tiktokLoader span,
	.twitterLoader span,
	.vimeoLoader span
	{
		border-radius: 100%;
		height: 0;
		left: 50%;
		top: 50%;
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 0;
		
		animation: spanAnim 4s ease-in-out infinite;
		-moz-animation: spanAnim 4s ease-in-out infinite;
		-o-animation: spanAnim 4s ease-in-out infinite;
		-webkit-animation: spanAnim 4s ease-in-out infinite;
	}
		.instagramLoader span
		{
			background: #fec863;
			background: -moz-linear-gradient(45deg, #fec863 0%, #ec5532 20%, #d63086 50%, #d63086 63%, #9a3ac3 84%, #4c67d5 100%);
			background: -webkit-linear-gradient(45deg, #fec863 0%,#ec5532 20%,#d63086 50%,#d63086 63%,#9a3ac3 84%,#4c67d5 100%);
			background: linear-gradient(45deg, #fec863 0%,#ec5532 20%,#d63086 50%,#d63086 63%,#9a3ac3 84%,#4c67d5 100%);
		}
		.facebookLoader span { background-color: #3b5998; }
		.pinterestLoader span { background-color: #bd081c; }
		.tiktokLoader span { background-color: #000000; }
		.twitterLoader span { background-color: #1da1f2; }
		.vimeoLoader span { background-color: #00adee; }
		
		@keyframes spanAnim 
		{
			0%, 20%, 85% { height: 0; width: 0; }
			30%, 75%
			{ 
				height: 100%;
				width: 100%;
			}
		}
		@-moz-keyframes spanAnim 
		{
			0%, 20%, 85% { height: 0; width: 0; }
			30%, 75%
			{ 
				height: 100%;
				width: 100%;
			}
		}
		@-o-keyframes spanAnim 
		{
			0%, 20%, 85% { height: 0; width: 0; }
			30%, 75%
			{ 
				height: 100%;
				width: 100%;
			}
		}
		@-webkit-keyframes spanAnim 
		{
			
		0%, 20%, 85% { height: 0; width: 0; }
		30%, 75%
		{ 
			height: 100%;
			width: 100%;
		}
	}
	
.instagramLoader .fa,
.facebookLoader .fa,
.pinterestLoader .fa,
.tiktokLoader .fab,
.twitterLoader .fa,
.vimeoLoader .fa
{
	font-size: 30px;
	left: 50%;
	line-height: 1em;
	position: absolute;
	top: 50%;
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	z-index: 10;
}
	.instagramLoader .fa 
	{ 
		color: #d63086;
	
		animation: faAnimInsta 4s ease-in-out infinite;
		-moz-animation: faAnimInsta 4s ease-in-out infinite;
		-o-animation: faAnimInsta 4s ease-in-out infinite;
		-webkit-animation: faAnimInsta 4s ease-in-out infinite;
	}
		@keyframes faAnimInsta 
		{
			0%, 30%, 100% { color: #d63086; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-moz-keyframes faAnimInsta 
		{
			0%, 30%, 100% { color: #d63086; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-o-keyframes faAnimInsta 
		{
			0%, 30%, 100% { color: #d63086; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-webkit-keyframes faAnimInsta 
		{
			
			0%, 30%, 100% { color: #d63086; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
	.facebookLoader .fa 
	{ 
		color: #3b5998; 
	
		animation: faAnimFace 4s ease-in-out infinite;
		-moz-animation: faAnimFace 4s ease-in-out infinite;
		-o-animation: faAnimFace 4s ease-in-out infinite;
		-webkit-animation: faAnimFace 4s ease-in-out infinite;
	}
		@keyframes faAnimFace 
		{
			0%, 30%, 100% { color: #3b5998; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-moz-keyframes faAnimFace 
		{
			0%, 30%, 100% { color: #3b5998; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-o-keyframes faAnimFace 
		{
			0%, 30%, 100% { color: #3b5998; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-webkit-keyframes faAnimFace 
		{
			0%, 30%, 100% { color: #3b5998; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
	.pinterestLoader .fa 
	{ 
		color: #bd081c; 
	
		animation: faAnimPint 4s ease-in-out infinite;
		-moz-animation: faAnimPint 4s ease-in-out infinite;
		-o-animation: faAnimPint 4s ease-in-out infinite;
		-webkit-animation: faAnimPint 4s ease-in-out infinite;
	}
		@keyframes faAnimPint 
		{
			0%, 30%, 100% { color: #bd081c; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-moz-keyframes faAnimPint 
		{
			0%, 30%, 100% { color: #bd081c; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-o-keyframes faAnimPint 
		{
			0%, 30%, 100% { color: #bd081c; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-webkit-keyframes faAnimPint 
		{
			0%, 30%, 100% { color: #bd081c; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
	.tiktokLoader .fab 
	{ 
		color: #000000; 
	
		animation: faAnimTiktok 4s ease-in-out infinite;
		-moz-animation: faAnimTiktok 4s ease-in-out infinite;
		-o-animation: faAnimTiktok 4s ease-in-out infinite;
		-webkit-animation: faAnimTiktok 4s ease-in-out infinite;
	}
		@keyframes faAnimTiktok
		{
			0%, 30%, 100% { color: #000000; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-moz-keyframes faAnimTiktok 
		{
			0%, 30%, 100% { color: #000000; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-o-keyframes faAnimTiktok 
		{
			0%, 30%, 100% { color: #000000; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-webkit-keyframes faAnimTiktok 
		{
			0%, 30%, 100% { color: #000000; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
	.twitterLoader .fa 
	{ 
		color: #1da1f2; 
	
		animation: faAnimTwitter 4s ease-in-out infinite;
		-moz-animation: faAnimTwitter 4s ease-in-out infinite;
		-o-animation: faAnimTwitter 4s ease-in-out infinite;
		-webkit-animation: faAnimTwitter 4s ease-in-out infinite;
	}
		@keyframes faAnimTwitter
		{
			0%, 30%, 100% { color: #1da1f2; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-moz-keyframes faAnimTwitter 
		{
			0%, 30%, 100% { color: #1da1f2; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-o-keyframes faAnimTwitter 
		{
			0%, 30%, 100% { color: #1da1f2; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-webkit-keyframes faAnimTwitter 
		{
			0%, 30%, 100% { color: #1da1f2; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
	.vimeoLoader .fa 
	{ 
		color: #00adee;
	
		animation: faAnimVimeo 4s ease-in-out infinite;
		-moz-animation: faAnimVimeo 4s ease-in-out infinite;
		-o-animation: faAnimVimeo 4s ease-in-out infinite;
		-webkit-animation: faAnimVimeo 4s ease-in-out infinite; 
	}
		@keyframes faAnimVimeo
		{
			0%, 30%, 100% { color: #00adee; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-moz-keyframes faAnimVimeo 
		{
			0%, 30%, 100% { color: #00adee; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-o-keyframes faAnimVimeo 
		{
			0%, 30%, 100% { color: #00adee; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}
		@-webkit-keyframes faAnimVimeo 
		{
			0%, 30%, 100% { color: #00adee; opacity: 1; }
			35%, 65% { color: #FFF; opacity: 1; }
			70%, 90% { opacity: 0; }
		}

.js-video {
	height: 0;
	padding-bottom: 56%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}
.js-video.vimeo {
	padding-top: 0;
}
.js-video.widescreen {
	padding-bottom: 57.25%;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}


@media (max-width: 767px) {
	.js-video {
		padding-top: 0;
		z-index: 2;
	}
}.embedGif {
    margin: 0 auto;
}

.embedGif > * {
    display: block;
    margin: 0 auto;
}

.embed-shopaholic-product
{
	box-shadow: 0 0 15px rgba(0,0,0,0.25);
	margin-bottom: 35px;
	padding: 15px;
	position: relative;
}
	.embed-shopaholic-product-pic
	{
		width: 40%;
	}
	.embed-shopaholic-product-text-box
	{
		padding-left: 20px;
		width: 60%;
	}
		.embed-shopaholic-product-logo
		{
			margin-bottom: 10px;
			width: 80%;
		}
			.embed-shopaholic-product-logo img { width: 100%; }

        .embed-shopaholic-product-text { margin-bottom: 20px; }
		h3
		{
			font-size: 22px;
			font-weight: 900;
			margin-bottom: 10px;
        }
        .embed-shopaholic-product-desc
        {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; 
            margin-bottom: 10px; 
            max-height: 3.9em;
            overflow: hidden;
        }
		.articleMain-visible .embed-shopaholic-product-text-box p
		{
			font-size: 12px;
			line-height: 1.3em;
			margin-bottom: 0;
		}
			.articleMain-visible .embed-shopaholic-product-text-box p.embed-shopaholic-product-price
			{
				font-size: 20px;
				font-weight: 900;
			}
				.articleMain-visible .embed-shopaholic-product-text-box p.embed-shopaholic-product-price del
				{
					font-size: 16px;
					font-weight: 400;
                }
                
@media screen and (max-width: 799px)
{
    .embed-shopaholic-product-box
    {
        -ms-flex-direction: column;
		flex-direction: column;
    }
        .embed-shopaholic-product-pic,
        .embed-shopaholic-product-text-box
        {
            padding: 0;
            width: 100%;
        }
        .embed-shopaholic-product-pic
        {
            margin: 0 auto 20px;
            max-width: 400px;
        }
}#messageFormInArticle {
	width: 80%;
	margin: 50px auto 50px auto;
}

#messageFormInArticle .messageFormTitle
{
	color: rgba(0,0,0,.50);
	font-size: 20px !important;
	text-align: center;
	margin-bottom: 20px;
}

#messageFormInArticle .checkbox
{
	position: relative;
	font-size: 13px;
	line-height: 1.4em;
	margin-top: 10px;
	padding-left: 20px;
	text-align: left;
}

#messageFormInArticle .checkbox a
{
	text-decoration: underline;	
}

#messageFormInArticle .checkboxClick
{
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 2;
}

#messageFormInArticle .checkboxClick i#notAccepted,
#messageFormInArticle .checkboxClick i#accepted
{
	font-size: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 30px;
}
#messageFormInArticle .checkboxClick i#notAccepted
{
	z-index: 1;
}
#messageFormInArticle .checkboxClick i#accepted
{
	display: none;
	font-size: 15px;
	z-index: 2;
	color: #000;
}


#messageFormInArticle .quizSubmit,
#messageFormInArticle .answerAndMore
{
	background-color: #FFF;
	border: 1px solid #000;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 1em;
	margin: 40px auto 0;
	width: 210px;
	padding: 10px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#messageFormInArticle .quizSubmit:hover,
#messageFormInArticle .answerAndMore:hover
{
	background-color: #000;
	color: #FFF;
}

#messageFormInArticle .thereIsAFault
{
    color: #FE2900;
    display: none;
    font-size: 16px;
	line-height: 1.2em;
    margin-bottom: 20px;
    text-align: center;
}


#messageFormInArticle .formElement
{
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	padding: 0 0 0 140px;
}
#messageFormInArticle .formElement input {
	width: 100%;
}


#messageFormInArticle .formElement input,
#messageFormInArticle textarea
{
	background-color: transparent;
	border: 1px solid #D5D5D5;
	color: #000;
	font-size: 16px;
	line-height: 1em;
	height: 45px;
	outline: none !important;
	padding: 10px 50px 10px 10px;
	-webkit-appearance: none;
}
#messageFormInArticle input:-webkit-autofill {
	background-color: #FF2E8A !important;
}
	
#messageFormInArticle textarea
{
	height: 110px;
	padding: 10px;
	resize: none;
	width: 100%;
}

#messageFormInArticle .formElementTitle
{
	color: rgba(0,0,0,.50);
	font-size: 16px;
	left: 0;
	line-height: 1em;
	position: absolute;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#messageFormInArticle .wrongFill
{
	border: 2px solid #FE2900 !important;
}
#messageFormInArticle .formElement .fa 
{
	color: #FE2900;
	position: absolute;
	top: 12px;
	right: 10px;
	font-size: 22px;
	display: none;
}

#messageFormInArticle div.submit {
	text-align: center;
	padding-top: 30px;
}

#messageFormInArticle .thanxForPlay
{
	color: #da104e;
	display: none;
	text-align: center;
}
	#messageFormInArticle .thanxForPlay span 
	{ 
		display: block; 
		line-height: 1.2em;
	}
	.thanxForPlay-title
	{
		font-size: 30px;
		margin-bottom: 15px;
	}
	.thanxForPlay-text
	{
		font-size: 26px;
	}

.grecaptcha-badge {
	display: none;
}



.row-checkbox
{
	margin: 0 0 15px;
	position: relative;
}
	.row-checkbox input[type="checkbox"],
	.row-checkbox input[type="radio"] {
		display: none;
	}

		.row-checkbox input[type="checkbox"] + label,
		.row-checkbox input[type="radio"] + label
		{
			display: block;
			cursor: pointer;
			font-size: 12px;
			padding-left: 30px;
			position: relative;
		}
			.row-checkbox label span
			{
				border: 1px solid #000;
				
				height: 15px;
				left: 0;
				margin-right: 10px;
				position: absolute;
				top: 2px;
				width: 15px;
			}
				.row-checkbox label span::after
				{
					content: '';
					height: 15px;
					left: 0;
					opacity: 1;
					position: absolute;
					top: 0;
					width: 15px;
					z-index: 5;
				}
				.row-checkbox label span::before
				{
					border-right: 2px solid transparent;
					border-top: 2px solid transparent;
					content: '';
					
					height: 0;
					left: 0px;
					position: absolute;
					top: 7px;
					-moz-transform: scaleX(-1) rotate(135deg);
					-ms-transform: scaleX(-1) rotate(135deg);
					-webkit-transform: scaleX(-1) rotate(135deg);
					transform: scaleX(-1) rotate(135deg);
					-moz-transform-origin: left top;
					-ms-transform-origin: left top;
					-webkit-transform-origin: left top;
					transform-origin: left top;
					
					width: 0;
				}

				.row-checkbox input[type="checkbox"]:checked + label span::before,
				.row-checkbox input[type="radio"]:checked + label span::before
				{
					border-right: 2px solid #000;
					border-top: 2px solid #000;

					-moz-animation: check .5s forwards;
					-ms-animation: check .5s forwards;
					-o-animation: check .5s forwards;
					-webkit-animation: check .5s forwards;
					animation: check .5s forwards;
				}
				.row-checkbox input[type="checkbox"]:checked + label span::after,
				.row-checkbox input[type="radio"]:checked + label span::after
				{
					opacity: 0;
				}

				@-webkit-keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}
				@-moz-keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}
				@-ms-keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}
				@keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}

	.row-checkbox .fa { display: none; }

	.under16 {
	    height: 0;
	    overflow: hidden;
	    padding: 0 0 0 40px;
	}
	




#quizInArticle {
	margin: 50px 0 50px 0;
}

#quizInArticle .quizTask
{
	color: rgba(0,0,0,.50);
	font-size: 20px !important;
	text-align: center;
	margin-bottom: 20px;
}

#quizInArticle .quizQuestion
{
	font-family: 'robotobold';
	font-size: 18px !important;
	margin: 15px 0 10px 0 !important;
}

#quizInArticle .radioElements
{
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
	padding-left: 5%;
}

#quizInArticle .radioElement
{
	position: relative;
	margin: 0;
	text-align: left;
}
#quizInArticle .radioElement input[type=radio]
{
	display: none;
}
#quizInArticle .radioElement input[type=radio] + label 
{
	cursor: pointer;
	font-size: 16px;
	padding: 0 5px;
}
#quizInArticle .radioElement input[type='radio'] + label:before 
{
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 16px;
	font-style: normal;
	left: -20px;
	line-height: 1;
	padding-right: 15px;
	position: absolute;
	top: 4px;
	color: #000;
}

#quizInArticle .radioElement input[type=radio] + label:before {
  	content: "\f096"; 
}
#quizInArticle .radioElement input[type=radio]:checked + label:before {
  	content: "\f14a"; 
  	color: #000;
}

#quizInArticle .answerAndMore
{
	padding-top: 14px;
}

#quizInArticle .quizSubmit,
#quizInArticle .answerAndMore
{
	background-color: #FFF;
	border: 1px solid #000;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 1em;
	margin: 40px auto 0;
	width: 210px;
	padding: 10px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

#quizInArticle .quizSubmit:hover,
#quizInArticle .answerAndMore:hover
{
	background-color: #000;
	color: #FFF;
}

#quizInArticle .quizInputs
{
	display: none;
}

#quizInArticle .thereIsAFault
{
    color: #FE2900;
    display: none;
    font-size: 16px;
	line-height: 1.2em;
    margin-bottom: 20px;
    text-align: center;
}


#quizInArticle .formElement
{
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	padding: 0 0 0 140px;
}
#quizInArticle .formElement input {
	width: 100%;
}

	#quizInArticle .formElement:nth-of-type(3)
	{
		margin-bottom: 25px;
	}
	
#quizInArticle .quizComment {
  display: none;
}
	
#quizInArticle .formElement.plusInput {
	padding-left: 0;
}

#quizInArticle .formElement.plusInput .formElementTitle {
	position: static !important;
	display: inline-block;
    vertical-align: middle;
    
}

#quizInArticle .formElement.plusInput input {
	display: inline-block;
    padding: 10px 10px 10px 10px;
}


#quizInArticle .formElement input,
#quizInArticle .quizQuestions textarea
{
	background-color: transparent;
	border: 1px solid #D5D5D5;
	color: #000;
	font-size: 16px;
	line-height: 1em;
	height: 45px;
	outline: none !important;
	padding: 10px 50px 10px 10px;
	-webkit-appearance: none;
}
#quizInArticle .formElement input:focus, .formElement input:active,
#quizInArticle .quizQuestions textarea:focus, .quizQuestions textarea:active
{
	-webkit-appearance: none;
}
#quizInArticle input:-webkit-autofill {
	background-color: #FF2E8A !important;
}
	#quizInArticle .quizQuestions textarea
	{
		height: 110px;
		padding: 10px;
		resize: none;
		width: 100%;
	}

#quizInArticle .formElementTitle
{
	color: rgba(0,0,0,.50);
	font-size: 16px;
	left: 0;
	line-height: 1em;
	position: absolute;
	text-align: left;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

#quizInArticle .wrongFill
{
	border: 2px solid #FE2900 !important;
}
#quizInArticle .formElement .fa 
{
	color: #FE2900;
	position: absolute;
	bottom: 12px;
	right: 10px;
	font-size: 22px;
	display: none;
}

#quizInArticle .thanxForPlay
{
	display: none;
	font-size: 20px;
	text-align: center;
}


.row-checkbox
{
	margin: 0 0 15px;
	position: relative;
}
	.row-checkbox input[type="checkbox"],
	.row-checkbox input[type="radio"] {
		display: none;
	}

		.row-checkbox input[type="checkbox"] + label,
		.row-checkbox input[type="radio"] + label
		{
			display: block;
			cursor: pointer;
			font-size: 12px;
			padding-left: 30px;
			position: relative;
		}
			.row-checkbox label span
			{
				border: 1px solid #000;
				
				height: 15px;
				left: 0;
				margin-right: 10px;
				position: absolute;
				top: 2px;
				width: 15px;
			}
				.row-checkbox label span::after
				{
					content: '';
					height: 15px;
					left: 0;
					opacity: 1;
					position: absolute;
					top: 0;
					width: 15px;
					z-index: 5;
				}
				.row-checkbox label span::before
				{
					border-right: 2px solid transparent;
					border-top: 2px solid transparent;
					content: '';
					
					height: 0;
					left: 0px;
					position: absolute;
					top: 7px;
					-moz-transform: scaleX(-1) rotate(135deg);
					-ms-transform: scaleX(-1) rotate(135deg);
					-webkit-transform: scaleX(-1) rotate(135deg);
					transform: scaleX(-1) rotate(135deg);
					-moz-transform-origin: left top;
					-ms-transform-origin: left top;
					-webkit-transform-origin: left top;
					transform-origin: left top;
					
					width: 0;
				}

				.row-checkbox input[type="checkbox"]:checked + label span::before,
				.row-checkbox input[type="radio"]:checked + label span::before
				{
					border-right: 2px solid #000;
					border-top: 2px solid #000;

					-moz-animation: check .5s forwards;
					-ms-animation: check .5s forwards;
					-o-animation: check .5s forwards;
					-webkit-animation: check .5s forwards;
					animation: check .5s forwards;
				}
				.row-checkbox input[type="checkbox"]:checked + label span::after,
				.row-checkbox input[type="radio"]:checked + label span::after
				{
					opacity: 0;
				}

				@-webkit-keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}
				@-moz-keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}
				@-ms-keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}
				@keyframes check {
					0% {
						height: 0;
						width: 0;
					}
					25% {
						height: 0;
						width: 6px;
					}
					50%, 100% {
						height: 11px;
						width: 6px;
					}
				}

	.row-checkbox .fa { display: none; }

	.under16 {
	    height: 0;
	    overflow: hidden;
	    padding: 0 0 0 40px;
	}

.ease-go
{
    -moz-transition: .2s all ease;
    -ms-transition: .2s all ease;
    -o-transition: .2s all ease;
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
}
.ease-count
{
    -moz-transition: 2s all ease;
    -ms-transition: 2s all ease;
    -o-transition: 2s all ease;
    -webkit-transition: 2s all ease;
    transition: 2s all ease;
}

.vote-2-option-row
{
	margin: 0 0 40px;
	position: relative;
	text-align: center;
	width: 100%;
}
    .vote-answered
    {
        pointer-events: none;
    }

	.vote-2-option-question
	{
		font-size: 24px;
		margin-bottom: 20px;
	}

	.vote-2-option-answers,
	.vote-2-option-answer
	{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

		.vote-2-option-answers
		{
			justify-content: space-between;
		}
			.vote-2-option-answer
			{
				align-items: center;
                border: 1px solid #000;
                cursor: pointer;
				position: relative;
				width: 49%;
			}
				.vote-2-option-answer-text
				{
                    color: #000;
                    line-height: 1.4em;
					padding: 10px 20px;
                    position: relative;
                    width: 100%;
					z-index: 10;
                }
                    .vote-2-option-answer:first-of-type .biggerPadding { padding-right: 55px; }
                    .vote-2-option-answer:last-of-type .biggerPadding { padding-left: 55px; }

				.vote-2-option-bg
				{
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 0;
                }
                    .vote-2-option-answer:hover .vote-2-option-bg { width: 100%; }

                    .vote-2-option-answer:first-of-type .vote-2-option-bg
                    {
                        left: auto;
                        right: 0;
                    }

                .vote-2-option-result
                {
                    background-color: #000;
                    border-radius: 5px;
                    color: #FFF;
                    font-size: 10px;
                    opacity: 0;
                    padding: 5px 10px;
                    position: absolute;
                    top: 50%;
                    -moz-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    -o-transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
                }
                    .vote-2-option-answer:first-of-type .vote-2-option-result { right: 10px; }
                    .vote-2-option-answer:last-of-type .vote-2-option-result { left: 10px; }
ol.breadcrumb
{
	list-style-type: none;
	text-align: center;
	margin: 0 0 25px 0;
	padding: 0;
	
	font-size: 13px;
	font-weight: bold;
	color: #C4C4C4;
	letter-spacing: 1px;
	text-transform: uppercase;
}

	ol.breadcrumb li
	{
		display: inline-block;
		margin: 0;
		padding: 0;
	}
	
		ol.breadcrumb li:before
		{
			display: none;
		}
		
	
	
		ol.breadcrumb li:after
		{
			content: "/";
			margin: 0 5px;
		}
			ol.breadcrumb li:last-child:after
			{
				display: none;
			}
	
		ol.breadcrumb li a
		{
			text-decoration: none;
			color: #C4C4C4;
			
			-webkit-transition: opacity 0.3s linear;
			-o-transition: opacity 0.3s linear;
			transition: opacity 0.3s linear;
		}
		
		ol.breadcrumb li a:hover
		{
			opacity: 0.8;
		}



.bordered-text.articleInnerBox p:not(.articleInnerBoxTitle) {
	margin: inherit;
}


.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%;
        }
}.article-page-cols
{
    position: relative;
}

#rightSideColumn
{
    float: right;
    position: relative;
    width: 300px;
}

.article-container
{
    float: left;
    padding-right: 24px;
    width: 798px;
}

.article-container.microsite {
	float: initial;
	margin-left: auto;
	margin-right: auto;
}


.article-block-scroll.invisible { display: none; }
.article-block-scroll { display: block; }


.article-header
{
    margin-bottom: 35px;
}


.szavazoTarto,
.productInArticleBox,
#rightSideUpper .prBox
{
	background-color: #FFF;
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	border-radius: 5px;
	overflow: hidden;
}


.article-container,
#teethBrushMainPart1200, #teethBrushMainPart1024,
.lead, .theArticleQuotes, .quote, .picContainer,
#joyTvVideoLike, .joyTvOtherArticle, .joyTvOtherArticle,
.brandMain, .article-instagram,
.aboutAuthor, .matched-content-box
{
	margin-bottom: 25px;
}

#theArticle, #theArticleLeadPic,
.mobilEszkoz,
.authorBox, .shareArticleBox, .mostRead, .shareArticle,
#teethBrushRightPart,
.quote, .quote .blockquote, .article-gallery > .image, .picInTheArticleExplain, .letsPlayGif,
.szavazoTarto, .szavazo, .pv, .pe, .szazalekos, .cooper, .pollMegoszto,
.aboutAuthor
{
	position: relative;
	width: 100%;
}

.theArticleMainPart ul, .theArticleMainPart ol
{
	list-style: none;
	margin: 20px 0;
	padding-left: 20px;
}
.theArticleMainPart ul li, .theArticleMainPart ol li
{
	font-size: 16px;
	margin-bottom: 10px;
}
	.theArticleMainPart ul li:before
	{
		color: #ff2e8a;
		content: '\f105';
		font-family: "FontAwesome";
		font-size: 16px;
		margin-right: 10px;
	}
.theArticleMainPart ol
{
	counter-reset: item;
}
	.theArticleMainPart ol li:before
	{
		color: #ff2e8a;
		content: counter(item) ".";
		counter-increment: item;
		font-size: 16px;
		margin-right: 10px;
	}
	

.theArticleMainPart .pr-article-block {
  display: none;
}

@media screen and (max-width: 1024px) {
  .theArticleMainPart .pr-article-block {
    display: block;
  }
  
    .theArticleMainPart .pr-article-block .article-text {
      text-align: left;
    }
    
    .theArticleMainPart .post-block-promo .article-item h2 {
      font-size: 18px;
    }
}


.becauseOfInstagram
{
	display: inline-block;
}

h2
{
	font-weight: 900;
	line-height: 1.1em;
	margin: 0 0 25px;
}

em
{
	font-style: italic;
}

.theArticleMainPart
{
	float: right;
	position: relative;
	width: calc(100% - 99px);
}
	.articleMain-visible,
	.articleMain-visible p
	{
		color: #000;
		font-family: 'Fira Sans', sans-serif;
		font-size: 17px;
		font-weight: 400;
		line-height: 1.5em;
	}

.fb-container
{
	margin-bottom: 10px;
}

.theArticleMainPart .fb-page.fb_iframe_widget {
	margin: 0 auto;
	display: block;
	max-width: 340px;
}


.specTag_joy-love::before,
.specTag_joylove::before
{
	bottom: 7px;
}



#article-social-tools
{
	float: left;
	margin-right: 24px;
	position: relative;
	width: 75px;
}
	#stickInArticle
	{
		height: 190px;
		width: 75px;
	}
		.shareArticle
		{
			background-color: #FFF;
			border-radius: 100%;
			color: #CCC;
			cursor: pointer;
			font-size: 16px;
			height: 30px;
			line-height: 1em;
			margin: 0 auto 5px;
			overflow: hidden;
			padding: 7px 0 0;
			position: relative;
			text-align: center;
			width: 30px;
		}
			.shareArticle:hover
			{
				background-color: #CCC;
				color: #FFF;
			}
				.shareArticleText
				{
					display: none;
				}

				.shareArticle.viber
				{
					background-color: #714893;
					background-image: url('https://www.joy.hu/images/viber-white.png');
					background-position: center center;
					background-repeat: no-repeat;
					background-size: 70%;
					border: 1px solid #714893;
				}

					.shareArticle.viber:hover {
						background-color: #FFF;
						background-image: url('https://www.joy.hu/images/viber-purple.png');
					}

				.shareArticle.gp > i
				{
					font-size: 14px;
					position: relative;
					top: -2px;
				}

		.article-clap
		{
			color: #808080;
			cursor: pointer;
			font-size: 12px;
			margin-bottom: 10px;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-o-user-select: none;
			user-select: none;
			text-align: center;
		}
			.article-clap-button
			{
				border: 1px solid rgba(0, 0, 0, 0.10);
				border-radius: 100%;
				cursor: pointer;
				height: 50px;
				margin: 5px auto 0;
				padding: 14px 12px 0;
				position: relative;
				width: 50px;
			}
				.article-clap-button:hover
				{
					background-color: #F0F0F0;
					border: 1px solid #F0F0F0;
				}

#teethBrushMainPart1200, #teethBrushMainPart1024
{
	position: relative;
	width: 800px;
	height: 120px;
	overflow: hidden;
}
#teethBrushRightPart
{
	height: auto;
}
#teethBrushRightPart .ad
{
	display: inline-block;
}

#ujsag_lapozo_tarto
{
	margin: 0px;
}


.fullWidthArticleOffer .content-box
{
	padding-left: 0;
	padding-right: 0;
}
.row .fullWidthArticleOffer:first-of-type
{
	padding-left: 0 !important;
	padding-right: 18px;
}
.row .fullWidthArticleOffer:last-of-type
{
	padding-left: 18px;
}
.content-box, .promo-box
{
	margin-bottom: 30px;
}




.theArticleTitle
{
	color: #000;
	font-size: 60px;
	font-weight: 900;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 25px;
	text-align: center;
}

.article-tags { margin-bottom: 30px; }
	.article-tag
	{
		background-color: #FFF;
		border-radius: 5px;
		box-shadow: 0 0 25px rgba(0,0,0,.15);
		display: inline-block;
		font-size: 13px;
		font-weight: 700;
		margin: 0 3px 5px;
		padding: 2px 8px;
		position: relative;
		text-transform: uppercase;
	}

.theArticleAllInfo a, .theArticleAllInfo a:focus, .theArticleAllInfo a:active
{
	border-bottom: 1px;
 	color: #000;
	display: inline-block;
	font-size: 12px;
	font-weight: 700;
	margin-right: 5px;
	text-decoration: none;
	text-transform: uppercase;
}
.theArticleAllInfo
{
	margin-bottom: 10px;
}

.theArticleFacebookLikeShare
{
	color: #25282a;
	display: block !important;
	width: 100%;
	height: 34px;
	line-height: 55px;
	margin: -10px 0 20px;
}

.theArticleFacebookLikeShare:empty {
	display: none !important;
}

.theArticleFacebookLikeShare span {
	vertical-align: inherit !important;
}


.articleSponsor
{
	align-items: center;
	background-color: #f0f0f0;
	border-left: #ff2e8a 3px solid;
	color: #25282a;
	display: flex;
	font-size: 900;
	margin-bottom: 25px;
	padding: 5px 10px;
	position: relative;
	width: 100%;
}

.articleSponsorLogo
{
	position: relative;
}
	.articleSponsorLogo img
	{
		display: inline-block;
		max-height: 40px;
		min-height: 30px;
		margin-right: 15px;
	}
		.articleSponsorLogo a,
		.articleSponsor a
		{
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 10;
		}
.articleSponsorText
{
	font-size: 16px;
	padding-left: 10px;
}

.joyTv .theArticleFacebookLikeShare {
	margin-bottom: 8px;
}

.doubleTextBox
{
	display: block;
	width: 100%;
}
	.doubleTextBox .leftTextBox
    {
		float: left;
		width: 50%;
		padding-right: 12px;
	}
	.doubleTextBox .rightTextBox
    {
		float: right;
		width: 50%;
		padding-left: 12px;
	}

.lead
{
	color: #000;
	font-size: 25px;
	font-weight: 700;
    line-height: 1.2em;
    margin-top: 0;
    margin-bottom: 20px;
    text-align: left;
}

.articleMain-invisible
{
	height: 300px;
	margin-bottom: 40px;
	overflow: hidden;
	position: relative;
}
	#theArticle .articleMain-invisible { z-index: 100; }
	.articleMain-invisible.clicked
	{
		margin-bottom: 0;
		overflow: visible;
	}

	.articleMain-invisible::after
	{
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 25%, rgba(255,255,255,1) 90%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 25%,rgba(255,255,255,1) 90%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 25%,rgba(255,255,255,1) 90%);
		bottom: 0;
		content: '';
		height: 100%;
		left: 0;
		opacity: 1;
		position: absolute;
		-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: 100%;
		z-index: 300;
	}
		.articleMain-invisible.clicked::after
		{
			opacity: 0;
			pointer-events: none;
		}

	.articleMain-showOnClick
	{
		bottom: 40px;
		cursor: pointer;
		left: 50%;
		position: absolute;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		z-index: 350;
	}
		.articleMain-showOnClick-arrow
		{
			background-color: #FFF;
			border-radius: 100%;
			bottom: 60px;
			box-shadow: 0 0 20px rgba(0,0,0,.6);
			color: #000;
			font-size: 30px;
			height: 44px;
			left: 50%;
			padding: 7px 0 0;
			position: absolute;
			text-align: center;
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 44px;
		}
			.articleMain-showOnClick-arrow.animate
			{
				-moz-animation: showArrowAnim 2s infinite;
				-ms-animation: showArrowAnim 2s infinite;
				-webkit-animation: showArrowAnim 2s infinite;
				animation: showArrowAnim 2s infinite;
			}
				@-moz-keyframes showArrowAnim
				{
					0%, 100% { bottom: 60px; }
					50% { bottom: 70px; }
				}
				@-ms-keyframes showArrowAnim
				{
					0%, 100% { bottom: 60px; }
					50% { bottom: 70px; }
				}
				@-webkit-keyframes showArrowAnim
				{
					0%, 100% { bottom: 60px; }
					50% { bottom: 70px; }
				}
				@keyframes showArrowAnim
				{
					0%, 100% { bottom: 60px; }
					50% { bottom: 70px; }
				}
		.articleMain-showOnClick-button
		{
			background-color: #000;
			border-radius: 2em;
			box-shadow: 0 0 20px rgba(0,0,0,.6);
			color: #FFF;
			font-size: 15px;
			font-weight: 900;
			letter-spacing: 2px;
			margin: 0 auto;
			max-width: 360px;
			padding: 10px 20px;
			position: relative;
			text-align: center;
			text-transform: uppercase;
			width: 90%;
			z-index: 10;
		}

.joyTv > .lead
{
	margin-bottom: 20px;
    margin-top: 25px;
}

.doubleTextBox{
	display: block;
	width: 100%;

	}
	.doubleTextBox .leftTextBox{
		float: left;
		width: 50%;
		padding-right: 12px;
	}
	.doubleTextBox .rightTextBox{
		float: right;
		width: 50%;
		padding-left: 12px;
	}

	@media (max-width: 640px) {
    .rightTextBox{
        float:none !important;
        width:100% !important;
		padding-left: 0px !important;
    	}
	}
	@media (max-width: 640px) {
    .leftTextBox{
        float:none !important;
        width:100% !important;
        padding-right: 0px !important;
    	}
	}

.theArticleQuotes
{
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	color: #000;
	margin-bottom: 25px;
	padding: 15px 0 20px 40px;
	position: relative;
	width: 100%;
}
	.newMainHolder .theArticleQuotes p
	{
		font-size: 20px;
		font-weight: 900;
		line-height: 1.3em;
		margin-bottom: 5px;
		position: relative;
		z-index: 3;
	}
	.theArticleQuotes::after
	{
		background-image: url('https://www.joy.hu/images/quote.svg');
		background-size: cover;
		content: '';
		display: block;
		height: 40px;
		left: 10px;
		position: absolute;
		top: 10px;
		width: 50px;
		z-index: 1;
	}

	.theArticleQuotesPerson
	{
		color: #000;
		font-size: 12px;
	}


	.quote
	{
		border-bottom: 1px solid #f0f0f0;
		border-top: 1px solid #f0f0f0;
		color: #000;
		font-size: 20px;
		font-weight: 900;
		line-height: 26px;
		padding: 15px 0 20px 40px;
	}
		.quote::after
		{
			background-image: url('https://www.joy.hu/images/quote.svg');
			background-size: cover;
			content: '';
			display: block;
			height: 40px;
			left: 10px;
			position: absolute;
			top: 10px;
			width: 50px;
			z-index: 1;
		}
	.quote-mark
	{
		display: none;
	}
	.quote .blockquote:nth-of-type(3),
	.quote .blockquote:nth-of-type(4),
	.quote .blockquote:nth-of-type(5),
	.quote .blockquote:nth-of-type(6),
	.quote .blockquote:nth-of-type(7)
	{
		margin-top: 35px;
	}

@media screen and (max-width: 639px)
{
	.theArticleQuotes
	{
		padding-left: 0;
		padding-right: 0;
	}
}

.authorBox
{
	color: #9fa1a2;
	font-size: 13px;
	line-height: 1.1em;
	text-align: center;
	text-transform: uppercase;
}
.theArticleAuthor
{
	display: block;
	color: #000;
	font-size: 11px;
	line-height: 1em;
	margin-bottom: 8px;
	text-transform: none;
}


.picContainer
{
	display: inline-block;
	width: 100%;
}
.article-gallery
{
	display: block;
	clear: both;
	margin: 0 auto 25px;
	max-width: 450px;
	padding-bottom: 30px;
	position: relative;
	text-shadow: none !important;
	width: 100%;
}

	.article-gallery.article-gallery--embedInstagram
	{
		margin-bottom: 40px;
	}
		.article-gallery.article-gallery--embedInstagram .image
		{
			padding-top: 0;
			height: 570px;
		}
			.article-gallery.article-gallery--embedInstagram .image > div.inited,
			.article-gallery.article-gallery--embedInstagram .image > div.inited iframe
			{
				display: block !important;
				width: 100% !important;
				height: 100% !important;
				overflow: hidden;
			}

	.article-gallery a
	{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 10;
	}

	.article-gallery .image
	{
		background-size: cover;
		background-position: center center;
		border-radius: 5px;
		box-shadow: 0 0 30px rgba(0, 0, 0, .15);
		position: relative;
		width: 100%;
	}
	.article-gallery .image.padding-top {
		padding-top: 120%;
	}


		.article-gallery .image .text
		{
			bottom: -30px;
			color: #000;
			left: 50%;
			max-width: 370px;
			padding: 25px;
			position: absolute;
			text-align: center;
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 90%;
		}
			p.article-gallery-title-upper
			{
				font-size: 12px;
				font-weight: 700;
				margin-bottom: 10px;
			}
			p.article-gallery-title
			{
				font-size: 20px;
				font-weight: 900;
				margin-bottom: 20px;
			}
			p.article-gallery-title-upper,
			p.article-gallery-title
			{
				line-height: 1.2em;
			}
			.article-gallery-button
			{
				background-color: #FF2E8A;
				border: 1px solid #FF2E8A;
				border-radius: 2em;
				cursor: pointer;
				display: inline-block;
				font-size: 12px;
				font-weight: 700;
				overflow: hidden;
				padding: 0 50px;
				position: relative;
			}
				.article-gallery-button::after
				{
					background-color: #FFF;
					border-radius: 100%;
					content: '';
					height: 0;
					left: 50%;
					position: absolute;
					top: 50%;
					-moz-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					-webkit-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					-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: 0;
				}

				.article-gallery-button span
				{
					color: #FFF;
					position: relative;
					z-index: 10;
				}

				.article-gallery:hover .article-gallery-button::after
				{
					padding-top: 150%;
					width: 150%;
				}
				.article-gallery:hover .article-gallery-button span
				{
					color: #FF2E8A;
				}




.article-rate-box
{
	display: none;
	margin: 0 0 25px;
	position: relative;
	text-align: center;
}
	.article-gallery:hover .button
	{
		background-color: rgb(255, 46, 138);
		bottom: 50px;
	}

	.article-gallery > .image > .button > .text
	{
		font-family: 'robotocondensed';
		font-size: 23px;
		line-height: 23px;
	}

	.article-gallery > .image > .button > .num
	{
		display: block;
		font-family: 'robotoregular';
		font-size: 16px;
		margin-top: 10px;
	}

	p.article-rate-title
	{
		font-family: 'Fira Sans', sans-serif;
		font-size: 20px;
		font-weight: 900;
		margin-bottom: 10px;
	}
		.article-rate-box .flexBox
		{
			justify-content: center;
		}
			.article-rate-box .col
			{
				cursor: pointer;
				font-weight: 700;
				height: 125px;
				overflow: hidden;
				
				text-align: center;
				width: 160px;
			}
				.article-rate-button
				{
					height: 64px;
					margin: 0 auto 10px;
					position: relative;
					-moz-transform: scale(.8);
					-ms-transform: scale(.8);
					-o-transform: scale(.8);
					-webkit-transform: scale(.8);
					transform: scale(.8);
					width: 64px;
				}
					.article-rate-button img
					{
						position: relative;
						z-index: 2;
					}
					.article-rate-confetti
					{
						background-image: url('https://www.joy.hu/images/JoyHu/reaction/konfetti-2.svg');
						background-position: center;
						background-repeat: no-repeat;
						background-size: contain;
						height: 100%;
						left: 50%;
						opacity: 0;
						position: absolute;
						top: 50%;
						-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
						-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
						-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
						-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
						transform: translate(-50%, -50%) rotate(0) scale(.9);
						width: 100%;
						z-index: 1;
					}
					.article-rate-box .col:hover .article-rate-button
					{
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						-webkit-transform: scale(1);
						transform: scale(1);
					}
						.article-rate-button.clicked-1 .article-rate-confetti,
						.article-clap.clicked-1 .article-rate-confetti
						{
							-moz-animation: confetti-1 .3s forwards linear;
							-ms-animation: confetti-1 .3s forwards linear;
							-webkit-animation: confetti-1 .3s forwards linear;
							animation: confetti-1 .3s forwards linear;
						}

						@-moz-keyframes confetti-1
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
							}
						}
						@-ms-keyframes confetti-1
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
							}
						}
						@-webkit-keyframes confetti-1
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
							}
						}
						@keyframes confetti-1
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(16deg) scale(1.7);
							}
						}
					.article-rate-button.clicked-2 .article-rate-confetti,
					.article-clap.clicked-2 .article-rate-confetti
					{
						-moz-animation: confetti-2 .3s forwards linear;
						-ms-animation: confetti-2 .3s forwards linear;
						-webkit-animation: confetti-2 .3s forwards linear;
						animation: confetti-2 .3s forwards linear;
					}

						@-moz-keyframes confetti-2
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
							}
						}
						@-ms-keyframes confetti-2
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
							}
						}
						@-webkit-keyframes confetti-2
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
							}
						}
						@keyframes confetti-2
						{
							0%
							{
								height: 90%;
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-ms-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-o-transform: translate(-50%, -50%) rotate(0) scale(.9);
								-webkit-transform: translate(-50%, -50%) rotate(0) scale(.9);
								transform: translate(-50%, -50%) rotate(0) scale(.9);
								width: 90%;
							}
							50%
							{
								opacity: 1;
								-moz-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-ms-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-o-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								-webkit-transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
								transform: translate(-50%, -50%) rotate(-8deg) scale(1.3);
							}
							100%
							{
								opacity: 0;
								-moz-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-ms-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-o-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								-webkit-transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
								transform: translate(-50%, -50%) rotate(-16deg) scale(1.7);
							}
						}

				.disappear .article-rate-button
				{
					-moz-transform: scale(0);
					-ms-transform: scale(0);
					-o-transform: scale(0);
					-webkit-transform: scale(0);
					transform: scale(0);
				}
				.article-rate-text { opacity: 1; }
				.disappear .article-rate-text { opacity: 0; }
				.article-rate.width0 { width: 0; }

@media screen and (max-width: 768px)
{
	.article-rate-text
	{
		font-size: 14px;
		line-height: 1.2em;
	}

	.article-gallery-button { padding: 0 40px; }
}



.articleInnerBox
{
	border: 1px dotted #000;
	margin: 20px auto;
	padding: 20px;
	text-align: center;
}
	.articleInnerBox p
	{
		font-size: 16px;
		margin: 0;
	}
	.articleInnerBox p.articleInnerBoxTitle
	{
		font-size: 24px;
		font-weight: 700;
		margin: 0 0 10px;
	}
	.articleInnerBox hr
	{
		background-color: #FF2E8A;
		border: 1px solid #FF2E8A;
		display: block;
		height: 2px;
		margin: 10px auto;
		width: 50px;
	}





.picShareHolder
{
    line-height: 1em;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 130px;
    z-index: 2;
}
.picShareButton
{
    background-color: rgba(0,0,0, .5);
    color: #FFF;
    cursor: pointer;
    font-size: 20px;
    float: left;
    height: 40px;
    margin-right: 5px;
    opacity: .4;
    padding: 10px 0 0;
    position: relative;
    width: 40px;
}
.picShareButton:hover
{
    opacity: .8;
}
.picShareButton:last-of-type
{
    margin-right: 0;
}

.picInTheArticleHolder
{
	margin: 0 auto 25px;
}
.picInTheArticle
{
    display: inline-block;
    left: 50%;
	max-width: 100%;
    position: relative;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.picInTheArticle img
{
    height: auto;
    max-width: 100%;
    width: auto;
}

.picInTheArticleLeft
{
	float: left;
	max-width: 50%;
	padding: 10px 25px 25px 0;
	position: relative;
}
.picInTheArticleRight
{
	float: right;
	max-width: 50%;
	padding: 10px 0 25px 25px;
	position: relative;
}

.picInTheArticleExplain
{
   
    bottom: 0;
    color: rgba(0,0,0,.80);
    font-size: 13px;
    left: 0;
    line-height: 1.4em;
    padding: 5px 0 0 0;
}
.picInTheArticleExplain:empty, .picSource:empty
{
    display: none;
}
.picSource
{
	color: #959595;
	font-size: 10px;
	position: relative;
	right: 0;
	top: 3px;
	text-align: left
}

@media screen and (max-width: 500px)
{
	.picInTheArticleLeft,
	.picInTheArticleRight
	{
		float: none;
		max-width: none;
		padding: 0 0 25px;
		width: 100%;
	}
}





.letsPlayGif
{
    clear: both;
    margin: 0 auto 25px;
	text-align: center;
}
	.letsPlayGif img {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
		width: auto;
	}
	.letsPlayGif figure
	{
		display: inline-block;
		max-width: 100%;
		position: relative;
		width: auto;
	}
	.letsPlayGif figure.resize,
	.letsPlayGif figure.resize img {
		width: 400px;
	}

		.letsPlayGif figure::before, .letsPlayGif figure::after
		{
			font-size: 10px;
			position: absolute;
		}
			.letsPlayGif figure::before {
				background-color: rgba(204, 209, 217, 0.3);
				border: 3px solid rgba(255, 255, 255, 0.7);
				border-radius: 100px;
				color: #f5f7fa;
				content: "\f04b";
				cursor: pointer;
				display: block;
				font-family: "FontAwesome" !important;
				font-size: 50px;
				height: 100px;
				left: 50%;
				line-height: 1em;
				margin: 0 auto;
				padding: 23px 0 0 13px;
				text-align: center;
				top: 50%;
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 100px;
			}
			.letsPlayGif figure::after {
				background-color: rgba(255, 46, 135, 0.5);
				border-radius: 3px;
				color: #fff;
				content: "gif";
				display: inline-block;
				font-size: 15px;
				left: 15px;
				padding: 0;
				position: absolute;
				text-align: center;
				text-transform: uppercase;
				top: 15px;
				width: 50px;
			}

.letsPlayGif figure.load::before {
    content: "...";
    padding-top: 3.5%;
    padding-left: 0px;
}
.letsPlayGif figure.load::after {
    background-color: rgba(255, 100, 0, .6);
    color: #fff;
}

.letsPlayGif figure.play::before {
    display: none;
}
.letsPlayGif figure.play::after {
    background-color: #8cc152;
    color: #fff;
}
@media screen and (max-width: 768px) {
	.letsPlayGif figure::before {
	    font-size: 30px;
	    height: 60px;
	    padding: 14px 0 0 7px;
	    width: 60px;
	}
}



.embedTwitter {
	margin: 0 auto;
	max-width: 500px;
}

.embedTwitter iframe {
	border: none !important;
	box-shadow: none !important;
}





.szavazoTarto
{
	margin: 0 0 25px;
}
	.szavazo
	{
		color: #000;
		padding: 25px;
	}
.pv, .pe
{
	color: #25282a;
	cursor: pointer;
	display: inline-block;
    font-size: 16px;
	margin-bottom: 10px;
}
.pe
{
	cursor: auto;
}
.pipa
{
	float: left;
	margin-right: 10px;
	height: 20px;
	width: 20px;
	position: relative;
}
.bePipa, .kiPipa
{
	position: absolute;
	top: 0;
	left: 0;
}
.kiPipa
{
	z-index: 5;
}
.bePipa
{
	color: #ff2e8a
;
	display: none;
	z-index: 20;
}
.pollKerdes
{
	color: #000;
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.2em;
}
.pollValaszok .pv:last-of-type, .pe:last-of-type
{
	margin-bottom: 0;
}
.pollEredmeny, .pollMegoszto
{
	display: none;
}
.szazalekos
{
	border: rgba(0,0,0,.20) 1px solid;
	display: block;
	height: 30px;
	margin-top: 10px;
}
.kitolto
{
	background-color: #ff2e8a;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.pe
{
	margin-bottom: 20px;
}
.aSzam
{
	bottom: 0;
	color: #000;
	font-size: 40px;
	line-height: 1em;
	position: absolute;
	width: 80px;
}
.cooper
{
	padding-left: 100px;
}
.pollMegoszto
{
    font-size: 16px;
	margin-top: 40px;
	text-align: center;
	text-transform: uppercase;
}
.pollMegoszto .megosztomAzEredmenyt
{
	line-height: 1em;
	float: left;
	max-width: 50%;
	padding-top: 0.6em;
}
.pollKozzetesz
{
	background-color: transparent;
	cursor: pointer;
	float: right;
	font-size: 18px;
	margin-left: 11px;
	padding: 8px 0 5px;
	position: relative;
	text-align: center;
	width: 20%;
}
.pollTW
{
	border: 1px solid #1dadea;
	color: #1dadea;
}
.pollFB
{
	border: 1px solid #3c5a96;
	color: #3c5a96;
}
.pollTW:hover
{
	background-color: #1dadea;
	color: #F0F0F0;
}
.pollFB:hover
{
	background-color: #3c5a96;
	color: #F0F0F0;
}

@media screen and (max-width: 885px)
{
	.pollMegoszto .megosztomAzEredmenyt
	{
		padding-top: 0.2em;
	}
}
@media screen and (max-width: 768px)
{
	.pollMegoszto .megosztomAzEredmenyt
	{
		padding-top: 0.6em;
	}
}
@media screen and (max-width: 600px)
{
	.szavazoTarto
	{
		padding: 40px 20px;
	}
	.pollMegoszto .megosztomAzEredmenyt
	{
		width: 100%;
		max-width: none;
		padding-top: 0;
		margin-bottom: 10px;
	}
	.pollMegosztoTarto
	{
		width: 160px;
		position: relative;
		margin: 0 auto;
		display: inline-block;
	}
	.pollMegosztoTarto .pollKozzetesz
	{
		width: 48%;
		margin-left: 0;
	}
	.pollMegosztoTarto .pollTW
	{
		margin-left: 4%;
	}
	.pe
	{
		line-height: 1em;
	}

	.aSzam
	{
		font-size: 34px;
	}
	.cooper
	{
		padding-left: 85px;
	}
}




.beforeAfterHolder
{
	display: block;
	height: auto;
	margin: 20px auto 20px;
	position: relative;
	width: 100%;
}

.twentytwenty-overlay
{
	display: none;
}


.h3-style, span.h3-style
{
	border-left: 3px solid #FF2E8A;
	color: #000;
	display: block;
	font-size: 22px;
	font-weight: 900;
	line-height: 1em;
	margin-bottom: -15px;
	padding: 5px 0 5px 10px;
	text-transform: none;
}
	span.h3-style strong
	{
		font-weight: 900;
	}





.brandInArticle, .brandHeader, .brandMain, .brandRecept, .brandReceptIngredients, .brandProductItemPic,
.listElement, .stepPic, .stepText,
.brandHeaderLeft, .brandHeaderRight, .brandReceptTitle
{
	position: relative;
	width: 100%;
}

.brandInArticle
{
	color: #000;
	font-size: 14px;
	line-height: 1.8em;
	margin: 20px 0px;
	padding: 0px 40px;
}

.brandReceptPic
{
	display: inline-block;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin-bottom: 10px;
	max-width: 100%;
	position: relative;
	width: auto;
}
	.brandReceptPic img
	{
		height: auto;
		margin-bottom: 20px;
		max-width: 100%;
		width: auto;
	}
	.brandreceptUnderPic
	{
		color: #FF2E8A;
		font-size: 26px;
		height: auto;
		line-height: 1em;
		position: relative;
		width: 100%;
	}

.brandReceptTitle
{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.0em;
	margin-bottom: 10px;
}
.brandReceptIngredients
{
	font-weight: 700;
}

.brandRecept ul
{
	font-size: 18px !important;
	margin-bottom: 5px !important;
	padding-left: 20px !important;
}

.brandPruductPart .brandHeader
{
	background-color: #e91d1e;
}
.brandPruductPart .brandRecept
{
	border-left-color: #e91d1e;
}


.brandHeader
{
	color: #FF2E8A;
	font-weight: 700;
	z-index: 5;
}
	.brandHeaderLeft
	{
		color: #000;
		border-bottom: 2px solid #FF2E8A;
		font-size: 36px;
		line-height: 1em;
		padding-top: 5px;
	}
	.brandHeaderRight
	{
		font-weight: 700;
		text-align: right;
	}

	
	.brandPruductHolder
	{
		margin-top: 20px;
		padding: 40px 20px 0px;
	}
	.brandPruductHolder .item
	{
		padding: 0px 20px;
	}
	.brandProductItemPic
	{
		margin-bottom: 10px;
	}
	.brandProductItemPic img
	{
		height: auto;
		max-width: 100%;
		width: auto;
	}
	.brandProductItemName, .brandProductItemName a
	{
		color: #7AB0C1;
		line-height: 1em;
		text-align: center;
		text-decoration: none;
	}
	.brandProductItemName a:hover
	{
		color: #7AB0C1 !important;
		text-decoration: underline;
	}

	.brandPruductHolder .owl-controls .owl-nav div
	{
		position: relative;
		margin: auto;
		width: 40px;
		height: 40px;
		line-height: 1em;
		top: auto;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		padding-top: 0px !important;
	}

	.brandPruductHolder .owl-nav
	{
		height: 40px;
		width: 100px;
	}

	.brandPruductHolder .owl-controls
	{
		margin-top: 0px;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 2;
	}
	.brandPruductHolder .owl-controls .owl-prev, .brandPruductHolder .owl-controls .owl-next
	{
		float: left;
	}
	.brandPruductHolder .owl-controls .owl-prev
	{
		margin-right: 20px;
	}
	.brandPruductHolder .owl-controls .owl-next
	{
		right: auto;
		float: right;
	}
	.brandPruductHolder .owl-controls .owl-prev .productArrow
	{
		padding-right: 3px !important;
	}
	.brandPruductHolder .owl-controls .owl-next .productArrow
	{
		padding-left: 3px !important;
	}
	.productArrow
	{
		background-color: #e91d1e;
		border-radius: 50px;
		color: #FFF;
		font-size: 30px;
		height: 40px;
		padding: 5px 0px 0px !important;
		text-align: center;
		width: 40px;
	}

	.productArrow .fa
	{
		margin-top: 5px;
	}

	.brandPruductPart .brandHeader .brandHeaderLeft
	{
		background-image: url('https://www.joy.hu/assets/5fe664e5/css/../img/kosar.png');
		padding-left: 60px;
	}

	.brandPruductPart .brandHeader .brandHeaderRight
	{
		background-image: none;
		padding-left: 0px;
		padding-top: 8px;
	}

	.brandPruductPart .brandHeader .brandHeaderRight .brandLogo
	{
		height: 50px;
		margin-bottom: -25px;
	}


	

	.listElement
	{
		border-bottom: 1px solid rgba(219,219,219,.50);
		margin: 0 auto 35px;
		padding: 0 0 10px;
	}
	.brandReceptDescWithPic .listElement:first-of-type
	{
		margin-top: 40px;
	}
	.brandReceptDescWithPic .listElement:last-of-type
	{
		border-bottom: 0px solid rgba(219,219,219,.50);
	}
	.stepPic
	{
		margin-bottom: 10px;
	}
	.stepNumber
	{
		background-color: rgba(26,89,100,.85);
		border-radius: 100%;
		color: rgba(255,255,255,.75);
		font-family: 'Lobster', cursive;
		font-size: 32px;
		height: 50px;
		left: 10px;
		line-height: 1em;
		padding: 9px 0;
		position: absolute;
		text-align: center;
		top: 10px;
		width: 50px;
	}

	.stepText
	{
		color: rgba(0,0,0,.9);
		font-weight: 400;
	}


	@media screen and (max-width: 680px)
	{
		.brandInArticle
		{
			padding: 0px;
		}
		.brandRecept
		{
			border-left-width: 0px;
		}
		.brandPruductPart .brandHeader .brandHeaderRight
		{
			color: #e91d1e;
		}
		.brandMain
		{
			margin-top: 20px;
		}
		.brandHeaderLeft, .brandReceptTitle
		{
			font-size: 24px;
		}
	}





.theArticleMainPart a
{
	text-decoration: underline !important;
}
	.theArticleMainPart a:hover
	{
		text-decoration: none !important;
	}
#oneArticleOffer .oneArticleText a,
#oneArticleOffer .oneArticleText a:hover,
#magazinPromo .magazineAdvertisementSlideBorder .magazineAdvertisementSlideHolder .magazineAdvertisementSlideAll a,
#magazinPromo .magazineAdvertisementSlideBorder .magazineAdvertisementSlideHolder .magazineAdvertisementSlideAll a:hover
{
	text-decoration: none !important;
}




.extraSiteUmbrella
{
	margin: 0 auto;
	max-width: 800px;
}
	.form-horizontal .form-group
	{
		margin-left: 0;
		margin-right: 0;
		clear: both;
	}
	.extraSiteUmbrella .pinkText
	{
		color: #FF2E8A;
	}
	.extraSiteUmbrella p
	{
		margin-bottom: 15px !important;
	}

	.extraSiteUmbrella p.pickPackPontText
	{
		color: rgba(0,0,0,.60);
		font-size: 14px;
		line-height: 1.2em;
	}
	.extraSiteUmbrella p.smallerTextUmbrella
	{
		font-size: 17px;
	}
	.extraSiteUmbrella p.yourSincerely
	{
		font-size: 17px;
		line-height: 1.2em;
	    text-align: right;
	}

	.extraSiteUmbrella select
	{
		border: 2px solid rgba(0,0,0,.20);
		border-radius: 0;
		font-size: 18px;
		height: 40px;
		outline: none;
		padding: 5px 10px;
		position: relative;
	}
	.extraSiteUmbrella input[type='text']
	{
		border: 1px solid #d0d0d0;
		border-radius: 0;
		height: 35px;
		outline: medium none;
		padding: 5px;
	}
		.has-error .form-control:focus
		{
			border: 2px solid #FF2E8A;
			-webkit-box-shadow: none;
			box-shadow: none;
		}
		.has-error .control-label,
		.has-error .help-block
		{
			color: #FF2E8A;
		}

		.extraSiteUmbrella .help-block,
		.extraSiteUmbrella .has-error .help-block
		{
			color: #FF2E8A;
			font-size: 14px;
			line-height: 1em;
			margin-bottom: 0 !important;
   			padding-top: 5px;
		}
			.extraSiteUmbrella .has-error .help-block:before
			{
				font-family: FontAwesome;
				font-size: 18px;
				font-style: normal;
				line-height: 1;
				padding-right: 8px;
				color: #FF2E8A;
				content: "\f071";
			}
		.extraSiteUmbrella button[type='submit']
		{
			background-color: rgba(255,255,255,1.00);
			border: 1px solid #000;
			color: #000;
			cursor: pointer;
			display: block;
			font-size: 15px;
			font-weight: 700;
			height: 40px;
			line-height: 1em;
			margin: 25px auto;
			max-width: 240px;
			padding: 0 30px 0;
			position: relative;
			text-transform: uppercase;
			-moz-transition: all .3s ease-in-out;
			-ms-transition: all .3s ease-in-out;
			-o-transition: all .3s ease-in-out;
			-webkit-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
			width: 100%;
		}
			.extraSiteUmbrella button[type='submit']:hover
			{
				background-color: #000;
				color: #FFF;
			}



.flipPicBox
{
	background-color: #f0f0f0;
	margin-bottom: 25px;
	padding: 15px 20px 20px;
	position: relative;
	width: 100%;
}
	.flipPicBoxTitle
	{
		color: #FF2E8A;
		font-size: 22px;
		margin-bottom: 5px;
	}
	.flipPicCard
	{
		margin-left: auto;
		margin-right: auto;
		position: relative;
		width: 100%;
	}
		.flipPic
		{
			-webkit-perspective: 2000;
			-moz-perspective: 2000;
			-ms-perspective: 2000;
			perspective: 2000;

			-moz-transform: perspective(2000px);
			-ms-transform: perspective(2000px);
			-o-transform: perspective(2000px);
			-webkit-transform: perspective(2000px);
			transform: perspective(2000px);

			-moz-transform-style: preserve-3d;
			-ms-transform-style: preserve-3d;
			-o-transform-style: preserve-3d;
			-webkit-transform-style: preserve-3d;
			transform-style: preserve-3d;
		}
			.flipPicFlipper
			{
				-webkit-transition: 0.6s;
				-webkit-transform-style: preserve-3d;
				-ms-transition: 0.6s;

				-moz-transition: 0.6s;
				-moz-transform: perspective(2000px);
				-moz-transform-style: preserve-3d;
				-ms-transform-style: preserve-3d;

				transition: 0.6s;
				transform-style: preserve-3d;

				position: relative;
			}

				.flipPicFlipper img
				{
					max-width: 100%;
				}

				.flipPicFront, .flipPicBack
				{
					background-color: #f0f0f0;
					border: 1px solid #afafaf;
					
					cursor: pointer;
					height: 100%;
					width: 100%;

					-webkit-backface-visibility: hidden;
					-moz-backface-visibility: hidden;
					-ms-backface-visibility: hidden;
					backface-visibility: hidden;

					-webkit-transition: 0.6s;
					-webkit-transform-style: preserve-3d;
					-webkit-transform: rotateY(0deg);

					-moz-transition: 0.6s;
					-moz-transform-style: preserve-3d;
					-moz-transform: rotateY(0deg);

					-o-transition: 0.6s;
					-o-transform-style: preserve-3d;
					-o-transform: rotateY(0deg);

					-ms-transition: 0.6s;
					-ms-transform-style: preserve-3d;
					-ms-transform: rotateY(0deg);

					transition: 0.6s;
					transform-style: preserve-3d;
					transform: rotateY(0deg);

					position: absolute;
					top: 0;
					left: 0;
				}
					.flipPicFront
					{
						-moz-transform: rotateY(0deg);
						-ms-transform: rotateY(0deg);
						-o-transform: rotateY(0deg);
						-webkit-transform: rotateY(0deg);
						transform: rotateY(0deg);
						z-index: 2;
					}
						.flipPicFrontTask
						{
							background-color: rgba(240,240,240,.7);
							border: 1px solid #FFF;
							color: #25282a;
							font-size: 12px;
							height: auto;
							left: 50%;
							max-width: 140px;
							opacity: 1;
							overflow: hidden;
							padding: 10px;
							position: absolute;
							text-align: center;
							top: 50%;
							-moz-transform: translate(-50%,-50%);
							-ms-transform: translate(-50%,-50%);
							-o-transform: translate(-50%,-50%);
							-webkit-transform: translate(-50%,-50%);
							transform: translate(-50%,-50%);
							z-index: 5;
						}
							.flipPicFront:hover .flipPicFrontTask
							{
								opacity: 0;
							}
					.flipPicBack
					{
						-webkit-transform: rotateY(-180deg);
						-moz-transform: rotateY(-180deg);
						-o-transform: rotateY(-180deg);
						-ms-transform: rotateY(-180deg);
						transform: rotateY(-180deg);

						background-size: cover;
						background-repeat: no-repeat;
						color: #231F20;
						font-size: 12px;
						line-height: 1.2em;
						text-align: center;
					}

						.flipIt .flipPicBack
						{
							-webkit-transform: rotateY(0deg);
							-moz-transform: rotateY(0deg);
							-o-transform: rotateY(0deg);
							-ms-transform: rotateY(0deg);
							transform: rotateY(0deg);
						}
							.flipPicCaption
							{
								border-top: 1px solid #afafaf;
							    -webkit-box-orient: vertical;
								color: #000;
    							display: -webkit-box;
								font-size: 12px;
							    -webkit-line-clamp: 3;
								line-height: 1.4em;
								max-height: 55px;
								overflow: hidden;
								padding: 6px 10px 0;
								position: relative;
								text-align: right;
								text-overflow: ellipsis;
								width: 100%;
							}

						.flipIt .flipPicFront
						{
							-webkit-transform: rotateY(180deg);
							-moz-transform: rotateY(180deg);
							-o-transform: rotateY(180deg);
							transform: rotateY(180deg);
						}
			@media screen and (max-width: 639px)
			{
				.flipPicCaption
				{
					font-size: 12px;
				}
			}






.productInArticleBox
{
	margin: 0 auto 25px;
	padding: 0px;
	position: relative;
	width: 100%;
}
	.productInArticleHolder,
	.productInArticleItemPic,
	.productInArticleItemText
	{
		float: left;
		position: relative;
		width: 110px;
	}

	.productInArticleHolder
	{
		float: left;
	}

	.productInArticleBoxLogo
	{
		float: right;
		
		text-align: right;
		right: 20px;
		position: absolute;
		bottom: 20px;
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 110px;
	}

	.productInArticleNewPrice
	{
		height: 135px;
		width: 135px;
		text-align: right;
		right: 0px;
		position: absolute;
		top: 0;
	}

		.productInArticleBoxLogo img,
		.productInArticleBoxLogo svg
		{
			max-width: 100%;
		}
	.productInArticleHolder
	{
		height: 210px;
		padding: 0;
		width: 100%;

	}


		.productInArticleItem
		{
			position: relative;
			width: 100%;
		}
			.productInArticleItemPic,
			.productInArticleItemText
			{
				width: 50%;
			}

			.productInArticleItemText {
				left: auto;
				right: 60px !important;
			}

			.productInArticleItemPic
			{
				height: 210px;
				position: relative;
				z-index: 0;
				background-image: url('https://www.joy.hu/images/JoyHu/shop/product-in-article-circle-bg.svg');
				background-size: 130%;
				background-repeat: no-repeat;
				background-position: right;
				padding: 0 20px;
			}

				.productInArticleItemPic::after
				{
					background-color: #fff;
					content: ' ';
					z-index: 0;
					border-radius: 50%;
					margin: auto;
					position: absolute;
					top: 0;
					left: -50px;
					bottom: 0;
					width: 300px;
    			height: 300px;

				}

				.productInArticleItemPic img
				{
			    margin: 0 !important;
					max-width: 200px;
					position: relative;
					z-index: 1;
					clip-path: circle(140px at center);
					width: 200px !important;
					height: calc( 100% - 20px);
					object-fit: contain;
					top: 10px;
					left: -10px;
					bottom: 10px;
				}


				.productInArticleItemText
				{
					padding: 0 0 0 20px;
					position: absolute;
					right: 0;
					text-align: center;
					top: 50%;
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
				}
				a.productInArticleBrand,
				a.productInArticleName,
				p.productInArticleOldPrice,
				p.productInArticlePrice
				{
					font-size: 18px;
					line-height: 20px;
					margin: 0 0 5px;
				}


					a.productInArticleBrand,
					a.productInArticleName
					{
						color: #000;
						text-decoration: none !important;
					}
					a.productInArticleName
					{
						font-weight: 700;
					}
					p.productInArticleOldPrice a
					{
						position: relative;
						text-decoration: line-through !important;
						font-weight: bold;
						font-size: 16px;
						line-height: 19px;
						color: #C4C4C4;

					}
					p.productInArticlePrice a
					{
						color: #FF2E8A;
						font-weight: 700;
						font-size: 25px;
						line-height: 30px;
					}

					p.productInArticlePrice a {
						text-decoration: none !important;
					}

					.productInArticleSalesPrice {
						margin-bottom: 0 !important;
					}

					p.productInArticleSalesPrice a
					{
						color: #FF2E8A;
						font-weight: 700;
						font-size: 25px;
						line-height: 30px;
					}

					.productInArticleItemText a.productInArticleButton
					{
						background-color: #FF2E8A;
						border: 1px solid #FF2E8A;
						color: #FFF;
						display: block;
						font-size: 12px;
						font-weight: 400;
						line-height: 1em;
						margin: 15px auto 0;
						padding: 15px;
						text-align: center;
						text-decoration: none !important;
						text-transform: uppercase;
						width: 140px;
					}
						.productInArticleItemText a.productInArticleButton:hover
						{
							background-color: #FFF;
							color: #FF2E8A;
							text-decoration: none;
						}
				
				.productInArticleItemPic a
				{
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%;
					z-index: 5;
				}


				

				.owl-item {

				}

				.owl-item .productInArticleItemPic::before
				{
					background-color: #fff;
					content: ' ';
					z-index: 0;
					margin: auto;
					position: absolute;
					top: 0px;
    			left: 0px;
					right: 0;
					width: 240px;
					height: 390px;
					background-image: url('https://www.joy.hu/images/JoyHu/shop/product-in-article-circle-bg.svg');
					background-size: cover;
					background-repeat: no-repeat;
					background-position: right;
					transform: rotate(90deg);

				}

				.productInArticleMoreThanOne {
					box-shadow: none;
					margin-left: -20px;
					margin-right: -20px;
					width: calc(100% + 40px);
				}

				.productInArticleHolder.owl-carousel {
					margin-right: 10px;
					height: auto;
				}

				.productInArticleHolder.owl-carousel .owl-stage-outer {
						
						
						height: 560px;
					}

					.productInArticleHolder.owl-carousel .owl-stage {
						padding: 20px 0;
					}

					.productInArticleHolder.owl-carousel .productInArticleItem {
						height: 520px;
						
						overflow: hidden;
						margin: 10px;
						box-shadow: 0 0 15px rgb(0 0 0 / 15%);
						width: auto;
						border-radius: 5px;
					}

					.productInArticleHolder.owl-carousel .productInArticleNewPrice {
						height: 85px;
						width: 85px;
					}

					.productInArticleHolder.owl-carousel .productInArticleItemPic {
						width: 100%;
					}

					

					.productInArticleHolder.owl-carousel .productInArticleItemText {
						top: 360px;
						width: 100%;
						right: auto !important;
						padding: 0 5px;
					}

					.productInArticleHolder.owl-carousel .productInArticleBoxLogo {
						float: none;
						margin: 40px auto 0 auto;
						padding: 0;
						right: 0;
						left: 0;
						width: 90px;
						position: absolute;
					}

					.productInArticleHolder.owl-carousel .productInArticleItemPic img {
						width: 160px !important;
						left: 0;
						right: 0;
    				margin: auto !important;
					}

					.productInArticleHolder.owl-carousel .productInArticleItemPic::before  {
						top: -35px;
					}

					.productInArticleHolder.owl-carousel .productInArticleItemPic::after  {
						top: -30px;
						left: -40px;
					}

	@media screen and (min-width: 639px) and (max-width: 992px)
	{



		.productInArticleHolder.owl-carousel .productInArticleItemPic::after {
			width: 450px;
			height: 310px;
			top: -40px;
		}

		.productInArticleHolder.owl-carousel .owl-item .productInArticleItemPic::before {
			height: 380px;
			top: -30px;
		}

		.productInArticleHolder.owl-carousel .productInArticleItemPic img {
			left: 0;
			right: 0;
			margin: auto !important;
		}

		.owl-item .productInArticleItemPic::before
		{
			top: -40px;
			left: 0px;
		}

	}

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

		.productInArticleItemText {
			left: auto !important;
    	right: auto !important;
		}

		.productInArticleHolder.owl-carousel .productInArticleItem {
			width: calc(100% - 10px);
			margin: 10px auto;
			display: flex;
			flex-direction: column;
			
		}

		.productInArticleHolder.owl-carousel .productInArticleItemText {
			top: 0;
		}

		.productInArticleHolder.owl-carousel a.productInArticleBrand,
		.productInArticleHolder.owl-carousel a.productInArticleName,
		.productInArticleHolder.owl-carousel p.productInArticleOldPrice,
		.productInArticleHolder.owl-carousel p.productInArticlePrice {
			font-size: 14px;
		}

		.productInArticleHolder.owl-carousel p.productInArticlePrice a {
			font-size: 18px;
		}


		.productInArticleHolder.owl-carousel .productInArticleBoxLogo {
			
		}

		.productInArticleHolder.owl-carousel .productInArticleItemPic {
			padding-bottom: 120px;
		}


			.productInArticleHolder.owl-carousel .productInArticleItemPic img {
				height: 130px;
			}

		.productInArticleHolder.owl-carousel .owl-item .productInArticleItemPic::before {
			top: -60px;
		}

		.productInArticleHolder.owl-carousel .productInArticleItemPic::after {
			top: -140px;
			left: -100px;
		}


		.productInArticleMoreThanOne {
			
			max-width: none !important;

		}

		.productInArticleBox
		{
			max-width: 320px;
		}
			.productInArticleBoxLogo, .productInArticleHolder,
			.productInArticleItemPic, .productInArticleItemText
			{
				float: none;
			}
				.productInArticleBoxLogo
				{
					left: auto;
					margin: 40px auto 0px;
					position: relative;
					top: auto;
					-moz-transform: none;
					-ms-transform: none;
					-o-transform: none;
					-webkit-transform: none;
					transform: none;
				}
				.productInArticleHolder,
				.productInArticleItemPic, .productInArticleItemText
				{
					padding: 0;
    				width: 100%;
				}
					.productInArticleHolder,
					.productInArticleItemPic
					{
						height: auto;
					}
					.productInArticleItemPic
					{
						margin-bottom: 20px;
					}
					.productInArticleItemText,
					.productInArticleItemPic img
					{
						position: relative;
						right: auto;
						top: auto;
						-moz-transform: none;
						-ms-transform: none;
						-o-transform: none;
						-webkit-transform: none;
						transform: none;
					}

					.productInArticleItemPic {
						padding-bottom: 70px;
						background-image:none;
						display: flex;
    				justify-content: center;
					}

					.productInArticleItemPic::before
					{
						background-color: #fff;
						content: ' ';
						z-index: 0;
						margin: auto;
						position: absolute;
						top: 0;
						left: 0;
						right: 0;
						width: 240px;
						height: 320px;
						background-image: url('https://www.joy.hu/images/JoyHu/shop/product-in-article-circle-bg.svg');
						background-size: cover;
						background-repeat: no-repeat;
						background-position: right;
						transform: rotate(90deg);

					}

					.productInArticleItemPic::after
					{
						top: -80px;
						left: -40px;
						bottom: 0;
						width: 400px;
						height: 300px;
					}


					.productInArticleItemPic img
					{
						left: auto;
						height: 200px;
						clip-path: none;
						top: 20px;
					}

					.productInArticleNewPrice {
						width: 100px;
						height: 100px;
					}
	}




.downloadBox
{
	background-color: #f0f0f0;
    border-left: #ff2e8a 3px solid;
	margin-bottom: 25px;
    padding: 20px 40px;
	position: relative;
	text-align: center;
	width: 100%;
}
	p.downloadBoxTitle
	{
		color: #000;
		font-size: 22px;
		font-weight: 700;
		margin-bottom: 20px;
		line-height: 1.2em;
		padding-bottom: 15px;
		position: relative;
		text-transform: uppercase;
	}
		p.downloadBoxTitle::after
		{
			background-color: #FF2E8A;
			bottom: 0;
			content: "";
			display: block;
			height: 4px;
			left: 50%;
			position: absolute;
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 55px;
		}
	p.downloadBoxText
	{
		margin: 0 0 15px;
	}
	.downloadBox a
	{
		background-color: #FF2E8A;
		border: 1px solid #FF2E8A;
		border-radius: 2em;
		color: #FFF;
		display: block;
		font-size: 14px;
		height: 40px;
		margin: 0 auto;
		line-height: 1em;
		max-width: 150px;
		padding: 9px;
		position: relative;
		text-decoration: none !important;
		text-transform: uppercase;
	}
		.downloadBox a:hover
		{
			background-color: transparent;
			color: #FF2E8A;
		}
			.downloadBox a .fa
			{
				font-size: 24px;
				margin-right: 5px;
				margin-top: -5px;
			}


.articleOffer-threeBlock
{
	justify-content: center;
	margin-bottom: 40px;
}
	.articleOffer-threeBlock .cardDesign-style
	{
		margin-right: 20px;
		max-width: 245px;
		position: relative;
		width: 33.33%;
	}
		.articleOffer-threeBlock .cardDesign-style:nth-of-type(3n + 3)
		{
			margin-right: 0;
		}

		.articleOffer-threeBlock .articleRecommend-text,
		.articleRecommend-text
		{
			line-height: 1.3em;
			padding: 5px 20px 15px;
		}
			.label-readIt
			{
				color: #FF2E8A;
				display: block;
				font-size: 12px;
				font-weight: 700;
				margin-bottom: 5px;
			}
			.newMainHolder .articleOffer-threeBlock .articleRecommend-text .articleRecommend-title-big,
			#rightSideColumn .articleRecommend-title-big
			{
				font-size: 18px;
				font-weight: 900;
				margin: 5px 0;
			}


.block
{
    margin-bottom: 25px;
    position: relative;
    width: 100%
}
	.articleRecommend-pic
	{
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-bottom: 10px;
		padding-top: 52%;
		position: relative;
		width: 100%;
	}
	.articleRecommend-title-small
	{
		font-size: 13px;
		line-height: 1.4em;
	}





	
	.article-end-block-row.vertical-view .articleEndOffer.articleEndOffer-picAd
	{
		line-height: 1.2em;
		margin: 0;
		padding: 10px;
		width: 100%;
	}
		.advert-rl_btf-1 .articleEndOffer-picAd .flexBox,
		.advert-rl_btf-2 .articleEndOffer-picAd .flexBox,
		.advert-nl_btf-1 .articleEndOffer-picAd .flexBox
		{
			-ms-flex-direction: column;
			flex-direction: column;
		}
		.articleEndOffer-picAd .ad-cimke
		{
			display: block;
			font-size: 12px;
			margin-bottom: 10px;
			text-align: right;
		}
			.advert-rl_btf-1 .articleEndOffer-picAd .articleEndOfferText,
			.advert-rl_btf-2 .articleEndOffer-picAd .articleEndOfferText,
			.advert-nl_btf-1 .articleEndOffer-picAd .articleEndOfferText { padding: 15px 10px 5px !important; }

			.articleEndOffer-picAd p
			{
				-webkit-line-clamp: inherit !important;
				max-height: inherit !important;
			}
			.articleEndOffer-picAd .title
			{
				font-size: 16px;
				font-weight: 600;
			}
			.articleEndOffer-picAd .articleEndOfferPic
			{
				padding-top: 52%;
			}

			.article-end-block-row.vertical-view #rw_c_nl_btf-1 { margin-top: 0 !important }

		.post-list-row.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-1,
		.post-list-row.vertical-view:not(.adLoaded-in-list-640) .advert-nl_btf-1,
		.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-2,
		.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-1,
		.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .advert-nl_btf-1,
		.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) #joy_c_nl_btf-1
		{
			display: block;
			left: auto;
			margin-bottom: 4%;
			margin-right: 4%;
			padding: 20px 0;
			transform: none;
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			width: 48%;
		}
		.post-list-row .makeItClear { display: none; }

		.post-list-row.vertical-view:not(.adLoaded-in-list-640)
		{
			justify-content: space-between;
		}

		.post-list-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOffer,
		.post-list-row.vertical-view:not(.adLoaded-in-list-640) .theAd,
		.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOffer
		{
			width: 48%;
		}
		.post-list-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOffer,
		.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOffer
		{
			flex-direction: column;
		}

			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOfferPic,
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOfferText,
			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOfferPic,
			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOfferText
			{
				float: none;
				padding-top: 52%;
				width: 100%;
			}
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOfferText,
			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOfferText
			{
				padding: 15px 20px;
			}

			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-1 .articleEndOffer,
			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-2 .articleEndOffer,
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-1 .articleEndOffer,
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .advert-rl_btf-2 .articleEndOffer,
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .advert-nl_btf-1 .articleEndOffer { width: 100% }

		
		.article-end-block-noad .post-list-row.vertical-view .articleEndOffer,
		.article-end-block-adblock .post-list-row.vertical-view .articleEndOffer
		{
			flex-direction: row;
			width: 100%;
		}
			.article-end-block-noad .post-list-row.vertical-view .articleEndOfferPic,
			.article-end-block-adblock .post-list-row.vertical-view .articleEndOfferPic
			{
				float: left;
				padding-top: 20%;
				width: 30%;
			}
			.article-end-block-noad .post-list-row.vertical-view .articleEndOfferText,
			.article-end-block-adblock .post-list-row.vertical-view .articleEndOfferText
			{
				float: left;
				padding: 15px 15px 15px 20px;
				width: 70%;
			}

		.post-list-row.vertical-view.adLoaded-in-list-640
		{
			-ms-flex-direction: column;
			flex-direction: column;
		}


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

		.article-end-block-row
		{
			-ms-flex-direction: column;
			flex-direction: column;
		}
		.post-list-row
		{
			flex-wrap: wrap;
			justify-content: space-between;
		}
			.post-list-row.vertical-view .articleEndOffer,
			.post-list-row.vertical-view .advert-rl_btf-1,
			.post-list-row.vertical-view .advert-nl_btf-1,
			.article-end-block-row.vertical-view .advert-nl_btf-1,
			.article-end-block-row.vertical-view .articleEndOffer,
			.article-end-block-row.vertical-view .articleEndOfferPic,
			.article-end-block-row.vertical-view .articleEndOfferText,
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOffer,
			.post-list-row.vertical-view:not(.adLoaded-in-list-640) .theAd,
			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) .articleEndOffer,
			.article-end-block-row.vertical-view:not(.adLoaded-in-list-640) #joy_c_nl_btf-1
			{
				width: 100%;
			}
			.post-list-row.vertical-view .articleEndOffer,
			.post-list-row.vertical-view .advert-rl_btf-1,
			.post-list-row.vertical-view .advert-nl_btf-1
			{
				margin-right: 0;
			}

		.articleOffer-threeBlock
		{
			align-items: center;
			flex-direction: column;
		}
			.articleOffer-threeBlock .cardDesign-style,
			.articleOffer-threeBlock .cardDesign-style:nth-of-type(3n + 3)
			{
				margin: 0 0 20px;
				max-width: 340px;
				width: 100%;
			}

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

@media screen and (max-width: 1199px)
{
	#mainPart .centerPart { max-width: 1005px; }

		#article-social-tools,
		#teethBrushMainPart1200
		{
			display: none;
		}
		#teethBrushMainPart1024,
		.article-container
		{
			width: 665px;
		}
		.theArticleMainPart
		{
			width: 100%;
		}
}

@media screen and (max-width: 1023px)
{
    #mainPart.article-page
    {
        margin: 0 auto;
        max-width: 855px;
    }

    .article-container
    {
        float: none;
        padding-right: 0;
        width: 100%;
    }
    #rightSideColumn { display: none; }
	#article-social-tools
	{
		display: block;
	}
	.logo
	{
		margin-right: 20px;
	}
	.theArticleMainPart
	{
		width: calc(100% - 99px);
	}
}

@media screen and (max-width: 879px)
{
	
	.mostRead, .shareArticleText
	{
		display: none;
	}
}

@media screen and (max-width: 799px)
{
	#article-social-tools, .theArticleMainPart
	{
		float: none;
		margin-right: 0;
		width: 100%;
	}

	#article-social-tools { margin-bottom: 25px; }

	.theArticleTitle
	{
		font-size: 30px;
		line-height: 1.2em;
	}

	
	.article-header
	{
		flex-direction: column;
		margin-bottom: 15px;
	}
		.article-author-info,
        .article-info,
        .article-header .article-author-info,
        .article-header  .article-info
		{
			font-size: 12px;
			padding: 10px 10px;
			width: 100%;
		}
		.article-hero
		{
			order: 2;
		}
		.article-info
		{
			order: 3;
		}
			.author-pic
			{
				height: 55px;
				width: 55px;
			}
			.author-info
			{
				font-size: 13px;
			}
				.author-info p
				{
					font-size: 12px;
					margin: 5px 0 0;
				}

	#theArticle
	{
		display: block;
	}

	#stickInArticle
	{
		align-items: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		height: auto;
		justify-content: space-between;
		left: auto;
		max-width: none;
		position: relative;
		top: auto;
		width: 100%;
	}
		.article-clap
		{
			margin: 0;
			width: 110px;
		}
			.article-clap-button
			{
				float: left;
			}
			.article-clap span
			{
				display: inline-block;
				padding-top: 20px;
			}

		.shareArticleBox
		{
			margin: 0;
			text-align: right;
		}
			.shareArticle
			{
				display: inline-block;
				margin: 0 5px;
				vertical-align: middle;
			}
}

@media screen and (max-width: 639px)
{
	.fullWidthArticleOffer
	{
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
		width: 100%;
	}
	.fullWidthArticleOffer img
	{
		height: auto;
		width: 100%;
	}
	.row .fullWidthArticleOffer:last-of-type
	{
		padding-left: 0;
	}

	.theArticleTitle
	{
		font-size: 34px;
		line-height: 38px;
	}

	
	#joyTvOtherVideos .col-xs-6:first-of-type, #joyTvOtherVideos .col-xs-6:last-of-type
	{
		padding-left: 0;
		padding-right: 0;
	}

	.joyTvOtherArticle
	{
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
	}
	.joyTvOtherArticlePic, .joyTvOtherArticleText
	{
		float: none;
		width: 100%;
	}
	.joyTvOtherArticleText
	{
		padding: 0;
	}
	.joyTvOtherArticlePic
	{
		height: 200px;
		margin-bottom: 10px;
	}
	
}



.aboutAuthor
{
}
	.aboutAuthorPic
	{
		background-position: center;
		background-size: cover;
		border: 2px solid #f0f0f0;
		border-radius: 100%;
		float: left;
		overflow: hidden;
		padding-top: 30%;
		position: relative;
		width: 30%;
	}
	.aboutAuthorText
	{
		float: left;
		padding-left: 20px;
		position: relative;
		width: 70%;
	}
		.aboutAuthor p.aboutAuthorName
		{
			color: #000;
			font-size: 22px;
			font-weight: 700;
			margin: 0 0 15px;
			padding: 5px 0 10px 0 !important;
			position: relative;
			text-align: center;
		}
			.aboutAuthor p.aboutAuthorName::after
			{
				background-color: #FF2E8A;
				bottom: 0;
				content: '';
				display: block;
				height: 3px;
				left: 50%;
				position: absolute;
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				transform: translateX(-50%);
				width: 50px;
			}
		.aboutAuthor p.aboutAuthorLead
		{
			font-size: 14px;
			line-height: 24px;
			margin-bottom: 0;
		}

	
	.article-gallery .card-design-style {
		background-color: #000;
	}

	.article-gallery .image .text {
		color: #fff;
	}
	.article-gallery p.article-gallery-title-upper {
		display: none;
	}

	.article-gallery p.article-gallery-title {
		color: #fff;
	}




	@media screen and (max-width: 500px)
	{
		.aboutAuthorPic,
		.aboutAuthorText
		{
			float: none;
			width: 100%;
		}
			.aboutAuthorPic
			{
				margin: 0 auto 20px;
				max-width: 300px;
				padding-top: 300px;
			}
			.aboutAuthorText
			{
				padding-left: 0;
			}
	}

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

		.article-gallery {
			margin-left: -20px;
			margin-right: -20px;
			width: calc(100% + 40px);
		}

		.article-gallery .image {
			border-radius: 0px;
		}

	}

	@media screen and (max-width: 360px)
	{
		.aboutAuthorPic
		{
			max-width: none;
			padding-top: 100%;
		}
	}


.widget-summitplayer
{
	margin: 35px 0;
	padding: 20px 10px 10px;

	
	z-index: 300 !important;
}



.blogSiteRight .articleWithPic
{
	height: 80px;
}
	.blogSiteRight .articleWithPic .articleTitleS,
	.blogSiteRight .articleWithPic .articleTitleS a
	{
		font-size: 16px;
		line-height: 1.1em;
	}
	.blogSiteRight .articleWithPic .articleInfoS
	{
		margin-bottom: 0;
	}

	#blogSiteInfo
	{
		background-color: #f0f0f0;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		padding: 20px;
		position: relative;
	}

	
	#blogSiteInfo.greenstiletto
	{
		border-left: #009661 3px solid;
		background-image: url('https://www.joy.hu/assets/5fe664e5/css/ /images/JoyHu/greenstiletto/shoe2.png ');
	}

		.blogSiteInfo
		{
			position: relative;
			z-index: 5;
		}
			.blogSiteInfo p {
			    color: #25282a;
			    font-family: inherit;
			    font-size: inherit;
			    line-height: inherit;
			    margin: 1.5em 0 0 0;
			}

			.blogSiteInfoTitle
			{
				font-family: 'Fira Sans', sans-serif !important;
				font-weight: 700;
				margin: 0 !important;
				
				position: relative;
			}
				
			.blogSiteInfoDate
			{
				color: #009661 !important;
				font-family: 'Fira Sans', sans-serif !important;
				font-size: 14px !important;
				font-weight: 700;
				margin: 0 0 10px !important;
			}



.hasInfoPopup
{
	display: inline-block;
	position: relative;
}
	.hasInfoPopup a
	{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 5;
	}
		.hasInfoName { white-space: nowrap; }
	.hoverBridge
	{
		display: none;
		height: 300%;
		left: 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: 100%;
		z-index: 2;
	}
		.hasInfoPopup:hover .hoverBridge { display: block; }
	.infoPopupBox
	{
		border: 1px solid #d8d8d8;
		border-radius: 5px;
		box-shadow: 1px 0 2px rgba(0,0,0,.15);
		display: none;
		position: absolute;
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 300px;
		z-index: 30;
	}
		.pointerElement
		{
			background-position: center;
			background-repeat: no-repeat;
			display: none;
			height: 15px;
			left: 50%;
			position: absolute;
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
			width: 25px;
			z-index: 15;
		}

		.infoPopup
		{
			align-items: flex-start;
			background-color: #FFF;
			border-radius: 5px;
			bottom: calc(100% + 10px);
			display: flex;
			padding: 10px;
			position: relative;
			width: 100%;
			z-index: 10;
		}
			.infoPopupPic
			{
				background-position: center;
				background-size: cover;
				height: 50px;
				width: 50px;
			}
			.infoPopupText
			{
				color: #000;
				font-size: 12px;
				line-height: 1.3em;
				padding-left: 10px;
				text-decoration: none;
				width: calc(100% - 50px);
			}
				.infoPopupName
				{
					color: #FF2E8A;
					display: block;
					font-size: 14px;
					font-weight: 700;
					margin-bottom: 2px;
				}
				.infoPopupJob
				{
					display: block;
					font-size: 11px;
					font-weight: 700;
					margin-bottom: 5px;
					text-transform: uppercase;
				}
				.infoPopupDetails
				{
					align-items: center;
					display: flex;
					justify-content: center;
				}
					.infoPopupDetails span
					{
						border-right: 1px solid #CACACA;
						color: #929292;
						padding: 5px 10px;
						text-align: center;
						width: 33.3%;
					}
						.infoPopupDetails span:last-of-type { border-right: none; }
						.infoPopupDetails span strong
						{
							color: #FF2E8A;
							display: block;
							font-size: 18px;
						}

				.infoPopupAbout
				{
					-webkit-box-orient: vertical;
					display: block;
					max-height: 46px;
					-webkit-line-clamp: 3;
					overflow: hidden;
					text-overflow: ellipsis;
					word-wrap: nowrap;
					display: -webkit-box;
				}
				.infoPopupButton
				{
					border: 1px solid #FF2E8A;
					border-radius: 5px;
					color: #FF2E8A;
					display: block;
					font-size: 11px;
					font-weight: 700;
					line-height: 1em;
					margin: 10px 0 0;
					padding: 4px 0 5px;
					text-align: center;
					text-transform: uppercase;
					width: 160px;
				}
					.infoPopupBox:hover .infoPopupButton
					{
						background-color: #FF2E8A;
						color: #FFF;
					}

@-webkit-keyframes tdShrinkInBounce
{
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(1.2);
            transform: translateX(-50%) scale(1.2);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
            animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  70% {
    -webkit-transform: translateX(-50%) scale(0.95);
            transform: translateX(-50%) scale(0.95);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}
@keyframes tdShrinkInBounce
{
  0% {
    opacity: 0;
    -webkit-transform: translateX(-50%) scale(1.2);
            transform: translateX(-50%) scale(1.2);
    -webkit-animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
            animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  70% {
    -webkit-transform: translateX(-50%) scale(0.95);
            transform: translateX(-50%) scale(0.95);
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
  }
}

.shrinkInBounce
{
    -webkit-animation-name: tdShrinkInBounce;
    animation-name: tdShrinkInBounce;
}

.animated
{
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


.read-more-module
{
	position: relative;
	margin-top: 80px;
	margin-bottom: 50px;
}

	.read-more-module .articleMain-showOnClick-arrow
	{
		line-height: 44px;
	}

	.read-more-module a
	{
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
	}
#oneArticleOffer
{
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 30px rgba(0,0,0,.15);
	margin: 0 0 25px;
	overflow: hidden;
	position: relative;
	width: 100%;
	text-decoration: none !important;
}
	.oneArticlePic
	{
		background-position: center top;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom-left-radius: 5px;
		border-top-left-radius: 5px;
		height: 100%;
		left: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		width: 240px;
	}

	.oneArticleText
	{
		padding: 20px 15px 20px 260px;
		position: relative;
		width: 100%;
	}

		.justOneArticle, .justOneArticleMobileVer
		{
			color: rgba(0,0,0,1.0);
			display: block;
			font-size: 12px;
			font-weight: 700;
			line-height: 1.2em;
			margin-bottom: 5px;
		}
		.oneArticleText .title
		{
			color: #000;
			font-size: 18px;
			font-weight: 900;
			line-height: 1.2em;
		}

.justOneArticleMobileVer
{
	display: none;
}

.makeItClear
{
	clear: both;
}

a.innerArticleOfferFullLink
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

@media screen and (max-width: 479px)
{
	.justOneArticle { display: none; }
	
	#oneArticleOffer
	{
		align-items: center;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
		padding: 5px 10px 10px;
	}
		.justOneArticleMobileVer
		{
			display: block;
			flex: 0 1 100%;
			font-size: 9px;
		}
		.oneArticlePic
		{
			flex: 1 0 80px;
			height: 80px;
			left: auto;
			position: relative;
			top: auto;	
			width: 80px;
		}
		.oneArticleText
		{
			flex: 1 0 calc(100% - 80px);
			line-height: 1em;
			padding-left: 10px;
			position: relative;
			top: auto;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			-webkit-transform: none;
			transform: none;
			width: calc(100% - 80px);
		}
			.oneArticleText .title { font-size: 16px; }
}

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

.articlePicGallery .articleGalleryNav
{
	background-color: rgba(255,255,255,.80);
	color: #FF2E8A;
	cursor: pointer;
	font-size: 24px;
	height: 40px;
	line-height: 1em;
	padding: 7px;
	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;
	z-index: 5;
}
	.articlePicGallery .articleGalleryNav:hover
	{
		background-color: rgba(255,255,255,1.00);
	}
	
	.articlePicGallery .owl-prev .articleGalleryNav
	{
		left: 10px;
	}
	
	.articlePicGallery .owl-next .articleGalleryNav
	{
		right: 10px;
	}
	
	.articlePicGallery .owl-dots 
	{
		margin-top: 10px;
		text-align: center;
	}
		.articlePicGallery .owl-dots .owl-dot 
		{
			display: inline-block;
		}
			.articlePicGallery .owl-dots .owl-dot span
			{
				background: rgba(255, 46, 138, .7);
				border-radius: 100%;
				display: block;
				height: 10px;
				margin: 5px 7px;
				width: 10px;
				-webkit-backface-visibility: visible;
			}
			.articlePicGallery .owl-dots .owl-dot.active span
			{
				background: rgba(255, 46, 138, 1.0);
			}
				.artcile-author-module {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15);
}

.artcile-author-module img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

.artcile-author-module__top {
	margin-bottom: 5px;
}

.artcile-author-module__name {
	font-weight: 700;
	font-size: 16px;
	line-height: 1em;
  color: #FF2E8A
}

.artcile-author-module__title {
	vertical-align: middle;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 1.2px;
}

  .artcile-author-module__title::before {
    content: '|';
    margin: 0 10px 0 6px;
  }

.artcile-author-module__bio {
  font-size: 12px;
  line-height: 1.33em;
  letter-spacing: 1.2px;
}
#quizInArticle .quizQuestion
{
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
}

#quizInArticle .checkboxClick i#accepted,
#quizInArticle .radioElement input[type=radio]:checked + label:before
{
	color: #FF2E8A;
}

#quizInArticle .quizSubmit,
#quizInArticle .answerAndMore
{
	border: 1px solid #FF2E8A;
	color: #FF2E8A;
	font-weight: 500;
}

#quizInArticle .quizSubmit:hover,
#quizInArticle .answerAndMore:hover
{
	background-color: #FF2E8A;
	color: #FFF;
}.article-container p.vote-2-option-question
{
	color: #000;
	font-size: 20px;
	font-weight: 900;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.vote-2-option-answers
{
	background-color: #FFF;
	box-shadow: 0 0 30px rgba(0, 0, 0, .15);
	border-radius: 5px;
	overflow: hidden;
}
	.vote-2-option-answer
	{
		border: none;
		width: 50%;
	}
	.vote-2-option-answer:first-of-type { border-right: 1px solid #000; }

		.vote-2-option-answer-text
		{
			font-size: 15px;
		}
		.vote-2-option-bg
		{
			background-color: #FFCFE2;
			opacity: 1;
		}

		.vote-2-option-result
		{
			font-size: 15px;
			font-weight: 400;
		}
.embed-shopaholic-product-logo
{
	background-image: url('https://www.joy.hu/images/JoyHu/joyshop.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 70px;
	width: 70px;
}

.embed-shopaholic-product:hover .buttonStyle
{
	background-color: #FFF;
	color: #FF2E8A;
}

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_444444_256x240.png')}.ui-widget-header .ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_444444_256x240.png')}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_555555_256x240.png')}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_ffffff_256x240.png')}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_777620_256x240.png')}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_cc0000_256x240.png')}.ui-button .ui-icon{background-image:url('https://www.joy.hu/assets/5fe664e5/css/images/ui-icons_777777_256x240.png')}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}.articleOffer-cardDesign-box { display: none; }

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

    .ease-superSlow 
    {
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        -webkit-transition: all 1s ease;
        transition: all 1s ease;
    }
    .articleOffer-cardDesign-box .fullSize
    {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 4;
    }
    .articleOffer-cardDesign-box
    {
        
        display: block;
        height: calc(70vh + 60px);
        margin: 0 -20px 25px;
        position: relative;
        top: 0;
        width: calc(100% + 40px);
        z-index: 200;
    }
    
        .articleOffer-cardDesign-footer
        {
            align-items: center;
            
            height: 60px;
            justify-content: space-between;
            padding: 0 20px 5px;
            position: relative;
            text-align: center;
            width: 100%;
        }
            .articleOffer-cardDesign-footer .col
            {
                position: relative;
                width: 33.333%;
            }
    
            .buttonStyle-cardDesign
            {
                background-color: #FFF;
                border-radius: 100%;
                box-shadow: 0 0 30px rgba(0,0,0,.3);
                cursor: pointer;
                font-size: 20px;
                height: 50px;
                line-height: 1em;
                margin: 0 auto;
                padding: 14px 0 0;
                text-align: center;
                width: 50px;
            }
                .buttonStyle-red-text { color: #EC1F2D; }
                .buttonStyle-green-text 
                { 
                    color: #A0D002; 
                    padding-top: 15px;
                }

            .swipeIcon
            {
                -moz-animation: swipeAnim 2s linear infinite;
                -ms-animation: swipeAnim 2s linear infinite;
                -o-animation: swipeAnim 2s linear infinite;
                -webkit-animation: swipeAnim 2s linear infinite;
                animation: swipeAnim 2s linear infinite;
                left: 50%;
                position: absolute;
                top: 50%;
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                -o-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 30px;
            }
                @-webkit-keyframes swipeAnim {
                    0% { left: 50%; }
                    20% { left: 40%; }
                    40%, 100% { left: 60%; }
                }
                @-moz-keyframes swipeAnim {
                    0% { left: 50%; }
                    20% { left: 40%; }
                    40%, 100% { left: 60%; }
                }
                @-ms-keyframes swipeAnim {
                    0% { left: 50%; }
                    20% { left: 40%; }
                    40%, 100% { left: 60%; }
                }
                @keyframes swipeAnim {
                    0% { left: 50%; }
                    20% { left: 40%; }
                    40%, 100% { left: 60%; }
                }
    
        .articleOffer-cardDesign-all
        {
            
            height: 70vh;
            position: relative;
            width: 100%;
        }
            .articleOffer-cardDesign
            {
                background-color: #FFF;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 10px;
                box-shadow: 0 2px 10px rgba(0,0,0,.1);
                cursor: pointer;
                height: 94%;
                
                left: 20px;
                opacity: 0;
                overflow: hidden;
                position: absolute;
                top: 3%;
                
                width: calc(100% - 40px);
                z-index: 1;
            }
                .articleOffer-cardDesign:nth-of-type(1) { opacity: 1; z-index: 35; }
                .articleOffer-cardDesign:nth-of-type(2) { opacity: 1; z-index: 30; }
                .articleOffer-cardDesign:nth-of-type(3) { z-index: 25; }
                .articleOffer-cardDesign:nth-of-type(4) { z-index: 20; }
                .articleOffer-cardDesign:nth-of-type(5) { z-index: 15; }
                .articleOffer-cardDesign:nth-of-type(6) { z-index: 10; }
                .articleOffer-cardDesign:nth-of-type(7) { z-index: 5; }

            .articleOffer-cardDesign-info
            {
                background-color: #FFF;
                bottom: 0;
                left: 0;
                padding: 10px;
                position: absolute;
                width: 100%;
            }
                .articleOffer-cardDesign-title,
                .articleMain-visible p.articleOffer-cardDesign-title
                {
                    color: #000;
                    font-family: 'Fira Sans', sans-serif;
                    font-size: 16px;
                    font-weight: 900;
                    line-height: 1.2em;
                    margin: 0 0 5px;
                }
                .articleOffer-cardDesign-cat,
                .articleMain-visible p.articleOffer-cardDesign-cat
                {
                    color: #000;
                    font-size: 10px;
                    margin: 0;
                }

        .articleOffer-cardDesign-box .whereToDrop
        {
            pointer-events: none;
            z-index: 50;
        }
            .whereToDrop .col
            {
                background-color: rgba(255,255,255,.7);
                font-family: 'Fira Sans', sans-serif;
                font-size: 20px;
                font-weight: 700;
                opacity: 0;
                padding: 5px 20px;
                position: absolute;
                text-transform: uppercase;
                top: 20px;
            }
                .showDislike
                {
                    border: 2px dashed #Ec1f2d;
                    color: #EC1F2D;
                    left: 10px;
                    -moz-transform: rotate(-10deg);
                    -ms-transform: rotate(-10deg);
                    -o-transform: rotate(-10deg);
                    -webkit-transform: rotate(-10deg);
                    transform: rotate(-10deg);
                }
                .showLike
                {
                    border: 2px dashed #A0D002;
                    color: #A0D002;
                    right: 0;
                    -moz-transform: rotate(10deg);
                    -ms-transform: rotate(10deg);
                    -o-transform: rotate(10deg);
                    -webkit-transform: rotate(10deg);
                    transform: rotate(10deg);
                }
                .whereToDrop .col .fa
                {
                    font-size: 35px;
                    margin-right: 5px;
                    vertical-align: middle;
                }
                .whereToDrop span
                {
                    display: inline-block;
                    vertical-align: middle;
                }
}
.pinkColor
{
	color: #ff2e8a;
}
.columnistTitle
{
	border-bottom: 1px solid #d8d8d8;
	color: #000;
	font-family: 'robotobold';
	font-size: 28px;
	line-height: 1.2em;
	margin: 0 0 25px;
	padding-bottom: 10px;
}

.columnistPage .theArticleMainPart
{
	width: 100%;
}

.columnistFrame
{
	margin-left: calc( (100% - 720px ) / 2);
	margin-right: calc( (100% - 720px ) / 2);
	max-width: 760px;
	position: relative;
	width: calc(100% + 40px);
}

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

.starCard
{
	background-color: #FFF;
	border: 1px solid #d8d8d8;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,.15);
	float: left;
	height: 320px;
	margin: 0 40px 40px 0;
	position: relative;
	overflow: hidden;
	width: 340px;
}
.starCard:hover
{
	background-color: #F6F6F6;
}
.starCard:hover .starCardVideoPlay
{
	opacity: 1;
}

.starCard-adBox
{
	border: none;
	box-shadow: none;
	overflow: visible;
}

.starCard a.cardFullLink
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}
.starCardPic
{
	border-bottom: 1px solid #d8d8d8;
}
	.starCardPic > img {
		width: 100%;
	}
.starCardText
{
	background: white;
	bottom: 0;
	height: 150px;
	left: 0;
	padding: 15px;
	position: absolute;
}
	.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-family: "robotobold";
	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
{
	-webkit-box-orient: vertical;
	color: #333;
	font-size: 14px;
	margin-top: 10px;
	color: #333;
	font-size: 14px;
	margin-top: 10px;
	max-height: 60px;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	word-wrap: nowrap;
	display: none;
}
.starCardLead:empty
{
	display: none;
}

.starCardRecent
{
	background-color: rgba(0,0,0,.75);
	color: #FFF;
	display: none;
	font-family: 'robotobold';
	font-size: 12px;
	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;
}




	.starCard:first-of-type
	{
		float: none;
		
		position: relative;
		overflow: hidden;
		width: calc(100% - 40px);
		height: auto;
	}
		.starCard:first-of-type .starCardPic
		{
			border-bottom: none;
			
			float: left;
			width: calc(100% - 268px);
		}
			.starCard:first-of-type .starCardPic img
			{
				height: auto;
				max-height: 100%;
				max-width: 100%;
				vertical-align: middle;
				width: auto;
			}
		.starCard:first-of-type .starCardText
		{
			background-color: transparent;
			float: right;
			padding: 20px;
			position: relative;
			width: 250px;
		}
			.starCard:first-of-type .starCardText .starCardLead
			{
				max-height: 100px;
    			-webkit-line-clamp: 5;
			}

@media screen and (max-width: 1199px)
{	
	.columnistFrame
	{
		margin-left: 0;
		margin-right: 0;
	}
	.starCard
	{
		height: 310px;
		width: 300px;
	}
}

@media screen and (max-width: 1023px)
{
	.starCard
	{
		height: 320px;
		width: 340px;
	}
	.columnistFrame
	{
		margin-left: calc( (100% - 720px ) / 2);
		margin-right: calc( (100% - 720px ) / 2);
	}
}

@media screen and (max-width: 799px)
{
	.columnistFrame
	{
		margin-left: 0;
		margin-right: 0;
	}
	.starCard
	{
		height: 310px;
		width: 300px;
	}
}
@media screen and (max-width: 699px)
{
	.columnistFrame
	{
		margin-left: calc( (100% - 340px ) / 2);
		margin-right: calc( (100% - 340px ) / 2);
		max-width: 340px;
		width: 100%;
	}
	.starCard
	{
		height: auto;
		margin-left: 0;
		margin-right: 0;
		max-width: 340px;
		width: 100%;
	}
		.starCardText
		{
			bottom: auto;
			height: auto;
			left: auto;
			position: relative;
		}
	
	.starCard:first-of-type
	{
		height: auto;
		width: 100%;
	}
		.starCard:first-of-type .starCardPic
		{
			border-bottom: 1px solid #d8d8d8;
			float: none;
			width: 100%;
		}
		.starCard:first-of-type .starCardText
		{
			background-color: #FFF;
			float: none;
			padding: 15px;
			width: 100%;
		}
}

@media screen and (max-width: 379px)
{
	.columnistFrame
	{
		margin-left: 0;
		margin-right: 0;
	}
}.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;
}


@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: 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');
}


body 
{ 
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

.easeSuperFast
{
	-moz-transition: .2s margin-left ease-in-out, .2s opacity ease-in-out;
	-ms-transition: .2s margin-left ease-in-out, .2s opacity ease-in-out;
	-o-transition: .2s margin-left ease-in-out, .2s opacity ease-in-out;
	-webkit-transition: .2s margin-left ease-in-out, .2s opacity ease-in-out;
	transition: .2s margin-left ease-in-out, .2s opacity ease-in-out;
}
.easeExtraFast
{
	-moz-transition: .1s all ease-in-out;
	-ms-transition: .1s all ease-in-out;
	-o-transition: .1s all ease-in-out;
	-webkit-transition: .1s all ease-in-out;
	transition: .1s all ease-in-out;
}
.ease-button
{
	-moz-transition: .1s background-color ease-in-out;
	-ms-transition: .1s background-color ease-in-out;
	-o-transition: .1s background-color ease-in-out;
	-webkit-transition: .1s background-color ease-in-out;
	transition: .1s background-color ease-in-out;
}
.easeHeight
{
	-moz-transition: .3s height ease-in-out;
	-ms-transition: .3s height ease-in-out;
	-o-transition: .3s height ease-in-out;
	-webkit-transition: .3s height ease-in-out;
	transition: .3s height ease-in-out;
}

.centerPart
{
	margin: 0 auto;
	max-width: 1140px;
	width: 100%;
}
	.gallery-other .centerPart { padding: 0 20px; }

.gallery-maxWidth
{
	margin: 0 auto;
	position: relative;
	width: 100%;
}

.gallery-layerStyle
{
	background-color: #F7F7F7;
	
	
	font-family: 'Fira Sans', sans-serif;
	font-weight: 400;
	width: 100%;
	z-index: 200;
	
	display: none;
	
	min-height: 100vh;
	padding-bottom: 20px;
	pointer-events: none;
	position: absolute;
	right: -100vw;
	top: 0;
}
	.gallery-layerStyle.active
	{
		opacity: 1;
		pointer-events: all;
		position: relative;
		right: auto;
		top: auto;
	}

	.gallery-layerStyle p 
	{ 
		color: #000;
		font-family: 'Fira Sans', sans-serif;
		font-size: 16px;
		font-weight: 400;
		margin-top: 0; 
	}

	.gallery-swipe-layer
	{
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 5;
	}

	.gallery-close-row
	{
		max-width: 1300px;
		position: relative;
		width: 100%;
	}

	.close-gallery,
	.gallery-nav-arrow
	{
		background-color: #FF2E8A;
		color: #FFF;
		cursor: pointer;
		font-size: 18px;
		height: 40px;
		line-height: 1em;
		padding: 8px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 0;
		width: 40px;
		z-index: 10;
	}
		.close-gallery span
		{
			color: #FF2E8A;
			font-size: 12px;
			font-weight: 700;
			position: absolute;
			right: 30px;
			top: 12px;
			text-transform: uppercase;
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg);
			transform: rotate(-90deg);
		}
		.close-gallery.active
		{
			
			z-index: 20;
		}
		.close-gallery:hover { background-color: #000; }

	.gallery-header,
	.gallery-other
	{
		background-color: #FFF;
		position: relative;
		width: 100%;
	}
		.gallery-header
		{
			box-shadow: 0 2px 10px rgba(215,215,215,.30);
			margin-bottom: 10px;
			padding: 5px 0;
			text-align: center;
		}
			.gallery-header .centerPart
			{
				align-items: center;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				justify-content: space-between;
				height: 100px;
				opacity: 0;
			}
				.gallery-header .centerPart.active { opacity: 1; }

				.gallery-header .theAd
				{
					margin-bottom: 0 !important;
				}
				.gallery-header .theAd .ad-cimke
				{
					bottom: auto;
					left: auto;
					right: -31px;
					text-align: center;
					top: 50%;
					-moz-transform: translateY(-50%) rotate(-90deg);
					-ms-transform: translateY(-50%) rotate(-90deg);
					-o-transform: translateY(-50%) rotate(-90deg);
					-webkit-transform: translateY(-50%) rotate(-90deg);
					transform: translateY(-50%) rotate(-90deg);
					width: 50px;
				}

		.gallery-other
		{
			box-shadow: 0 -4px 10px rgba(215,215,215,.30);
			padding: 30px 0;
		}

		.gallery-main
		{
			align-items: flex-start;
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			justify-content: flex-end;
			
			padding-left: 20px;
			position: relative;
		}

			.gallery-main-extraContent
			{
				margin-left: -150px;
				opacity: 0;
				width: 300px;
			}
				.gallery-main-extraContent.active
				{
					margin-left: 0;
					opacity: 1;
				}
					.gallery-main-extraContent .starCard
					{
						float: none;
						height: 300px;
						margin: 0;
						width: 100%;
					}

			.gallery-contentBox
			{
				overflow: hidden;
				padding-left: 50px;
				position: relative;
				width: calc(100% - 300px);
			}

			.gallery-content-full
			{
				align-items: flex-start;
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				
				min-height: 200px;
				width: 40000px;
			}

			

			.gallery-contentBox .item
			{
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				flex: 1 1 0;
				justify-content: flex-start;
				
				
				margin-right: calc(100vw - 1675px);
				max-width: calc(100vw - 385px);
				overflow: hidden;
				
				position: relative;
				-webkit-user-select: none; 
				-moz-user-select: none; 
				-ms-user-select: none; 
				user-select: none;
				width: 1300px;
			}
				.gallery-contentBox .item.active
				{
					justify-content: center;
					display: block;
				}

				.gallery-contentBox .item img { pointer-events: none; }

			.item-main
			{
				background-color: #FFF;
				
				box-shadow: 0 2px 6px rgba(184,184,184,.5);
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				flex-wrap: wrap;
				
				
				max-width: 1300px;
				position: relative;
				width: 100%;
			}

			
				.gallery-titleRow
				{
					
					min-height: 40px;
					padding: 7px 20px 7px 20px;
					width: 100%;
				}
					.gallery-titleRow h2
					{
						color: #999;
						font-size: 18px;
						font-weight: 900;
						line-height: 1.2em;
						margin-bottom: 0;
						margin-top: 0;
						padding-right: 70px;
						text-transform: uppercase;
					}
				.item-content
				{
					align-items: center;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					justify-content: center;
					
					
					position: relative;
					text-align: center;
					width: 65%;
					overflow: hidden;
				}
					.item-content img 
					{ 
						max-height: 100vh;
					}
					.gallery-content-image
					{
						position: relative;
					}

				.item-info
				{
					
					
					min-width: 35%;
					padding: 20px;
					position: relative;
					width: 35%;
				}
					.gallery-steps
					{
						background-color: #CCC;
						color: #000;
						font-size: 12px;
						font-weight: 400;
						padding: 5px 10px;
						position: absolute;
						right: 0;
						top: 0;
						z-index: 10;
					}
						.gallery-steps span { color: #FF2E8A; }

					.gallery-only-steps,
					.horizontal .gallery-maxWidth.gallery-only-steps
					{
						bottom: 7px;
						left: 0;
						pointer-events: none;
						position: absolute;
						text-align: center;
						width: 100%;
					}
						.gallery-only-steps .gallery-steps,
						.horizontal .gallery-maxWidth.gallery-only-steps .gallery-steps
						{
							display: inline-block;
							left: auto;
							position: relative;
							right: auto;
							top: 0;
							-moz-transform: none;
							-ms-transform: none;
							-o-transform: none;
							-webkit-transform: none;
							transform: none;
						}

					.item-titleRow
					{
						margin-bottom: 15px;
						min-height: 27px;
						position: relative;
					}
						.item-info h2
						{
							color: #000;
							font-size: 24px;
							font-weight: 900;
							line-height: 1.2em;
							margin: 0;
							padding-right: 50px;
						}

					.socialButtons 
					{ 
						height: 22px;
						margin-bottom: 20px; 
						overflow: hidden;
						position: relative;
					}
						.likeShareBox
						{
							display: inline-block;
							margin-right: 10px;
						}

					.item-info-text
					{
						font-size: 16px;
						line-height: 1.6em;
						
						margin: 0;
					}
						.horizontal .item-info-text { margin-bottom: 20px; }

						.item-info-text a
						{
							color: #000;
							text-decoration: underline;
						}

				.item-info-row:last-of-type
				{
					border-top: 1px solid #D6D6D6;
					padding-top: 20px;
				}
					.gallery-backToArticle
					{
						display: inline-block;
						font-size: 14px;
						position: relative;
						text-transform: uppercase;
					}
						.gallery-backToArticle::after
						{
							background-color: #000;
							bottom: 0;
							content: '';
							height: 1px;
							position: absolute;
							right: 0;
							-moz-transition: width .1s ease-in-out;
							-ms-transition: width .1s ease-in-out;
							-o-transition: width .1s ease-in-out;
							-webkit-transition: width .1s ease-in-out;
							transition: width .1s ease-in-out;
							width: 0;
						}
							.gallery-backToArticle:hover::after { width: 100%; }

						.gallery-backToArticle .fa,
						.gallery-backToArticle span
						{
							display: inline-block;
							vertical-align: middle;
						}
							.gallery-backToArticle .fa
							{
								font-size: 20px;
								margin-right: 10px;
							}

				
				.item.horizontal .item-main
				{
					flex-direction: column;
					justify-content: space-between;
				}
					.item.horizontal .item-content
					{
						max-width: none;
						width: 100%;
						height: 100%;
					}
						
					.item.horizontal .item-info
					{
						background-color: #FFF;
						width: 100%;
						z-index: 5;
					}

						.item.horizontal .item-info-full { flex-direction: row; }

					.horizontal .gallery-maxWidth
					{
						margin: 0 auto;
						min-width: 400px;
						position: relative;
						width: 100%;
					}
					.vertical .item-info
					{
						padding-left: 60px;
					}

					.item-pic-source
					{
						color: #555555;
						font-size: 13px;
						margin-top: 20px;
						text-transform: uppercase;
					}
					.item-pic-source:empty { display: none; }





.onlyItemContent.vertical .item-content
{
	max-width: none;
    width: 100%;
    height: 100%;
}

.gallery-layerStyle .inner-ad
{
	background: #fff;
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	text-align: center;
	top: 39px;
	width: 100%;
	z-index: 1000;
}
	.inner-ad-title
	{
		font-size: 12px;
		font-weight: 700;
		padding: 70px 20px;
		position: relative;
	}
	.gallery-layerStyle .inner-ad .ad
	{
		position: relative;
		text-align: center;
		width: 100%;
	}
		.gallery-layerStyle .inner-ad .ad .theAd
		{
			left: auto;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			-webkit-transform: none;
			transform: none;
		}
		.gallery-layerStyle .theAd
		{
			margin-bottom: 30px !important;
    		margin-top: 25px;
		}
	.inner-ad .ad-cimke { display: none; }
	.inner-ad-label
	{
		color: #9B9B9B;
		font-size: 10px;
		padding-top: 2px;
		text-transform: uppercase;
	}
	
	


.gallery-contentBox .theArticleQuotes
{
	border-bottom: none;
	border-top: none;
	font-size: 30px;
	font-weight: 900;
	line-height: 1.4em;
	margin: 0 auto;
	max-width: 600px;
	padding: 70px 40px;
	text-align: center;
}
	.gallery-contentBox .theArticleQuotes p { margin: 0; }

	.gallery-contentBox .theArticleQuotes::before,
	.gallery-contentBox .theArticleQuotes::after
	{
		content: '”';
		font-family: 'AmbroiseHu-Bold';
		font-size: 200px;
		line-height: 1em;
		position: absolute;
	}

		.gallery-contentBox .theArticleQuotes::before
		{
			left: 40px;
			top: -20px;
		}
		.gallery-contentBox .theArticleQuotes::after
		{
			background-image: none;
			bottom: -5px;
			height: auto;
			left: auto;
			line-height: 0;
			right: 40px;
			top: auto;
			width: auto;
		}

.gallery-contentBox .js-video
{
	margin-bottom: 0;
	width: 100%;
	max-height: 100%;
}

.gallery-contentBox .szavazoTarto
{
	margin: 0;
	padding: 40px;
}
	.gallery-contentBox .szavazo
	{
		margin: 0 auto;
		max-width: 600px;
		text-align: left;
	}

.gallery-layerStyle-mobilNav { display: none; }



.gallery-nav
{
	left: 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: 100%;
	z-index: 10;
}
	
	.gallery-nav-arrow
	{
		background-color: transparent;
		border: 1px solid #FF2E8A;
		color: #FF2E8A;
		font-size: 22px;
		height: 40px;
		opacity: 1;
		position: absolute;
		right: auto;
		
		-moz-transition: .3s opacity, .3s background-color ease-in-out;
		-ms-transition: .3s opacity, .3s background-color ease-in-out;
		-o-transition: .3s opacity, .3s background-color ease-in-out;
		-webkit-transition: .3s opacity, .3s background-color ease-in-out;
		transition: .3s opacity, .3s background-color ease-in-out;
		width: 40px;
	}
		.gallery-nav-arrow:first-of-type { left: -45px; }
		.gallery-nav-arrow:last-of-type { right: -45px; }

		.gallery-nav-arrow:hover,
		.gallery-nav-arrow.activated
		{ 
			background-color: #FF2E8A;
			color: #FFF;
		}
		.gallery-nav-arrow.inactive
		{
			opacity: .0;
			pointer-events: none;
		}

	.gallery-layerStyle-mobilNav-logo
	{
		display: inline-block;
		margin: 0 20px;
		width: 60px;
		padding-bottom: 5px;
		position: relative;
		vertical-align: middle;
	}
		.gallery-layerStyle-mobilNav-logo img { width: 100%; }

		.clickLayer-left,
		.clickLayer-right
		{
			cursor: pointer;
			height: 100%;
			position: absolute;
			top: 0;
			width: 50%;
		}
		.clickLayer-left { left: 0; }
		.clickLayer-right { right: 0; }


.gallery-contentBox .item,
.gallery-main.animReady
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.bannerSide-scaleDown 
{
	-webkit-animation: scaleDown .3s ease both;
	animation: scaleDown .3s ease both;
}
	@-webkit-keyframes scaleDown {
		from { }
		to { opacity: 0; -webkit-transform: scale(.8); }
	}
	@keyframes scaleDown {
		from { }
		to { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
	}

.bannerSide-scaleUp
{
	-webkit-animation: scaleUp .3s ease both;
	animation: scaleUp .3s ease both;
}
	@-webkit-keyframes scaleUp {
		from { opacity: 0; -webkit-transform: scale(.8); }
	}
	@keyframes scaleUp {
		from { opacity: 0; -webkit-transform: scale(.8); transform: scale(.8); }
	}


.gallery-other h4
{
	font-size: 23px;
	margin: 0 0 25px;
	text-align: center;
}

.otherGallery-item
{
	cursor: pointer;
	margin-bottom: 40px;
}
	.otherGallery-item
	{
		float: left;
		margin-right: 5%;
		padding-right: 20px;
		position: relative;
		width: 30%;
	}
		.otherGallery-item:nth-of-type(3n + 3) { margin-right: 0; }
		.otherGallery-item:nth-of-type(3n + 4) { clear: both; }

		.otherGallery-pic
		{
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			padding-top: 140%;
			position: relative;
			width: 100%;
		}
		.otherGallery-text
		{
			background-color: rgb(255, 46, 138);
			bottom: 0;
			color: #fff;
			font-size: 16px;
			left: 0;
			line-height: 1.3em;
			padding: 10px 20px;
			position: absolute;
			right: 20px;
		}
		.otherGallery-button
		{
			background-color: rgba(255, 46, 138, 0.8);
			color: #FFF;
			font-size: 14px;
			max-width: 180px;
			padding: 20px;
			position: absolute;
			right: -20px;
			top: 35%;
			z-index: 20;
		}
			.otherGallery-item:hover .otherGallery-button 
			{
				background-color: rgba(255, 46, 138, 1);
				top: 32%;
			}
			.gallery-layerStyle .otherGallery-button p
			{
				font-size: 18px;
				margin-bottom: 40px;
			}

.gallery-main-extraContent .starCardText
{
	height: auto;
}

.buttonStyle
{
	background-color: #FF2E8A;
	border: 1px solid #FF2E8A;
	color: #FFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: 700;
	line-height: 1em;
	margin: 20px auto 0;
	padding: 10px 25px;
	text-align: center;
	text-transform: uppercase;
	width: 200px;
}
	.buttonStyle:hover
	{
		background-color: #FFF;
		color: #FF2E8A;
	}


.nextGallery-cover
{
	display: block;
}
	.nextGallery-cover .item-main
	{
		min-height: 50vh;
	}
	.nextGallery-cover .item-content
	{
		justify-content: center;
		text-align: left;
		width: 100%;
	}
	
		.nextGallery-cover-pic
		{
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 80vh;
			max-height: 550px;
			position: relative;
			width: 100%;
		}

		.nextGallery-cover-bg
		{
			background-color: #F0F0F0;
			padding: 10px 20px 15px;
		}
			.nextGallery-cover-label
			{
				color: #808080;
				font-size: 10px;
				font-weight: 700;
			}
			.nextGallery-cover-text
			{
				font-size: 26px;
				font-weight: 900;
				line-height: 1.2em;
			}
			.nextGallery-cover-article-lead
			{
				font-size: 14px;
				line-height: 1.7em;
				padding: 10px 20px 25px;
			}
				.nextGallery-cover-button
				{
					border: 1px solid #000;
					border-radius: 2em;
					font-weight: 700;
					margin-top: 20px;
					padding: 5px 20px;
					position: relative;
					text-align: center;
					width: 240px;
				}
		

.loaderAnim
{
	background-color: #FFF;
	display: none;
	height: 50vh;
	position: relative;
	width: 100%;
	z-index: 100;
}
	.loaderAnim-figure
	{
		
		-webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
		animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
		border: 0 solid #FF2E8A;
		border-radius: 100%;
		height: 0;
		left: 50%;
		position: absolute;
		top: 50%;
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 0;
	}

		@-webkit-keyframes loader-figure 
		{
			0% {
				height: 0;
				width: 0;
				background-color: #FF2E8A;
			}
			29% {
				background-color: #FF2E8A;
			}
			30% {
				height: 2em;
				width: 2em;
				background-color: transparent;
				border-width: 1em;
				opacity: 1;
			}
			100% {
				height: 2em;
				width: 2em;
				border-width: 0;
				opacity: 0;
				background-color: transparent;
			}
		}
		@-moz-keyframes loader-figure {
			0% {
				height: 0;
				width: 0;
				background-color: #FF2E8A;
			}
			29% {
				background-color: #FF2E8A;
			}
			30% {
				height: 2em;
				width: 2em;
				background-color: transparent;
				border-width: 1em;
				opacity: 1;
			}
			100% {
				height: 2em;
				width: 2em;
				border-width: 0;
				opacity: 0;
				background-color: transparent;
			}
		}
		@keyframes loader-figure {
			0% {
				height: 0;
				width: 0;
				background-color: #FF2E8A;
			}
			29% {
				background-color: #FF2E8A;
			}
			30% {
				height: 2em;
				width: 2em;
				background-color: transparent;
				border-width: 1em;
				opacity: 1;
			}
			100% {
				height: 2em;
				width: 2em;
				border-width: 0;
				opacity: 0;
				background-color: transparent;
			}
		}

.ui-loader-default { display: none; }

@media screen and (max-width: 1675px)
{
	.gallery-contentBox .item { margin-right: 5px; }

	.close-gallery
	{
		left: auto;
		right: 0;
	}
}

@media screen and (max-width: 1199px)
{
	.item-main 
	{
		flex-direction: column;
		justify-content: space-between;
	}
		.item-content,
		.item-info 
		{
			max-width: none;
			min-width: auto;
			width: 100%;
		}
		.item-content img 
		{
			max-height: 80vh;
		}

		.vertical .item-info { padding-left: 20px; }

	.vertical .gallery-maxWidth 
	{
		margin: 0 auto;
		width: 100%;
	}
}

@media screen and (max-width: 1140px)
{
	.blockChapter.arrow-right, 
	.blockChapter.arrow-left { display: none; }
	
	.gallery-other .block .col
	{
		margin-right: 5%;
		width: 30%;
	}
	.colTwo .col:first-of-type 
	{
		margin-right: 5%;
		width: 65%;
	}
	.colTwo .col:last-of-type 
	{ 
		margin-right: 0; 
		width: 35%;
	}
}

@media screen and (max-width: 1023px)
{
	.gallery-layerStyle { padding-top: 10px; }

	.gallery-main
	{
		display: block;
		padding-left: 0;
	}

		.gallery-header,
		.gallery-main-extraContent { display: none; }

		.gallery-header
		{
			box-shadow: none;
			padding: 15px 0 25px 0;
			margin-bottom: 0;
		}

			.gallery-header .centerPart
			{
				height: 50px;
			}
				.gallery-header .theAd .ad-cimke
				{
					bottom: -14px;
					right: auto;
					top: auto;
					left: calc(50% - 25px);
					-moz-transform: none;
				    -ms-transform: none;
				    -o-transform: none;
				    -webkit-transform: none;
				    transform: none;
				}

	.gallery-contentBox 
	{ 
		padding-left: 5px;
		width: 100%; 
	}
		.gallery-contentBox .item
		{
			max-width: calc(100vw - 10px);
			width: calc(100vw - 10px);
		}
		
	.gallery-main-extraContent
	{
		margin: 25px auto 0 auto !important;
		padding-top: 25px;
	}


	.otherGallery-button
	{
		left: 40px;
		max-width: none;
		top: 20%;
	}
		.gallery-layerStyle .otherGallery-button p 
		{ 
			font-size: 16px;
			line-height: 1.2em;
			margin-bottom: 10px; 
		}
		.otherGallery-item:hover .otherGallery-button { top: 23%; }
		.otherGallery-text { font-size: 15px; }
}

@media screen and (max-width: 767px)
{
	.fullPage
	{
		max-width: 100vw;
		overflow: hidden;
		position: relative;
		width: 100vw;
	}
	
	.gallery-layerStyle-mobilNav 
	{ 
		align-items: center;
		background-color: #FFF;
		border-bottom: 1px solid #C6C6C6;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		left: 0;
		opacity: 0;
		padding: 10px 20px;
		pointer-events: none;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 200;

		opacity: 1;
		pointer-events: all;
	}
		.gallery-layerStyle-mobilNav-col
		{
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 1px;
			position: relative;
			text-transform: uppercase;
			width: 33.333%;
		}
		.logo-mobil img { width: 50px; }
		.gallery-layerStyle-mobilNav-col:nth-of-type(2) 
		{ 
			padding-top: 2px;
			text-align: center; 
		}
		.gallery-layerStyle-mobilNav-col:nth-of-type(3) { text-align: right; }

	.gallery-only-steps, 
	.horizontal .gallery-maxWidth.gallery-only-steps
	{
		bottom: auto;
		position: relative;
	}

		
	.gallery-close-row,
	.closeGallery-bottomButton
	{
		display: none;
	}
	.gallery-layerStyle 
	{
		padding-top: 40px;
	}
	.gallery-contentBox
	{
		padding-bottom: 25px;
		padding-left: 0;
		box-shadow: 0px 2px 10px -2px rgba(215,215,215,1);
	}
		.gallery-content-full
		{
			display: block;
			width: 100%;
		}
			.clickLayer-left, .clickLayer-right { display: none; }

			.gallery-contentBox .item 
			{
				display: block;
				margin: 0;
				max-width: 100vw;
				width: 100vw;
			}
			.item-content 
			{ 
				display: block;
				text-align: center;
			}
			.item-main
			{
				border: none;
				box-shadow: none;
			}
				.gallery-titleRow
				{
					
					display: none;
				}
					.gallery-titleRow h2
					{
						color: #000;
						font-size: 16px;
						text-transform: none;
					}
				.gallery-content-image
				{
					padding: 0;
				}
				.horizontal .gallery-maxWidth { min-width: inherit; }
				.item-info { padding-top: 0; }
					.item-info h2
					{
						font-size: 20px;
						padding-right: 0;
					}
					.item-titleRow 
					{ 
						margin-bottom: 10px; 
						min-height: 1px;
						padding-top: 30px;
					}
					.item-info-text
					{
						font-size: 14px;
						line-height: 1.7em;
					}
				.gallery-steps
				{
					background-color: transparent;
					font-size: 13px;
					left: 0;
					padding: 5px 0;
					right: auto;
					top: 0;
				}
				.gallery-steps span 
				{
					color: #000;
					font-weight: 700;
				}

				.gallery-nav
				{
					align-items: center;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					justify-content: space-between;
					left: auto;
					padding: 5px 15px;
					position: relative;
					top: auto;
					-moz-transform: none;
					-ms-transform: none;
					-o-transform: none;
					-webkit-transform: none;
					transform: none;

					display: none;
				}
					.gallery-nav-arrow
					{
						border: none;
						color: #000;
						height: auto;
						padding: 5px;
						position: relative;
						width: auto;
					}
					.gallery-nav-arrow:hover, .gallery-nav-arrow.activated
					{
						background-color: transparent;
						color: #000;
					}
					.gallery-nav-arrow:first-of-type { left: 0; }
					.gallery-nav-arrow:last-of-type { right: 0; }
			.item-pic-source
			{
				color: #808080;
				font-size: 9px;
				text-transform: none;
			}

	
	.item.nextGallery-cover
	{
		overflow: visible;
	}
		.nextGallery-cover .item-main
		{
			min-height: inherit;
			padding-bottom: 20px;
		}
		
		.horizontal .item-info-text { margin-bottom: 0; }

	.nextGallery-cover.fixTitleDesign .nextGallery-cover-bg
	{
		padding: 5px 10px;
	}
		.nextGallery-cover.fixTitleDesign .nextGallery-cover-label
		{
			height: 0;
			overflow: hidden;
		}
		.nextGallery-cover.fixTitleDesign .nextGallery-cover-text
		{
			font-size: 12px;
		}

	.gallery-layerStyle-fixedTitle-box
	{
		left: 0;
		opacity: 0;
		pointer-events: none;
		position: fixed;
		top: 40px;
		width: 100%;
		z-index: 195;
	}
		.gallery-layerStyle-fixedTitle-box.active
		{
			opacity: 1;
		}

	.nextGallery-cover-prevGallery-title
	{
		bottom: 100%;
		display: none;
		left: 0;
		position: absolute;
		width: 100%;
	}
		.smallTitle-style
		{
			background-color: #F0F0F0;
			border-bottom: 1px solid #C6C6C6;
			font-family: 'Fira Sans', sans-serif;
			font-size: 12px;
			font-weight: 900;
			line-height: 1.2em;
			padding: 5px 10px 5px;
		}

		.nextGallery-cover.fixTitleDesign .nextGallery-cover-prevGallery-title 
		{
			display: block;
		}
}



.gallery-layerStyle .embedFacebook,
.gallery-layerStyle .embedFacebookVideo
{
	width: 100%;
	height: 100%;
}

.gallery-layerStyle .embedInstagram,
.gallery-layerStyle .embedPinterest
{
	height: 100%;
}

	.gallery-layerStyle .embedFacebook .animation,
	.gallery-layerStyle .embedFacebookVideo .animation,
	.gallery-layerStyle .embedInstagram .animation
	{
		position: absolute;
		top: 50%;
		left: 50%;
		-moz-transform: translateY(-50%) translateX(-50%);
		-ms-transform: translateY(-50%) translateX(-50%);
		-o-transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	.gallery-layerStyle .embedFacebook .fb-post,
	.gallery-layerStyle .embedFacebookVideo .fb-video,
	.gallery-layerStyle .embedInstagram iframe.instagram-media,
	.gallery-layerStyle .embedPinterest > span
	{
		width: 100%;
		position: relative;
		
	}


.gallery-layerStyle .letsPlayGif
{
	width: auto;	
}
#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; }