body {
font-family: "Mulish", sans-serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
line-height:1.3;
display:block;
margin: 0 auto 1.2em;
padding: 1.2em;
text-align: center;
color:#363f3f;
overflow-x: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}

.header_section H1,
H2 {
font-weight: 100;
font-size: 1.2em;
text-transform: uppercase;
margin: .4em 0;
color: #62cfd5;
line-height: 1.3;
}

BODY > A > H1,
BODY > A > H2 {
font-size: .85em;
margin: 0 .6em 0 0;
position: relative;
display: inline;
max-width: 800px;
color: #07a2ab;
font-weight: 800;
text-transform: none;
}

BODY > A > H1:after,
BODY > A > H2:after {
content: '*';
font-size: 1.2em;
top: -.6em;
right: -.7em;
font-weight: 100;
position: absolute;
}

BODY > A > p {
display: inline;
color: #07a2ab;
}

BODY > A > p SMALL.upper{
display: inline-block;
padding-left: .4em;
}

BODY > A:HOVER > H1,
BODY > A:HOVER > H1:after,
BODY > A:HOVER > H2,
BODY > A:HOVER > H2:after,
BODY > A:HOVER > p {
color: #62cfd5;
}

.header_section H1,
.header_section H2 {
display:inline-block;
}

H3 {
display: block;
text-align: right;
font-size: .75em;
color: #07a2ab;
padding: 1.2em 0;
margin: 0 0 1.2em;
border-bottom: 1px solid #d1f1f2;
}

H4 {
font-size: .75em;
color: #62cfd5;
font-weight: 100;
margin: 3.6em 0 2.2em -2.2em;
}

.fh4 {
font-size: 1.25em;
line-height: 1.25;
margin: 0;
padding: 0;
}


A {
color: #21a8e7;
text-decoration: none;
}

A:HOVER {
color: #62cfd5;
text-decoration: none;
}

A.g {
color: #07a2ab;
text-decoration: none;
}

A.g:HOVER {
color: #62cfd5;
text-decoration: none;
}

.g {
color: #07a2ab !important
}

slim {
font-weight: 100 !important
}


UL LI {

font-size: .75em;
padding: .6em 0;
color: #07a2ab;

}

UL.menu {
list-style-type:none;
margin-top: -.4em;
padding: 0 0 0 1.4em;
display:inline-block;
}

UL.menu LI {
font-size: .75em;
padding: .6em 0;
color: #07a2ab;
display:inline-block;
}

UL.menu LI A {
text-transform: uppercase;
}

UL.menu LI A i{
text-transform: none;
}
UL.menu LI:AFTER {
content: ' ';
position: relative;
bottom: -1.4em;
display: inline-block;
margin: 0 .4em 0 .55em;
background: #a5e1e4;
width: 1px;
height: 2.6em;
line-height: 0;
}

UL.menu LI:last-child:AFTER {
display:none;
}

UL.menu LI:nth-last-child(2):AFTER {
background: transparent;
height: 0;
}

.hw {
font-family: "Shadows Into Light Two", cursive;
font-weight: 400;
font-style: italic;
line-height: 1.1;
}

.f075 {
font-size: .75em;
}

.f085 {
font-size: .85em;
}

.brakeword {
word-wrap: break-word;
}

STRONG {
font-weight: 900;
}

.slim {
font-weight: 100;
}

.upper {
text-transform: uppercase 
}

.capital {
text-transform: capitalize;
}


.ah {
text-decoration: line-through;
}

.clearfix:before,
.clearfix:after {
display: table;
content: '';
}

.clearfix:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.block {
display:block !important;
}

.inlineblock {
display:inline-block !important;
}

.inline {
display:inline !important;
}

.spacer_1 {
clear:both !important;
display:block !important;
padding:0.2em !important;
content:'';
}

.spacer_2 {
clear:both !important;
display:block !important;
padding:0.3em !important;
content:'';
}

.spacer_3 {
clear:both !important;
display:block !important;
padding:0.5em !important;
content:'';
}

.spacer_4 {
clear:both !important;
display:block !important;
padding:1.5em !important;
content:'';
}

.container {
display: block;
}

.grid-item {
display: flex;
align-items: center;
justify-content: center; 
}

.gr_header.bann.horiz.fw.top {
display: block;
width: 100%;
margin: -1.2em -1.2em 2.4em -1.2em;
}

.gr_header.bann.horiz.fw.top .slider_bann_img_cont IMG {
width:100vw;
}


.container div {
background-color: transparent;
padding: 0;
}

.container div.header {
grid-area: header;
text-align: center;
padding: 0;
}

.container .header_section {
position: relative;
display: block;
max-width: 66em;
margin: 0 auto;
mix-blend-mode: multiply;
z-index: 1000;
}

.container .header_section .content {
margin: 2em auto;
}

.container .content_section {
max-width: 50em;
display: block;
margin: 3em auto;
padding: 0 1.2em;
}

.container .content_section .content {
display: block;
position:relative;

}

.container .content_section .content .mr_lst {
display:block;
position:relative;
}

.container .content_section .content .mr_lst A {
display:inline-block;
position:relative;
}

.container .content_section .content .mr_lst A,
.container .content_section .content .mr_lst A:HOVER {
color:#62cfd5;
text-transform: uppercase
}

.container .content_section .content .mr_lst A:after {
display: block;
content: '';
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
right: auto;
left: 50%;
bottom: -2.4em;
margin: 0 auto;
padding: 1em;
line-height: 0;
transform: translateX(-50%);
background-color: #62cfd5;
-webkit-mask-image: url(../images/veradas_nav_nyil.svg);
mask-image: url(../images/veradas_nav_nyil.svg);
}

.container .content_section .content A.mr_lst,
.container .content_section .content span.mr_lst {
color: #07a2ab;
display: inline;
position: relative;
padding-left: 1.2em;
}

.container .content_section .content A.mr_lst:HOVER {
color:#62cfd5;
}

.container .content_section .content A.mr_lst:BEFORE,
.container .content_section .content span.mr_lst:BEFORE{
content: '+';
position: absolute;
top: -.5em;
left: .4em;
font-size: 1.2em;
font-weight: 900;
color: #62cfd5;
}


.container .content_section .content span.mr_lst,
.container .content_section .content span.mr_lst:BEFORE{
color: #6ecfd5;
}

.container .content_section .content span.mr_lst.end{
padding-left: 0;
}

.container .content_section .content span.mr_lst.end:BEFORE{
display:none;
}

.mr_lst_lit {
display: inline-block;
padding: 0 .4em;
}

.mr_lst_lit:after {
content: ' /';
position: relative;
display: inline-block;
font-size: 2em;
font-weight: 100;
bottom: -.16em;
margin: 0 -.3em 0 .2em;
color: #6ecfd5;
line-height: 0;
}

p.pr_lst a:nth-last-child(2):after {
display:none;
}

.container .content_section .content .blokk_cont,
.container .content_section .content .blokk_as {
display: block;
text-align: left;
padding: .6em 1.8em;
margin: 0 1.2em;
}

.container .content_section .content .blokk_cont {
max-width: 26em;
}

.container .content_section .content .blokk_cont:after {
display: block;
content: '';
border-top: 1px solid #a5e1e4;
border-bottom: 1px solid transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
background: transparent;
margin: 2.4em 70% 0 0;
max-width: 100%;
left: -2.4em;
position: relative;
}

.container .content_section .content .blokk_cont.lst:after {
display: none;
}

.container .content_section .content .blokk_cont:last-child:after {
display:none;
}


.container .content_section .content .blokk_cont .bla {
font-size: 1.25em;
line-height: 1.25;
margin: .6em 0 .2em 0;
padding: 0;
}

.container .content_section .content .blokk_cont .bla A {
font-weight: 900;
}

.container .content_section .content .blokk_cont .bla A b {
display: block;
font-weight: 100;
padding: .2em 0 0 0;
color: #07a2ab;
}

.container .content_section .content .blokk_cont .bla A i {
display: block;
font-weight: 300;
font-size: .65em;
font-style: normal;
padding: .4em 0 0 0;
color: #90dce2;
}

.container .content_section .content .blokk_cont .bla A:HOVER b,
.container .content_section .content .blokk_cont .bla A:HOVER i {
color: #62cfd5;
}


.container .content_section .content .blokk_cont .root,
.container .content_section .content .blokk_cont .allbla {
font-size: .75em;
color: #62cfd5;
}

.container .content_section .content .blokk_cont .allbla {
margin: .8em 0;
}

.container .content_section .content .blokk_cont p.signo {
padding-left: 2em;
}

.container .content_section .content .blokk_cont .root .datum {
display: inline-block;
padding: 0 .4em 0 0;
}

.container .content_section .content .blokk_as p {
display: block;
font-size: .75em;
}

.container .content_section .content .blokk_as q {
display: block;
font-size: .75em;
}

.container .content_section .content .blokk_as q:before,
.container .content_section .content .blokk_as q:after {
display: none;
}

.container .content_section .content .blokk_cont .allbla .hw,
.container .content_section .content .blokk_as .hw {
font-size: 1.25em;
color: #363f3f;
}

.container .content_section .content .blokk_as .blablu {
position: relative;
margin: 0 0 0 auto;
padding: 1.8em 1.8em 1.8em 3em;
border-radius: .81em;
font-size: 1em;
/*border: 1px solid #d1f1f2;*/
text-indent: -1.2em;
max-width: 29em;
background:#FFFD98;
}

.container .content_section .content .blokk_as .blablu > SMALL {
font-size: .75em;
font-weight: 100;
}

.container .content_section .content .blokk_as .blablu:before,
.container .content_section .content .blokk_as .blablu:after {
width: 1.8em;
height: 1.8em;
background: #FFFD98;
display: block;
content: '';
bottom: -28px;
left: 27%;
position: absolute;
z-index: 1;
clip-path: polygon(25% 0, 100% 100%, 100% 0);
}

/*.container .content_section .content .blokk_as .blablu:before {
background: #d1f1f2;
transform: scale(1.05);
bottom: -30px;
}*/

.container .content_section .content .blokk_as > q > i.hw {
font-size: 1.85em;
max-width: 17em;
display: block;
text-indent: -2.2em;
margin: 0 0 0 auto;
}

.container .content_section .content .blokk_as > q > i.hw > sup {
font-size: .45em;
display: inline;
padding: 1em 0 0 .2em;
margin: 0;
}

.container .content_section .content .blokk_img.logo {
float: right;
max-width: 10em;
position: relative;
top: -1em;
}

.container .content_section .content .blokk_img.logo .cont {
display: block;
position: relative;
}

.container .content_section .content .blokk_img.logo .cont:after {
display: block;
position: absolute;
content: attr(data-bla);
bottom: 1em;
font-family: "Shadows Into Light Two", cursive;
font-weight: 400;
font-style: italic;
line-height: 1.1;
font-size: .65em;
color: #62cfd5;
text-align: center;
width: 10em;
right: 0;
opacity: 1;
transform: rotate(-32deg);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
user-select: none;
pointer-events: none;
}

.container .content_section .content .blokk_img.logo .cont:HOVER:after {
opacity: 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.container .content_section .content .blokk_img.logo .cont .img {
display: block;
position: relative;
overflow: hidden;
border-radius: 200%;
background: #FFF;
padding: 5em;
}

.container .content_section .content .blokk_img.logo .cont .img img {
display: block;
position: absolute;
top: 50%;
left: 50%;
height: 100%;
max-width: fit-content;
user-select: none;
transform: translate(-50%, -50%) scale(1);
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}

.container .content_section .content .blokk_img.logo .cont:HOVER .img img {
transform: translate(-50%, -50%) scale(1.1);
}


.container .content_section .content .bann {
display: block;
max-width: 32%;
float: right;
margin: 2em;
}


.container .content_section .content .bann.horiz {
display: block;
width: 100%;
max-width: 100%;
float: none;
clear: both;
margin: 0 0 3em 0;
}



.action--ad {
position: relative;
display: block;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, transform .3s;
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
margin: 1em auto;
color: #00aab5;
font-size: 8px;
border: none;
background: transparent;
cursor:pointer;
}

.action--ad:HOVER {
color: #7cd7dc !important;
}

.bann.horiz .action--ad {
position: relative;
padding: 0.4em 1.2em;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
}

.bann.horiz .action--ad .hw { 
font-weight: 100;
display: inline-block;
color: var(--gray);
padding: 0 0 0 .3em;
}

.action--button:hover,
.action--button:hover .hw{
color: var(--gray-mid);
outline: none;
}

.bottom .action--ad {
position: absolute;
top: -3.6em;
left: 50%;
transform: translateX(-50%);
}

.container .content_section .content .bann .slider__bann {
padding: 0;
border-radius: 10px;
overflow: hidden;
position: relative;
max-width: 26em;
margin: 0 auto;
}

.container .content_section .content .bann .slider__bann__spacer {
width: 100%;
position: relative;
z-index: 4;
}

.container .content_section .content .bann .slider__bann__spacer img,
.container .content_section .content .bann .slider__item img {
width: 100%;
}

.container .content_section .content .bann .slider__bann__tx {
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transition: all .5s ease;
}

.container .content_section .content .bann .slider__bann__bg {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
top: 0;
z-index: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
transition: all .5s ease;
}

.container .content_section .content .bann .slider__bann:hover .slider__bann__bg {
-webkit-transform: scale3d(1.2, 1.2, 1);
transform: scale3d(1.2, 1.2, 1);
transition: all 0.5s ease;
}

.container .content_section .content .bann .slider__bann__logo {
background-size: cover;
background-repeat: no-repeat;
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 2;
opacity: 1;
transition: all 0.5s ease;
}

.container .content_section .content .bann .slider__bann:hover .slider__bann__logo {
opacity: 0.3;
transition: all 0.5s ease;
}

.container div.content {
position: relative;
overflow: visible;
left:0;
top:0;
z-index: 3;
}


.container div.content .img_cont{ 
position: relative;
background-color: white;
margin: 0;
padding: 2.4em;
border-radius: 1.2em;
box-shadow:rgba(98, 207, 213, 0.35) 0px 48px 100px 0px;
transform: scale(1);
filter: blur(0px);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.container div.content .img_cont P { 
display: inline;
position: relative;
z-index: 5;
}

.container .header_section div.content .img_cont P.bev { 
font-size: .75em;
font-weight:100;
}

.container .header_section div.content .img_cont P.bev .hw { 
font-size: 1.85em;
}

.container .header_section div.content .img_cont P.bev SUB { 
display: inline-block;
padding: 1.4em 0 0 0;
font-weight: 900;
color: #fa343e;
font-size: 1em;
}

.container .header_section div.content .img_cont P.bev SUB i { 
font-weight: 100;
}

.container div.content .img_cont:after {
width: 3em;
height: 3em;
background: #ffffff;
display: block;
content: '';
bottom: -1.8em;
right: 27%;
position: absolute;
z-index: 1;
clip-path: polygon(0 0, 0% 100%, 75% 0);
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}


.container.dt div.content:HOVER .img_cont,
.container div.content.select .img_cont {
box-shadow:rgba(98, 207, 213, 0.35) 0px 48px 100px 0px;
transform: scale(1.05) !important;
}

.container div.content.deselect .img_cont {
filter: blur(3px);
box-shadow:rgba(98, 207, 213, 0.35) 0px 11px 75px 0px;
mix-blend-mode: luminosity;
opacity: .8;
transform: scale(.85) !important;
}

.container div.content.deselect IMG {
mix-blend-mode: luminosity;
}

.container div.content IMG {
max-width: 100%;
}

.container div.footer {
display:block;
margin: 0 auto 2em;
text-align: center;
transform: scale(.8);
}

.container div.footer P.fb {
margin: 1em 0 4em;
}


.container div.footer .fb A i {
color: #62cfd5;
vertical-align: sub;
font-size: .75em;
position: relative;
bottom: -.2em;
}

.container div.footer .fb A STRONG {
position: relative;
display: inline-block;
padding-right: .9em;
}

.container div.footer .fb A STRONG:after {
width: auto;
height: auto;
content: '';
-webkit-mask-size: cover;
mask-size: cover;
position: absolute;
left: auto;
right: -.6em;
top: calc(50% - .6em);
transform: translateY(-50%);
margin: 0;
padding: .8em;
display: inline-block;
background-color: #62cfd5;
-webkit-mask-image: url(../images/fb.svg);
mask-image: url(../images/fb.svg);
}

.container div.footer .fb A:HOVER:before {
background-color: #21a8e7;
}

.container div.footer .mcont {
margin: 0 auto 2em -2em;
padding-left: 4em;
text-align: center;
transform: scale(.8);
}

.container div.footer .mcont .fh4{
display: inline-block;
position: relative;
vertical-align: top;
margin-right: -2em;
}

.container div.footer .mcont a {
display: block;
line-height: 1.3;
}

.container div.footer .mcont a:before {
background: #62cfd5;
-webkit-mask-size: cover;
mask-size: cover;
width: 4em;
height: 4em;
content: '';
position: absolute;
top: -2em;
z-index: 3;
display: inline-block;
margin: 0 0 -3em;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

.container div.footer .mcont a:hover:before {
background: #f74848;
transform: scale(1.2);

}

.container div.footer .mcont a.fl_dmag:before {
-webkit-mask-image: url(../images/logo_dmag.svg);
mask-image: url(../images/logo_dmag.svg);
}

.container div.footer .mcont a.fl_donoreletmod:before {
-webkit-mask-image: url(../images/logo_donoreletmod.svg);
mask-image: url(../images/logo_donoreletmod.svg);
}

.container div.footer .mcont a.fl_donorbarat:before {
-webkit-mask-image: url(../images/logo_donorbarat.svg);
mask-image: url(../images/logo_donorbarat.svg);
}

.container div.footer .mcont a span {
color: #62cfd5;
font-weight: 800;
transform: rotate(-45deg);
display: inline-block;
text-align: left;
width: 14em;
font-size: .85em;
line-height: 1.2;
text-indent: -1em;
}

.hastag {
font-size: .65em;
color: #62cfd5;
}

.hastag A {
color: #62cfd5;
}

.hastag A:HOVER {
color: #07a2ab;
}

.button_cont .button {
position: relative;
display: inline-block;
background: #21a8e7;
color: #FFF;
font-weight: 800;
font-size: .75em;
padding: .2em .5em;
border-radius: .3em;
border: 2px solid #21a8e7;
}

.button_cont .button:HOVER {
background: transparent;
color: #21a8e7;
}

.form_error {
background: #fa343e;
color: #fff;
display: block;
padding: .4em .6em;
font-weight: 800;
margin: .2em 0 .2em -1em;
}

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

.container .content_section .content .blokk_cont {
max-width: 100%;
padding: 0.8em 0 0.8em 1.2em;
margin: 0;
}

.container .content_section .content .bann {
max-width: 100%;
float: none;
margin: 2em;
}
}


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

body { padding: 1.2em 0;}


.container {
width: 100%;
}

.container div.content{
position: relative;
width: 100%;
}

.container .header_section {
max-width: 66em;
margin: 0 1.2em;
}

.container div.content .img_cont {
padding: 1.2em;
border-radius: 1.2em;
}

.container .header_section div.content .img_cont P.bev .hw {
font-size: 1.55em;
}

.container .content_section .content .blokk_cont {
max-width: 100%;
padding: 0.6em 1.2em;
margin: 0;
}

.container div.footer .mcont {
padding-left: 0;
transform: scale(1);
}

.container div.footer .mcont .fh4 {
transform: scale(.7);
margin-right: -1.4em;
width: calc(100% / 3);
max-width: 7em;
min-width: 7em;
}

.container .content_section .content .blokk_as .blablu {
margin: 0;
padding: 1.2em;
max-width: 100%;
text-indent: 0;
}

}


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

UL.menu {
list-style-type: none;
margin-top: 1.2em;
padding: 0;
display: block;
}

UL.menu LI {
display: block;
}

UL.menu LI:AFTER {
content: ' ';
position: relative;
bottom: -.6em;
display: block;
margin: 0 .4em 0 .55em;
background: #a5e1e4;
width: 100%;
height: 1px;
line-height: 0;
}

}