@charset "UTF-8";
/**** MOBILE ***/


.Header {
	display:flex;
	flex-direction: row;
	width: 100%;
	height: 65rem;
	background: rgb(64,64,64);
	background: linear-gradient(0deg, rgba(64,64,64,1) 0%, rgba(45,45,45,1) 100%);
	align-items: center;
}

.HeaderMenuIcon {
	margin-left: 15rem;
	display: inline-block;
	width: calc(68rem / 1.7);
	height: calc(48rem / 1.7);
	background-image: url('/images/MenuTop.png');
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.HeaderTexts {
	display: none;
	margin-left: 20rem;
	white-space: nowrap;
}

.HeaderTextsTitle {
	font: bold 16rem SiteFont;
	color:#ffffff;
	line-height: 18rem;
}
.HeaderTextsDesc {
	font: 12rem SiteFont;
	color:#909090;
	line-height: 16rem;
}
.HeaderLogoDIV {
	width: 100%;
	text-align: center;
}

.HeaderLogo {
	margin-top:-6rem;
	display: inline-block;
	width: calc(492rem / 2.5);
	height: calc(126rem / 2.5);
	background-image: url('/images/LogoTop.png');
	background-size: cover;
	cursor: pointer;
}

.HeaderAssinarButton {
	display: none;
	cursor: pointer;
	border: 1rem solid #000;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.HeaderAssinarLogin {
	display: flex;
	margin-left: 25rem;
	white-space: nowrap;
	align-items: center;
}

.HeaderAssinarLogin .Button {
	display: none;
	cursor: pointer;
	font: 15rem SiteFont;
	text-transform: uppercase;
	color:#d6d6d6;
	transition: all 0.4s ease-in-out;

	&:hover {
		color:#ffffff;
	}
}

.HeaderAssinarLogin .UserIcon {
	margin-left: 0rem;
	margin-right: 30rem;
	display: inline-block;
	width: calc(60rem / 1.8);
	height: calc(60rem / 1.8);
	background-image: url('/images/User.png');
	background-size: cover;
}


.HeaderColorSeparator {
	background: rgb(241,96,34);
	background: linear-gradient(90deg, rgba(241,96,34,1) 0%, rgba(237,39,36,1) 50%, rgba(241,96,34,1) 100%);
	width: 100%;
	height: 6rem;
	margin-bottom:20rem;
}

.SubHeader {
	display:none;
	width: 100%;
	height:30rem;
	background:#e7e7e7;
	border-bottom: 1rem solid #b3b3b3;
	margin-bottom: 50rem;
}

.SubHeaderContents {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: auto;
	width: var(--page-size);
	height: 30rem;
}

.SubHeaderContents .Date {
	font: bold 13rem SiteFont;
	color:#3f3f3f;
	white-space: nowrap;
	min-width: 150rem;
}

.SubHeaderContents .Links {
	width: 100%;
	text-align: center;
}

.SubHeaderContents .Links A {
	font: 14rem SiteFont;
	text-transform: uppercase;
	color: #777;
	margin: 0rem 10rem;

	&:hover {
		text-decoration: none;
		color:#000;
	}
}

.SubHeaderContents .SearchIcon {
	margin-left: 130rem;
	display: inline-block;
	width: calc(42rem / 2);
	min-width: calc(42rem / 2);
	height: calc(42rem / 2);
	background-image: url('/images/Search.png');
	background-size: cover;
	cursor: pointer;
}


/**** DESKTOP ***/

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

.Header {
	display:flex;
	flex-direction: row;
	width: 100%;
	height: 85rem;
	background: rgb(64,64,64);
	background: linear-gradient(0deg, rgba(64,64,64,1) 0%, rgba(45,45,45,1) 100%);
	align-items: center;
}

.HeaderMenuIcon {
	margin-left: 20rem;
	display: inline-block;
	width: calc(68rem / 2);
	height: calc(48rem / 2);
	background-image: url('/images/MenuTop.png');
	background-size: 25rem 24rem;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: all 0.4s ease-in-out;

}
.HeaderTexts {
	display: inline-block;
	margin-left: 20rem;
	white-space: nowrap;
}

.HeaderTextsTitle {
	font: bold 16rem SiteFont;
	color:#ffffff;
	line-height: 18rem;
}
.HeaderTextsDesc {
	font: 12rem SiteFont;
	color:#909090;
	line-height: 16rem;
}
.HeaderLogoDIV {
	width: 100%;
	text-align: center;
}

.HeaderLogo {
	margin-top:0rem;
	display: inline-block;
	width: calc(492rem / 2);
	height: calc(126rem / 2);
	background-image: url('/images/LogoTop.png');
	background-size: cover;
	cursor: pointer;
}

.HeaderAssinarButton {
	display: inline-block;
	cursor: pointer;
	border: 1rem solid #000;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.HeaderAssinarLogin {
	display: flex;
	margin-left: 25rem;
	white-space: nowrap;
	align-items: center;
}

.HeaderAssinarLogin .Button {
	display: inline-block;
	cursor: pointer;
	font: 15rem SiteFont;
	text-transform: uppercase;
	color:#d6d6d6;
	transition: all 0.4s ease-in-out;

	&:hover {
		color:#ffffff;
	}
}

.HeaderAssinarLogin .UserIcon {
	margin-left: 10rem;
	margin-right: 30rem;
	display: inline-block;
	width: calc(51rem / 2);
	height: calc(51rem / 2);
	background-image: url('/images/User.png');
	background-size: cover;
	cursor:pointer;
}


.HeaderColorSeparator {
	background: rgb(241,96,34);
	background: linear-gradient(90deg, rgba(241,96,34,1) 0%, rgba(237,39,36,1) 50%, rgba(241,96,34,1) 100%);
	width: 100%;
	height: 10rem;
	margin-bottom:0rem;
}

.SubHeader {
	display:block;
	width: 100%;
	height:30rem;
	background:#e7e7e7;
	border-bottom: 1rem solid #b3b3b3;
	margin-bottom: 50rem;
}

.SubHeaderContents {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: auto;
	width: var(--page-size);
	height: 30rem;
}

.SubHeaderContents .Date {
	font: bold 13rem SiteFont;
	color:#3f3f3f;
	white-space: nowrap;
	min-width: 150rem;
}

.SubHeaderContents .Links {
	width: 100%;
	text-align: center;
}

.SubHeaderContents .Links A {
	font: 14rem SiteFont;
	text-transform: uppercase;
	color: #777;
	margin: 0rem 10rem;

	&:hover {
		text-decoration: none;
		color:#000;
	}
}

.SubHeaderContents .SearchIcon {
	margin-left: 130rem;
	display: inline-block;
	width: calc(42rem / 2);
	min-width: calc(42rem / 2);
	height: calc(42rem / 2);
	background-image: url('/images/Search.png');
	background-size: cover;
	cursor: pointer;
}

}

.CategoryBigTitle {
	font: 40rem SiteFont;
	color:#00;
	padding:0rem 20rem;
	box-sizing:border-box;
	margin-bottom: 10rem;
}

.CategoryArticleTitle {
	font: bold 16rem SiteFont;
	color:#f16022;
	line-height: 20rem;
	margin-bottom: 5rem;
	text-transform: uppercase;
}

.CategoryArticlePhoto {
    width: 100%;
    height: 95rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1rem solid #959595;
}

.CategoryArticleSmallTitle {
	display: block;
	font: 17rem SiteFont;
	color: #000;
	margin-bottom: 2rem;
	line-height: 20rem;
	padding: 0rem;
	box-sizing: border-box;
}


.CategoryAuthor {
	font: 14rem SiteFont;
	color:#505050;
	margin-bottom: 0rem;
	padding:0rem;
	box-sizing:border-box;
}

.CategoryAuthor SPAN {
	color:#858585;
	margin-right: 10rem;;
}


.Desc {
	display: block;
	font: 14rem SiteFont;
	color:#858585;
	margin-top: 10rem;
	margin-bottom: 10rem;
	line-height: 17rem;
}



/**** DESKTOP ***/

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

.CategoryBigTitle {
	font: bold 40rem SiteFont;
	color:#00;
	padding:0rem;
	margin-bottom: 10rem;
}

.CategoryArticleTitle {
	font: bold 16rem SiteFont;
	color:#f16022;
	line-height: 20rem;
	margin-bottom: 10rem;
	text-transform: uppercase;
}

.CategoryArticlePhoto {
    width: 185rem;
    height: 125rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1rem solid #959595;
}

.CategoryArticleSmallTitle {
	display: block;
	font: bold 16rem SiteFont;
	color: #000;
	margin-bottom: 2rem;
	line-height: 20rem;
	padding: 0rem;
	box-sizing: border-box;
}

.Desc {
	display: block;
	font: 14rem SiteFont;
	color:#858585;
	margin-top: 10rem;
	margin-bottom: 10rem;
	line-height: 17rem;
}



.CategoryAuthor {
	font: 14rem SiteFont;
	color:#505050;
	margin-bottom: 20rem;
	padding:0rem;
}

.CategoryAuthor SPAN {
	color:#858585;
	margin-right: 10rem;;
}


}
.SubscriptionTitleMargin {
	margin-top: 30rem;
}

.SubscriptionNameAndPrice {
	display: flex;
	flex-direction: column;
	gap: 10rem;
	text-align: center;
}

.SubscriptionVBar {
    display: none;
}


.SubscriptionColumnButtonDisabled {
	display: inline-block;
	border: 2rem solid #000;
	background: #888;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10rem;

}


.SubscriptionLogo {
	display: inline-block;
	width: calc(716rem / 2.5);
	height: calc(185rem / 2.5);
	background-image: url('/images/LogoSubscription.png');
	background-size: cover;
	margin-top: 30rem;
	margin-bottom: 30rem;
}

.SubscriptionTitle {
	font: 30rem SiteFont;	
	color:#000;
	margin-bottom: 10rem;
}

.SubscriptionSubTitle {
	font: 18rem SiteFont;	
	line-height: 20rem;
	color:#000;
	margin-bottom: 10rem;
	width: 50%;
}

.SubscriptionPanels {
	display: flex;
	flex-direction: column;
	gap: 50rem;
	justify-content: center;
	margin-top: 60rem;
	margin-bottom: 120rem;
}

.SubscriptionPreferred {
	background-image: url('/images/OMaisEscolhido.png') !important;
	background-size: 100rem 100rem !important;
	background-position: top left !important;
	background-repeat: no-repeat !important;
}

.SubscriptionPanel {
	display: inline-block;
	background: #ebebeb;
	border: 1rem solid #8b8b8b;
	border-radius: 8rem;
	padding: 30rem 40rem;
	box-sizing: border-box;
	text-align: center;
	margin:30rem 20rem;
	transition: all 0.4s ease-in-out;
	box-shadow: 0rem 0rem 20rem rgba(0,0,0,0.2);
	

	&:hover {
		box-shadow: 0rem 0rem 40rem rgba(0,0,0,0.3);
	}
} 

.SubscriptionPanel .Label {
	font: bold 32rem SiteFont;	
	color:#000;
	margin-bottom: 10rem;
}

.SubscriptionPanel .Price {
	font: 50rem SiteFont;	
	color:#000;
	line-height: 50rem;
	margin-bottom: 10rem;

	& SPAN {
		font-size: 50%;
		vertical-align: super;	
	}
}

.SubscriptionPanel .SubLabel {
	font: 13rem SiteFont;	
	color:#777;
	margin-bottom: 20rem;
}

.SubscriptionPanel .SubPrice {
	font: 13rem SiteFont;	
	color:#777;
	line-height: 16rem;

	& SPAN {
		color: #000;
		text-decoration: line-through;
	}
}

.SubscriptionPanel .PriceSavings {
	font: 13rem SiteFont;	
	color:#777;
	line-height: 16rem;
	margin-bottom: 20rem;

	& SPAN {
		color: #000;
	}
}

.SubscriptionPanel .Renewal {
	font: 13rem SiteFont;	
	color:#777;
	margin-top: 20rem;
}

.SubscriptionPanel .Renewal SPAN {
	color:#333;
}


.SubscriptionPanel .Button {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: #111;
	}
}

.SubscriptionPanel .ButtonPreferred {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.SubscriptionStepsTitle {
	font: 30rem SiteFont;	
	color:#000;
	margin-top: 20rem;
	margin-bottom: 30rem;
	text-align: center;
}

.SubscriptionStepsSubTitle {
	font: 16rem SiteFont;	
	line-height: 20rem;
	color:#333;
	margin-top: 50rem;
	margin-bottom: 50rem;
	width: 50%;
	margin-left: 25%;
	text-align: center;
}

.SubscriptionSteps {
	display: flex;
	gap: 0rem;
	align-items: center;
	justify-content: center;
}

.SubscriptionStep {
	display: inline-block;
}

.SubscriptionStep .CircleOn {
	display: inline-block;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 1000rem;
	font: bold 30rem SiteFont;
	color:#ffffff;
	text-align: center;
	line-height: 40rem;
    width: 40rem;
    height: 40rem;
}
.SubscriptionStep .CircleOff {
	display: inline-block;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 1000rem;
	font: bold 30rem SiteFont;
	color:#ffffff;
	text-align: center;
	line-height: 40rem;
    width: 40rem;
    height: 40rem;
}


.SubscriptionStep .Label {
	position: absolute;
	font: 11rem SiteFont;	
	color:#555;
	margin-top: 0rem;
	text-transform: uppercase;
	width: 100rem;
	margin-left: -29rem;
	text-align: center;
}

.SubscriptionStepLine {
	display: inline-block;
	height: 1rem;
	min-height: 1rem;
	width: 100rem;
	background: #e4e4e4;
	vertical-align: middle;

} 

.SubscriptionLoginRegister {
	display: flex;
	flex-direction:column;
	gap: 20rem;
	justify-content: center;
	margin-bottom: 80rem;
}

.SubscriptionColumn {
	display: inline-block;
	width: 100%;
	text-align:center;
	padding:30rem 40rem;
	box-sizing:border-box;
}

.SubscriptionInput {
	font: 16rem SiteFont;
	padding: 3rem 12rem;
	border: 1rem solid #b8b8b8;
	border-radius: 5rem;
	box-shadow: inset 0rem 2rem 8rem rgba(0,0,0,0.12);
	margin-bottom: 12rem;
	color: #000;
	width: 100%;
	outline: none;
	box-sizing: border-box;

	&::placeholder {
		color:#aaa;
	}
}

.SubscriptionColumnTitle {
	font: 26rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-bottom: 20rem;
	text-transform: uppercase;
}

.SubscriptionColumnSubTitle {
	font: 12rem SiteFont;
	color:#666;
	margin-bottom: 10rem;
}

.SubscriptionColumnForgotPassword {
	font: 13rem SiteFont;
	color:#aaa;
	margin-bottom: 10rem;
	cursor: pointer;

	&:hover {
		text-decoration: underline;
	}
}


.SubscriptionColumnButtonGray {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10rem;

	&:hover {
		background: #111;
	}
}

.SubscriptionColumnButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.SubscriptionType {
	font: bold 32rem SiteFont;	
	color:#000;
	line-height: 30rem;
}

.SubscriptionPrice {
	font: 32rem SiteFont;	
	color:#000;
	line-height: 30rem;
}

.SubscriptionSubPrice {
	font: 14rem SiteFont;	
	color:#888;
	margin-top: 10rem;

	& SPAN {
		color: #333;
		text-decoration: line-through;
	} 

	& DIV {
		color: #333;
		display: inline-block;
	} 
} 

.SubscriptionThanksTitle {
	font: bold 18rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-top: 80rem;
	margin-bottom: 20rem;
	text-align: center;
	text-transform: uppercase;
} 

.SubscriptionThanksSubTitle {
	font: 15rem SiteFont;
	color:#000;
	line-height: 22rem;
	text-align: center;
	width: 40%;
	margin-left: 30%;
	margin-bottom: 30rem;
} 

.SubscriptionThanksSubscription {
	display: flex;
	justify-content: center;
	gap: 30rem;
}

.SubscriptionThanksValidUntil {
	font: 16rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-top: 20rem;
	margin-bottom: 30rem;
	text-align: center;

	& SPAN {
		color:#f15d22;
	}
}

.SubscriptionThanksButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width: 200rem;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 80rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.PurchaseBoxFormError {
	font:12rem SiteFont;
	color:#ff0000;
	margin-top:16rem;
	margin-bottom:4rem;
	max-height:auto;
	transition:all 0.5s ease-in-out;
}

.PurchaseBoxFormErrorHidden {
	max-height:0rem;
	font:12rem SiteFont;
	color:#ff0000;
	margin-top:16rem;
	margin-bottom:4rem;
	transition:all 0.5s ease-in-out;
	overflow:hidden;
}



/**** DESKTOP ***/

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


.SubscriptionColumnButtonDisabled {
	display: inline-block;
	border: 2rem solid #000;
	background: #888;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10rem;

}


.SubscriptionLogo {
	display: inline-block;
	width: calc(716rem / 2);
	height: calc(185rem / 2);
	background-image: url('/images/LogoSubscription.png');
	background-size: cover;
	margin-top: 0rem;
	margin-bottom: 30rem;
}

.SubscriptionTitle {
	font: 30rem SiteFont;	
	color:#000;
	margin-bottom: 10rem;
}

.SubscriptionSubTitle {
	font: 18rem SiteFont;	
	line-height: 20rem;
	color:#000;
	margin-bottom: 10rem;
	width: 50%;
}

.SubscriptionPanels {
	display: flex;
	flex-direction: row;
	gap: 50rem;
	justify-content: center;
	margin-top: 60rem;
	margin-bottom: 120rem;
}

.SubscriptionPreferred {
	background-image: url('/images/OMaisEscolhido.png') !important;
	background-size: 100rem 100rem !important;
	background-position: top left !important;
	background-repeat: no-repeat !important;
}

.SubscriptionPanel {
	margin:0px;
	display: inline-block;	
	background: #ebebeb;
	border: 1rem solid #8b8b8b;
	border-radius: 8rem;
	padding: 30rem 40rem;
	box-sizing: border-box;
	text-align: center;
	transition: all 0.4s ease-in-out;
	box-shadow: 0rem 0rem 20rem rgba(0,0,0,0.2);
	

	&:hover {
		box-shadow: 0rem 0rem 40rem rgba(0,0,0,0.3);
	}
} 

.SubscriptionPanel .Label {
	font: bold 32rem SiteFont;	
	color:#000;
	margin-bottom: 10rem;
}

.SubscriptionPanel .Price {
	font: 50rem SiteFont;	
	color:#000;
	line-height: 50rem;
	margin-bottom: 10rem;

	& SPAN {
		font-size: 50%;
		vertical-align: super;	
	}
}

.SubscriptionPanel .SubLabel {
	font: 13rem SiteFont;	
	color:#777;
	margin-bottom: 20rem;
}

.SubscriptionPanel .SubPrice {
	font: 13rem SiteFont;	
	color:#777;
	line-height: 16rem;

	& SPAN {
		color: #000;
		text-decoration: line-through;
	}
}

.SubscriptionPanel .PriceSavings {
	font: 13rem SiteFont;	
	color:#777;
	line-height: 16rem;
	margin-bottom: 20rem;

	& SPAN {
		color: #000;
	}
}

.SubscriptionPanel .Renewal {
	font: 13rem SiteFont;	
	color:#777;
	margin-top: 20rem;
}

.SubscriptionPanel .Renewal SPAN {
	color:#333;
}


.SubscriptionPanel .Button {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: #111;
	}
}

.SubscriptionPanel .ButtonPreferred {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.SubscriptionStepsTitle {
	font: 30rem SiteFont;	
	color:#000;
	margin-top: 20rem;
	margin-bottom: 30rem;
	text-align: center;
}

.SubscriptionStepsSubTitle {
	font: 16rem SiteFont;	
	line-height: 20rem;
	color:#333;
	margin-top: 50rem;
	margin-bottom: 50rem;
	width: 50%;
	margin-left: 25%;
	text-align: center;
}

.SubscriptionSteps {
	display: flex;
	gap: 0rem;
	align-items: center;
	justify-content: center;
}

.SubscriptionStep {
	display: inline-block;
}

.SubscriptionStep .CircleOn {
	display: inline-block;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 1000rem;
	font: bold 30rem SiteFont;
	color:#ffffff;
	text-align: center;
	line-height: 40rem;
    width: 40rem;
    height: 40rem;
}
.SubscriptionStep .CircleOff {
	display: inline-block;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 1000rem;
	font: bold 30rem SiteFont;
	color:#ffffff;
	text-align: center;
	line-height: 40rem;
    width: 40rem;
    height: 40rem;
}


.SubscriptionStep .Label {
	position: absolute;
	font: 11rem SiteFont;	
	color:#555;
	margin-top: 0rem;
	text-transform: uppercase;
	width: 100rem;
	margin-left: -29rem;
	text-align: center;
}

.SubscriptionStepLine {
	display: inline-block;
	height: 1rem;
	min-height: 1rem;
	width: 150rem;
	background: #e4e4e4;
	vertical-align: middle;

} 

.SubscriptionLoginRegister {
	display: flex;
	flex-direction: row;
	gap: 60rem;
	justify-content: center;
	margin-bottom: 80rem;
}

.SubscriptionColumn {
	display: inline-block;
	width: 300rem;
	text-align: left;
	padding: 0rem;
	box-sizing: border-box;
}

.SubscriptionInput, .SubscriptionInput:-webkit-autofill, .SubscriptionInput:-webkit-autofill:hover, .SubscriptionInput:-webkit-autofill:focus, .SubscriptionInput:-webkit-autofill {
	font: 16rem SiteFont;
	padding: 3rem 12rem;
	border: 1rem solid #b8b8b8 !important;
	border-radius: 5rem;
	box-shadow: inset 0rem 2rem 8rem rgba(0,0,0,0.12);
	margin-bottom: 12rem;
	color: #000;
	width: 100%;
	outline: none;
	box-sizing: border-box;

	&::placeholder {
		color:#aaa;
	}
}

.SubscriptionColumnTitle {
	font: bold 18rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-bottom: 20rem;
	text-transform: uppercase;
}

.SubscriptionColumnSubTitle {
	font: 12rem SiteFont;
	color:#666;
	margin-bottom: 10rem;
}

.SubscriptionColumnForgotPassword {
	font: 13rem SiteFont;
	color:#aaa;
	margin-bottom: 10rem;
	cursor: pointer;

	&:hover {
		text-decoration: underline;
	}
}


.SubscriptionColumnButtonGray {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10rem;

	&:hover {
		background: #111;
	}
}

.SubscriptionColumnButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	margin-top: 10rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.SubscriptionType {
	font: bold 32rem SiteFont;	
	color:#000;
	line-height: 30rem;
}

.SubscriptionPrice {
	font: 32rem SiteFont;	
	color:#000;
	line-height: 30rem;
}

.SubscriptionSubPrice {
	font: 14rem SiteFont;	
	color:#888;
	margin-top: 10rem;

	& SPAN {
		color: #333;
		text-decoration: line-through;
	} 

	& DIV {
		color: #333;
		display: inline-block;
	} 
} 

.SubscriptionThanksTitle {
	font: bold 18rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-top: 80rem;
	margin-bottom: 20rem;
	text-align: center;
	text-transform: uppercase;
} 

.SubscriptionThanksSubTitle {
	font: 15rem SiteFont;
	color:#000;
	line-height: 22rem;
	text-align: center;
	width: 40%;
	margin-left: 30%;
	margin-bottom: 30rem;
} 

.SubscriptionThanksSubscription {
	display: flex;
	justify-content: center;
	gap: 10rem;
}

.SubscriptionThanksValidUntil {
	font: 16rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-top: 20rem;
	margin-bottom: 30rem;
	text-align: center;

	& SPAN {
		color:#f15d22;
	}
}

.SubscriptionThanksButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width: 200rem;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 80rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.PurchaseBoxFormError {
	font:12rem SiteFont;
	color:#ff0000;
	margin-top:16rem;
	margin-bottom:4rem;
	max-height:auto;
	transition:all 0.5s ease-in-out;
}

.PurchaseBoxFormErrorHidden {
	max-height:0rem;
	font:12rem SiteFont;
	color:#ff0000;
	margin-top:16rem;
	margin-bottom:4rem;
	transition:all 0.5s ease-in-out;
	overflow:hidden;
}

.SubscriptionVBar {
    display: block;
    width: 1rem;
    min-width: 1rem;
    background: #e4e4e4;
}


.SubscriptionNameAndPrice {
	display: flex;
	flex-direction: row;
	gap: 30rem;
}

}
.MyAccountPanels {
	display: flex;
	flex-direction: column;
	gap: 20rem;
	margin-bottom:20rem;
}

.MyAccountTableRow {
	display:flex;
	flex-direction:column;
	gap:0rem;
	
}

.MyAccountTableRow DIV {
	font: 16rem SiteFont;
	color:#000;
	padding-bottom: 0rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:pointer;
}

.MyAccountTableRow:hover DIV {
	text-decoration:underline;
}

.MyAccountTableRow DIV:nth-child(1) {
	font-weight:bold;
}

.MyAccountTableRow DIV:nth-child(2) {
	margin-top:-4rem;
}

.MyAccountTableRow DIV:nth-child(3) {
	margin-top:-8rem;
	color:#888;
}

.MyAccountTableRow DIV:nth-child(4) {
	margin-top:-2rem;
	font: 22rem SiteFont;
}


.MyAccountTableRow .MyAccountTableRowDownload {
	display: inline-block;
	width: 28rem;
	height: 28rem;
	background-image: url('/images/Download.png');
	background-repeat:no-repeat;
	background-size: contain;
	transition:opacity 0.3s ease-in-out;
	cursor:pointer;
	margin-top:-35rem;
	margin-left:100rem;
	margin-bottom:30rem;
}

.MyAccountButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: #111;
	}
}


.MyAccountTitle {
	font: 35rem SiteFont;
	color:#000;
	margin: 20rem 20rem;
}

.MyAccountPanel {
	border: 1rem solid #000;
	border-radius: 10rem;
	background: #f1f1f1;
	padding: 20rem 30rem;
	width: calc(100% - 40rem);
	box-sizing: border-box;
	margin: 0rem 20rem;
	margin-bottom: 30rem;
}

.MyAccountPanelTitle {
	font: bold 20rem SiteFont;
	color:#000;
	margin-bottom: 25rem;
	text-transform: uppercase;
}

.MyAccountPanelLabel {
	font: 11rem SiteFont;
	line-height: 11rem;
	color:#aaa;
	text-transform: uppercase;
	text-transform: uppercase;
}

.MyAccountPanelValue {
	font: 17rem SiteFont;
	color:#000;
	margin-top: -4rem;
	margin-bottom: 15rem;
}

.MyAccountButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.SubcriptionType {
	margin-top: -20rem;
	font: bold 35rem SiteFont;
	color:#000;
} 
.SubcriptionPrice {
	margin-top: -20rem;
	font: 35rem SiteFont;
	color:#000;
} 

.SubcriptionValidUntil {
	font: 16rem SiteFont;
	color:#000;
}

.SubcriptionValidUntil SPAN {
	font: bold 16rem SiteFont;
	color:#f15d22;
	margin-left: 5rem;
}

.SubscriptionRenewable {
	font: 16rem SiteFont;
	color:#b2b2b2;
}

.SubscriptionCancelled {
	font: 16rem SiteFont;
	color:#ff0000;
}


.SubscriptionCancel {
	margin: 20rem 0rem;
	font: bold 14rem SiteFont;
	color:#9d9d9d;
	cursor: pointer;
}

.SubscriptionChange {
	margin: 20rem 0rem;
	font: bold 14rem SiteFont;
	color:#000;
	cursor: pointer;
}

.MyAccountFooter {
	margin-bottom: 30rem;
}

.MyAccountTable {
	margin-top: -10rem;
}

.MyAccountTableHeader TD {
	font: 11rem SiteFont;	
	color:#9d9d9d;
	text-transform: uppercase;
}

.MyAccountTableRow TD {
	font: 16rem SiteFont;
	color:#000;
	padding-right: 50rem;
	padding-bottom: 5rem;
}

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

.MyAccountButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #454545;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: #111;
	}
}


.MyAccountTitle {
	font: bold 35rem SiteFont;
	color:#000;
	margin: 30rem 0rem;
}

.MyAccountPanel {
	border: 1rem solid #000;
	border-radius: 10rem;
	background: #f1f1f1;
	padding: 20rem 30rem;
	width: 100%;
	box-sizing: border-box;
	margin: 0rem;
	margin-bottom: 30rem;

}

.MyAccountPanelTitle {
	font: bold 20rem SiteFont;
	color:#000;
	margin-bottom: 25rem;
	text-transform: uppercase;
}

.MyAccountPanelLabel {
	font: 11rem SiteFont;
	line-height: 11rem;
	color:#aaa;
	text-transform: uppercase;
	text-transform: uppercase;
}

.MyAccountPanelValue {
	font: 17rem SiteFont;
	color:#000;
	margin-top: -4rem;
	margin-bottom: 15rem;
}

.MyAccountButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.SubcriptionType {
	margin-top: -20rem;
	font: bold 35rem SiteFont;
	color:#000;
} 
.SubcriptionPrice {
	margin-top: -20rem;
	font: 35rem SiteFont;
	color:#000;
} 

.SubcriptionValidUntil {
	font: 16rem SiteFont;
	color:#000;
}

.SubcriptionValidUntil SPAN {
	font: bold 16rem SiteFont;
	color:#f15d22;
	margin-left: 5rem;
}

.SubscriptionRenewable {
	font: 16rem SiteFont;
	color:#b2b2b2;
}

.SubscriptionCancelled {
	font: 16rem SiteFont;
	color:#ff0000;
}

.SubscriptionCancel {
	margin: 20rem 0rem;
	font: bold 14rem SiteFont;
	color:#9d9d9d;
	cursor: pointer;
}

.SubscriptionChange {
	margin: 20rem 0rem;
	font: bold 14rem SiteFont;
	color:#000;
	cursor: pointer;
}

.MyAccountFooter {
	margin-bottom: 30rem;
}

.MyAccountTable {
	margin-top: -10rem;
}

.MyAccountTableHeader {
	display:flex;
	flex-direction:row;
}

.MyAccountTableHeader DIV {
	font: 11rem SiteFont;	
	color:#9d9d9d;
	text-transform: uppercase;
}

.MyAccountTableRow {
	display:flex;
	flex-direction:row;
	gap:10rem;
}

.MyAccountTableRow DIV {
	font: 16rem SiteFont;
	color:#000;
	padding-bottom: 5rem;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	cursor:pointer;
}

.MyAccountTableRow:hover DIV {
	margin-top:0rem;
	text-decoration:underline;
}

.MyAccountTableRow DIV:nth-child(1) {
	margin-top:0rem;
	font-weight:bold;
	width:90rem;
}

.MyAccountTableRow DIV:nth-child(2) {
	margin-top:0rem;
	width:180rem;
}

.MyAccountTableRow DIV:nth-child(3) {
	margin-top:0rem;
	width:250rem;
}

.MyAccountTableRow DIV:nth-child(4) {
	font-size: 16rem;
	margin-top:0rem;
	width:80rem;
}


.MyAccountTableRow .MyAccountTableRowDownload {
	display: inline-block;
	opacity:0;
	width: 18rem;
	height: 18rem;
	background-image: url('/images/Download.png');
	background-repeat:no-repeat;
	background-size: contain;
	transition:opacity 0.3s ease-in-out;
	cursor:pointer;
	margin-top:8rem;
	margin-left:0rem;
	margin-bottom:0rem;
}

.MyAccountTableRow:hover .MyAccountTableRowDownload {
	opacity:0.5;
	width: 18rem;
	height: 18rem;
	background-image: url('/images/Download.png');
	background-repeat:no-repeat;
	background-size: contain;
	transition:opacity 0.3s ease-in-out;
}

.MyAccountTableRow:hover .MyAccountTableRowDownload:hover {
	opacity:1;
}

.MyAccountPanels {
	display: flex;
	flex-direction: row;
	gap: 30rem;
}


}
.ArticleFooterIcon {
	font: 28rem SiteIcons;
	display:inline-block;
	color: #000;
	margin-right:10rem;
	cursor:pointer;
	text-decoration:none;
	transition:all 0.5s ease-in-out;
}

.ArticleFooterIcon:hover {
	text-decoration:none;
	color:#000;
}

.ArticleFooterIconEmail {
	margin-right:2rem;
	display: inline-block;
	width: calc(56rem);
	height: calc(51rem / 2);
	background-image: url('/images/ShareEmail.png');
	background-size: contain;
	background-repeat:no-repeat;
	cursor: pointer;
}

.ArticleFooterIconLink {
	margin-right:8rem;
	display: inline-block;
	width: calc(59rem);
	height: calc(28rem / 2);
	background-image: url('/images/ShareLink.png');
	background-size: contain;
	background-repeat:no-repeat;
	cursor: pointer;
}

.ArticleSeparator { 
	display:none;
}

.ArticleHolder {
    display: flex;
    flex-direction: column;
    gap: 30rem;
}

.ArticleColumn {
	width:100%;
}

.ArticleCategory {
	font: bold 20rem SiteFont;
	color:#f16022;
	line-height: 22rem;
	margin-bottom: 10rem;
	margin-top:10rem;
	padding:0px 20rem;
	text-transform: uppercase;
}

.ArticleDate {
	font: 15rem SiteFont;
	color:#9c9c9c;
	line-height: 18rem;
	margin-bottom: 15rem;
	padding:0px 20rem;
}

.ArticleTitle {
	font: bold 30rem SiteFont;
	color:#000;
	line-height: 36rem;
	margin-bottom: 30rem;
	padding:0px 20rem;
}

.ArticlePhoto {
	width: 100%;
	height: 500rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
}

.ArticleDesc {
	font: 18rem SiteFont;
	color:#858585;
	line-height: 26rem;
	margin-top: 30rem;
	margin-bottom: 50rem;
	padding:0px 20rem;
}

.ArticleBody {
	font: 16rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-top: 50rem;
	margin-bottom: 30rem;
	padding:0px 20rem;
}

.ArticleBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 50%;
	background: #e4e4e4;
	margin: 20rem 0rem;
	margin-left: 25%;
}

.ArticleAuthor {
	text-align: center;
	margin-bottom: 40rem;
} 

.ArticleAuthorPhoto {
	display: inline-block;
	width: 50rem;
	height: 50rem;
	border: 1rem solid #000;
	border-radius: 1000rem;
	background-image: url(/system/backoffice/images/pages/UserPhoto.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 2rem;
}

.ArticleAuthorName {
	font: bold 13rem SiteFont;
	color:#000;
	line-height: 16rem;
}

.ArticleAuthorTitle {
	font: 12rem SiteFont;
	color:#aaa;
	line-height: 14rem;
}

.ArticleFooter {
	display: flex;
	align-items: center;
}



.ArticleFooterInfo {
	width: 100%;
	text-align: right;
}

.ArticleFooterInfo .Text {
	font: 12rem SiteFont;
	color:#aaa;
	line-height: 12rem;
}

.ArticleFooterInfo .Email {
	font: 12rem SiteFont;
	color:#666;
	line-height: 12rem;
	cursor: pointer;
	&:hover {
		color:#000;
		text-decoration: underline;
	}
}

.ArticleRelatedSectionTitle {
	font: bold 16rem SiteFont;
	color:#000;
	text-transform:uppercase;
	line-height: 19rem;
	margin-top: 40rem;
	margin-bottom: 20rem;
	padding:0rem 20rem;
}

.ArticleRelatedItems {
	display:flex;
	flex-direction:column;
	flex-wrap: wrap;
	gap:40rem;
	align-items:self-start;
	margin-bottom: 40rem;
	padding:0rem 20rem;
}

.ArticleRelated {
}

.ArticleRelated .TitleSmall {
	font: 15rem SiteFont;
	color:#000;
	line-height: 18rem;
}

.ArticleRelated .Author {
	font: 12rem SiteFont;
	color:#000;
	line-height: 14rem;
	margin-top:10rem;
}


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

.ArticleColumn {
	width:100%;
}

.ArticleCategory {
	font: bold 20rem SiteFont;
	color:#f16022;
	line-height: 22rem;
	margin-top: 0rem;
	margin-bottom: 10rem;
	padding:0px;
	text-transform: uppercase;
}

.ArticleDate {
	font: 15rem SiteFont;
	color:#9c9c9c;
	line-height: 18rem;
	margin-bottom: 15rem;
	padding:0px;
}

.ArticleTitle {
	font: bold 30rem SiteFont;
	color:#000;
	line-height: 36rem;
	margin-bottom: 30rem;
	padding:0px;
}

.ArticlePhoto {
	width: 100%;
	height: 500rem;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1rem solid #959595;
}

.ArticleDesc {
	font: 18rem SiteFont;
	color:#858585;
	line-height: 26rem;
	margin-top: 30rem;
	margin-bottom: 50rem;
	padding:0px;
}

.ArticleBody {
	font: 16rem SiteFont;
	color:#000;
	line-height: 22rem;
	margin-top: 50rem;
	margin-bottom: 30rem;
	padding:0px;
}

.ArticleBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 50%;
	background: #e4e4e4;
    margin: 20rem 0rem;
	margin-left: 25%;
}

.ArticleAuthor {
	text-align: center;
	margin-bottom: 40rem;
} 
.ArticleAuthorPhoto {
	display: inline-block;
	width: 50rem;
	height: 50rem;
	border: 1rem solid #000;
	border-radius: 1000rem;
	background-image: url(/system/backoffice/images/pages/UserPhoto.png);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 2rem;
}

.ArticleAuthorName {
	font: bold 13rem SiteFont;
	color:#000;
	line-height: 16rem;
}

.ArticleAuthorTitle {
	font: 12rem SiteFont;
	color:#aaa;
	line-height: 14rem;
}

.ArticleFooter {
	display: flex;
	align-items: center;
}


.ArticleFooterInfo {
	width: 100%;
	text-align: right;
}

.ArticleFooterInfo .Text {
	font: 12rem SiteFont;
	color:#aaa;
	line-height: 12rem;
}

.ArticleFooterInfo .Email {
	font: 12rem SiteFont;
	color:#666;
	line-height: 12rem;
	cursor: pointer;
	&:hover {
		color:#000;
		text-decoration: underline;
	}
}

.ArticleRelatedSectionTitle {
	font: bold 16rem SiteFont;
	color:#000;
	text-transform:uppercase;
	line-height: 19rem;
	margin-top: 40rem;
	margin-bottom: 20rem;
}

.ArticleRelatedItems {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	gap:40rem;
	align-items:self-start;
	margin-bottom: 40rem;
}

.ArticleRelated {
	width:250rem;
}

.ArticleRelated .TitleSmall {
	font: 15rem SiteFont;
	color:#000;
	line-height: 18rem;
}

.ArticleRelated .Author {
	font: 12rem SiteFont;
	color:#000;
	line-height: 14rem;
	margin-top:10rem;
}

.ArticleHolder {
    display: flex;
    flex-direction: row;
    gap: 50rem;
}

.ArticleSeparator { 
	display: block;
	width: 1rem;
	min-width: 1rem;
	background: #e4e4e4;
}
}
/**** MOBILE ***/

.FooterInfoArea {
	text-align:center;
}

.FooterCategories {
	margin:0rem 30rem;
}


.FooterColorSeparator {
	margin-top:50rem;
	background: rgb(241,96,34);
	background: linear-gradient(90deg, rgba(241,96,34,1) 0%, rgba(237,39,36,1) 50%, rgba(241,96,34,1) 100%);
	width: 100%;
	height: 10rem;
}

.Footer {
	background: #2e2e2e;
}

.FooterLogo {
	display: inline-block;
	width: calc(556rem / 2);
	height: calc(143rem / 2);
	background-image: url('/images/LogoFooter.png');
	background-size: cover;
	cursor: pointer;
	margin-bottom: 20rem;
}


.FooterContentsTop {
	display: flex;
	align-items: top;
	flex-direction: column;
	margin: auto;
	width: 100%;
	gap: 0rem;
	padding-top: 30rem;
	padding-bottom: 30rem;
	font: 14rem SiteFont;
	line-height: 18rem;
	color: #858585;
}

.FooterBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #434343;
    margin-top: 20rem;
}

.FooterContentsBottom {
	display: block;
	align-items: center;
	margin: auto;
	width: 100%;
	padding: 4rem 30rem;
	box-sizing: border-box;
}

.FooterContentsBottom A {
	font: 12rem SiteFont;
	color: #858585;
	margin-top: 4rem;
	margin-right: 30rem;

	&:hover {
		text-decoration: none;
		color:#fff;
	}
}

.FooterLink {
	display: block;
	font: 14rem SiteFont;
	color: #858585;
	white-space:nowrap;

	&:hover {
		text-decoration: none;
		color:#fff;
	}

}

.FooterTitle {
	font: 18rem SiteFont;
	margin-top:30rem;
	color:#fff;
	margin-bottom:20rem;
	text-transform: uppercase;
	text-align: left;
	white-space:nowrap;
}


.FooterLinks {
	display: flex;
	gap:30rem;
	align-items: flex-start;
}

.FooterNewsletter {
	display: flex;
	gap: 10rem;
}

.FooterInputSmall {
	font: 15rem SiteFont;
	border: 1rem solid #000;
	border-radius: 3rem;
	background: #5b5b5b;
	padding: 2rem 10rem;
	color:#fff;
	box-shadow: inset 0rem 2rem 4rem rgba(0,0,0,0.3);
	outline: none;
	width: calc((100% - 10rem) / 2);

	&::placeholder {
		color:#333;
	}
}

.FooterWhoWeAreDIV {
	width: 100%;
	padding:0rem 30rem;
	box-sizing: border-box;
}

.FooterNewsletterDIV {
	text-align: left;
	margin:0rem 30rem;
}

.FooterInput {
	font: 16rem SiteFont;
	border: 1rem solid #000;
	border-radius: 3rem;
	background: #5b5b5b;
	padding: 2rem 10rem;
	color:#fff;
	box-shadow: inset 0rem 2rem 4rem rgba(0,0,0,0.3);
	outline: none;
	width: 100%;
	margin-top: 10rem;

	&::placeholder {
		color:#333;
	}
}

.FooterNewsletterButton {
	display: inline-block;
	cursor: pointer;
	border: 1rem solid #000;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 14rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	margin-top: 20rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


/**** DESKTOP ***/

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

.FooterInfoArea {
	text-align:left;
}

.FooterColorSeparator {
	margin-top:50rem;
	background: rgb(241,96,34);
	background: linear-gradient(90deg, rgba(241,96,34,1) 0%, rgba(237,39,36,1) 50%, rgba(241,96,34,1) 100%);
	width: 100%;
	height: 10rem;
}

.Footer {
	background: #2e2e2e;
}

.FooterLogo {
	display: inline-block;
	width: calc(556rem / 2);
	height: calc(143rem / 2);
	background-image: url('/images/LogoFooter.png');
	background-size: cover;
	cursor: pointer;
	margin-bottom: 20rem;
}


.FooterContentsTop {
	display: flex;
	align-items: top;
	flex-direction: row;
	margin: auto;
	width: var(--page-size);
	gap: 50rem;
	padding-top: 30rem;
	padding-bottom: 30rem;
	font: 14rem SiteFont;
	line-height: 18rem;
	color: #858585;
}

.FooterBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #434343;
    margin-top: 20rem;
}

.FooterContentsBottom {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: auto;
	width: var(--page-size);
	padding: 8rem 0rem;
	box-sizing: border-box;
}

.FooterContentsBottom A {
	font: 12rem SiteFont;
	color: #858585;
	margin-right: 30rem;

	&:hover {
		text-decoration: none;
		color:#fff;
	}
}

.FooterLink {
	display: block;
	font: 14rem SiteFont;
	color: #858585;

	&:hover {
		text-decoration: none;
		color:#fff;
	}

}

.FooterTitle {
	font: bold 15rem SiteFont;
	margin-top:52rem;
	color:#fff;
	margin-bottom:20rem;
	text-transform: uppercase;
	text-align: left;
	white-space:nowrap;
}


.FooterLinks {
	display: flex;
	gap:20rem;
	align-items: flex-start;
}

.FooterNewsletter {
	display: flex;
	gap: 10rem;
}

.FooterInputSmall {
	font: 15rem SiteFont;
	border: 1rem solid #000;
	border-radius: 3rem;
	background: #5b5b5b;
	padding: 2rem 10rem;
	color:#fff;
	box-shadow: inset 0rem 2rem 4rem rgba(0,0,0,0.3);
	outline: none;
	width: 120rem;

	&::placeholder {
		color:#333;
	}
}

.FooterCategories {
	margin:0rem;
}

.FooterWhoWeAreDIV {
	width: 100%;
	margin:0rem;
	padding:0rem;
}

.FooterNewsletterDIV {
	text-align: left;
	margin:0rem;
}

.FooterInput {
	font: 16rem SiteFont;
	border: 1rem solid #000;
	border-radius: 3rem;
	background: #5b5b5b;
	padding: 2rem 10rem;
	color:#fff;
	box-shadow: inset 0rem 2rem 4rem rgba(0,0,0,0.3);
	outline: none;
	width: 250rem;
	margin-top: 10rem;

	&::placeholder {
		color:#333;
	}
}

.FooterNewsletterButton {
	display: inline-block;
	cursor: pointer;
	border: 1rem solid #000;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 14rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	margin-top: 20rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}



}
@font-face {font-family: "SiteFont";src: url('/images/Grantha-Regular.ttf') format('truetype');}

:root {
	--page-size: 1100px;
}
::-webkit-scrollbar {width: 7rem;height: 7rem;margin-right:2rem;}
::-webkit-scrollbar-track {background:transparent;}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10rem;border-radius: 10rem;background: #ccc;}
::-webkit-scrollbar-thumb:window-inactive {background: #eee; }

HTML, BODY {
	margin: 0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	height:100%;
	padding:0rem;
	box-sizing:border-box;
}


A {
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	color:inherit;

	&:hover {
		text-decoration: underline;
	}
}


.VBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #e4e4e4;
	margin: 10rem 0rem;
}

.HBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #e4e4e4;
	margin: 20rem 0rem;
}

.MobileHBar {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #e4e4e4;
	margin: 20rem 0rem;
}


.HSeparator {
	display: block;
    min-height: 40rem;
}


.HBarLarge {
	display: inline-block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #e4e4e4;
    margin: 70rem 0rem;
}

.PageContents {
	width: 100%;
}

.FlexMain {
	display: flex;
	flex-direction: column;
	gap: 20rem;
}


.FlexV {
	display: flex;
	flex-direction: column;
	gap: 40rem;
}

.FlexH {
	display: flex;
	flex-direction: column;
	gap: 30rem;
}

.FixedFlexH {
	display: flex;
	flex-direction: row;
	gap: 10rem;
	padding: 0px 20rem;
	box-sizing: border-box;
}

/*************** PUBLICIDADE *****************/

.PubV {
	display: inline-block;
	width: 220rem;
	min-width: 220rem;
	height: 500rem;
	background-image: url(../images/PubV.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 20rem 30rem;
}


/*********** GAPS ***********/

.Gap0 {
	gap:0rem;
}

.Gap10 {
	gap:10rem;
}

.Gap20 {
	gap:20rem;
}

.Gap30 {
	gap:30rem;
}

.Gap40 {
	gap:40rem;
}

.Gap50 {
	gap:50rem;
}

.Gap60 {
	gap:60rem;
}

.Margin0 {
	margin:0rem;
}

/**** DESKTOP ***/

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

.PageContents {
	width: 900rem;
}

}

/**** DESKTOP ***/

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


.FlexV {
	display: flex;
	flex-direction: column;
	gap: 40rem;
}

.FlexH {
	display: flex;
	flex-direction: row;
	gap: 30rem;
}

.FixedFlexH {
	display: flex;
	flex-direction: row;
	gap: 30rem;
	padding: 0rem;
	box-sizing: border-box;
}

.VBar {
	display: block;
	width:1rem;
	min-width:1rem;
	background: #e4e4e4;
	height: auto;
	min-height: auto;
	margin: 0rem 0rem;
}

.FlexMain {
	display: flex;
	flex-direction: row;
	gap: 40rem;
}


.PageContents {
	width: var(--page-size);
	padding:0px;
	margin: auto;
}

.MobileHBar {
	display:none;
}

}

.Waiter {
	position:fixed;
	opacity:0;
	top:-10000px;
	left:-10000px;
	background:url('/images/Waiter.png');
	width:calc(300rem / 2.5);
	height:calc(312rem / 2.5);
	background-size:contain;
	z-index:1000000;
	transition:opacity 1s ease-in-out;
	animation: rotating 1s linear infinite;
}

@keyframes rotating {
	from {
		translate(-15rem, -106rem);
		transform: rotate(0deg);
	}
	to {
		translate(-15rem, -106rem);
		transform: rotate(360deg);
	}
}
/**** MOBILE ***/
.ResetOk {
	font: 14rem SiteFont;
	color:#000;
	width: 100%;
	text-align:center;
}

.DialogOverlay {
	display:none;
	position: fixed;
	top: 0x;
	left: 0rem;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 100;
}

.DialogHidden {
	position: fixed;
	top: -10000rem !important;
	left: -10000rem !important;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}

.Dialog {
	display: inline-block;
	position: fixed;
	width: 100%;
	height: 100%;
	opacity:1;
	background: #fff;
	border: 2rem solid #000;
	border-radius: 0rem;
	z-index: 1000;
	padding: 20rem 55rem;
	padding-bottom: 40rem;
	box-sizing: border-box;
	box-shadow: 0rem 0rem 50rem rgba(0,0,0,0.8);
	transition: opacity 0.5s ease-in-out;
}

.DialogLogo {
	margin-top:30rem;
	margin-bottom:20rem;
	display: inline-block;
	width: calc(492rem / 2);
	height: calc(126rem / 2);
	background-image: url('/images/LogoDialog.png');
	background-size: cover;
	cursor: pointer;
}

.DialogCloseHolder {
	text-align: right;
}
.DialogClose {
	position: absolute;
	margin-top: -10rem;
	margin-left: 20rem;
	display: inline-block;
	width: calc(56rem / 2);
	height: calc(56rem / 2);
	background-image: url('/images/CloseDialog.png');
	background-size: cover;
	cursor: pointer;

}

.DialogRegisterOk {
	font: 16rem SiteFont;
	margin: 20rem 0rem;
	text-align: left;
}

.DialogTitle {
	font: bold 20rem SiteFont;
	margin: 20rem 0rem;
	text-align: center;
}

.DialogInput, .DialogInput:-webkit-autofill, .DialogInput:-webkit-autofill:hover, .DialogInput:-webkit-autofill:focus {
	font: 16rem SiteFont;
	padding: 3rem 12rem;
	border: 1rem solid #b8b8b8 !important;
	border-radius: 5rem;
	box-shadow: inset 0rem 2rem 8rem rgba(0,0,0,0.12);
	margin-bottom: 12rem;
	color: #000;
	width: 100%;
	outline: none;
	box-sizing: border-box;

	&::placeholder {
		color:#aaa;
	}
}



.InputHalf {
	width: 50%;
}

.RecoverInvalidEmail {
	font: 14rem SiteFont;
	color:#ff0000;
	width: 100%;
}

.DialogForgotPassword {
	font: 12rem SiteFont;
	color:#aaa;
	width: 100%;
	cursor:pointer;
}

.DialogForgotPassword:hover {
	text-decoration:underline;
}

.DialogRegister {
	font: 15rem SiteFont;
	color:#777;
}

.DialogRegister A {
	color:#f16022;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	cursor: pointer;

	&:hover {
		color:#ff4c00;	
		text-decoration: underline;
	}
}

.DialogSeparator {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #e4e4e4;
    margin: 30rem 0rem;
}

.DialogButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.DialogTerms {
	font: 12rem SiteFont;
	color:#888;
	margin-bottom: 20rem;
}

.DialogTerms A {
	color:#686868;
	text-decoration: underline;
	transition: all 0.4s ease-in-out;
	cursor: pointer;

	&:hover {
		color:#000;	
	}
}



/**** DESKTOP ***/

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

.DialogOverlay {
	display:block;
	position: fixed;
	top: 0x;
	left: 0rem;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 100;
}

.DialogHidden {
	position: fixed;
	top: -10000rem !important;
	left: -10000rem !important;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}

.Dialog {
	display: inline-block;
	position: fixed;
	opacity:1;
	background: #fff;
	border: 2rem solid #000;
	border-radius: 10rem;
	z-index: 1000;
	padding: 20rem 55rem;
	padding-bottom: 40rem;
	box-sizing: border-box;
	box-shadow: 0rem 0rem 50rem rgba(0,0,0,0.8);
	transition: opacity 0.5s ease-in-out;
	max-width: 400rem;
	height: auto;
}

.DialogLogo {
	margin-top:0rem;
	margin-bottom:0rem;
	display: inline-block;
	width: calc(492rem / 2);
	height: calc(126rem / 2);
	background-image: url('/images/LogoDialog.png');
	background-size: cover;
	cursor: pointer;
}

.DialogCloseHolder {
	text-align: right;
}
.DialogClose {
	position: absolute;
	margin-top: -10rem;
	margin-left: 20rem;
	display: inline-block;
	width: calc(56rem / 2);
	height: calc(56rem / 2);
	background-image: url('/images/CloseDialog.png');
	background-size: cover;
	cursor: pointer;

}

.DialogTitle {
	font: bold 20rem SiteFont;
	margin: 20rem 0rem;
	text-align: center;
}

.DialogInput, .DialogInput:-webkit-autofill, .DialogInput:-webkit-autofill:hover, .DialogInput:-webkit-autofill:focus {
	font: 16rem SiteFont;
	padding: 3rem 12rem;
	border: 1rem solid #b8b8b8 !important;
	border-radius: 5rem;
	box-shadow: inset 0rem 2rem 8rem rgba(0,0,0,0.12);
	margin-bottom: 12rem;
	color: #000;
	width: 100%;
	outline: none;
	box-sizing: border-box;

	&::placeholder {
		color:#aaa;
	}
}



.InputHalf {
	width: 50%;
}

.DialogForgotPassword {
	font: 11rem SiteFont;
	color:#aaa;
	width: 100%;
}

.DialogRegister {
	font: 15rem SiteFont;
	color:#777;
}

.DialogRegister A {
	color:#f16022;
	text-decoration: none;
	transition: all 0.4s ease-in-out;
	cursor: pointer;

	&:hover {
		color:#ff4c00;	
		text-decoration: underline;
	}
}

.DialogSeparator {
	display: block;
	height: 1rem;
	min-height: 1rem;
	width: 100%;
	background: #e4e4e4;
    margin: 30rem 0rem;
}

.DialogButton {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

.DialogTerms {
	font: 12rem SiteFont;
	color:#888;
	margin-bottom: 20rem;
}

.DialogTerms A {
	color:#686868;
	text-decoration: underline;
	transition: all 0.4s ease-in-out;
	cursor: pointer;

	&:hover {
		color:#000;	
	}
}

}

/************ PHOTOS ***********/

.PhotoExtraLarge {
	width: 100%;
	height: 480rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin-bottom: 20rem;
}

.PhotoBig {
	width: 100%;
	min-width: 0rem;
	height: 360rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin-bottom: 15rem;
}

.PhotoLarge {
	width: 100%;
	min-width: 350rem;
	height: 280rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin-bottom: 15rem;
}

.PhotoMedium {
	width: calc(100% - 40rem);
	height: 260rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin: 0px 20rem;
	margin-bottom: 10rem;
}

.PhotoSmall, .PhotoSmall2 {
	width: calc(100% - 40rem);
	height: 260rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin: 0px 20rem;
	margin-bottom: 10rem;
}

.PhotoExtraSmall {
	width: 110rem;
	height: 70rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
}


/**** DESKTOP ***/

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



.PhotoExtraLarge {
	width: 500rem;
	height: 320rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin-bottom: 20rem;
}

.PhotoBig {
	width: 100%;
	min-width: 440rem;
	height: 300rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin-bottom: 15rem;
}

.PhotoLarge {
	width: 100%;
	min-width: 330rem;
	height: 240rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin-bottom: 15rem;
}

.PhotoMedium {
	width: 100%;
	min-width:210rem;
	height: 135rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin: 0rem;
	margin-bottom: 10rem;
}


.PhotoSmall {
	width: 185rem;
	height: 125rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin:0rem;
	margin-bottom: 12rem;
}

.PhotoSmall2 {
	width: 165rem;
	height: 115rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
	margin:0rem;
	margin-bottom: 12rem;
}

.PhotoExtraSmall {
	width: 110rem;
	height: 70rem;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	border: 1rem solid #959595;
}

}
.Column235 {
	max-width: 100%;
}

.Column280 {
	max-width: 100%;
}

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

.Column235 {
	max-width: 235rem;
}

.Column280 {
    max-width: 280rem;
}

}

/************** DESCRIPTIONS ******************/

.DescBig {
	display: block;
	font: 16rem SiteFont;
	color:#858585;
	margin-top: 15rem;
	margin-bottom: 10rem;
	line-height: 22rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

/************** TEXTS ******************/

.CategoryTitle {
	font: bold 20rem SiteFont;
	color:#000;
	text-transform: uppercase;
	margin-bottom: 20rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}


.Author {
	font: 14rem SiteFont;
	color:#505050;
	margin-bottom: 0rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

.Author SPAN {
	color:#858585;
	margin-right: 10rem;;
}


/************ TITLES ***********/

.TitleBig {
	display: block;
	font: bold 30rem SiteFont;
	line-height: 38rem;
	color:#000;
	margin-bottom: 10rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

.TitleLarge {
	display: block;
	font: bold 22rem SiteFont;
	line-height: 26rem;
	color:#000;
	margin-bottom: 10rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

.TitleNormal {
	display: block;
	font: bold 17rem SiteFont;
	color:#000;
	margin-bottom: 2rem;
	line-height: 22rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

.TitleMedium {
	display: block;
	font: bold 16rem SiteFont;
	color:#000;
	margin-bottom: 2rem;
	line-height: 20rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

.TitleSmall {
	display: block;
	font: bold 15rem SiteFont;
	color:#000;
	margin-bottom: 4rem;
	line-height: 18rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

.TitleExtraSmall {
	display: block;
	font: 15rem SiteFont;
	color:#000;
	margin-bottom: 2rem;
	line-height: 18rem;
	padding:0rem 20rem;
	box-sizing:border-box;
}

/**** DESKTOP ***/

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


/************** DESCRIPTIONS ******************/

.DescBig {
	display: block;
	font: 16rem SiteFont;
	color:#858585;
	margin-top: 15rem;
	margin-bottom: 10rem;
	line-height: 22rem;
	padding:0rem;
}

/************** TEXTS ******************/

.CategoryTitle {
	font: bold 20rem SiteFont;
	color:#000;
	text-transform: uppercase;
	margin-bottom: 20rem;
	padding:0rem;
}


.Author {
	font: 14rem SiteFont;
	color:#505050;
	margin-bottom: 20rem;
	padding:0rem;
}

.Author SPAN {
	color:#858585;
	margin-right: 10rem;;
}

/************ TITLES ***********/

.TitleBig {
	display: block;
	font: bold 30rem SiteFont;
	line-height: 38rem;
	color:#000;
	margin-bottom: 10rem;
	padding:0rem;
}

.TitleLarge {
	display: block;
	font: bold 22rem SiteFont;
	line-height: 26rem;
	color:#000;
	margin-bottom: 10rem;
	padding:0rem;
}

.TitleNormal {
	display: block;
	font: bold 17rem SiteFont;
	color:#000;
	margin-bottom: 2rem;
	line-height: 22rem;
	padding:0rem;
}

.TitleMedium {
	display: block;
	font: bold 16rem SiteFont;
	color:#000;
	margin-bottom: 2rem;
	line-height: 20rem;
	padding:0rem;
}

.TitleSmall {
	display: block;
	font: bold 15rem SiteFont;
	color:#000;
	margin-bottom: 4rem;
	line-height: 18rem;
	padding:0rem;
}

.TitleExtraSmall {
	display: block;
	font: 15rem SiteFont;
	color:#000;
	margin-bottom: 2rem;
	line-height: 18rem;
	padding:0rem;
}

}
.MarginB0 {
	margin-bottom:0rem;
}

.MarginB10 {
	margin-bottom:20rem;
}
.HideArticleBody {
	position:relative;
	z-index:1;
	margin-top:-110rem;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
	height:90rem;
	margin-bottom:40rem;	
}

.ArticleContinueReading {
	background:#e8e8e8;
	box-sizing:border-box;
	padding:30rem;
	border:1rem solid #aaa;
	text-align:center;
	border-radius:10rem;
	margin-bottom:70rem;
}

.ArticleContinueReadingTitle {
	font: 20rem SiteFont;
	color:#000;
	margin-bottom: 20rem;
}


.ArticleContinueReadingFlex {
	display:flex;
	justify-content:center;
	gap:20rem;
}

.ArticleContinueReadingFlexItem {
	width:200rem;
}

.ArticleContinueReadingDesc {
	font: 15rem SiteFont;
	color:#000;
	margin-bottom: 5rem;
}

.ArticleContinueReadingFrom {
	font: 13rem SiteFont;
	color:#777;
	margin-top: 5rem;
}


.ArticleContinueReadingButtonActive {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width:150rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.ArticleContinueReadingButtonWhite {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #fff;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: 15rem SiteFont;
	color:#000;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width:150rem;

	&:hover {
		background: #888;
		color:#fff;
	}
}

/**** DESKTOP ***/

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

.HideArticleBody {
	position:relative;
	z-index:1;
	margin-top:-110rem;
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%);
	height:90rem;
	margin-bottom:40rem;	
}

.ArticleContinueReading {
	background:#e8e8e8;
	box-sizing:border-box;
	padding:30rem;
	border:1rem solid #aaa;
	text-align:center;
	border-radius:10rem;
	margin-bottom:70rem;
}

.ArticleContinueReadingTitle {
	font: 20rem SiteFont;
	color:#000;
	margin-bottom: 20rem;
}


.ArticleContinueReadingFlex {
	display:flex;
	justify-content:center;
	gap:20rem;
}

.ArticleContinueReadingFlexItem {
	width:200rem;
}

.ArticleContinueReadingDesc {
	font: 15rem SiteFont;
	color:#000;
	margin-bottom: 5rem;
}

.ArticleContinueReadingFrom {
	font: 13rem SiteFont;
	color:#777;
	margin-top: 5rem;
}


.ArticleContinueReadingButtonActive {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width:150rem;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.ArticleContinueReadingButtonWhite {
	display: inline-block;
	cursor: pointer;
	border: 2rem solid #000;
	background: #fff;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: 15rem SiteFont;
	color:#000;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	width:150rem;

	&:hover {
		background: #888;
		color:#fff;
	}
}

}
@font-face {font-family: "SiteIcons";src: url('/system/images/SiteIconsFont.ttf?V=10') format('truetype');}

.FooterIcon {
	font: 28rem SiteIcons;
	display:inline-block;
	color: #999;
	margin-top:15rem;
	margin-right:8rem;
	cursor:pointer;
	text-decoration:none;
	transition:all 0.5s ease-in-out;
}

.FooterIcon:hover {
	text-decoration:none;
	color:#fff;
}

.FacebookIcon:after {
	content:"\e0c0";
}

.InstagramIcon:after {
	content:"\e0c1";
}

.TwitterIcon:after {
	content:"\e0c2";
}

.YoutubeIcon:after {
	content:"\e0c7";
}

.MessengerIcon:after {
	content:"\e0c4";
}

.WhatsappIcon:after {
	content:"\e0c5";
}



.AcceptCookiesBackground {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	z-index:1000;
}

.AcceptCookiesBanner {
	display:flex;
	flex-direction:column;
	justify-content:top;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	background:#333;
	padding:20rem 30rem 40rem 30rem;
	box-sizing:border-box;
	box-shadow:0px 0px 30px rgba(0,0,0,0.5);
	z-index:1001;
}

.LeftPanel {
	width:100%;
}

.LeftPanel .AcceptTitle {
	font: 22rem SiteFont;
	line-height:26rem;
	text-transform: uppercase;
	color:fff;
	margin-bottom:20rem;
}
.LeftPanel .AcceptDesc {
	font: 14rem SiteFont;
	color:#8e8e8e;
	line-height:17rem;
}

.RightPanel {
	text-align:center;
	padding-left:0rem;
	box-sizing:border-box;
}
.AcceptCookiesLogo {
	display: none;
	width: calc(356rem / 2);
	height: calc(91rem / 2);
	background-image: url('/images/LogoFooter.png');
	background-size: cover;
	cursor: pointer;
	margin-top:20rem;
}

.AcceptCookiesButton {
	display: block;
	text-align:center;
	cursor: pointer;
	border: 1rem solid #000;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	margin-top:30rem;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

/**** DESKTOP ***/

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

.AcceptCookiesBackground {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.7);
	z-index:1000;
}

.AcceptCookiesBanner {
	display:flex;
	flex-direction:row;
	justify-content:top;
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	background:#333;
	padding:20rem 30rem 40rem 30rem;
	box-sizing:border-box;
	box-shadow:0px 0px 30px rgba(0,0,0,0.5);
	z-index:1001;
}

.LeftPanel {
	width:100%;
}

.LeftPanel .AcceptTitle {
	font: 22rem SiteFont;
	text-transform: uppercase;
	color:fff;
	margin-bottom:10rem;
}
.LeftPanel .AcceptDesc {
	font: 14rem SiteFont;
	color:#8e8e8e;
	line-height:17rem;
}

.RightPanel {
	text-align:center;
	padding-left:30rem;
	box-sizing:border-box;
}
.AcceptCookiesLogo {
	display: inline-block;
	width: calc(356rem / 2);
	height: calc(91rem / 2);
	background-image: url('/images/LogoFooter.png');
	background-size: cover;
	cursor: pointer;
	margin-top:20rem;
}

.AcceptCookiesButton {
	display: block;
	text-align:center;
	cursor: pointer;
	border: 1rem solid #000;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	margin-top:20rem;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}

}

.MenuHidden {
	position:fixed;
	left:-10000rem;
	top:-10000rem;
}

.Menu {
	position:fixed;
	left:0rem;
	top:0rem;
	width:330rem;
	height:calc(100% - 0rem);
	background:rgba(88,88,88,1);
	border: 1rem solid #000;
	box-shadow:0rem 0rem 20rem rgba(0,0,0,0.4);
	padding:20rem 30rem;
	padding-bottom:40rem;
	box-sizing:border-box;
}

.MenuSearch {
	position:relative;
	display: block;
	cursor: pointer;
	border: 2rem solid #4a4a4a;
	background: #6c6c6c;
	border-radius: 3rem;
	padding: 3rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	margin-top:5rem;
	transition: all 0.4s ease-in-out;
	text-align:center;
	white-space: nowrap;

	&:hover {
		background: #333;
	}

	&::after {
		content:"";
		position:absolute;
		width:19rem;
		height:19rem;
		left:9rem;
		top:7rem;
		background:url('/images/MenuSearch.png');
		background-size:cover;
	}

}


.MenuButton {
	display: block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 3rem 14rem;
	font: bold 15rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	margin-top:6rem;
	transition: all 0.4s ease-in-out;
	text-align:center;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.MenuButtonGray {
	display: block;
	cursor: pointer;
	border: 1rem solid #333;
	background: #aaa;
	border-radius: 3rem;
	padding: 3rem 14rem;
	font: bold 15rem SiteFont;
	color:#eee;
	text-transform: uppercase;
	margin-top:20rem;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	text-align:center;
	&:hover {
		background: #fff;
		color:#000;
	}
}

.MenuTitle {
	font:26rem SiteFont;
	color:#fff;
	padding-bottom:20rem;
	text-transform: uppercase;
}

.MenuClose {
	display:inline-block;
	cursor:pointer;
	float:right;
	width:18rem;
	height:18rem;
	background:url('/images/MenuClose.png');
	background-size:cover;
	margin-top: 14rem;
	opacity:0.7;
	transition: all 0.4s ease-in-out;
	&:hover {
		opacity:1;
	}
}


.MenuLinks {
	display: flex;
	flex-direction:column;
	gap:10rem;
	align-items: flex-start;
	padding-bottom:20rem;
}

.MenuLinks A {
	font:17rem SiteFont;
	color:#aaa;
	padding-left:20rem;
	transition: all 0.4s ease-in-out;
	text-align:left;
	&:hover {
		color:#fff;
		text-decoration:none;
	}

	&::before{
		content: '';
		position:absolute;
		margin-left:-12rem;
		margin-top:13rem;
		display: inline-block;
		width: 6px;
		height: 6px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
     	border-radius: 10px;
		background-color: #f2342c;
    }

}

/**** DESKTOP ***/

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

.MenuHidden {
	position:absolute;
	left:-10000rem;
	top:-10000rem;
}

.Menu {
	position:absolute;
	left:0px;
	top: 83rem;
	width: 280rem;
	height: calc(100% - 83rem);
	background:rgba(88,88,88,1);
	border: 1rem solid #000;
	box-shadow:0rem 0rem 20rem rgba(0,0,0,0.4);
	padding:20rem 30rem;
	padding-bottom:40rem;
	box-sizing:border-box;
}

.MenuSearch {
	position:relative;
	display: block;
	cursor: pointer;
	border: 2rem solid #4a4a4a;
	background: #6c6c6c;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 14rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	margin-top:5rem;
	transition: all 0.4s ease-in-out;
	text-align:center;
	white-space: nowrap;

	&:hover {
		background: #333;
	}

	&::after {
		content:"";
		position:absolute;
		width:19rem;
		height:19rem;
		left:6rem;
		top:4rem;
		background:url('/images/MenuSearch.png');
		background-size:cover;
	}
}


.MenuButton {
	display: block;
	cursor: pointer;
	border: 2rem solid #860808;
	background: linear-gradient(45deg, rgba(237,39,36,1) 0%, rgba(241,96,34,1) 100%);
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 14rem SiteFont;
	color:#ffffff;
	text-transform: uppercase;
	margin-top:5rem;
	transition: all 0.4s ease-in-out;
	text-align:center;
	white-space: nowrap;

	&:hover {
		background: linear-gradient(45deg, rgb(255, 4, 0) 0%, rgb(255, 80, 5) 100%);
	}
}


.MenuButtonGray {
	display: block;
	cursor: pointer;
	border: 1rem solid #333;
	background: #aaa;
	border-radius: 3rem;
	padding: 1rem 14rem;
	font: bold 14rem SiteFont;
	color:#eee;
	text-transform: uppercase;
	margin-top:20rem;
	transition: all 0.4s ease-in-out;
	white-space: nowrap;
	text-align:center;
	&:hover {
		background: #fff;
		color:#000;
	}
}

.MenuTitle {
	font:bold 20rem SiteFont;
	color:#fff;
	padding-bottom:20rem;
	text-transform: uppercase;
}

.MenuClose {
	display:inline-block;
	cursor:pointer;
	float:right;
	width:16rem;
	height:16rem;
	background:url('/images/MenuClose.png');
	background-size:cover;
	margin-top: 10rem;
	opacity:0.7;
	transition: all 0.4s ease-in-out;
	&:hover {
		opacity:1;
	}
}


.MenuLinks {
	display: flex;
	flex-direction:column;
	gap:5rem;
	align-items: flex-start;
	padding-bottom:20rem;
}

.MenuLinks A {
	position:relative;
	font:15rem SiteFont;
	color:#c0c0c0;
	transition: all 0.4s ease-in-out;
	text-align:left;
	padding-left:12rem;

	&:hover {
		color:#fff;
		text-decoration:none;
	}

	&::before{
		content: '';
		position:absolute;
		margin-left:-12rem;
		margin-top:11rem;
		display: inline-block;
		width: 6px;
		height: 6px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
     	border-radius: 10px;
		background-color: #f2342c;
    }
}

}
.SearchResults {
	font: 16rem SiteFont;
	color:#000;
}

.SearchInput, .SearchInput:-webkit-autofill, .SearchInput:-webkit-autofill:hover, .SearchInput:-webkit-autofill:focus {
	font: 16rem SiteFont;
	padding: 3rem 12rem;
	border: 1rem solid #b8b8b8 !important;
	border-radius: 5rem;
	box-shadow: inset 0rem 2rem 8rem rgba(0,0,0,0.12);
	margin-bottom: 12rem;
	color: #000;
	width: 100%;
	outline: none;
	box-sizing: border-box;

	&::placeholder {
		color:#aaa;
	}
}