html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1em; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } strong { font-weight: bold; } a { text-decoration: none; } .embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; margin: 60px 0; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Scale element */ .scale-element { width: 100%; margin: 60px 0; padding-top: 56.25%; position: relative; border-radius: 10px; /* Scaled */ } .scale-element > .scaled { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .podcast{ margin: 60px 0; } .podcast .podcast-platform{ display: flex; justify-content: center; margin: 40px 0; gap: 20px; } @media screen and (max-width: 650px) { .podcast .podcast-platform{ gap: 8px; } } .podcast .podcast-platform .podcast-platform-item{ border-radius: 50%; color:#fff; display: flex; justify-content: center; align-items: center; position: relative; } .podcast .podcast-platform .podcast-platform-item .apple-podcasts{ background-image: url("../images/apple-podcasts-logo.svg"); width: 40px; height: 40px; background-repeat: no-repeat; display: flex; background-position: center; background-size: cover; } .podcast .podcast-platform .podcast-platform-item .google-podcasts{ background-image: url("../images/google-podcasts-logo.svg"); width: 40px; height: 40px; background-repeat: no-repeat; display: flex; background-position: center; background-size: cover; } .podcast .podcast-platform .podcast-platform-item .spotify{ background-image: url("../images/spotify-logo.svg"); width: 40px; height: 40px; background-repeat: no-repeat; display: flex; background-position: center; background-size: cover; } .podcast .podcast-platform .podcast-platform-item .podbean{ background-image: url("../images/podbean.svg"); width: 40px; height: 40px; background-repeat: no-repeat; display: flex; background-position: center; background-size: cover; } .slbOverlay,.slbWrapOuter,.slbWrap{position:fixed;top:0;right:0;bottom:0;left:0}.slbOverlay{overflow:hidden;z-index:2000;background-color:#000;opacity:0.7;-webkit-animation:slbOverlay 0.5s;-moz-animation:slbOverlay 0.5s;animation:slbOverlay 0.5s}.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}.slbWrap{position:absolute;text-align:center}.slbWrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}.slbContentOuter{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}.slbContentEl .slbContentOuter{padding:5em 1em}.slbContent{position:relative}.slbContentEl .slbContent{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}.slbImageWrap{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;position:relative}.slbImageWrap:after{content:"";position:absolute;left:0;right:0;top:5em;bottom:5em;display:block;z-index:-1;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background-color:#FFF}.slbDirectionNext .slbImageWrap{-webkit-animation:slbEnterNext 0.4s;-moz-animation:slbEnterNext 0.4s;animation:slbEnterNext 0.4s}.slbDirectionPrev .slbImageWrap{-webkit-animation:slbEnterPrev 0.4s;-moz-animation:slbEnterPrev 0.4s;animation:slbEnterPrev 0.4s}.slbImage{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:5em 0;margin:0 auto}.slbCaption{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size:1.4em;position:absolute;left:0;right:0;bottom:0;padding:.71429em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbCloseBtn,.slbArrow{margin:0;padding:0;border:0;cursor:pointer;background:none}.slbCloseBtn::-moz-focus-inner,.slbArrow::-moz-focus-inner{padding:0;border:0}.slbCloseBtn:hover,.slbArrow:hover{opacity:0.5}.slbCloseBtn:active,.slbArrow:active{opacity:0.8}.slbCloseBtn{-webkit-animation:slbEnter 0.3s;-moz-animation:slbEnter 0.3s;animation:slbEnter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:0;color:#fff;color:rgba(255,255,255,0.7);text-align:center}.slbLoading .slbCloseBtn{display:none}.slbLoadingText{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}.slbArrows{position:fixed;top:50%;left:0;right:0}.slbLoading .slbArrows{display:none}.slbArrow{position:absolute;top:50%;margin-top:-5em;width:5em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}.slbArrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}.slbArrow.next{right:0}.slbArrow.next:before{border-left-color:#fff}.slbArrow.prev{left:0}.slbArrow.prev:before{border-right-color:#fff}.slbIframeCont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}.slbIframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}@-webkit-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-moz-keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@keyframes slbOverlay{from{opacity:0}to{opacity:0.7}}@-webkit-keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnter{from{opacity:0;-moz-transform:translate3d(0, -1em, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnter{from{opacity:0;-webkit-transform:translate3d(0, -1em, 0);-moz-transform:translate3d(0, -1em, 0);-ms-transform:translate3d(0, -1em, 0);-o-transform:translate3d(0, -1em, 0);transform:translate3d(0, -1em, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterNext{from{opacity:0;-moz-transform:translate3d(4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterNext{from{opacity:0;-webkit-transform:translate3d(4em, 0, 0);-moz-transform:translate3d(4em, 0, 0);-ms-transform:translate3d(4em, 0, 0);-o-transform:translate3d(4em, 0, 0);transform:translate3d(4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}@-webkit-keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0)}}@-moz-keyframes slbEnterPrev{from{opacity:0;-moz-transform:translate3d(-4em, 0, 0)}to{opacity:1;-moz-transform:translate3d(0, 0, 0)}}@keyframes slbEnterPrev{from{opacity:0;-webkit-transform:translate3d(-4em, 0, 0);-moz-transform:translate3d(-4em, 0, 0);-ms-transform:translate3d(-4em, 0, 0);-o-transform:translate3d(-4em, 0, 0);transform:translate3d(-4em, 0, 0)}to{opacity:1;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}} .open { font-family: 'Open Sans', sans-serif; } .roboto { font-family: 'Roboto', sans-serif; } .mont { font-family: 'Montserrat', sans-serif; } .grid { display: grid; grid-template-columns: repeat(3, 1fr); } .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); } .grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); } .grid-gap { gap: 20rem; } .grid-gap-15 { gap: 15rem; } .grid-gap-10 { gap: 10rem; } .row { display: flex; } .vc { align-items: center; } .hc { justify-content: center; } .vstretch { align-items: stretch; } .hstretch { width: 100%; } .centered { justify-content: center; align-items: center; } .wrap { position: relative; box-sizing: border-box; width: 95%; max-width: 1400px; margin: 0 auto; height: 100%; padding: 0 20rem; } @media screen and (max-width: 1400px) { .wrap { max-width: 1000px; } } @media screen and (max-width: 1000px) { .wrap { max-width: 850px; } } @media screen and (max-width: 850px) { .wrap { max-width: 700px; } } @media screen and (max-width: 700px) { .wrap { max-width: 650px; } } @media screen and (max-width: 650px) { .wrap { max-width: 400px; } } @media screen and (max-width: 400px) { .wrap { max-width: 320px; } } .wrap.wide { max-width: 1580px; padding-left: 30px; padding-right: 30px; } .wrap.full { max-width: 100%; padding-left: 30px; padding-right: 30px; } a { outline: 0 !important; } .clear:after { display: block; clear: both; width: 100%; content: ""; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } header { display: flex; position: fixed; top: 0; left: 0; width: 100%; height: 90rem; background: #FFF; z-index: 999; } header .wrap { align-items: center; display: flex; justify-content: flex-end; max-width: 100%; width: 100%; margin: 0; padding: 0; } header .logo { position: absolute; width: 250rem; height: 100%; left: 40rem; top: 0; background: transparent url(../images/logo_farebne_v2_2x.png) left center no-repeat; background-size: 80%; z-index: 940; } header .logo:before { content: ""; position: absolute; display: block; height: 200%; width: 110%; top: -30rem; left: -40rem; background: transparent url(../images/logo_bg.png) top left no-repeat; background-size: contain; } header .hamburger { justify-content: center; align-items: center; display: none; position: absolute; top: 0; right: 10px; bottom: auto; left: auto; margin: auto; cursor: pointer; width: 90rem; height: 90rem; background: transparent; z-index: 950; } header .hamburger .icon { position: relative; width: 33px; height: 18px; display: flex; flex-direction: column; justify-content: space-between; } header .hamburger .icon span { -webkit-transition: all 250ms; -moz-transition: all 250ms; -ms-transition: all 250ms; -o-transition: all 250ms; transition: all 250ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; display: block; background: #340D4F; width: 100%; height: 2px; overflow: hidden; border-radius: 2px; } header .hamburger .icon span:nth-of-type(2) { position: relative; } header .hamburger .icon span:nth-of-type(2):before { content: ""; display: block; background: white; width: 5px; height: 100%; margin: 0 5px 0 auto; } header .hamburger:hover .icon span:nth-of-type(1) { transform: scale(0.8, 1); } header .hamburger:hover .icon span:nth-of-type(2) { transform: scale(1.2, 1); } header .hamburger:hover .icon span:nth-of-type(3) { transform: scale(0.8, 1); } header nav { display: flex; z-index: 900; height: 100%; } header nav ul.nav { font-size: 36rem; display: flex; align-items: center; } header nav ul.nav li { display: inline-block; padding: 15rem 2.63157895vw 15rem 0; position: relative; } header nav ul.nav li a { font-family: 'Open Sans', sans-serif; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; display: block; position: relative; text-decoration: none; color: #340D4F; font-size: 16rem; font-style: normal; font-weight: 600; line-height: 22rem; text-align: center; } header nav ul.nav li a:hover { color: #E7358B; text-decoration: none; } header nav ul.nav li ul.sub-menu { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: absolute; top: 100%; left: 0; opacity: 0; max-height: 0; overflow: hidden; background: #F5F4F7; } header nav ul.nav li ul.sub-menu > li { margin: 0; display: block; padding: 0; } header nav ul.nav li ul.sub-menu > li a { padding: 10rem 22rem; display: block; background: #F5F4F7; text-align: left; position: relative; white-space: nowrap; font-size: 14rem; } header nav ul.nav li ul.sub-menu > li a:after { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 6rem; height: 10rem; content: ""; display: inline-block; background: transparent url(../images/icons/nav_carret.png) center center no-repeat; margin: 0 0 0 8rem; transform: translate(-5rem, 0); opacity: 0; } header nav ul.nav li ul.sub-menu > li a:hover:after { opacity: 1; transform: translate(0, 0); } header nav ul.nav li ul.sub-menu > li:nth-of-type(2n) a { background: #EDECEF; } header nav ul.nav li ul.sub-menu:before { width: 30rem; height: 30rem; content: ""; display: block; position: absolute; top: -10rem; left: 10%; background: #F5F4F7; transform: rotateZ(45deg); } header nav ul.nav li:hover ul.sub-menu { opacity: 1; max-height: 300px; overflow: visible; box-shadow: 3px 8px 20px 10px rgba(0, 0, 0, 0.08); } header nav ul.soc { display: flex; } header nav ul.soc li a { height: 90rem; width: 70rem; background: #340D4F; display: flex; align-items: center; justify-content: center; } header nav ul.soc li a svg { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 12rem; height: 20rem; fill: white; } header nav ul.soc li a:hover svg { fill: #E7358B; } header nav ul.soc li.in svg { width: 18rem; height: 17rem; } header nav ul.soc li.fb svg { width: 11rem; height: 22rem; } header nav ul.langswitch { display: flex; border-left: 1px solid #dfdfdf; } header nav ul.langswitch li a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; font-size: 0.9375vw; line-height: 1.11111111; font-weight: 700; color: #340D4F; align-items: center; justify-content: center; height: 90rem; width: 70rem; display: flex; text-transform: uppercase; } @media screen and (max-width: 1706.66666667px) { header nav ul.langswitch li a { font-size: 16px; } } header nav ul.langswitch li a svg { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 12rem; height: 20rem; fill: white; } header nav ul.langswitch li a:hover { color: #E7358B; } header nav .searchbox { display: flex; align-items: center; justify-content: center; width: 350rem; height: 100%; border-left: 1px solid #F5F4F7; padding: 0 30rem; margin-left: 5.26315789vw; } header nav .searchbox form { display: flex; height: 30rem; } header nav .searchbox input { font-family: 'Open Sans', sans-serif; height: 100%; padding: 0 0 0 60rem; background: transparent url(../images/icons/search.png) center left no-repeat; background-size: contain; border: 0; outline: 0; width: 10.52631579vw; color: #340D4F; font-size: 16rem; font-weight: 400; line-height: 22rem; } header nav .searchbox button { align-items: center; display: flex; height: 100%; border: 0; background: transparent; cursor: pointer; } header nav .searchbox button svg { width: 34rem; height: 16rem; } header.scrolled { height: 90rem; } header.sub .logo { background-size: 50%; } header.sub .logo:before { display: none; } @media screen and (max-width: 1500px) { header nav { justify-content: flex-end; } header nav ul.nav { flex: 0 1 400px; } header nav ul.nav li { padding-right: 1.31578947vw; } header nav .searchbox { flex: 0 1 100px; margin-left: 0; } header nav .searchbox form input { width: 120rem; } } @media screen and (max-width: 1250px) { header .logo { width: 111px; height: 50px; background-image: url(../images/logo_small.png); } header .logo:before { width: 145%; } header nav { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: fixed; flex-direction: column; align-items: center; top: 0; left: 0; width: 100%; background: #340D4F; z-index: 500; height: 0; } header nav ul.nav { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; display: block; flex: 1 1 auto; margin-top: 70px; opacity: 0; overflow: auto; -ms-overflow-style: none; scrollbar-width: none; } header nav ul.nav li { display: block; padding: 0; } header nav ul.nav li a { font-size: 16px; color: white; display: block; padding: 1.14285714vh 20px; } header nav ul.nav li ul.sub-menu { position: relative; opacity: 1; max-height: none; background: transparent; margin: 0 0 15px; } header nav ul.nav li ul.sub-menu > li { background: transparent; padding: 0 ; } header nav ul.nav li ul.sub-menu > li > a { background: transparent !important; text-align: center; padding: 5px 0; } header nav ul.nav li ul.sub-menu > li > a:after { display: none; } header nav ul.nav li ul.sub-menu:before { display: none; } header nav ul.nav li:hover ul.sub-menu { box-shadow: none; } header nav .searchbox { border-left: none; max-width: 500px; margin: 0 0 20px; position: relative; width: auto; opacity: 0; } header nav .searchbox form input { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; background-image: url(../images/icons/search_white.png); background-position: top left; background-size: 28px; color: white; padding-bottom: 20px; border-bottom: 1px solid #E7358B; margin: 0 auto; padding-right: 60rem; font-size: 14px; width: 130px; } header nav .searchbox form input:focus { width: 50vw; } header nav .searchbox form button { position: absolute; top: 0; right: 10px; } header nav .searchbox form button svg { fill: white; } header nav ul.soc { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; opacity: 0; } header nav ul.langswitch { border-left: 0; } header nav ul.langswitch li a { color: white; } header .hamburger { display: flex; z-index: 960; } header .hamburger.open .icon span { background: white; } header.open .logo { background-image: url(../images/logo_small_white.png); } header.open nav ul.nav { opacity: 1; } header.open nav .searchbox { opacity: 1; } header.open nav ul.soc { opacity: 1; } header.open .hamburger .icon span:nth-of-type(1) { transform: translate(0, 8px) rotateZ(45deg); height: 3px; } header.open .hamburger .icon span:nth-of-type(2) { display: none; } header.open .hamburger .icon span:nth-of-type(3) { transform: translate(0, -7px) rotateZ(-45deg); height: 3px; } } .fxv-flytop { transform: translate(0, 80rem); opacity: 0; transition: transform 1300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s, opacity 1300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0s; will-change: transform, opacity; } .fxv-flytop.fx-visible { transform: translate(0, 0); opacity: 1; } .fxv-flytop.l1 { transition-delay: 0.15s; } .fxv-flytop.l2 { transition-delay: 0.3s; } .fxv-flytop.l3 { transition-delay: 0.45s; } .fxv-flytop.l4 { transition-delay: 0.6s; } .fxv-flytop.l5 { transition-delay: 0.75s; } .fxv-opacity { opacity: 0; transition: transform 1300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0.8s, opacity 1300ms cubic-bezier(0.25, 0.1, 0.25, 1) 0.8s; } .fxv-opacity.fx-visible { opacity: 1; } .fxv-opacity.l1 { transition-delay: 0.15s; } .fxv-opacity.l2 { transition-delay: 0.3s; } .fxv-opacity.l3 { transition-delay: 0.45s; } .fxv-opacity.l4 { transition-delay: 0.6s; } .fxv-opacity.l5 { transition-delay: 0.75s; } :focus { outline: 0; } html { font-size: 0.05208333vw; line-height: 1.33; margin: 0; padding: 0; } @media screen and (max-width: 1300px) { html { font-size: 0.75px; } } body { font-family: 'Open Sans', sans-serif; font-size: 18rem; line-height: 2em; font-weight: 400; color: #340D4F; margin: 0; padding: 0; text-align: left; } body a { text-decoration: none; outline: 0 !important; } h1, h2, h3, h4, .title { font-family: 'Montserrat', sans-serif; color: #340D4F; line-height: 1; } h3 { font-family: 'Open Sans', sans-serif; color: #E7358B; font-size: 28rem; line-height: 38rem; letter-spacing: 10rem; margin: 0 0 16rem; font-style: normal; font-weight: 400; text-transform: uppercase; } p { margin: 0 0 41rem; } a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; } img { max-width: 100%; } picture { display: inline-block; max-width: 100%; position: relative; } picture img { object-fit: cover; object-position: center; } picture.thumb { overflow: hidden; } picture.thumb img { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: absolute; display: block; top: 0; left: 0 ; width: 100%; height: 100%; } picture.thumb:hover img { transform: scale(1.075) rotateZ(0.1deg); } svg { display: inline-block; max-width: 100%; max-height: 100%; } .header-pad { margin-top: 90rem; } .btn { font-family: 'Open Sans', sans-serif; color: white; background: transparent; height: 58rem; display: inline-flex; align-items: center; justify-content: center; border: 0; padding: 0 33rem; position: relative; font-size: 16rem; font-style: normal; font-weight: 700; line-height: 22rem; text-decoration: none; box-sizing: border-box; white-space: nowrap; cursor: pointer; } .btn span { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; display: inline-block; vertical-align: middle; font-family: inherit; line-height: inherit; color: inherit; position: relative; z-index: 10; } .btn:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: #E7358B; border-radius: 56rem; } .btn:after { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 13rem; height: 13rem; display: inline-block; content: ""; background: transparent url(../images/icons/btn_arrow.png) center center no-repeat; background-size: contain; margin: 0 0 0 10px; position: relative; z-index: 10; } .btn:hover:before { transform: scale(1.05) rotateZ(0.1deg); transition: all 500ms cubic-bezier(0.455, 2, 0.525, 0.965); /* custom */ transition-timing-function: cubic-bezier(0.455, -2, 0.525, 0.965); /* custom */ } .btn:hover:after { transform: translate(6px, 0); } .btn.text span { color: rgba(52, 13, 79, 0.3); font-weight: 700; } .btn.text:after, .btn.text:before { display: none; } .btn.text:hover span { color: #340D4F; } .btn.send:after { background-image: url(../images/icons/btn_send.png); } .btn.send:hover:after { transform: translate(0, 0) scale(1.3) rotateZ(0.1deg); } .square { position: relative; } .square:before { content: ""; display: block; padding-bottom: 100%; } .square .holder { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .square-thumb { position: relative; } .square-thumb:before { content: ""; display: block; padding-bottom: 100%; background-image: inherit; background-size: cover; background-position: center center; background-repeat: no-repeat; } .form { font-family: 'Open Sans', sans-serif; } .form span { display: block; } .form input:not([type='checkbox']), .form textarea { font-family: 'Open Sans', sans-serif; font-size: 1.04166667vw; line-height: 1.35; font-weight: 400; color: #340D4F; display: inline-block; width: 100%; border: 0; border-bottom: 1px solid #dfdfdf; padding: 16rem; margin: 0 0 16rem; background: transparent; box-sizing: border-box; } @media screen and (max-width: 1536px) { .form input:not([type='checkbox']), .form textarea { font-size: 16px; } } .form input:not([type='checkbox']):focus, .form textarea:focus { outline: 0; } .form textarea { height: 116rem; resize: none; overflow: hidden; } .form .acc { white-space: nowrap; text-align: left; display: block; margin: 0 0 33rem; } .form .acc input { display: inline-block; vertical-align: middle; } .form .acc span { font-size: 0.72916667vw; line-height: 1.35714286; font-weight: 400; color: #340D4F; display: inline-block; white-space: normal; vertical-align: middle; } @media screen and (max-width: 1440px) { .form .acc span { font-size: 10.5px; } } .form .acc span a { color: #2C0B43; text-decoration: underline; } .form a { color: #340D4F; text-decoration: underline; } .form a:hover { color: #E7358B; } .form ::-webkit-input-placeholder { /* Edge */ color: white; } .form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white; } .form ::placeholder { color: white; opacity: 1; } .downloads { margin: 10rem 0 40rem; text-align: left; } .downloads a { font-size: 0.83333333vw; line-height: 1.25; font-weight: normal; color: inherit; display: block; padding: 15rem 40rem 17rem 20rem; border: 2px solid #E7358B; border-radius: 28rem; margin: 0 0 20rem; position: relative; } @media screen and (max-width: 1680px) { .downloads a { font-size: 14px; } } .downloads a:after { width: 21rem; height: 27rem; position: absolute; content: ""; display: block; background: transparent url(../images/icons/arrow_bottom.png) center center no-repeat; background-size: contain; top: 0; bottom: 0; margin: auto; right: 20rem; } .downloads a:hover { color: #E7358B; } .downloads.white a:after { background-image: url(../images/icons/arrow_bottom_white.png); } .boxlist .item { color: #340D4F; display: flex; justify-content: center; min-height: 163px; position: relative; background: white; margin-bottom: 20rem; cursor: pointer; } .boxlist .item h3 { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; } .boxlist .item article { flex: 1 1 936px; padding: 35rem 60rem; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .boxlist .item article .meta { font-size: 0.9375vw; line-height: 2; font-weight: normal; color: inherit; display: block; width: 100%; } @media screen and (max-width: 1280px) { .boxlist .item article .meta { font-size: 12px; } } .boxlist .item article h3 { font-size: 1.5625vw; line-height: 1.33333333; font-weight: 500; color: inherit; letter-spacing: 0; text-transform: none; width: 100%; } @media screen and (max-width: 1152px) { .boxlist .item article h3 { font-size: 18px; } } .boxlist .item:hover { box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.1); } .boxlist .item:hover h3 { color: #E7358B; } .boxlist .item:hover .thumb img { transform: scale(1.04) rotateZ(0.1deg); } .boxlist a.btn.more { display: inline-block; padding-top: 3px; } .boxlist a.btn.more span { text-decoration: underline; letter-spacing: 0.5px; } .hideboxes { margin-top: 80rem; } .hideboxes .box { padding: 30rem 70rem; margin: 0 -70rem 20rem; background: white; } .hideboxes .box h3 { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; font-size: 1.5625vw; line-height: 1.43333333; font-weight: 500; color: #340D4F; margin: 0; } @media screen and (max-width: 1440px) { .hideboxes .box h3 { font-size: 22.5px; } } .hideboxes .box .showhide { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; overflow: hidden; height: 0; } .hideboxes .box p { font-size: 0.9375vw; line-height: 2; font-weight: 400; color: inherit; } @media screen and (max-width: 1440px) { .hideboxes .box p { font-size: 13.5px; } } .hideboxes .box .lessmore { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; font-size: 0.83333333vw; line-height: 1.25; font-weight: 700; color: inherit; color: #E7358B; cursor: pointer; } @media screen and (max-width: 1440px) { .hideboxes .box .lessmore { font-size: 12px; } } .hideboxes .box .lessmore .less { display: none; } .hideboxes .box .lessmore svg { width: 13rem; height: 13rem; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; margin: 0 0 0 8px; fill: #E7358B; transform: rotateZ(180deg); } .hideboxes .box .lessmore:hover { color: #340D4F; } .hideboxes .box .lessmore:hover svg { fill: #340D4F; } .hideboxes .box.open h3 { margin-bottom: 15rem; } .hideboxes .box.open .lessmore .more { display: none; } .hideboxes .box.open .lessmore .less { display: inline-block; } .hideboxes .box.open .lessmore svg { transform: rotateZ(0deg); } @media screen and (max-width: 950px) { .hideboxes .box { margin: 0 0 20rem; } } .activity-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rem; margin: 8.42105263vw 0 2.10526316vw; } .activity-list .item { font-size: 1.04166667vw; line-height: 1.6; font-weight: 700; display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; color: white; text-align: center; min-height: 250rem; padding: 20rem 50rem; } @media screen and (max-width: 1536px) { .activity-list .item { font-size: 16px; } } .activity-list .item .more { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; font-size: 0.83333333vw; line-height: 1.375; font-weight: 700; color: #E7358B; overflow: hidden; height: 0; text-align: center; margin: 10rem 0 0; opacity: 0; } @media screen and (max-width: 1680px) { .activity-list .item .more { font-size: 14px; } } .activity-list .item .more svg { position: relative; margin-left: 5px; width: 13rem; height: 13rem; fill: #E7358B; } .activity-list .item:hover .more { margin: 30rem 0 -20rem; height: 22rem; opacity: 1; transform: rotateZ(0.1deg); } .activity-list.backgrounds { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0; } .activity-list.backgrounds .item { background: #340D4F; } @media screen and (max-width: 768px) { .activity-list { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 600px) { .activity-list { grid-template-columns: repeat(1, 1fr); } } .decor { position: absolute; display: block; background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 1; } .decor.gray-dots { background-image: url(../images/decors/dots_gray.png); width: 84rem; height: 65rem; } .decor.purple-dots { background-image: url(../images/decors/dots_purple.png); width: 84rem; height: 65rem; } .decor.white-oval { background: white; border-radius: 50%; width: 639rem; height: 560rem; } .decor.purple-oval { background: rgba(255, 255, 255, 0.1); border-radius: 50%; width: 639rem; height: 560rem; } .decor.transparent { opacity: 0.1; } .decor.off-bottom-right { transform: translate(30%, 50%) rotateZ(40deg); } .decor.off-left { transform: translate(-50%, 0) rotateZ(40deg); } @media screen and (max-width: 1200px) { .decor.purple-oval, .decor.white-oval { display: none; } } @media screen and (max-width: 768px) { .decor.gray-dots, .decor.purple-dots { display: none; } } .gallery { min-height: 200px; width: 100vw; } .gallery .slider { padding-bottom: 40px; } .gallery .slide { width: 800px; height: 29.47368421vw; min-height: 300px; max-width: 90vw; } .gallery .slide picture, .gallery .slide picture img, .gallery .slide a { width: 100%; height: 100%; display: block; padding: 0; overflow: hidden; } .gallery .slide img { object-fit: cover; object-position: center; margin: 0 !important; height: 100% !important; } .gallery .scrollbar { bottom: 0; height: 4px; width: 220rem; margin-left: 264rem; } .gallery .scrollbar .swiper-scrollbar-drag { background: #E7358B; cursor: pointer; } .wrap { max-width: 95%; } .wrap.med { max-width: 1242px; } .wrap.small { max-width: 800px; } .slider-controls span { width: 40rem; height: 20rem; display: inline-block; margin: 0 20rem 0 0; cursor: pointer; } .slider-controls span svg { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 100%; height: 100%; display: block; } .slider-controls span.prev:hover svg { transform: translate(-5px, 0) rotateZ(0.1deg); } .slider-controls span.next:hover svg { transform: translate(5px, 0) rotateZ(0.1deg); } .swiper-container { margin: 0; } .hp-heading { font-family: 'Open Sans', sans-serif; } .hp-heading .suptitle { color: #E7358B; font-size: 28rem; line-height: 38rem; letter-spacing: 10rem; margin: 0 0 16rem; } .hp-heading small { display: block; color: rgba(52, 13, 79, 0.3); font-size: 18rem; font-weight: 600; line-height: 36rem; margin: 0 0 16rem; } .hp-heading h2 { font-family: 'Montserrat', sans-serif; font-size: 54rem; font-style: normal; font-weight: 700; line-height: 65rem; letter-spacing: 0; margin: 0 0 10rem; } .hp-heading.white { color: white; } .hp-heading.white h2 { color: white; } .hp-heading.center { text-align: center; } @media screen and (max-width: 850px) { .hp-heading h2 { margin-bottom: 20px; } } .search-box { margin: 0 0 50rem; } .search-box input { font-family: 'Open Sans', sans-serif; font-size: 0.9375vw; line-height: 2; font-weight: 400; color: #340D4F; width: 100%; box-sizing: border-box; border: 0; padding: 13rem 40px 13px 25px; background: white url(../images/icons/search.png) 97% center no-repeat; } @media screen and (max-width: 1706.66666667px) { .search-box input { font-size: 16px; } } section { position: relative; } section .wrap { padding: 0; } section.pad { padding: 10.15789474vw 0; } section.pad:last-of-type { padding-bottom: 7vw; } section.halfpad { padding: 4.73684211vw 0; } section.halfpad:last-of-type { padding-bottom: 7vw; } section.semi .wrap { display: flex; align-items: center; width: 100%; max-width: 100%; } section.semi .wrap .left-col, section.semi .wrap .right-col { flex: 0 0 50%; width: 50%; padding: 0 5.26315789vw; box-sizing: border-box; } section.semi.left-float .left-col { padding-left: 0; } section.semi.right-float .right-col { padding-right: 0; } @media screen and (max-width: 850px) { section.pad { padding: 90px 0; } section.halfpad { padding: 40px 0; } section.semi .wrap { align-items: center; flex-direction: column; } section.semi .wrap .left-col, section.semi .wrap .right-col { padding: 0; text-align: center; align-self: center; width: 90%; max-width: 500px; flex-basis: auto; } } section.sub { background: #F5F4F7; color: #340D4F; overflow: hidden; } section.sub h1 { font-size: 2.8125vw; line-height: 1.2037037; font-weight: 700; color: inherit; text-align: center; margin: 0 0 20rem; } @media screen and (max-width: 960px) { section.sub h1 { font-size: 27px; } } section.sub h2 { font-size: 2.8125vw; line-height: 1.2037037; font-weight: 700; color: inherit; margin: 0 0 20rem; } @media screen and (max-width: 960px) { section.sub h2 { font-size: 27px; } } section.sub h3 { font-size: 1.5625vw; line-height: 2.16666667; font-weight: 700; color: inherit; letter-spacing: 0; text-transform: none; } @media screen and (max-width: 1440px) { section.sub h3 { font-size: 22.5px; } } section.sub .cnt img { margin: 0 auto 30rem; height: auto; } section.sub .cnt ul { margin: 0 0 30rem; } section.sub .cnt ul li { line-height: 1.8; margin: 0 0 10rem; padding-left: 25rem; position: relative; } section.sub .cnt ul li:before { display: block; content: ""; position: absolute; width: 10rem; height: 10rem; background: #E7358B; border-radius: 50%; top: 14rem; left: 0; } section.sub .cnt ol { margin: 0 0 30rem; list-style: decimal; } section.sub .cnt ol li { line-height: 1.8; margin: 0 0 10rem; padding-left: 25rem; position: relative; } section.sub .cnt p a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; color: #C72B77; } section.sub .cnt p a:hover { color: #E7358B; } section.sub .cnt a.btn { color: white; } section.sub .cnt a.btn:hover { color: white; } section.sub.purple { background: #340D4F; color: white; } section.sub.purple h2 { color: inherit; } section.sub.purple a { color: #E7358B; text-decoration: underline; } section.sub.purple a:hover { text-decoration: none; } section.sub.dark { background: #2C0B43; color: white; } section.sub.dark a { color: #E7358B; text-decoration: underline; } section.sub.dark a:hover { text-decoration: none; } section.sub.dark .contact-form { color: white; } section.sub.dark .contact-form h3 { color: inherit; } section.sub.dark .contact-form input, section.sub.dark .contact-form textarea, section.sub.dark .contact-form .acc span a, section.sub.dark .contact-form .acc span { color: inherit; } section.sub.dark .contact-form:before { background: white; } section.hp-hero { height: 100vh; padding: 90rem 20% 5% 6%; box-sizing: border-box; } section.hp-hero .cnt { height: 100%; flex-direction: column; justify-content: center; position: relative; z-index: 100; display: inline-flex; } section.hp-hero .cnt .title { font-size: 4.89583333vw; line-height: 1.27659574; font-weight: 700; color: #340D4F; margin: 30rem 0 23rem -5rem; } @media screen and (max-width: 612.76595745px) { section.hp-hero .cnt .title { font-size: 30px; } } section.hp-hero .cnt .subtitle { font-family: 'Open Sans', sans-serif; color: #E7358B; font-size: 28rem; font-weight: 400; line-height: 38rem; letter-spacing: 10rem; text-transform: uppercase; margin: 0 0 47rem; } section.hp-hero .cnt .slider-controls { margin-left: 5px; } section.hp-hero .cnt .slider .slide { margin: 5px; } section.hp-hero .imageslider { width: 112vh; height: 90vh; box-sizing: border-box; overflow: hidden; position: absolute; right: 0; bottom: 0; } section.hp-hero .imageslider div { height: 100%; } section.hp-hero .imageslider .holder { width: 100%; height: 100%; position: relative; } section.hp-hero .imageslider .holder:before { position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; content: ""; display: block; background: transparent url(../images/maska_retina_scc_seda_v3.png) center center no-repeat; background-size: 100% 100%; z-index: 40; } section.hp-hero .imageslider .slide { width: 100%; background: transparent url(../images/pics/hp_hero_1.JPG) center center no-repeat; background-size: cover; } section.hp-hero .imageslider .progress { height: 8px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 100; } section.hp-hero .imageslider .progress .fill { -webkit-transition: all 150ms; -moz-transition: all 150ms; -ms-transition: all 150ms; -o-transition: all 150ms; transition: all 150ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; background: #E7358B; width: 0; height: 100%; } @media screen and (max-width: 1100px) { section.hp-hero { height: auto; display: flex; align-items: center; flex-direction: column; padding: 90rem 20px 30px; } section.hp-hero .cnt { order: 2; text-align: center; } section.hp-hero .imageslider { width: 550px; height: 550px; max-width: 90vw; max-height: 90vw; flex: 0 0 auto; order: 1; position: relative; margin: 30px auto 20px; } section.hp-hero .imageslider .holder { position: absolute; top: 30px; bottom: 30px; left: 30px; right: 30px; width: auto; height: auto; border-radius: 50%; overflow: hidden; z-index: 30; box-sizing: border-box; } section.hp-hero .imageslider .holder .slider { width: 100%; height: 100%; } section.hp-hero .imageslider .holder:before { display: none; } section.hp-hero .imageslider .progress { display: none; } section.hp-hero .imageslider:before { position: absolute; top: 30px; bottom: 30px; left: 30px; right: 30px; content: ""; display: block; max-width: 80vw; max-height: 80vw; background: #EDECEF; z-index: 0; border-radius: 50%; transform: translate(-15px, 10px); } } section.hp-events { background: #F5F4F7; } section.hp-events .tags { padding: 38rem 0 0; } section.hp-events .tags .tag { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; display: block; color: rgba(52, 13, 79, 0.3); margin: 0 0 10rem; } section.hp-events .tags .tag:hover { color: #340D4F; } section.hp-events .left-col .slider .slide { position: relative; background-size: cover; width: 90%; padding: 0 30rem 30rem 0; box-sizing: border-box; } section.hp-events .left-col .slider .slide .img { padding-bottom: 85%; width: 100%; background-size: cover; background-position: center center; box-shadow: 20px 20px 20px -10px rgba(0, 0, 0, 0.1); } section.hp-events .right-col .slider .slide { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 100% !important; background: #F5F4F7; opacity: 0 !important; } section.hp-events .right-col .slider .slide.swiper-slide-active { opacity: 1 !important; } section.hp-events .right-col .cnt { padding: 0 0 5px 5px; } @media screen and (max-width: 850px) { section.hp-events .wrap .right-col { width: 90%; max-width: 500px; flex-basis: auto; } section.hp-events .wrap .left-col { width: 100% !important; margin-bottom: 30px; } } section.hp-news { z-index: 30; } section.hp-news .wrap .left-col { position: relative; align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding-bottom: 190rem; } section.hp-news .left-col .thumbs { display: flex; flex-wrap: nowrap; gap: 20rem; margin: 80px 0 0; padding-left: 4.73684211vw; padding-right: 5.26315789vw; position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; } section.hp-news .left-col .thumbs .thumb { flex: 0 1 100%; transform: translate(0, 35%); cursor: pointer; max-width: 30%; } section.hp-news .left-col .thumbs .thumb:after { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; display: block; background: #FFF; opacity: 0.3; } section.hp-news .left-col .thumbs .thumb:hover:after { opacity: 0; } section.hp-news .left-col .cnt { padding: 0 0 5px 5px; } section.hp-news .right-col .slider .slide { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: relative; background-size: cover; width: 100% !important; box-sizing: border-box; padding: 0; } section.hp-news .right-col .slider .slide .img { padding-bottom: 100%; width: 100%; background-size: cover; background-position: center center; box-shadow: 20px 20px 20px -10px rgba(0, 0, 0, 0.1); } @media screen and (max-width: 850px) { section.hp-news { align-items: center; } section.hp-news .wrap .left-col { order: 1; align-self: center; width: 90%; max-width: 500px; flex-basis: auto; } section.hp-news .wrap .right-col { order: 0; width: 100%; margin-bottom: 30px; } } section.hp-about { background: #340D4F; overflow: hidden; } section.hp-about .wrap .left-col { display: flex; align-items: center; justify-content: center; } section.hp-about .left-col img { max-width: 800rem; width: 90%; } section.hp-about .right-col p { color: white; } section.hp-about .right-col .tags { margin: 30rem 0; display: grid; grid-template-columns: 1fr 1fr 1fr; width: 95%; max-width: 550rem; } section.hp-about .right-col .tags li { margin: 0 15rem 15rem 0 ; padding-left: 42rem; position: relative; } section.hp-about .right-col .tags li .ico { width: 26rem; height: 26rem; display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; top: 5rem; left: 0; } section.hp-about .right-col .tags li a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; color: #E7358B; font-family: 'Open Sans', sans-serif; font-size: 16rem; font-weight: 600; line-height: 26rem; display: inline-block; } section.hp-about .right-col .tags li a:hover { color: #C72B77; } @media screen and (max-width: 850px) { section.hp-about .left-col { margin-bottom: 30px; } section.hp-about .right-col .tags { width: 100%; margin: 30px auto 0; } } @media screen and (max-width: 500px) { section.hp-about .right-col .tags { grid-template-columns: 1fr 1fr; } } section.hp-members { background: #2C0B43; text-align: center; overflow: hidden; padding-bottom: 40rem; } section.hp-members .slider { max-width: 550px; width: 90%; margin: 4.21052632vw auto 10vw; } section.hp-members .slider .slide { display: flex; align-items: center; justify-content: center; height: auto; } section.hp-members .slider .slide img { max-width: 150rem; max-height: 75px; margin: 10rem 30rem; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; } section.hp-members .slider .slide img:hover { transform: scale(1.15) rotateZ(0.01deg); } section.hp-members .slider.members { max-width: 1600rem; } section.contact { overflow: hidden; } section.contact .wrap { max-width: 420px; } section.contact .contact-form { padding: 142rem 0 0; position: relative; text-align: center; } section.contact .contact-form .form { position: relative; z-index: 10; } section.contact .contact-form h3 { font-family: 'Montserrat', sans-serif; font-size: 1.875vw; line-height: 1.22222222; font-weight: 700; color: #340D4F; letter-spacing: 0; text-transform: none; } @media screen and (max-width: 1066.66666667px) { section.contact .contact-form h3 { font-size: 20px; } } section.contact .contact-form:before { width: 38.42105263vw; height: 34.52631579vw; position: absolute; top: 50%; left: 50%; display: block; content: ""; background: #340D4F; opacity: 0.05; border-radius: 50% 50% 50% 50% / 60% 40% 60% 40%; overflow: hidden; transform: rotateZ(-15deg) translate(-40%, -57%); transform-origin: 50% 50%; z-index: 0; } section.contact.gray { background: #F5F4F7; padding-bottom: 140rem; } section.contact.gray .contact-form ::-webkit-input-placeholder { /* Edge */ color: #340D4F; } section.contact.gray .contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #340D4F; } section.contact.gray .contact-form ::placeholder { color: #340D4F; opacity: 1; } @media screen and (max-width: 600px) { section.contact .contact-form { padding: 30rem 0 0; } section.contact .contact-form:before { width: 100vw; height: 100vw; } } section.cookiesbar { background: white; padding: 24rem 0; display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 600; text-align: center; } section.cookiesbar a, section.cookiesbar p { display: inline-flex; vertical-align: middle; color: inherit; font-size: 14px; margin: 0 20rem 0 0; } section.cookiesbar p { line-height: 1.3; } section.cookiesbar .btn { margin: 0 40rem; } section.cookiesbar .info:hover { text-decoration: underline; } @media screen and (max-width: 1420px) { section.cookiesbar p { display: block; margin: 0 0 30rem; line-height: 1.4; } } @media screen and (max-width: 400px) { section.cookiesbar .info { display: block; margin-top: 30rem; } } section.subhero picture, section.subhero img { display: block; max-height: 400rem; width: 100%; object-fit: cover; object-position: center; } section.about-strategy h3 { font-size: 1.77083333vw; line-height: 1.91176471; font-weight: 700; color: #E7358B; text-transform: none; letter-spacing: 0; margin: 0; } @media screen and (max-width: 960px) { section.about-strategy h3 { font-size: 17px; } } section.about-strategy p { max-width: 600px; } section.about-strategy ul { max-width: 600px; } section.about-strategy ul li { padding-left: 25rem; position: relative; margin: 0 0 20rem; } section.about-strategy ul li:before { display: block; content: ""; position: absolute; width: 10rem; height: 10rem; background: #E7358B; border-radius: 50%; top: 14rem; left: 0; } section.about-spravy { text-align: center; } section.about-spravy h2 { font-size: 2.5vw; line-height: 1.35416667; font-weight: 700; color: inherit; } @media screen and (max-width: 1080px) { section.about-spravy h2 { font-size: 27px; } } section.about-spravy .downloads a { color: white; text-decoration: none; } section.about-spravy .downloads a:hover { color: #E7358B; } section.events .boxlist { margin: 50rem 0 140rem; } section.events .boxlist .item { background: #F5F4F7; background: white; } section.events .boxlist .item picture { width: 25%; min-width: 140px; height: auto; display: block; margin: 0 auto 0; } section.events .boxlist .item picture img { width: auto; height: auto; object-fit: cover; object-position: center; } section.events.white { background: white; } section.events.white .boxlist .item { background: #F5F4F7; } @media screen and (max-width: 768px) { section.events .boxlist .item { flex-direction: column; } section.events .boxlist .item picture { max-width: 100%; width: 100%; height: 180px; } section.events .boxlist .item picture img { width: 100%; object-fit: cover; obejct-position: center; } section.events .boxlist .item article { height: auto; flex: 0 1 auto; } } section.event-detail { text-align: left; overflow: hidden; max-width: 100%; background: #F5F4F7; } section.event-detail .wrap { padding-top: 30rem; } section.event-detail h1 { text-align: left; } section.event-detail .btn { margin-bottom: 40rem; } section.event-detail .params { display: grid; grid-template-columns: 1fr 1fr; } section.event-detail .params li { padding-left: 56rem !important; padding-right: 90rem; padding-bottom: 25rem; background: transparent url(../images/icons/event_kedy.png) 0 5rem no-repeat; background-size: 37rem auto; break-inside: avoid; box-sizing: border-box; } section.event-detail .params li h4 { font-size: 1.5625vw; line-height: 1.33333333; font-weight: 700; color: inherit 20; } @media screen and (max-width: 1440px) { section.event-detail .params li h4 { font-size: 22.5px; } } section.event-detail .params li p { font-size: 0.9375vw; line-height: 1.44444444; font-weight: 400; color: inherit; } @media screen and (max-width: 1440px) { section.event-detail .params li p { font-size: 13.5px; } } section.event-detail .params li.prednasajuci { background-image: url(../images/icons/event_prednasajuci.png); } section.event-detail .params li.kedy { background-image: url(../images/icons/event_kedy.png); } section.event-detail .params li.kde { background-image: url(../images/icons/event_kde.png); background-size: 35rem auto; } section.event-detail .params li.registracia { background-image: url(../images/icons/event_registracia.png); } section.event-detail .params li.vstup { background-image: url(../images/icons/event_vstup.png); } section.event-detail .params li:before { display: none !important; } section.event-detail.passed { padding-bottom: 0; } @media screen and (max-width: 450px) { section.event-detail .params { grid-template-columns: 1fr; } } section.members h2 { font-size: 1.5625vw; line-height: 2.16666667; font-weight: 700; color: inherit; text-align: center; color: #E7358B; margin: 80rem 0 30rem; } @media screen and (max-width: 1440px) { section.members h2 { font-size: 22.5px; } } section.members .boxlist .item { text-align: left; cursor: default; } section.members .boxlist .item a, section.members .boxlist .item picture { display: flex; align-items: start; justify-content: center; width: 180rem; height: 160rem; margin-left: 40rem; margin-top: 0; } section.members .boxlist .item a img, section.members .boxlist .item picture img { width: 70%; height: 100%; position: static; top: auto; left: auto; object-fit: contain; object-position: center; } section.members .boxlist .item article { justify-content: flex-start; padding: 45rem 60rem; } section.members .boxlist .item h3 { -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; font-size: 1.5625vw; line-height: 1.43333333; font-weight: 500; color: #340D4F; margin: 0; } @media screen and (max-width: 1440px) { section.members .boxlist .item h3 { font-size: 22.5px; } } section.members .boxlist .item .showhide { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; overflow: hidden; height: 0; width: 100%; } section.members .boxlist .item p { font-size: 0.9375vw; line-height: 2; font-weight: 400; color: inherit; } @media screen and (max-width: 1440px) { section.members .boxlist .item p { font-size: 13.5px; } } section.members .boxlist .item .lessmore { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; font-size: 0.83333333vw; line-height: 1.25; font-weight: 700; color: inherit; color: #E7358B; cursor: pointer; } @media screen and (max-width: 1440px) { section.members .boxlist .item .lessmore { font-size: 12px; } } section.members .boxlist .item .lessmore svg { width: 13px; height: 13px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; margin: 0 0 0 8px; fill: #E7358B; } section.members .boxlist .item .lessmore:hover { color: #340D4F; } section.members .boxlist .item .lessmore:hover svg { fill: #340D4F; } section.members .boxlist .item .less { display: none; } section.members .boxlist .item .less svg { transform: rotateZ(180deg); } section.members .boxlist .item article.open h3 { margin-bottom: 30rem; } section.members .boxlist .item article.open .more { display: none; } section.members .boxlist .item article.open .less { display: block; } @media screen and (max-width: 768px) { section.members .boxlist .item { flex-direction: column; align-items: center; } section.members .boxlist .item .thumb { width: auto; height: auto; display: block; margin: 30px auto 0; } section.members .boxlist .item .thumb img { width: auto; height: auto; object-fit: contain; object-position: center; min-height: 40px; max-width: 120px; } section.members .boxlist .item article { flex-basis: auto; text-align: center; display: block; padding: 10px 25px 30px; } section.members .boxlist .item article h3 { font-size: 20px; margin: 0 0 20px; } section.members .boxlist .item article h3 br { display: none; } } section.member-become h2 { text-align: center; } section.member-become h3 { font-size: 1.77083333vw; line-height: 1.91176471; font-weight: 700; color: #E7358B; margin: 0 0 30rem; text-align: center; } @media screen and (max-width: 1440px) { section.member-become h3 { font-size: 25.5px; } } section.member-become ol { text-align: left; list-style: none; counter-reset: my-awesome-counter; } section.member-become ol > li { counter-increment: counter1; position: relative; padding: 0 0 30rem 40rem; } section.member-become ol > li:before { font-size: 1.77083333vw; line-height: 1.91176471; font-weight: 700; color: #E7358B; content: counter(counter1) ". "; position: absolute; top: -12rem; left: 0; } @media screen and (max-width: 960px) { section.member-become ol > li:before { font-size: 17px; } } section.member-become ol > li ul { margin: 0; } section.member-become ol > li ul li { padding-left: 20rem; position: relative; margin: 0 0 10rem; } section.member-become ol > li ul li:before { display: block; content: ""; position: absolute; width: 9rem; height: 9rem; background: #E7358B; border-radius: 50%; top: 14rem; left: 0; } section.contacts h1 { margin-bottom: 45rem; } section.contacts h2 { font-size: 1.5625vw; line-height: 1.43333333; font-weight: 700; color: inherit; } @media screen and (max-width: 1440px) { section.contacts h2 { font-size: 22.5px; } } section.contacts .wrap { max-width: 1083px; } section.contacts .col { width: 50%; } @media screen and (max-width: 650px) { section.contacts .row { align-items: center; flex-direction: column; text-align: center; } } section.contact-person .row { align-items: center; } section.contact-person .row .col { width: 50%; } section.contact-person .row .col:first-of-type { text-align: right; } section.contact-person picture { max-width: 200rem; margin-right: 29rem; } section.contact-person h3 { font-size: 1.5625vw; line-height: 1.83333333; font-weight: 700; color: inherit; margin: 0; } @media screen and (max-width: 1440px) { section.contact-person h3 { font-size: 22.5px; } } section.contact-person ul { padding: 20rem 0 0; } section.contact-person ul li { margin: 2px 0; } section.contact-person ul li a, section.contact-person ul li span { vertical-align: middle; } section.contact-person ul li svg { display: inline-block; vertical-align: middle; margin: 0 6px 0 0; } section.contact-person ul li.phone svg { width: 23rem; height: 32rem; } section.contact-person ul li.email svg { width: 23rem; height: 15rem; } @media screen and (max-width: 650px) { section.contact-person .row { flex-direction: column; text-align: center; align-items: center; } section.contact-person .row .col:nth-of-type(1) { text-align: center; } section.contact-person .row .col:nth-of-type(2) { width: 90%; } section.contact-person picture { margin: 0 0 29rem 0; } } section.activity .bigdecor { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: transparent url(../images/bg_aktivity.svg) top center no-repeat; background-size: 70% auto; opacity: 0.1; } @media screen and (max-width: 900px) { section.activity .bigdecor { display: none; } } section.activity-person .col p:last-of-type { margin-bottom: 0; } section.activity-person picture { width: 190px; margin-right: 45rem; align-self: flex-start; } @media screen and (max-width: 768px) { section.activity-person .row { flex-direction: column; } section.activity-person .row .col { padding: 0 20px; } section.activity-person picture { margin: 0 0 40px; } } section.team { background: #f2f2f2; max-width: 100%; overflow: hidden; } section.team .person { padding-top: 90rem; } section.team .person .col { flex: 1 1 auto; } section.team .person .photto { width: 30%; align-self: stretch; } section.team .person .photto div { width: 100%; height: 100%; } section.team .person .photto .slide { height: 33.57894737vw; min-height: 100%; } section.team .person .photto picture { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; width: 100%; height: 100%; position: relative; opacity: 0; } section.team .person .photto picture img { width: 100%; height: 100%; object-fit: cover; object-position: center top; } section.team .person .photto picture:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; content: ""; background: linear-gradient(90deg, #f2f2f2 10%, rgba(242, 242, 242, 0) 30%, rgba(242, 242, 242, 0) 70%, #f2f2f2 90%); } section.team .person .photto .swiper-slide-active picture { opacity: 1; } section.team .person .details { width: 60%; padding: 40rem 6.31578947vw; box-sizing: border-box; } section.team .person .details p { margin: 0; } section.team .person .details a { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; color: #E7358B; } section.team .person .details strong { display: block; } section.team .person .details .suptitle { font-size: 1.45833333vw; line-height: 1.35714286; font-weight: 400; color: #E7358B; letter-spacing: 0.52631579vw; margin-bottom: 3.52631579vw; } @media screen and (max-width: 1440px) { section.team .person .details .suptitle { font-size: 21px; } } section.team .person .details .name { font-size: 2.60416667vw; line-height: 1.3; font-weight: 700; color: #340D4F; font-family: 'Montserrat', sans-serif; } @media screen and (max-width: 844.8px) { section.team .person .details .name { font-size: 22px; } } section.team .person .details .slide { background: #f2f2f2; } section.team .person .details .anim-up { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; transform: translate(0, -50rem); opacity: 0; } section.team .person .details .anim-down { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; transform: translate(0, 50rem); opacity: 0; } section.team .person .details .swiper-wrapper { align-items: center; } section.team .person .details .slide.swiper-slide-active .anim-up, section.team .person .details .slide.swiper-slide-active .anim-down { -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; transform: translate(0, 0); opacity: 1; } section.team .list { position: relative; z-index: 100; display: flex; flex-wrap: wrap; } section.team .list .item { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; box-sizing: border-box; position: relative; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center top; cursor: pointer; width: 16.66%; } section.team .list .item p { margin: 0; text-align: center; font-size: 0.83333333vw; line-height: 1.6875; font-weight: 400; color: white; } @media screen and (max-width: 1560px) { section.team .list .item p { font-size: 13px; } } section.team .list .item span { display: block; text-align: center; } section.team .list .item .cnt { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: relative; z-index: 10; opacity: 0; transform: translate(0, 20rem); padding: 30rem; } section.team .list .item .name { font-size: 1.40625vw; line-height: 1.2962963; font-weight: 700; color: #E7358B; margin: 0 0 35rem; } @media screen and (max-width: 1280px) { section.team .list .item .name { font-size: 18px; } } section.team .list .item .desc { font-size: 0.83333333vw; line-height: 1.375; font-weight: 400; color: white; margin: 0 0 30rem; } @media screen and (max-width: 1440px) { section.team .list .item .desc { font-size: 12px; } } section.team .list .item .more { font-size: 0.83333333vw; line-height: 1.375; font-weight: 700; color: #E7358B; margin: 20rem 0; } @media screen and (max-width: 1440px) { section.team .list .item .more { font-size: 12px; } } section.team .list .item .more svg { display: inline-block; vertical-align: middle; width: 13rem; height: 13rem; fill: #E7358B; } section.team .list .item:before { content: ""; display: block; padding-bottom: 113.13868613%; width: 0; } section.team .list .item:after { -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); will-change: transform, color, background, font-size; position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; opacity: 0; background: #2C0B43; z-index: 0; } section.team .list .item:hover { z-index: 50; } section.team .list .item:hover .cnt { transform: translate(0, 0) rotateZ(0.1deg); opacity: 1; } section.team .list .item:hover:after { opacity: 0.5; } @media screen and (max-width: 1300px) { section.team .list { flex-wrap: wrap; } section.team .list .item { width: 25%; } } @media screen and (max-width: 1000px) { section.team .list { flex-wrap: wrap; } section.team .list .item { width: 50%; } } @media screen and (max-width: 800px) { section.team .person { flex-direction: column; } section.team .person .photto { width: 95%; max-width: 560px; margin: 0 auto; } section.team .person .photto .slide { height: 75vw; max-height: 300px; } section.team .person .photto .slide picture img { object-fit: contain; object-position: center; } section.team .person .details { width: 95%; max-width: 450px; text-align: center; padding: 40rem 20rem; } section.team .person .details p { line-height: 1.5; } } section.blog .boxlist { margin: 50rem 0 140rem; } section.blog .boxlist .item { background: #F5F4F7; background: white; } section.blog .boxlist .item picture { width: 25%; min-width: 140px; height: auto; display: block; margin: 0 auto 0; } section.blog .boxlist .item picture img { width: auto; height: auto; object-fit: cover; object-position: center; } section.blog.white { background: white; } section.blog.white .boxlist .item { background: #F5F4F7; } section.blog-detail { text-align: left; overflow: hidden; max-width: 100%; background: #F5F4F7; } section.blog-detail .wrap { padding-top: 30rem; } section.blog-detail h1 { text-align: left; } section.blog-detail .btn { margin-bottom: 40rem; } section.blog-detail .params { columns: 2; } section.blog-detail .params li { padding-left: 56rem !important; background: transparent url(../images/icons/event_kedy.png) 0 5rem no-repeat; background-size: 37rem auto; break-inside: avoid; } section.blog-detail .params li h4 { font-size: 1.5625vw; line-height: 1.33333333; font-weight: 700; color: inherit 20; } @media screen and (max-width: 1440px) { section.blog-detail .params li h4 { font-size: 22.5px; } } section.blog-detail .params li p { font-size: 0.9375vw; line-height: 1.44444444; font-weight: 400; color: inherit; } @media screen and (max-width: 1440px) { section.blog-detail .params li p { font-size: 13.5px; } } section.blog-detail .params li.prednasajuci { background-image: url(../images/icons/event_prednasajuci.png); } section.blog-detail .params li.kedy { background-image: url(../images/icons/event_kedy.png); } section.blog-detail .params li.kde { background-image: url(../images/icons/event_kde.png); background-size: 35rem auto; } section.blog-detail .params li.registracia { background-image: url(../images/icons/event_registracia.png); } section.blog-detail .params li.vstup { background-image: url(../images/icons/event_vstup.png); } section.blog-detail .params li:before { display: none !important; } section.search-results .count { text-align: center; } section.search-results .result { display: block; margin: 0 0 20px; padding: 10rem 0; border-bottom: 1px solid #EDECEF; cursor: pointer; background: transparent url(../images/icons/btn_arrow.png) center 95% no-repeat; } section.search-results .result:hover { color: #E7358B; } section.error404 { text-align: center; } section.error404 h1 { font-size: 11.66666667vw; line-height: 1.11607143; font-weight: 700; color: #340D4F; } @media screen and (max-width: 514.28571429px) { section.error404 h1 { font-size: 60px; } } footer { color: white; position: relative; z-index: 600; } footer a { color: white; } footer a:hover { color: #E7358B; } footer .scrollup { width: 62rem; height: 62rem; background: #E7358B; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top: -88rem; right: 0; } footer .scrollup svg { width: 20rem; height: 24rem; fill: white; } footer .upper { font-size: 0.72916667vw; line-height: 2.85714286; font-weight: normal; color: white; background: #220834; padding: 57rem 0 73rem; position: relative; } @media screen and (max-width: 1920px) { footer .upper { font-size: 14px; } } footer .upper h3 { font-size: 0.72916667vw; line-height: 2.85714286; font-weight: normal; color: white; letter-spacing: 1rem; font-weight: bold; } @media screen and (max-width: 1920px) { footer .upper h3 { font-size: 14px; } } footer .upper ul { columns: 2; } footer .upper ul li { margin: 0 25rem 0 0; font-size: 0.72916667vw; line-height: 2.85714286; font-weight: normal; color: white; } @media screen and (max-width: 1920px) { footer .upper ul li { font-size: 14px; } } footer .upper .wrap { max-width: 1273px; margin: 0 auto; gap: 3vw; } footer .upper .wrap .col { margin-right: 25rem; } footer .upper .brand { align-self: center; } footer .upper .brand .logo { width: 226rem; height: auto; display: inline-block; } footer .upper .brand .social { text-align: center; } footer .upper .brand .social a { display: inline-block; margin: 20rem 20rem 0 0; } footer .upper .brand .social a svg { fill: white; } footer .upper .brand .social a.fb { width: 11rem; height: 22rem; } footer .upper .brand .social a.ig { width: 18rem; height: 17rem; } footer .upper .contact { flex: 1 1 360rem; } footer .lower { background: #1B0629; text-align: center; padding: 24rem 20rem 26rem; font-family: 'Open Sans', sans-serif; font-size: 0.625vw; line-height: 1.33333333; font-weight: normal; color: inherit; } @media screen and (max-width: 1440px) { footer .lower { font-size: 9px; } } footer .lower span, footer .lower a { vertical-align: middle; display: inline-block; } footer .lower .sep { margin: 0 20rem; } footer .lower a { font-weight: bold; } @media screen and (max-width: 1000px) { footer .upper .row { max-width: 650px; flex-wrap: wrap; } footer .upper .row .brand .social { text-align: left; } footer .upper .row > div { flex: 1 1 40%; } } @media screen and (max-width: 650px) { footer .upper .row { max-width: 350px; flex-wrap: wrap; } footer .upper .row .brand .social { text-align: left; } footer .upper .row > div { flex: 1 1 100%; } footer .lower .sep { display: none; } footer .lower .copy { display: block; width: 100%; margin: 0 0 10px; } } .swiper-container { overflow: hidden; } #__bs_notify__ { display: none !important; } .wpcf7-form-control-wrap .wpcf7-checkbox { text-align: left; font-weight: bold; font-size: 22rem; margin: 25rem 0; } .wpcf7-form-control-wrap .wpcf7-checkbox input { display: inline-block; margin: 0 15px 16rem 0; font-family: 'Open Sans', sans-serif; font-size: 1.04166667vw; line-height: 1.35; font-weight: 400; color: #340D4F; border: 0; border-bottom: 1px solid #dfdfdf; padding: 16rem; background: transparent; box-sizing: border-box; } @media screen and (max-width: 1536px) { .wpcf7-form-control-wrap .wpcf7-checkbox input { font-size: 16px; } } .wpcf7-form-control-wrap .wpcf7-checkbox span { display: inline-block; } .wpcf7-form-control-wrap.acc { margin: 0 8px 6rem 0; }