/*Fonts */
	@font-face	{font-family: intro; src: url('/assets/fonts/introBold.woff'); font-weight: bold; font-style: normal;}
	@font-face	{font-family: introBlack; src: url('/assets/fonts/introBlack.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: introLight; src: url('/assets/fonts/introLight.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: lato; src: url('/assets/fonts/lato.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: lato; src: url('/assets/fonts/latoBold.woff'); font-weight: bold; font-style: normal;}
	@font-face	{font-family: latoBlack; src: url('/assets/fonts/latoBlack.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: latoLight; src: url('/assets/fonts/latoLight.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: droidSerif; src: url('/assets/fonts/droidSerif.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: droidSerif; src: url('/assets/fonts/droidSerifItalic.woff'); font-weight: normal; font-style: italic;}

/*Base classes */
	body
		{background-color: white; color: black; font-family: latoLight, sans-serif; font-size: 1em; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	.bodyW
		{background-color: white; position: relative;}
	.bodyWW
		{background-color: white; height: 6rem; position: relative;}
	h1
		{font-family: intro, sans-serif; font-size: 1.75em; margin: 0;}
	h2
		{font-family: introBlack, sans-serif; font-size: 2em; font-weight: normal; line-height: 110%; margin: 0;}
	h3
		{font-family: introLight, sans-serif; font-size: 2em; font-weight: normal; margin: 0;}
	h4
		{font-size: 1.15em; font-weight: normal; margin: 0;}
	h5
		{font-size: 1.25em; font-weight: normal; margin: 0;}
	p
		{line-height: 150%; margin: 0;}
	strong
		{font-weight: bold;}
	ul
		{margin: 0; padding: 0em 0em 0em 1em;}
	img
		{vertical-align: middle; border: 0;}
	a
		{color: black; text-decoration: none;}

/*Layout */
	.page
		{width: 100%; min-height: 100vh; display: flex; flex-direction: column; position: relative; overflow-x: hidden;}
	header
		{background-color: white; width: 90%; padding: 1.25em 5%; flex: none;}
	.logo
		{width: 40%; display: inline-block; vertical-align: bottom}
	.usrControls
		{width: 60%; display: inline-block; text-align: right; vertical-align: bottom;}
	.controlIcon
		{width: 1.5em; display: inline-block; margin-right: 0.2em; position: relative;}
	.iconNum
		{background-color: white; font-size: 0.66em; padding: 0.15em 0.4em 0.1em 0.45em; position: absolute; right: -0.25em; top: -0.66em; border: 1px solid black; border-radius: 50%;}
	.trigram
		{width: 1.75em; margin-left: 1em;}
	.trigramX
		{width: 7.5%; position: absolute; right: 5%; top: 1.33em;}
	.menu
		{background-color: white; width: 100%; height: 100vh; position: fixed; left: 0%; top: 0; z-index: 102; overflow: auto; transition: 0.75s;}
	.menu0
		{left: 100%;}
	.menuOptions
		{font-family: introLight, sans-serif; font-size: 1.5em; text-transform: uppercase; width: 100%; padding-top: 3rem; text-align: center;}
	a.menuOption1, a.menuOption2
		{width: 85%; padding: 0.5rem 7.5%; display: inline-block;}
	a.menuOption2
		{background-color: black; color: white;}

	.intro
		{width: 90%; margin: auto; position: relative; overflow: hidden; flex: none;}
	.slide
		{width: 200%; margin-left: -50%; opacity: 1; transition: 0.75s;}
	.slide0
		{opacity: 0;}
	.overlay
		{background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.75s;}
	.overlay0
		{background-color: rgba(0,0,0,0);}
	.claim
		{color: white; position: absolute; left: 5%; top: 1.5em; opacity: 1; transition: 1.5s; transition-timing-function: linear;}
	.claim0
		{opacity: 0;}
	.claim h1
		{color: white; font-family: introBlack, sans-serif; font-size: 1.875em; letter-spacing: -1px;}
	.introBanner
		{width: 90%; position: absolute; left: 5%; bottom: 1.5em; opacity: 1; transition: 1.5s;}
	.introBanner0
		{top: 3em; opacity: 0;}

	.issueImg
		{width: 100%;}
	.issueDetails
		{margin: 1.5em 10% 0 10%;}
	.issueDate
		{font-family: latoBlack, sans-serif; font-size: 0.875em; letter-spacing: 2px; margin: 0.5em 0 1em 0;}

	.backIssueSlider
		{white-space: nowrap; width: 100%; text-align: center; position: relative; overflow: hidden;}
	.backIssueBox
		{position: relative; left: 0; transition: 0.75s;}
	.backIssueSlide
		{width: 100%;}
	.backIssue
		{color: #8b8b8b; font-family: intro, sans-serif; font-size: 1.15em; text-transform: uppercase; margin: 0.25em 1em; display: inline-block;}
	.backIssueImg
		{width: 75%; margin: 0 5%;}
	.backIssueLast
		{width: 2em; position: absolute; left: 0; top: 50%;}
	.backIssueNext
		{width: 2em; position: absolute; right: 0; top: 50%;}
	.previewSlider
		{white-space: nowrap; width: 100%; position: relative; overflow: hidden; box-sizing: border-box;}
	.previewBox
		{position: relative; left: 0%; transition: 0.75s;}
	.previewImg
		{width: 80%; margin: 0 10%;}
	.previewShadow
		{box-shadow: 0 0 0.75em 0 #aaaaaa;}
	.previewLast
		{width: 2em; position: absolute; left: 0%; top: 38%;}
	.previewNext
		{width: 2em; position: absolute; right: 0%; top: 38%;}

	.nextNum
		{color: #b4b4b4; font-family: introBlack, sans-serif; font-size: 1.75em;}
	.nextTheme
		{font-family: introBlack, sans-serif; font-size: 1.75em; margin-top: 0.25em;}
	.nextDate, .nextDateX
		{color: #b4b4b4; font-family: introBlack, sans-serif; font-size: 0.875em; margin-top: 0.5em;}
	.nextDateX
		{margin-top: 0.33em;}
	.nextExtra
		{font-family: droidSerif, sans-serif; font-size: 1.15em; font-style: italic; margin-top: 0.25em;}
	.nextExtraX
		{font-family: droidSerif, sans-serif; font-size: 1.15rem; font-style: italic; margin-left: 1rem; display: inline-block;}
	.send
		{font-family: droidSerif, sans-serif; font-size: 1.15em; font-style: italic; width: 80%; margin-top: 0.25em; text-align: center; border: 0; border-bottom: 1px solid #a6a6a6;}

	.banner
		{background-color: black; color: white; font-family: intro, sans-serif; font-size: 1.33rem; text-transform: uppercase; width: 80%; padding: 1.5em 5%; margin: auto; text-align: center;}
	.bannerTease
		{font-family: intro, sans-serif; font-weight: bold; font-size: 1.25rem;}
	.bannerIcon
		{width: 1.6rem; margin-bottom: 1.25rem;}
	.bannerMobi
		{width: 100%; position: fixed; left: 0; top: 0; z-index: 0;}
	.bannerGap
		{width: 100%; height: 100vh; display: inline-block;}
	.subscriptionOption
		{font-family: lato, sans-serif; font-weight: bold; font-size: 1.25em; text-transform: uppercase;}
	.voucherThumb
		{width: 40%;}
	.voucherThumbGap
		{margin-left: 5%;}
	.subscriptionControl
		{display: inline-block; text-align: left;}
	.advantage, .advantage2, .advantage3
		{font-family: latoBlack, sans-serif; font-size: 1.75em; width: 12.5%; display: inline-block; vertical-align: top;}
	.advantage2
		{font-size: 1.33em; position: relative; top: 0.2em;}
	.advantage3
		{font-size: 1.33em; position: relative; top: 0.35em;}
	.advantageBody
		{width: 77.5%; margin-top: 0.4em; display: inline-block; vertical-align: top;}
	.advantageTitle
		{font-family: latoBlack, sans-serif; font-size: 1.25em;}

	.socialIconRound
		{width: 1em; padding: 0.33em; margin: 0 0.25em; border: 1px solid black; border-radius: 50%;}
	.socialBadgeBox
		{width: 100%; display: inline-block; position: relative;}
	.socialBadge
		{width: 100%; border-radius: 50%;}
	.socialBadgeBody
		{width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; top: 0;}
	.socialBadgeTitle
		{color: white; padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid white; transition: 0.75s;}
	.socialBadgeTitle1
		{padding-bottom: 1.33em; margin-bottom: 1.33em;}
	.socialBadgeTitle0
		{padding-bottom: 0em; margin-bottom: 0.33em;}
	.socialBadgeIcon
		{height: 1.33em; margin: 0 1em;}
	.backissueTitle
		{color: #8b8b8b; font-family: intro, sans-serif; font-size: 1.25em; text-transform: uppercase; width: 90%; margin: 0 auto 0.75rem auto;}
	.issueBig
		{width: 90%; margin: auto; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.issueBig0
		{top: 3em; opacity: 0;}
	.issueBigOverlay
		{background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0;}
	.issueBigInfo
		{color: white; font-family: latoBlack, sans-serif; font-size: 0.75em; letter-spacing: 2px;}
	.barGrey
		{background-color: #ebebeb; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.barGrey0
		{top: 2.5em; opacity: 0;}
	.bannerBar
		{width: 100%; opacity: 1; transition: 0.75s; transition-timing-function: linear;}
	.bannerBar0
		{opacity: 0;}
	.bannerBarOver
		{position: absolute; left: 0%; top: 0;}
	.bannerImg
		{width: 150%; margin-left: -25%;}
	.bannerText
		{width: 80%; margin: 2em 10% 0 10%;}
	.bannerTextX
		{}
	.bannerShopBox
		{background-color: #ffdd00; padding: 2em; text-align: center;}
	.mainX
		{width: 90%; margin: auto; position: relative;}
	.main
		{width: 90%; padding: 0 5%;}
	.mainFLat
		{width: 100%;}
	.mainBack
		{padding: 0 5%;}
	.ruler1
		{width: 20%; margin: 1em auto 0 auto; border-bottom: 2px solid #d9d9d9;}
	.rulerX
		{padding-bottom: 1rem; border-bottom: 1px solid black;}
	.rulerG
		{padding-bottom: 1rem; border-bottom: 1px solid #dddddd;}
	.grpText
		{font-size: 1.0875em; letter-spacing: 3px; width: 90%; margin: auto; text-align: center;}
	.col21, .col23, .col25
		{text-align: left;}
 	.col22, .col24, .col28
		{margin-top: 2.5em; text-align: left;}
 	.col22NoGap
 		{margin-top: 0;}
	.col26
		{text-align: left;}
	.col28
		{margin-top: 2.5em;}
	.col30
		{text-align: center;}
	.col3X
		{margin-top: 1.5em; text-align: center;}
	.col51, .col52
		{width: 100%; display: inline-block; position: relative;}
	.col52
		{margin-top: 1em;}
	.colX
		{position: relative; left: 0; opacity: 1; transition: 0.75s;}
	.colX210
		{left: -2.5rem; opacity: 0;}
	.colX220
		{left: 2.5rem; opacity: 0;}
 	.isHand
 		{width: 100%;}
 	.isBullet
 		{width: 1.15rem; margin: 0 0.25rem;}
 	.person
 		{position: relative; top: 0em; opacity: 1; transition: 0.75s;}
 	.person0
 		{top: 2.5rem; opacity: 0;}
 	.personImg
 		{max-width: 100%;}
 	.personData
 		{margin-top: 1rem;}
 	.personTitle
		{font-family: latoBlack, sans-serif; letter-spacing: 2px;}
 	.rosterArrow
 		{width: 7.5%; margin-top: 3em; display: inline-block; vertical-align: top; opacity: 1; transition: 0.75s;}
 	.rosterArrow0
 		{opacity: 0.1;}
 	.rosterBox
 		{width: 85%; display: inline-block; vertical-align: middle; overflow: hidden;}
 	.rosterContainer
 		{white-space: nowrap; position: relative; left: 0%; transition: 0.75s;}
 	.roster
 		{width: calc(100% - 3em); margin: 0 1.5em; display: inline-block; text-align: center; vertical-align: middle;}
 	.rosterImg
 		{width: 61%; border-radius: 50%;}
 	.rosterPartnerImg
 		{width: 100%; max-width: 185px;}
 	.rosterPerson
		{font-family: lato, sans-serif; font-size: 1.25em; margin: 1em 0 0.5em 0;}
	.poiLeft
		{}
	.poi
		{width: 100%; padding: 0.75em 0; cursor: pointer;}
	.poiLine
		{border-top: 1px solid #cccccc;}
	.poiImg
		{width: 27.5%; margin-right: 3%; display: inline-block; vertical-align: middle;}
	.poiItem
		{width: 69.5%; display: inline-block; vertical-align: middle;}
	.poiZone
		{font-family: lato, sans-serif; font-size: 0.875em; font-weight: bold;}
	.poiTitle
		{font-family: intro, sans-serif; font-weight: bold; margin: 0.75rem 0;}
	.poiNote
		{font-size: 0.75em;}
	.poiBanner
		{margin-top: 1.5em;}
	.contactsCol1
		{position: relative; top: 0rem; opacity: 1; transition: 0.75s;}
	.contactsCol2, .contactsCol3
		{margin-top: 1rem; position: relative; top: 0rem; opacity: 1; transition: 0.75s;}
	.contactsCol10, .contactsCol20, .contactsCol30
		{top: 3rem; opacity: 0;}
 	.contacts30
 		{opacity: 0;}

 	.plus
		{font-family: lato, sans-serif; font-weight: bold; display: inline-block;}
	.plus img
		{width: 2.15em; margin-right: 0.66em; transition: 0.75s;}
	.issuePlus
		{position: absolute; right: 0.75em; bottom: 2.75em;}
	.issuePlus .plus
		{color: white;}
	.top
		{width: 3rem; position: absolute; right: calc(50% - 1.5rem); top: -4rem;}

/*Blog */
	.isBlogTeaser
		{width: 90%; margin-left: 5%;}
	.blogBannerHolder
		{background-color: white; width: 90%; padding: 0 5%; position: relative; border-top: 1px solid #dddddd;}
	.blogBannerContainer
		{position: relative; overflow: hidden;}		
	.blogBannerTitle
		{font-size: 0.875em;}
	.blogBannerHeader
		{font-family: introBlack, sans-serif; font-size: 1.5em; line-height: 110%; margin: 1.5rem 0 0.75rem 0;}
	.blogBannerBody
		{font-size: 1em; margin-top: 0.75rem; text-align: center;}
	.blogBannerImg
		{width: 200%; margin-left: -50%;}
	.search
		{width: 80%; margin: 1em 0; display: inline-flex; border: 1px solid black;}
	.searchEntry
		{border: 0; flex: auto;}
	.searchButton
		{background-color: black; color: white; font-family: droidSerif, sans-serif; padding: 0.66em; display: inline-block; flex: 0; outline: 0; -webkit-appearance: none;}
	.articleCat
		{font-size: 0.875em; line-height: 200%; margin-right: 1em; display: inline-block;}
	.articles
		{transition: 0.75s;}
	.article
		{margin: 1em 0; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.article0
		{top: 2.5em; opacity: 0;}
	.articleBox
		{padding-bottom: 1em;}
	.articleCategory
		{font-size: 0.875em; font-family: latoBlack, sans-serif; margin-top: 1em; display: inline-block;}
	.articleTitle
		{font-family: intro, sans-serif; font-size: 1.5em; font-weight: bold; margin: 1em 0; display: inline-block;}
	.articleBody
		{color: #8c8c8c; font-family: intro, sans-serif; margin-bottom: 2em;}
	.articleNote
		{font-family: lato, sans-serif; font-size: 0.875em; position: absolute; left: 0; bottom: 1em;}
	.articleCategory:hover, .articleTitle:hover, .articleNote:hover
		{text-decoration: underline;}
	.bloggerCategory
		{font-size: 0.875em; font-family: latoBlack, sans-serif; margin-top: 1em; display: inline-block;}
	.bloggerHead
		{font-size: 2.25em; margin-top: 1.75rem;}
	.bloggerLegend
		{font-style: italic; margin-top: 0.75em;}
	.bloggerNote
		{font-family: lato, sans-serif; font-size: 0.875em; margin-top: 1.5em;}
	.bloggerPictos
		{font-family: lato, sans-serif; font-size: 0.875em; margin-top: 1.5em;}
	.bloggerPictosLeft
		{width: 50%; display: inline-block; vertical-align: middle;}
	.bloggerPictosRight
		{width: 50%; display: inline-block; text-align: right; vertical-align: middle;}
	.bloggerPicto
		{width: 1.25rem; margin-left: 0.75em; vertical-align: middle; position: relative; bottom: 0.25em;}
	.bloggerText
		{font-family: lato, sans-serif; line-height: 110%; letter-spacing: 0.25px;}
	.bloggerText h1
		{font-size: 1.5em; line-height: 133%; margin-top: 1.25rem;}
	.bloggerText h2
		{font-family: lato, sans-serif; font-weight: bold; font-size: 1.25em; line-height: 133%; margin-top: 1.25rem;}
	.bloggerText h3
		{font-size: 1.15em; line-height: 133%; margin-top: 1.25rem;}
	.bloggerText a
		{text-decoration: underline;}
	.bloggerText a.buttonX
		{text-decoration: none;}
	.bloggerText img
		{max-width: 100%;}
	.bloggerText figcaption
		{font-size: 0.875em; font-style: italic; margin-top: -0.33em;}
	.bloggerSider
		{margin-top: 1.5em;}
	.bloggerShareIcon
		{width: 1.25rem; margin-right: 0.5em; vertical-align: middle;}
	.bloggerShare
		{font-family: lato, sans-serif; font-weight: bold; font-size: 0.875em; padding: 0.5em 2em; display: inline-block; vertical-align: middle; border: 1px solid #dddddd;}
	.bloggerShare:hover
		{background-color: black; color: white;}
	.bloggerLike
		{font-family: lato, sans-serif; font-size: 0.75em; width: calc(100% - 3.5rem - 2px); display: inline-block; vertical-align: middle;}
	.bloggerLikeIcon
		{width: 1rem; padding: 0.75rem; margin-left: 1rem; display: inline-block; vertical-align: middle; border: 1px solid #dddddd; border-radius: 50%;}
	.bloggerStep
		{font-size: 0.875em; font-family: latoBlack, sans-serif;}
	.bloggerStep:hover
		{text-decoration: underline;}
	.bloggerTag
		{padding: 0.5em 1em; margin: 0.25em; display: inline-block; border: 1px solid #dddddd;}
	.bloggerLeft
		{font-size: 1.33em; width: 50%; display: inline-block; vertical-align: top;}
	.bloggerRight
		{font-size: 1.33em; width: 50%; display: inline-block; text-align: right; vertical-align: top;}
	.blogPremiumTeaser
		{-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); -webkit-mask-size: 100% 110%;
  		-webkit-mask-repeat: no-repeat; -webkit-mask-position: left top, left bottom; max-height: 5.66em; overflow: hidden;}
	.similarArticles
		{}
	.similarTitle
		{font-family: intro, sans-serif; font-size: 1em; font-weight: bold; line-height: 133%; margin: 1.5rem 0 1rem 0; display: inline-block;}
	.similarNote
		{font-family: lato, sans-serif; font-size: 0.875em; width: 100%; text-align: center;}
	.loadMore
		{width: 3.33em;}
	.videos
		{transition: 0.75s;}
	.video
		{margin: 1em 0; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.video0
		{top: 2.5em; opacity: 0;}
	.videoTitle
		{font-family: intro, sans-serif; font-size: 1.5em; font-weight: bold; margin-top: 1em;}
	.videoNote
		{font-size: 0.875em; margin-top: 0.5em;}
	.videoHolder
		{height: 0px; overflow: hidden; transition: 0.75s;}
	.videoBox
		{width: 100%; padding-top: 33.33vh; position: relative;}
	.videoPlayer
		{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.videoPlayer1
		{}
	.videoSingleBox
		{width: 100%; padding-top: 50vh; position: relative;}
	.videoSingle
		{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
	.gloss
		{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -o-user-select: none;}
	.isMaxHeight
		{}

/*Shop */
	.shopCheckBox
		{margin-top: 0.5em; display: inline-block;}
	.catLabel
		{background-color: black; color: white; text-transform: uppercase; width: 100%; padding: 0.75em 1em; margin-top: 1.5rem; display: inline-block; box-sizing: border-box;}
	.shopThumbs
		{margin: -1em -1.5%; display: flex; flex-wrap: wrap;}
	.shopThumb2, .shopThumb3
		{width: 47%; margin: 1.75em 1.5%; display: inline-block; text-align: center; vertical-align: top; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.shopThumb0
		{top: 1.25em; opacity: 0;}
	.shopLabel
		{padding-bottom: 3.75em; margin-top: 1em;}
	.prodThumbs
		{margin: 0 -0.5em;}
	.prodThumb
		{width: calc(25% - 1em); margin: 0.5em 0.5em 0 0.5em;}
	.charity
		{background-color: black; color: white; font-size: 0.875em; padding: 0.5em 0.75em; margin-bottom: 1rem; text-align: center; border-radius: 0.5em;}
	.variant1, .variant2
		{padding: 0.5em 0.75em; margin: 0.33em; display: inline-block; border: 1px solid black;}
	.variant1:hover, .variant2
		{background-color: black; color: white;}
	.buyControl1
		{position: absolute; left: 0; bottom: 0.5em;}
	.cartAdd
		{width: 2.25em; margin-right: 0.5rem; display: inline-block; vertical-align: middle;}
	.iconRound
		{width: 100%; border-radius: 50%;}
	.price0
		{display: none;}
	.priceOld
		{color: #aaaaaa; text-decoration: line-through;}
	.price1
		{font-size: 1.25em; display: inline-block; vertical-align: middle;}
	.prodBig
		{}
	.prodSquares
		{margin: 0.25em -0.25em -0.25em -0.25em;}
	.prodSquare
		{width: calc(25% - 0.5em - 2px); margin: 0.25em; display: inline-block; border: 1px solid transparent;}
	.prodSquareX
		{border: 1px solid #cccccc;}
	.prodRight
		{margin-top: 1em;}
	.prodRight h2
		{font-size: 1.33em;}
	.orderLeft
		{width: 40%; display: inline-block; vertical-align: middle;}
	.orderRight
		{width: 60%; display: inline-block; text-align: right; vertical-align: middle;}
	.orderLine
		{margin-top: 0.75rem; border-top: 1px solid #d9d9d9;}
	.orderPrice0
		{color: #aaaaaa; text-decoration: line-through; font-size: 1.33em;}
	.orderPrice1
		{font-size: 1.33em; line-height: 150%;}
	.lupa
		{width: 2em; display: inline-block; vertical-align: middle;}
	.lupaText
		{font-family: latoBlack, sans-serif; margin-left: 0.5em; display: inline-block; vertical-align: middle;}
	.shopBadges
		{font-family: lato; font-size: 0.6em; font-weight: bold; position: absolute; right: 0; top: 0;}
	.shopBadgeSubscription, .shopBadgeCurrent, .shopBadgeDigital, .shopBadgeLang
		{background-color: white; color: black; padding: 2.25em; margin: 0.75em 0.75em 0 0; position: relative; border-radius: 50%;}
	.shopBadgeCurrent
		{background-color: black; color: white;}
	.shopBadgeDigital
		{background-color: #00df74; color: white;}
	.shopBadge
		{width: 4.5em; height: 4.5em; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0;}
	.shopBadgeBig
		{font-size: 1.25em; margin-right: 0.125em; display: inline-block;}
	.cartAddedImg
		{width: 66.66%; margin: 1em 0;}
	.orderIcon
		{width: 1em; margin-right: 0.5em;}

/*Footer */
	footer
		{background-color: black; color: white; margin-top: 6rem; position: relative;}
	.footerFlat
		{margin-top: 0;}
	.footerBox
		{width: 85%; margin: auto;}
	.footerBox a
		{color: white;}
	.footerBox a:hover
		{text-decoration: underline;}
	.footerLeft, .footerRight
		{}
	.footerRight1
		{margin-top: 1em;}
	.zalezi
		{font-family: introLight, sans-serif; font-size: 1.25rem;}
	.architecture
		{font-family: intro, sans-serif; font-weight: bold; font-size: 1.2rem;}
	.footerIcon
		{height: 1.25em; margin-right: 1.75em; display: inline-block;}
	.footerLinks
		{font-family: lato, sans-serif; font-size: 0.875em; margin-top: 3em;}
	.footerLinks a
		{color: #cccccc;}
	.footerMiddle
		{color: #aaaaaa; font-family: lato, sans-serif; font-size: 0.875em; padding: 2em; margin-top: 2.5em; text-align: center; border: 1px solid #aaaaaa; border-left: 0; border-right: 0;}
	.nge
		{height: 1.66rem;}
	.ngeGap
		{margin-left: 1rem;}
	.ngeGapTop
		{margin-top: 1rem;}
	.footerLower1, .footerLower2
		{color: #aaaaaa; font-family: lato, sans-serif; font-size: 0.875rem;}
	.footerLower1
		{margin-top: 1.5em;}
	.footerLower1 a, .footerLower2 a
		{color: #aaaaaa;}
	.adHolder
		{width: 100%; height: 0px; position: fixed; left: 0; bottom: 0; transition: 0.75s;}
	.ad
		{background-color: white; width: 100%; height: 100%; border-top: 1px solid #eeeeee;}
	.adBox
		{display: inline-block; vertical-align: middle; overflow: hidden;}
	.adTab
		{background-color: #800000; color: white; font-size: 0.75em; padding: 0.33em; position: absolute; right: 0; bottom: 100%; transition: 0.75s;}
	.adTab0
		{display: none;}
	.adImg
		{width: 33.33%; display: inline-block; vertical-align: middle;}
	.adBody
		{width: 66.66%; padding: 1em; display: inline-block; vertical-align: middle; box-sizing: border-box;}

/*Segments */
	.segment
		{width: 90%; padding: 0 5%; position: relative;}
	.segmentCollapse
		{height: 0px; overflow: hidden; transition: 0.75s;}
	.segmentGap
		{padding-top: 2.5rem; padding-bottom: 2.5rem;}
	.doubleGap
		{padding-top: 5rem;}
	.doubleGapDown
		{padding-bottom: 5rem;}
	.segmentGapUp
		{padding-top: 2.5rem;}
	.segmentGapDown
		{padding-bottom: 2.5rem;}
	.chapterGap
		{padding-top: 2rem;}
	.chapterGapDown
		{padding-bottom: 2rem;}
	.blockGap
		{padding-top: 1.5rem;}
 	.blockGapDown
 		{padding-bottom: 1.5rem;}
	.gap15
		{padding-top: 1.25rem;}
	.segmentBg
		{background-color: #f5f5f5;}
	.segmentBody
		{position: relative; left: 0em; opacity: 1; transition: 0.75s;}
	.segmentBody0
		{left: -2.5em; opacity: 0;}

/*Gallery */
	.galleryThumbs
		{margin: -1.5%;}
	.galleryThumb
		{width: 47%; margin: 1.5%; display: inline-block; text-align: center; vertical-align: middle; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.galleryThumb0
		{top: 1.25em; opacity: 0;}

/*Table */
	.table0
		{}
	.table5
		{border-bottom: 4px solid #585858;}
	.tabHead, .tabSum
		{font-weight: bold; text-transform: uppercase;}
	.tabRow1
		{}
	.tabRow2
		{background-color: #ebf2fd;}
	.tabOver
		{background-color: #fafafa; cursor: default;}
	.tabCellHead
		{padding: 0.5em; border-bottom: 5px solid #585858;}
	.tabCell0
		{padding: 0.5em;}
	.tabCell1
		{padding: 0.5em; border-bottom: 1px solid #dddddd;}
	.tabCellSum
		{padding: 0.5em; border-top: 4px solid #585858;}
	.summary
		{background-color: #ffdc1e; width: 100%; display: table;}
	.summary1, .summaryX
		{font-size: 1.33em; white-space: nowrap; width: 7.5%; padding: 1em 0 1em 1em; display: table-cell;}
	.summaryX
		{width: auto;}
	.summaryNum1, .summaryNum2
		{padding: 0.2em 0.5em 0.1em 0.5em; margin-right: 0.5em; display: inline-block; border: 1px solid black; border-radius: 50%;}
	.summaryNum2
		{background-color: black; color: white;}
	.cartHeader
		{width: 25%;}
	.cartRuler
		{border-bottom: 1px solid black;}
	.cartCell
		{padding: 1.25em 0.5em;}
	.cartHeader
		{width: calc(85% - 1.33em);}
	.cartQty
		{width: 7.5%;}
	.cartPriceX
		{width: 7.5%; font-size: 1.15em; font-weight: bold;}
	.cartDel
		{width: 1.33em; padding: 0;}
	.tabCellL0
		{padding-left: 0;}
	.tabCellR0
		{padding-right: 0;}
	.teaser
		{background-color: black; font-size: 0.875em; font-weight: bold; padding: 1.25em; text-align: center;}
	.teaserIcon
		{width: 1.66em; margin: -0.25em 0.5em 0 0; display: inline-block; vertical-align: top;}
	.teaserBody
		{color: white; display: inline-block; vertical-align: top;}

/*Form */
	form
		{margin: 0;}
	.formTitle
		{font-family: lato, sans-serif; font-size: 1.5em; font-weight: bold;}
	.chars2
		{width: 3em;}
	.chars4
		{width: 6em;}
	label
		{cursor: pointer;}
	.checkbox
		{width: 1.15em; margin-right: 0.5em; vertical-align: top;}
	input, textarea, select
		{font-family: lato, sans-serif; font-size: 0.875em; padding: 0.66em; border: 1px solid black; outline: 0; box-sizing: border-box;}
	textarea
		{overflow: auto;}
	.selectArrow
		{background-image: url('/assets/img/selectArrow.png'); background-size: auto 100%; background-position: right top; background-repeat: no-repeat; width: 100%; padding-right: 2.5em; appearance: none; -moz-appearance: none; -webkit-appearance: none;}
	.selectArrow::-ms-expand
		{display: none;}
	.button, .buttonX, .buttonY
		{background-color: black; color: white; font-family: droidSerif, sans-serif; font-size: 1rem; padding: 0.75rem 2rem;
		display: inline-block; border: 1px solid black; border-radius: 1.25rem; outline: 0; -webkit-appearance: none; box-sizing: border-box;}
	.buttonX
		{background-color: initial; color: black;}
	.buttonY
		{background-color: #ffdc1e; color: black; border: 1px solid #ffdc1e;}
	.button:hover
		{background-color: initial; color: black; text-decoration: none;}
	.buttonX:hover, .buttonY:hover
		{background-color: black; color: white; text-decoration: none; border: 1px solid black;}
	.gapSide
		{margin-left: 0.5em;}
	.gapLeft, .gapTop
		{margin-top: 0.5em;}

/*General */
	.isRel
		{position: relative;}
	.isInline
		{display: inline-block;}
	.isFlex
		{align-items: center; display: flex;}
	.isFull, .quarter
		{width: 100%;}
	.isMaxFull
		{max-width: 100%;}
	.isLeft
		{text-align: left;}
	.isRight
		{text-align: right;}
	.isCenter
		{text-align: center;}
	.isMiddle
		{vertical-align: middle;}
	.isSpaced
		{letter-spacing: 2px;}
	.isLinkMarked
		{font-weight: bold;}
	.isLinkMarked:hover
		{text-decoration: underline;}
	.isIntro
		{font-family: intro, sans-serif;}
	.isIntroLight
		{font-family: introLight, sans-serif;}
	.isLato
		{font-family: lato, sans-serif;}
	.isLatoBlack, .isLatoBlackX
		{font-family: latoBlack, sans-serif;}
	.isLatoBold
		{font-family: lato, sans-serif; font-weight: bold;}
	.isDroidItalic
		{font-family: droidSerif, sans-serif; font-style: italic;}
	.isBig
		{font-size: 1.25em;}
	.isSmall
		{font-size: 0.875em;}
	.isYellow
		{background-color: #ffdc1e; color: black;}
	.isRed
		{color: red;}
	.isErr
		{border: 1px solid red;}
	.isOver
		{position: absolute; left: 0; top: 0;}
	.isHidden
		{display: none;}
	.noWrap
		{white-space: nowrap;}

	.isDarken
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 100;}
	.isDialog, .isDialogX
		{background-color: white; width: 80%; padding: 1.5em; margin-top: 10%; position: relative; left: 10%; border: 3px solid #273e5e; box-sizing: border-box;}
	.isDialog h1, .isDialog h2, .isDialog h3, .isDialogX h1, .isDialogX h2, .isDialogX h3
		{font-size: 1rem; padding-bottom: 1rem; margin-bottom: 1rem; margin-bottom: 0.5em; border-bottom: 1px solid #ebebeb;}
	.isDialogRuler
		{padding-top: 1rem; margin-top: 1rem; border-top: 1px solid #ebebeb;}
	.isDialogCol21
		{}
	.isDialogCol22
		{margin-top: 0.5em;}
	.isPreview
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; display: flex; align-items: center; position: fixed; left: 0; top: 0; z-index: 100;}
	.isPreviewPhoto
		{max-width: 100%; max-height: 100%; margin: auto;}
	.isDialogClose
		{width: 2.25rem; position: absolute; right: 0; top: 0;}
	.isPreviewLast
		{width: 2em; position: absolute; left: 0; top: calc(50% - 1em); z-index: 2;}
	.isPreviewNext
		{width: 2em; position: absolute; right: 0; top: calc(50% - 1em); z-index: 2;}
	.isPreviewClose
		{width: 2em; position: absolute; right: 0; top: 0; z-index: 2;}
	.isPreviewX
		{background-color: rgba(0,0,0,0.66); width: 100%; height: 100%; align-items: center; display: flex;	position: fixed; left: 0; top: 0; z-index: 100;}
	.icoText
		{width: calc(100% - 2.86em); display: inline-block; vertical-align: middle;}
	.icoSmall
		{width: 1.33em; margin-right: 0.5em;}
	.isHand
		{cursor: pointer;}
	.isUnderlined
		{text-decoration: underline;}
	a.isNotUnderlined
		{text-decoration: none;}
	.isUppercase
		{text-transform: uppercase;}

/*Media queries */
	@media screen and (orientation: landscape)
	{
		.logo
			{width: 15%;}
		.usrControls
			{width: 85%;}
		.trigram
			{width: 5%;}
		.adHolder
			{background-color: rgba(255,255,255,0.5);}
		.ad
			{width: 60%; margin: auto;}
		.adBody
			{font-size: 0.9em; padding: 0.66em;}
		.isMaxHeight
			{max-height: 150vh;}
		.isDialog, .isDialogX
			{margin-top: 5%;}
		.cartAddedImg
			{width: 20%;}
		.isDialogCol21
			{width: 50%; display: inline-block; vertical-align: middle;}
		.isDialogCol22
			{width: 50%; display: inline-block; text-align: right; vertical-align: middle;}
	}