﻿/* Technoda */

/* INIT CSS */
/*Remove default top line*/
#header2 ul.menu > li::before { content: none; }
#header2 ul.menu li > a:focus, header.shopHeader #header2 ul.menu li.has-sub.open a, header.shopHeader #header2 ul.menu li > a:hover { border-color: inherit; }
/*inherit header color*/
#header2 ul.menu li { color: inherit; }
/* Remove focus border & opacity */
#header2 ul.menu li a:focus { border-width: 0; opacity: 1; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
/* Remove default hover */
#header2 ul.menu li:hover { color: inherit; }
/* Remove space from owl-gallery arrows*/
.owl-carousel .owl-nav div { font-size: 0; }
/* Remove banner /categories strip from accessability page*/
.accessabilityMainPage #GridTop { height: auto; overflow: hidden; }
.accessabilityMainPage .categories-strip { display: none; }
/*Remove open/close menu text*/
#header2 .menu-nav .closed { display: none !important; }
/* Fix credit footer */
#SiteFooter { padding: 0; }
#SiteFooter .site-credit { padding: 10px 0; }
#SiteFooter .site-credit > div { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; align-items: center; line-height: 1; float: none; }
#SiteFooter .site-credit a.AccessabilityLink { position: static; transform: none; margin: 0; font-size: 75%; white-space: nowrap; }
#SiteFooter .site-credit a.AccessabilityLink:focus, #SiteFooter .site-credit a.AccessabilityLink:hover { color: #fff; }
/* Gridboxes fixes*/
.grid-boxes .grid-box-title h3 a { color: inherit; /* font-family: 'UniSansLight', sans-serif; */ }
/* Remove Gridcontent float */
#GridContent { float: none; }
/*Close opened floats*/
.shopLayout::after, .subTotalInner::after, .cartWrapper::after { content: ''; display: table; clear: both; }
/* DynamicForm fixes*/
/* remove borders*/
#DynamicFormObject { border: none; max-width: 100% !important; }
#DynamicFormObject:after { content: none; }
/* Footer fixes */
footer { padding: 0; }
#SiteFooter { float: none; }
.grid-text p { margin-top: 0; }
.grid-rows .grid-row-text p { line-height: 1.5; }
/*fix items layout*/
.itemsList.row { display: flex; flex-wrap: wrap; }
.itemsList.row::before { content: none; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*remove top line from menu items*/
#header2 ul.menu > li:before { content: none; }
/*remove lobby max-width padding*/
.lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
/*fixed textarea width*/
.normal-form input, .normal-form textarea, #DynamicFormObject input[type=submit] { width: 100%; max-width: 100%; }
/*remove after dynamicform*/
.form-container-wide #DynamicFormObject .dynamicFormObjectFields:after, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
/*inherit*/
.grid-text .grid-text-content { direction: inherit; }
/*reset lobby*/
#LobbyModule .grid-box, #lobbyview .grid-box { font-size: 100%; }
#LobbyModule .grid-boxes, #lobbyview .grid-boxes { display: flex; flex-wrap: wrap; padding: 0; }
#LobbyModule .grid-box, #lobbyview .grid-box { margin: 0; }
/*remove min-width*/
#GridTop .top-caption { min-width: 0; }
/*reset sections */
/*.sections .section { padding: 40px 15px; margin: 40px auto; }
.sections .section:first-child { margin-top: 0; }*/

.section-title h1, .section-title h2 { max-width: 100%; }
/*remove inline*/
.grid-box-title { display: block; }
.grid-text-section .section-title { margin-bottom: 0; }
/*remove model open padding */
.modal.fade { padding: 0 !important; }
/*remove outline */
.grid-text .sec-button:focus { outline: none; }
.pagination > li > a { width: 43px; height: 43px; }
/*remove text-decoration */
.blog-tags-list ul li.blog-tag a:focus { text-decoration: none; }
/*fix languages*/
#header2 .header-top-right a.lang:focus { border-bottom: inherit; }
#header2 .header-top-right a.lang { background: initial; }
/*fix header*/
#header2 ul.menu li .menu-sub a { float: none; }
#header2 ul.menu li.active { color: inherit; background: inherit; }
#header2 ul.menu .menu-sub li { float: none; display: block; color: inherit; font-size: 100%; margin-bottom: 0; }
#header2 ul.menu .menu-sub li + li { margin-top: 10px; }
#header2 .menu-sub { float: none; text-align: inherit; background: inherit; }
#header2 ul.menu .menu-sub li:hover { color: initial; }
.gallery-container { width: 100%; }
#home-gallery .slider-bg.stellar-bg { height: 100% !important; }
.grid-rows .grid-row { background-color: initial; }
.section-title { margin: 0; }
#SiteGrid.layout-bottom #GridPromo { max-width: 100%; padding: 0 15px; margin: 0; }
#SiteGrid.layout-bottom #GridContent { text-align: inherit; }
#text1, #text2 { text-align: inherit; max-width: 100%; }
.grid-rows .grid-row-text { margin: 0; }
.grid-rows .grid-row-text h2 { margin: 0; display: flex; align-items: center; }
/*#GridPage { padding-top: 90px; padding-bottom: 90px; }*/
#GridPage .max-width { width: 100%; max-width: 100%; }
#text1 p:last-child { margin-bottom: 0; }
.grid-rows .grid-row-text a { margin: 0; }
.sections .section { padding: 0 15px; margin: 0 auto; }
#GridPage { padding: 40px 0; }


/* fixed: video container ratio 16:9 */
#videoContainer { position: relative; margin-top: 15px; margin-bottom: 15px; }
#videoContainer::before { content: ''; display: block; padding-top: 56.25%; }
#videoContainer > iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; padding: 0 15px; }



@media(max-width: 767px) {
    /*#GridPage { padding-top: 25px; padding-bottom: 25px; }*/
    #GridPage { padding: 20px 0; }
    #DynamicFormObject { margin: auto; }
}

/* General */
body { font-family: 'Rubik-Regular', sans-serif !important; font-size: 20px; line-height: 1.25; color: #000; background-color: #fff; }
h1, h2 { font-weight: 600; font-family: 'FbMatritsa', sans-serif; }
#whatAppButton { bottom: 3%; border-radius: 0; box-shadow: none; }
strong, b { font-family: 'Rubik-Bold', sans-serif; font-weight: normal; }
a:hover, a:focus { color: #000; }
label { font-family: '', sans-serif; font-weight: normal; font-size: 80%; margin: 0; }
iframe { display: block; max-width: 100%; width: 100%; }
label.error, span.error { font-size: 12px; left: 5px; top: 5px; }
#lobbyview { display: none; }
.donateBtn { display: none; }
#GridPage::before { content: ''; display: block; position: absolute; top: 0; left: 0; background: url('/warehouse/temp/technoda/shape_bg.svg'); background-repeat: no-repeat; width: 50%; height: 100%; background-size: 100% auto; z-index: -1; pointer-events: none; }
.kinderPage #GridPage::before, .communityPage #GridPage::before { content: none; }
#SiteGrid.layout-bottom #GridPromo { padding-top: 50px; padding-bottom: 100px; }
#text1 ul:not(.searchResultsList), #text2 ul:not(.searchResultsList) { padding: 0; }
#text1 ul:not(.searchResultsList) li, #text2 ul:not(.searchResultsList) li { list-style: none; padding-right: 1em; text-indent: -1em; }
#text1 ul:not(.searchResultsList) li:before, #text2 ul:not(.searchResultsList) li:before { content: ""; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 10px; height: 10px; border: 2px solid #4ea1d9; border-radius: 100%; margin-left: 10px; }
/*owl gallery*/
.owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 7px; height: 12px; }
.owl-carousel .owl-prev:after { background-image: url('/warehouse/temp/technoda/arrow_l.svg'); }
.owl-carousel .owl-next:after { background-image: url('/warehouse/temp/technoda/arrow_r.svg'); }
.owl-carousel .owl-nav div { width: 33px; height: 33px; border: 1px solid #ffcb1a; display: flex; align-items: center; justify-content: center; border-radius: 33px; transition: .35s ease; }
.owl-carousel .owl-item .item .plus-sign { display: none; }
.owl-carousel .owl-next { right: 10px; left: auto; }
.owl-carousel .owl-prev { left: 10px; right: auto; }
.owl-carousel .owl-nav div:hover { background: #ffcb1a; }


/* sticky order button */
.stickyButton#stickyButton-2158 { width: 84px; height: 84px; background-color: #f36f23; box-shadow: 0 3px 30px 0 rgb(120 54 16 / 20%); font-size: 80%; font-family: 'Rubik-Bold', sans-serif; left: auto; right: 20px; bottom: 45px; }
.stickyButton#stickyButton-2158 a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.stickyButton#stickyButton-2158 a span { width: auto; display: inline-block; flex: 0; }
.stickyButton#stickyButton-2363 { background: transparent; box-shadow: none; left: 60px; bottom: 3%; height: 70px; }
.stickyButton#stickyButton-2363 img { max-width: unset; }

@media(max-width: 767px) {
    #SiteGrid.layout-bottom #GridPromo { padding-top: 40px; padding-bottom: 40px; }
}


/*************************
    LAYOUTS
*/


/* 
* Fixed Grid Row Layout
*/
.rowLayout.grid-row-section { padding: 0; }
.rowLayout.grid-row-section .grid-row-cell { padding: 15px; display: block !important; float: none !important; height: auto; }
.rowLayout.grid-row-section .grid-row-cell-text { padding: 30px 15px 0; }
.rowLayout.grid-row-section .grid-rows { max-width: 1300px; margin: 0 auto; width: auto; display: flex; flex-direction: column; }
.rowLayout .grid-rows .grid-row-text { display: block; margin: 0; padding: 0; width: 100%; }
.rowLayout .grid-row .grid-row-image-container { position: static; }
.rowLayout .grid-row .slider-item { padding: 0; }
.rowLayout .grid-rows .grid-row { display: flex !important; flex-wrap: wrap; align-items: center; overflow: visible; }
.rowLayout.grid-row-section .grid-rows::before, .rowLayout.grid-row-section .grid-rows::after { content: none; }
.rowLayout .grid-row .grid-row-cell.flexslider-box img { width: 100%; }

@media(max-width: 767px) {
    .rowLayout.grid-row-section .grid-row-cell { width: 100%; }
    .rowLayout .grid-rows .grid-row { flex-direction: column; align-items: center; }
}



/* Row Fluid Layout */
.rowFluidLayout { background-color: #f7f6f2; max-width: 100%; }


/*
* Float Icon Card Layout for Grid Box
*/
#SiteContainer .floatIconCard .grid-box { margin-top: 40px; }
.floatIconCard { max-width: 1080px; }
.floatIconCard .grid-boxes .grid-box-image { position: absolute; padding-bottom: 0; width: 80px; height: 80px; margin: 0; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.08); background-color: #fff; border-radius: 100%; top: 0; left: 50%; transform: translate(-50%, -50%); }
.floatIconCard .grid-box { position: relative; background-color: #fff; border-radius: 15px; padding: 90px; margin-top: 40px; }
.floatIconCard .grid-boxes .box-image-animation img { width: auto; height: auto; max-width: 80%; }
.floatIconCard .grid-boxes .box-image-animation:hover img { transform: initial; }
.floatIconCard .grid-boxes .box-image-animation { display: flex; align-items: center; justify-content: center; pointer-events: none; }

@media(max-width: 767px) {
    .floatIconCard .grid-box { margin-top: 40px !important; padding: 80px 15px; }
}


/* 
* Float Card Layout for Grid Row (odd&even)
*/
/*.floatCardRow .grid-rows .slider-item { padding-bottom: 56.25%; }*/
.floatCardRow .grid-rows .grid-row { display: flex; width: 100%; direction: rtl !important; }
.floatCardRow .grid-rows .grid-row-cell.flexslider-box { width: 50%; }
.floatCardRow .grid-rows .grid-row-cell-text { position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: auto; border-radius: 15px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); background-color: #fff; width: 78%; padding: 55px 60px 45px; max-width: 850px; }
.floatCardRow .grid-rows .grid-row-cell-text .grid-row-text { width: 100%; }
.floatCardRow .grid-rows .grid-row:nth-child(even) .grid-row-cell-text { right: auto; left: 0; }

@media(min-width: 768px) {
    .floatCardRow .grid-rows .grid-row:nth-child(odd) { flex-direction: row-reverse; margin-right: auto; }
    .floatCardRow .grid-rows .grid-row:nth-child(even) { flex-direction: row; margin-left: auto; }
}

@media(max-width: 767px) {
    .floatCardRow .grid-rows .grid-row-cell { float: none !important; display: block !important; }
    .floatCardRow .grid-rows .grid-row { overflow: visible; width: 100%; }
    .floatCardRow .grid-rows .grid-row-cell-text { position: relative; top: auto; left: auto; right: auto; transform: none; width: auto; padding: 30px 15px; margin-top: -30px !important; max-width: 95%; max-width: calc(100% - 15px); }
    .floatCardRow .grid-rows .grid-row-cell.flexslider-box { width: 100%; }
    .floatCardRow .grid-rows .grid-row-cell-text .grid-row-text { margin: 0; padding: 0; }
}



/* 
* Initial Style For Grid Row
*/
.rowStyle .grid-rows .grid-row { padding-top: 60px; padding-bottom: 60px; }
.rowStyle .grid-rows .grid-row-text h2 { font-size: 225%; margin-bottom: 20px; }
.rowStyle .grid-rows .grid-row-text h3 { font-size: 125%; font-family: 'FbMatritsa', sans-serif; display: flex; align-items: center; margin-bottom: 15px; }
.rowStyle .grid-rows .grid-row-text h3 ~ h3 { margin-top: 40px; }
.rowStyle .grid-rows .grid-row-text p { font-size: 75%; line-height: 1.6; }
.rowStyle .grid-rows .grid-row-text h3::before { content: ''; display: inline-block; width: 35px; height: 8px; border-radius: 40px; background-color: #ee2768; margin-left: 20px; }
.rowStyle.grid-row-section .grid-rows .grid-row-text a.grid-row-button { border-color: transparent; border-radius: 23px; background-color: #ffcb1a; font-size: 80%; padding: 13px 35px; min-width: 170px; display: inline-block; transition: .35s ease; }
.rowStyle.grid-row-section .grid-rows .grid-row-text a.grid-row-button:hover { background: #ed2768; color: #fff; }
.rowStyle .grid-rows .grid-row-cell-text ul { padding: 0; font-size: 75%; margin: 20px 0; }
.rowStyle .grid-rows .grid-row-cell-text ul li { list-style: none; padding-right: 1em; text-indent: -1em; }
.rowStyle .grid-rows .grid-row-cell-text li:before { content: ""; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 10px; height: 10px; border: 2px solid #4ea1d9; border-radius: 100%; margin-left: 5px; }
.rowStyle .grid-rows .grid-row-cell-text ul li + li { margin-top: 20px; }
.rowStyle .grid-rows .grid-row.gridHasVideo .flexslider-box .grid-iframe-holder { position: relative; padding-bottom: 56.25%; }
.rowStyle .grid-rows .grid-row.gridHasVideo .flexslider-box .grid-iframe-holder iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

@media(max-width: 767px) {
    .rowStyle .grid-rows .grid-row-text h2 { font-size: 150%; margin-bottom: 10px; line-height: 1.3; }
    .rowStyle .grid-rows .grid-row-text h3 { font-size: 75%; }
    .rowStyle .grid-rows .grid-row-text p { font-size: 70%; }
    .rowStyle .grid-rows .grid-row { padding-top: 30px; padding-bottom: 30px; }
    .rowStyle .grid-rows .grid-row-text h3::before { width: 16px; height: 4px; margin-left: 8px; }
    .rowStyle .grid-rows .grid-row-text h3 ~ h3 { margin-top: 20px; }
    .rowStyle .grid-rows .grid-row-cell-text ul { font-size: 70%; margin: 10px 0; }
    .rowStyle .grid-rows .grid-row-cell-text ul li + li { margin-top: 10px; }
    .rowStyle.grid-row-section .grid-rows .grid-row-text a.grid-row-button { font-size: 75%; padding: 8px 12px; min-width: 140px; text-align: center; margin-top: 15px; }
}

/* 
* Boxed Layout For Grid Row
*/
.boxedLayout { background-color: #f7f6f2; }
.boxedLayout.grid-row-section { max-width: 85%; padding: 30px 15px; }
.boxedLayout.grid-row-section .grid-rows { width: 1080px; max-width: 100%; margin: 0 auto; }
.boxedLayout.grid-content-section { max-width: 85%; padding: 60px 15px; }

.boxedLayout.floatCardRow .grid-rows .grid-row-text h2 { font-size: 125%; font-weight: 500; padding-right: 50px; }
.boxedLayout.floatCardRow .grid-rows .grid-row-text h2::before { content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 8px; background-color: #ee2768; border-radius: 40px; position: absolute; right: 0px; }


@media(max-width: 767px) {
    .boxedLayout.grid-row-section { max-width: 100%; }
    .boxedLayout.floatCardRow .grid-rows .grid-row-text h2 { font-size: 100%; }
}

/* 
    Bullet List Layout
*/

.bulletLayout .grid-text-content .gridText1 ul { column-count: 2; column-gap: 50px; padding: 0; font-size: 75%; }
.bulletLayout .grid-text-content .gridText1 ul > li { flex: 1 0 50%; }
.bulletLayout .grid-text .grid-text-content > div { display: block; padding: 0; margin: 0; width: 100%; }
.bulletLayout ul { padding: 0; margin: 0; }
.bulletLayout ul li { list-style: none; padding-right: 1em; text-indent: -1em; }
.bulletLayout li:before { content: ""; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 10px; height: 10px; border: 2px solid #4ea1d9; border-radius: 100%; margin-left: 5px; }

/* Steps Layout */
.stepsLayout.grid-content-section { padding: 95px 0; }
.stepsLayout::before { content: ''; display: block; position: absolute; top: -10%; width: 151px; height: 311px; max-width: 20%; left: 0; background: url(/warehouse/temp/technoda/steps-shape.svg); background-repeat: no-repeat; background-size: 100%; pointer-events: none; }
.stepsLayout .section-title h2 { font-size: 175%; font-weight: 500; }
.stepsLayout .section-title { margin-bottom: 35px; }
#SiteContainer .stepsLayout .grid-boxes { max-width: 1080px; width: 100%; }
#SiteContainer .stepsLayout .grid-box { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 15px; }
#SiteContainer .stepsLayout .grid-box a { pointer-events: none; }
#SiteContainer .stepsLayout .grid-box-image { width: 100px; height: 100px; padding: 0; margin: 0; border-radius: 100%; box-shadow: 0 3px 30px 0 rgb(0 0 0 / 8%); background-color: #fff; overflow: visible; }
.stepsLayout .grid-box-title { margin-top: 20px; max-width: 80%; }
.stepsLayout .grid-boxes .grid-box-title h3 a { pointer-events: none; }
#SiteContainer .stepsLayout .grid-boxes .grid-box-title h3 { font-size: 80%; line-height: 1.5; }
.stepsLayout .grid-boxes .grid-box-image img { display: block; position: absolute; top: 50%; left: 50%; width: auto; height: auto; transform: translate(-50%, -50%); }
.stepsLayout .grid-boxes .box-image-animation:focus { outline: none; }
#SiteContainer .stepsLayout .grid-box:not(:first-child) .grid-box-image::before { content: ''; position: absolute; right: 0; top: 50%; width: 150%; height: 16px; white-space: nowrap; background-image: url('/warehouse/temp/technoda/steps-line.svg'); background-repeat: no-repeat; background-size: 100%; transform: translate(90%, -50%); }


@media(max-width: 767px) {
    .stepsLayout::before { height: 174px; top: -4%; }
    #SiteContainer .stepsLayout .grid-box { width: 100%; }
    #SiteContainer .stepsLayout .grid-box:not(:first-child) .grid-box-image::before { right: auto; top: 0; transform: rotate(90deg); transform-origin: center right; width: 100%; }
    #SiteContainer .stepsLayout .grid-boxes .grid-box-title h3 { background: #f7f6f2; position: relative; z-index: 1; margin: 0; line-height: 1; }
    #SiteContainer .stepsLayout .grid-box { flex-direction: row; padding: 30px 15px; justify-content: flex-start; max-width: 90%; margin: 0 auto; }
    #SiteContainer .stepsLayout .grid-box:not(:first-child) .grid-box-image::before { width: 70%; }
    .stepsLayout .grid-box-title { text-align: right; padding-right: 15px; flex: 0 0 auto; max-width: 50%; }
    #SiteContainer .stepsLayout .grid-box:not(:first-child) .grid-box-image::before { /* width: 30px; */ }
    #SiteContainer .stepsLayout .grid-box-image { flex: 0 0 auto; }
    #SiteContainer .stepsLayout .grid-boxes .grid-box-title h3 { line-height: 1.4; }
}

/* 
    Intro Text Layout 
*/
.introLayout.grid-text-section { padding: 50px 15px; max-width: 1020px; }
.introLayout .grid-text .grid-text-content { display: flex; justify-content: space-between; width: 100%; padding: 0; }
.introLayout .grid-text .grid-text-content .gridText1, .introLayout .grid-text .grid-text-content .gridText2 { padding: 0; display: block; margin: 0; }
.introLayout.intro-two-columns .grid-text .grid-text-content { flex-direction: row; }

.introLayout .grid-text .grid-text-content .gridText1 { width: auto; flex: 0 1 auto; max-width: 686px; /* max-width: 100%; */ }
.introLayout .grid-text .grid-text-content .gridText2 { display: flex; flex-direction: column; width: auto; }
.introLayout .grid-text .grid-text-content .gridText2 a { display: inline-block; text-align: center; min-width: 213px; border-radius: 23px; padding: 10px; font-size: 80%; transition: .35s ease; }
.introLayout .grid-text .grid-text-content .gridText2 p + p { margin-top: 20px; }
.introLayout .grid-text .grid-text-content .gridText2 p:nth-of-type(1) a { background: #ee2768; color: #fff; }
.introLayout .grid-text .grid-text-content .gridText2 p:nth-of-type(2) a { background: #ffcb1a; }
.introLayout .grid-text .grid-text-content .gridText2 p:nth-of-type(1) a:hover { background-color: #ffcb1b; color: #000; }
.introLayout .grid-text .grid-text-content .gridText2 p:nth-of-type(2) a:hover { background-color: #ee2869; color: #fff; }

@media(min-width: 768px) {
    .introLayout .grid-text .grid-text-content .gridText2 { margin-top: 37.5px; }
}

@media(max-width: 767px) {
    .introLayout .grid-text .grid-text-content { flex-direction: column; }
}

/* 
* Initial Style For Intro
*/
.introStyle .gridText1 h2 { font-size: 125%; font-weight: 500; margin-bottom: 10px; }
.introStyle .gridText1 p { font-size: 75%; line-height: 1.6; }


/* Gallery Layout */
.galleryLayout .gallery-container { padding: 0 40px; max-width: 1265px; margin: 0 auto; position: relative; }
.galleryLayout .owl-carousel { position: static; }
.galleryLayout .owl-carousel .owl-item .item { padding: 0 15px; }
.galleryLayout .owl-carousel .owl-item .topImg { position: relative; }
.galleryLayout .owl-carousel .owl-item .topImg::before { content: ''; display: block; padding-bottom: 100%; }
.galleryLayout .owl-carousel .owl-item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.galleryLayout .owl-carousel .owl-controls .owl-nav > * { display: flex !important; }

/* Intro Text Layout */
.introTextLayout.grid-text-section { padding: 50px 15px; }
.introTextLayout .section-title h2 { font-weight: 500; font-size: 125%; }
.introTextLayout .grid-text { max-width: 605px; font-size: 75%; line-height: 1.6; margin: 20px auto 0; }
.introTextLayout .grid-text .grid-text-content { width: 100%; padding: 0; }
.introTextLayout .grid-text .grid-text-content .gridText1, .introTextLayout .grid-text .grid-text-content .gridText2 { width: 100%; padding: 0; margin: 0; display: block; text-align: inherit; }
.introTextLayout .grid-text .grid-text-content .gridText2 { padding: 10px 0; }
.introTextLayout .grid-text .grid-text-content .gridText2 > p { display: flex; flex-wrap: wrap; justify-content: center; }
.introTextLayout .grid-text .grid-text-content .gridText2 > p img { flex: 0 0 20%; display: block; width: 20%; border: 1px solid; margin: 0 3px; }

@media(max-width: 767px) {
    .introTextLayout .section-title h2 { font-size: 100%; }
    .introTextLayout .grid-text { margin-top: 10px; }
}

/* Scale Image Gallery Layout */
.scaleImageGalleryLayout.grid-gallery-section { padding: 0 0 120px; }
.scaleImageGalleryLayout .owl-carousel .owl-item:not(.center) { transform: scale(0.8); transition: .35s linear; }
.scaleImageGalleryLayout .owl-carousel .owl-item { transition: .35s ease; }
.scaleImageGalleryLayout .owl-carousel .owl-item.center .item img { width: 100%; }
.scaleImageGalleryLayout .owl-carousel .owl-item .item { position: relative; }

@media (min-width: 768px) {
    .scaleImageGalleryLayout.grid-gallery-section .owl-carousel .owl-item:not(.center) { transform: scale(0.75); -webkit-transform: scale(0.75); -ms-transform: scale(0.75); }
    .scaleImageGalleryLayout .owl-carousel .owl-prev { left: 21.5%; }
    .scaleImageGalleryLayout .owl-carousel .owl-next { right: 21.5%; }
}

@media (max-width: 767px) {
    .scaleImageGalleryLayout.grid-gallery-section { padding-bottom: 40px; }
    .scaleImageGalleryLayout .owl-carousel .owl-nav div { background-color: #ffcb1a; }
    .scaleImageGalleryLayout .owl-carousel .owl-prev { left: 5vw; }
    .scaleImageGalleryLayout .owl-carousel .owl-next { right: 5vw; }
}




/* 
    Accordion Layout
*/
.accordionLayout.grid-content-section { padding: 50px 15px; max-width: 968px; }
#SiteContainer .accordionLayout .grid-box { width: 100%; box-shadow: 0 3px 20px 0 rgb(0 0 0 / 8%); background-color: #fff; padding: 0; text-align: start; display: flex; flex-direction: column; }
#SiteContainer .accordionLayout .grid-box + .grid-box { margin-top: 20px !important; }
.accordionLayout .grid-box-image { display: none; }
#SiteContainer .accordionLayout .grid-box-title h3 { font-family: 'FbMatritsa', sans-serif; font-size: 100%; margin: 0; line-height: 1.2; display: flex; justify-content: space-between; align-items: center; }
.accordionLayout .grid-box-title { padding: 20px 25px 15px; border-bottom: 1px solid #47b9bc; }
.accordionLayout .grid-box-fulltext { display: none; }
.accordionLayout .grid-box-fulltext-wrap { font-size: 75%; padding: 25px 30px; line-height: 1.6; }
#SiteContainer .accordionLayout .grid-box-title { cursor: pointer; }
#SiteContainer .accordionLayout .grid-box-title a { pointer-events: none; }
#SiteContainer .accordionLayout .grid-box .grid-box-title h3::after { content: url(/warehouse/temp/technoda/accordion-plus.svg); align-self: center; align-self: center; font-size: 0; }
#SiteContainer .accordionLayout .grid-box.open .grid-box-title h3::after { content: url(/warehouse/temp/technoda/accordion-minus.svg); }

@media(max-width: 767px) {
    .accordionLayout .grid-box-title { padding: 15px; }
    #SiteContainer .accordionLayout .grid-box-title h3 { font-size: 75%; }
    .accordionLayout .grid-box-fulltext-wrap { padding: 20px 15px; }
    .accordionLayout.grid-content-section { padding-top: 30px; padding-bottom: 30px; }
}
/*
    Crew Layout
*/

.crewLayout { max-width: 1200px; }
.crewLayout .section-title { margin-bottom: 50px; }
#SiteContainer .crewLayout .grid-box-image { border-radius: 15px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); overflow: hidden; padding: 0; max-width: 154px; margin-bottom: 18px; }
#SiteContainer .crewLayout .grid-box { display: block; text-align: start; margin: 0 0 30px; }
#SiteContainer .crewLayout .grid-box .grid-box-title h3 { font-family: 'FbMatritsa', sans-serif; font-size: 80%; margin: 0; }
.crewLayout .grid-box-subtitle { font-size: 75%; margin: 3px 0 0; }
.crewLayout .grid-box-fulltext { margin-top: 20px; font-size: 75%; }
.crewLayout .grid-box-fulltext > p + p { margin-top: 15px; }
.crewLayout .grid-box-fulltext a { display: flex; align-items: center; font-size: 93.4%; }
.crewLayout a[href^="tel:"]::before, .crewLayout a[href^="mailto:"]::before { margin-left: 15px; font-size: 0; }
.crewLayout a[href^="tel:"]::before { content: url('/warehouse/temp/technoda/phone.svg'); }
.crewLayout a[href^="mailto:"]::before { content: url('/warehouse/temp/technoda/mail.svg'); }
.crewLayout .grid-box-image::before { content: ''; display: block; padding-top: 100%; }

@media(max-width: 767px) {
    .crewLayout .grid-box-fulltext a { flex-direction: column; align-items: flex-start; }
    .crewLayout .grid-box-fulltext a::before { margin-bottom: 10px; }
}

/* Cards Style */
#SiteContainer .cardsStyle .grid-boxes { justify-content: center; text-align: start; }
#SiteContainer .cardsStyle .grid-box { padding: 10px; margin: 45px 0; background-color: transparent; }
#SiteContainer .cardsStyle .grid-box-title h3 { font-size: 95%; font-family: 'FbMatritsa', sans-serif; font-weight: 500; line-height: 1.6; margin: 0; }
.cardsStyle .grid-boxes .grid-box-image { width: 90px; height: 90px; }
.cardsStyle .grid-boxes .grid-box-subtitle { font-size: 100%; }
.cardsStyle .grid-boxes .grid-box-subtitle.button { text-decoration: underline; font-family: 'Rubik-Bold', sans-serif; font-size: 75%; line-height: 1; margin-top: auto; }
.cardsStyle .grid-box-fulltext { margin-top: 8px; margin-bottom: 35px; font-size: 75%; line-height: 1.5; }
.cardsStyle .inner-grid-box { height: 100%; display: flex; flex-direction: column; padding: 80px 25px 25px; background-color: #fff; border-bottom: 2px solid #f36f23; }

@media(max-width: 767px) {
    #SiteContainer .cardsStyle .grid-box-title h3 { font-size: 75%; }
    .cardsStyle .grid-box-fulltext { font-size: 70%; }
    .cardsStyle .grid-boxes .grid-box-image { width: 75px; height: 75px; }
    .cardsStyle .inner-grid-box { padding: 45px 15px 20px; }
    .cardsStyle .grid-box-fulltext { margin-bottom: 20px; }
    #SiteContainer .cardsStyle .grid-box { padding: 5px; margin-bottom: 20px; }
}



/* Info Layout */
.infoLayout.grid-text-section { padding: 50px 0; max-width: 1110px; }
.infoLayout .grid-text .grid-text-content { display: flex; justify-content: space-between; width: 100%; padding: 0; }
.infoLayout .grid-text .grid-text-content > * { padding: 0 15px; margin: 0; }
.infoLayout .grid-text .grid-text-content > .gridText2 { flex-basis: 40%; }
.infoLayout .grid-text .grid-text-content .gridText2 h3 { font-size: 125%; font-weight: 500; font-family: 'FbMatritsa', sans-serif; margin: 0 0 20px; }
.infoLayout .grid-text .grid-text-content p { font-size: 75%; line-height: 1.5; }
.infoLayout strong { font-family: 'Rubik-Bold', sans-serif; }
.infoLayout .grid-text .grid-text-content a:not(.register-btn) { display: inline-block; border-bottom: 3px solid #ffcb1a; font-size: 105%; padding-bottom: 5px; margin-top: 20px; }
.infoLayout .grid-text .grid-text-content .gridText2 h3::before { content: ''; display: inline-block; width: 32px; height: 8px; background-color: #ee2768; border-radius: 23px; vertical-align: middle; margin-left: 20px; }
.infoLayout ul { padding: 0; margin: 10px 0 25px; font-size: 75%; }
.infoLayout ul li { list-style: none; padding-right: 1em; text-indent: -1em; margin-bottom: 15px; }
.infoLayout li:before { content: ""; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 10px; height: 10px; border: 2px solid #4ea1d9; border-radius: 100%; margin-left: 10px; }
.infoLayout .grid-text .gridText1 h2 { font-size: 225%; margin-bottom: 20px; }
.infoLayout a.register-btn { display: inline-block; background-color: #ee2768; text-align: center; border-radius: 23px; color: #fff; min-width: 160px; padding: 13px; margin-top: 30px; line-height: 1.2; }
.infoLayout a.register-btn:hover { background-color: #ffcb1a; color: #000; }
.infoLayout a.register-btn { transition: .35s ease; }

@media(max-width: 991px) {
    .infoLayout .grid-text .grid-text-content { flex-direction: column; }
    .infoLayout .grid-text .grid-text-content > .gridText2 { flex-basis: auto; margin-top: 60px; overflow: hidden; }
    .infoLayout .grid-text .grid-text-content > .gridText2 img { width: 100%; }
    .infoLayout .grid-text .gridText1 h2 { font-size: 150%; margin-bottom: 10px; }
    .infoLayout.grid-text-section { padding-top: 40px; padding-bottom: 20px; }
    .infoLayout .grid-text .grid-text-content .gridText2 h3 { font-size: 95%; margin-bottom: 10px; }
    .infoLayout .grid-text .grid-text-content .gridText2 h3::before { width: 16px; height: 4px; margin-left: 8px; }
}

@media(max-width: 767px) {
    .infoLayout .grid-text .gridText1 h2 { font-size: 150%; }
}


/* Order Ticket Layout */
.orderTicketLayout.grid-text-section { padding-top: 120px; padding-bottom: 30px; max-width: 900px; }
.orderTicketLayout .grid-text .grid-text-content { display: flex; flex-wrap: wrap; flex-direction: row-reverse; width: 100%; line-height: 1.6; padding: 0; }
.orderTicketLayout .grid-text .grid-text-content > .gridText1, .orderTicketLayout .grid-text .grid-text-content > .gridText2 { padding: 0; flex: 1 0 50%; margin: 0; }
.orderTicketLayout .grid-text .grid-text-content > .button-wrap { flex: 1 0 100%; margin-top: 20px; }
.orderTicketLayout ul { list-style: none; padding: 0; margin: 0; }
.orderTicketLayout .grid-text .grid-text-content > a { display: block; }
.orderTicketLayout .grid-text-section .section-title { text-align: right; }
.orderTicketLayout ul { padding: 0; margin: 0; }
.orderTicketLayout ul li { list-style: none; padding-right: 1em; text-indent: -1em; }
.orderTicketLayout li:before { content: ""; display: inline-block; vertical-align: middle; box-sizing: border-box; width: 10px; height: 10px; border: 2px solid #9c2d4f; border-radius: 100%; margin-left: 5px; }
.orderTicketLayout .section-title h2 { font-size: 125%; font-weight: 500; display: flex; align-items: center; }
.orderTicketLayout { text-align: right; }
.orderTicketLayout .grid-text { margin-top: 30px; font-size: 75%; }
.orderTicketLayout .section-title h2::before { background-color: #ee2768; content: ''; display: inline-block; width: 35px; border-radius: 40px; height: 8px; margin-left: 15px; }
.orderTicketLayout .grid-text a.sec-button { min-width: 170px; border-radius: 23px; background-color: #ffcb1a; border: transparent; padding: 13px; text-align: center; font-size: 100%; color: #000; transition: .35s ease; margin-top: 20px; }
.orderTicketLayout .grid-text a.sec-button:hover { background-color: #e7205f; color: #fff; }

@media(max-width: 767px) {
    .orderTicketLayout.grid-text-section { padding-top: 50px; }
    .orderTicketLayout .grid-text .grid-text-content { flex-direction: column-reverse; padding: 0; }
    .orderTicketLayout .section-title h2::before { width: 16px; height: 4px; margin-left: 8px; }
    .orderTicketLayout .section-title h2 { font-size: 100%; }
    .orderTicketLayout .grid-text { margin-top: 15px; }
    .orderTicketLayout .grid-text .grid-text-content > .gridText2 { margin-top: 15px; order: -1; }
}


/* Round Cards Layout */
.roundCardsLayout .section-title h2 { font-size: 175%; font-weight: 500; }
.roundCardsLayout.grid-content-section { padding: 125px 0 150px; max-width: 100%; position: relative; }
.roundCardsLAyout .row { display: flex; flex-wrap: wrap; }
.roundCardsLayout .grid-box { width: auto; padding: 0 10px; margin-bottom: 20px !important; }
.roundCardsLayout .grid-boxes .box-image-animation img { max-width: 100%; width: auto; height: auto; }
.roundCardsLayout .grid-boxes .box-image-animation { display: inline-block; font-size: 0; height: auto; }
.roundCardsLayout .grid-boxes .grid-box-image-container { position: static; }
.roundCardsLayout .grid-boxes .grid-box-image { padding: 0; margin: 0 !important; font-size: 0; width: 110px; height: 110px; background-color: #fff; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); border-radius: 100%; overflow: hidden; display: flex !important; align-items: center; justify-content: center; }
#SiteContainer .roundCardsLayout .grid-boxes { justify-content: center; margin-top: 40px; max-width: 930px; }

@media(min-width: 768px) {
    .companiesPage .roundCardsLayout::before { content: ''; position: absolute; width: 170px; height: 310px; background: url(/warehouse/temp/technoda/green-shape.svg); background-repeat: no-repeat; background-size: 100%; right: 0; top: 0; z-index: -1; }
}

@media(max-width: 767px) {
    .roundCardsLayout .grid-box { width: 40%; }
    .roundCardsLayout .grid-boxes .grid-box-image { margin: 0 auto !important; }
    .roundCardsLayout.grid-content-section { padding-top: 40px; padding-bottom: 40px; }
}

/* HEADER */
#header2 { background-color: #fff; color: #000; padding: 0 30px; }
#header2 .max-width { max-width: 100%; width: 100%; }
#header2 #header-container { height: 80px; }
#header2 ul.menu { margin: 0; }
#header2 #header-left { text-align: inherit; width: auto; display: flex; align-items: center; flex-direction: row-reverse; }
#header2 .searchBtn svg { fill: #000; }
#header2 ul.menu li > a { font-size: 80%; }
#header2 .header-top-left > a, #header2 ul.menu li.social-mobile .social-links > a { background: #ffcd00; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; transition: .35s ease; }
#header2 .header-top-left > a > svg, #header2 ul.menu li.social-mobile .social-links > a > svg { fill: #000; width: 14px; height: 14px; }
#header2 .header-top-left > a:hover { background: #8ec039; }
#header2 .languages { margin: 0; border-right: initial; border-left: 1px solid #e4e4e4; padding-left: 15px; display: flex; align-items: center; }
#header2 .header-top-right { float: none; display: flex; flex-direction: row-reverse; }
#header2 .header-top-right a.lang { font-size: 60%; padding: 0; margin: 0; }
#header2 .header-top-right a.lang + a { margin-left: 10px; }
#header2 .header-top-right a.lang.active { font-weight: 600; }
#header2.detailsInRow .header-top { direction: initial; padding: 0; }
#header2 .mobile-middle-kdm { display: none; }
#header2 .has-sub i.opensub { font-size: 15px; }
#header2 ul.menu li .menu-sub { padding: 20px 10px 15px 10px; }
#header2 ul.menu li .menu-sub a { display: block; font-size: 65%; }
#header2 .searchBtn { font-size: 0; }
header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { font-size: 100%; }
#header2 .social_icon_tripadvisor svg { /* display: none; */ }
#header2 a.social_icon_tripadvisor { position: relative; }
#header2 a.social_icon_tripadvisor::before { /*content: '';*/ /* height: 100%; */ /* width: 100%; */ /* background: url(/warehouse/temp/technoda/radio-icon.svg); */ /* background-size: 24px; */ /* background-position: center; */ }
#header2 .languages { }

@media(min-width: 1440px) {
    #header2 .header-top-left { display: flex; }
}


@media(min-width: 1025px) {
    #header2 #header-container { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
    #header2.detailsInRow .header-right-section { position: static; }
    #header2.detailsInRow .menu-nav { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: fit-content; margin: 0; height: 100%; }
    #header2 ul.menu { height: inherit; display: flex; }
    #header2 ul.menu li { margin: 0; display: flex; align-items: center; }
    #header2 ul.menu > li + li { margin-right: 30px; }
    #header2 ul.menu li.has-sub i { display: none; }
    #header2 ul.menu li .menu-sub { top: calc(100% - 5px); top: 95%; background: red; }
    #header2 .searchBtn { margin-right: 30px; }


    /*menusub backgrounds*/
    #header2 ul.menu li.has-sub:nth-child(1) > .menu-sub { background: #8ec039; }
    #header2 ul.menu li.has-sub:nth-child(2) > .menu-sub { background: #fecd15; }
    #header2 ul.menu li.has-sub:nth-child(3) > .menu-sub { background: #ec6617; }
    #header2 ul.menu li.has-sub:nth-child(4) > .menu-sub { background: #e8205f; }
    #header2 ul.menu li.has-sub:nth-child(5) > .menu-sub { background: #7e65aa; }
    #header2 ul.menu li.has-sub:nth-child(5) > .menu-sub { background: #59a2d9; }
}

@media(max-width: 1440px) {

    #header2 .languages { background-color: #ffcb1a; position: relative; padding: 0; border: none; width: 54px; left: 0; direction: rtl; display: none; opacity: 1 !important; }
    #header2 .languages.open .lang-list { display: block; }
    /*#header2 .languages.show { display: block !important; }*/
    #header2 .languages { }
    /* temp hidden languages */
    #header2 .lang-list { position: absolute; top: 100%; left: 0; width: 100%; display: none; background-color: #ffde6e; }
    #header2 .header-top-right a.lang { padding: 9px; display: block; width: 100%; margin: 0; }
    #header2 .header-top-right a.lang.active { display: flex; justify-content: space-between; align-items: center; }
    #header2 .header-top-right a.lang.active::after { content: ''; position: relative; background: url(/warehouse/temp/technoda/lang-arrow.svg); width: 7px; height: 4px; background-repeat: no-repeat; background-position: center; transition: .35s ease; }
    #header2 .header-top-right .languages.open a.lang.active::after { transform: rotate(180deg); }
}

@media(min-width: 1025px) {
    #header2 ul.menu li > a:hover::after { width: 100%; }
    #header2 ul.menu > li > a::after { content: ''; position: absolute; bottom: 0; width: 0%; height: 4px; background-color: red; transition: .35s ease; }
    #header2 ul.menu > li > a { height: 100%; position: relative; display: flex; align-items: center; }
    #header2 ul.menu > li.active > a::after { width: 100%; }
    #header2 ul.menu > li:nth-child(1) > a::after { background: #8ec039; }
    #header2 ul.menu > li:nth-child(2) > a::after { background: #fecd15; }
    #header2 ul.menu > li:nth-child(3) > a::after { background: #ec6617; }
    #header2 ul.menu > li:nth-child(4) > a::after { background: #e8205f; }
    #header2 ul.menu > li:nth-child(5) > a::after { background: #7e65aa; }
    #header2 ul.menu > li:nth-child(6) > a::after { background: #59a2d9; }
}


@media(max-width: 1024px) {
    #header2 #header-left { position: static; }
    #header-left a.logoHeader { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 13; }
    #header2.headerHasSearch #header-left img { max-width: 95px; }
    #header2.detailsInRow .header-top { width: auto; }
    #header2.detailsInRow .header-right-section { display: flex; justify-content: space-between; flex-direction: row-reverse; width: auto; padding: 0; background: initial; height: 100%; align-items: center; }
    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background-color: #000; }
    #header2 ul.menu { text-align: right; background-color: #f7f6f2; padding: 0; top: 100%; }
    #header2 ul.menu > li { float: none; }
    #header2 .menu-nav { width: auto; margin: 0; }
    .searchMobile { position: absolute; top: 50%; transform: translateY(-50%); right: 35px; z-index: 111; display: block; font-size: 0; }
    #header2 #header-container { position: relative; }
    header #searchFormHeaderContainer form#searchFormHeader { background-color: #fff; color: #000; }
    #header2 ul.menu .menu-sub li { white-space: normal; }
}

@media(min-width: 768px) {
    header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { color: #000; }
}


@media(max-width: 767px) {
    #header2 { padding: 0 20px; }
    #header2 #header-container { height: 60px; }
    #header2 ul.menu { position: fixed; width: 100vw; height: 100vh; max-width: 100vw; top: 58px; left: 0; bottom: 0; right: 0; overflow-y: auto; padding: 15% 20% 0 0; }
    #header2 ul.menu > li { padding: 15px 0; }
    #header2 ul.menu > li > a { font-size: 105%; }
    #header2 .menu-nav .nav-menu-anim { width: 25px; }
    #nav-toggle span, #nav-toggle span::before, #nav-toggle span::after { width: 100%; }
    #header2 ul.menu li .menu-sub a { font-size: 75%; }
    #header2 ul.menu li.social-mobile { margin-top: 25%; }
}


/* HOME GALLERY */
#home-gallery { max-height: calc( var(--vh) * 1) !important; min-height: calc( var(--vh) * 1) !important; height: calc( var(--vh) * 1) !important; margin-bottom: 55px; }
/*#home-gallery::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 20%); z-index: 3; }*/
#home-gallery::after { content: ''; position: absolute; background-image: url('/warehouse/temp/technoda/hero-shape.svg'); width: 50vw; height: 60%; background-size: contain; background-repeat: no-repeat; background-position-x: -10vw; left: 0; top: 0; z-index: 10; pointer-events: none; }
#home-gallery .scroll-down button { border: none; border-radius: 0; background: initial; padding: 0; }
#home-gallery .scroll-down img { width: 17px; height: 10px; min-width: 0; }
#home-gallery .scroll-down { bottom: 40px; display: inline-block; width: auto; left: 50%; transform: translateX(-50%); font-size: 0; }
#home-gallery .gallery-caption { top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 4; direction: rtl; }
#home-gallery .gallery-caption .gallery-text { font-size: 100%; }
#home-gallery .gallery-caption .gallery-text > div { font-size: 500%; line-height: 1.1; }
#home-gallery .gallery-caption .gallery-text > div { font-size: 500%; line-height: 1.1; font-family: 'FBMatritsa', sans-serif; font-weight: 600; }
#home-gallery .gallery-caption .gallery-text > span { font-size: 150%; margin-top: 20px; letter-spacing: 1.5px; font-family: 'FBMatritsa', sans-serif; font-weight: 500; }

@media(max-width: 767px) {
    #home-gallery { max-height: calc( (var(--vh) * 1) - 60px) !important; min-height: calc( (var(--vh) * 1) - 60px) !important; height: calc( (var(--vh) * 1) - 60px) !important; }
    #home-gallery .gallery-caption .gallery-text > div { font-size: 230%; }
    #home-gallery .gallery-caption .gallery-text > span { font-size: 100%; margin-top: 5px; display: block; }
}

/* HOME SECTIONS */
/*Section title - 45px - desktop*/
.section-title h2 { font-family: 'FbMatritsa', sans-serif; font-weight: 600; font-size: 225%; }

@media(max-width: 767px) {
    .section-title h2 { font-size: 170%; }
}

/* Buttons */
.owl-carousel .photoTextLinkWrapper a.item-button, .page-17660 #text1 a { display: inline-block; border-radius: 23px; background-color: #ee2768; font-size: 80%; line-height: 1; padding: 13px 30px; margin-top: 0; }
.owl-carousel .photoTextLinkWrapper a.item-button:hover, .page-17660 #text1 a:hover { background-color: #ffcb1a; color: #000; }
.grid-rows .grid-row-text a.grid-row-button, .grid-boxes .grid-box-subtitle.button a, .owl-carousel .photoTextLinkWrapper a.item-button { transition: .35s ease; }
.grid-rows .grid-row-text a.grid-row-button:hover { background-color: #ee2869; color: #fff; }

.page-17660 #text1 a { display: inline-block; border-radius: 23px; background-color: #ee2768; font-size: 16px; line-height: 1; padding: 13px 30px; margin-top: 0; color: #fff; transition: .35s ease; }
.page-17660 #text1 a:hover { background: #ffcb1a; color: #000; }

.hoverEffect { overflow: hidden; }
.hoverEffect span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; }
.hoverEffect:hover span.text, .hoverEffect:focus span.text { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }
.hoverEffect span.text:before { position: absolute; top: 105%; content: attr(data-hover); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
/* NEWS SLIDER SECTION */
.newsSlider.grid-gallery-section { max-width: 100%; padding-top: 50px; padding-bottom: 60px; }
.newsSlider.grid-gallery-section .gallery-container { max-width: 1110px; margin: 0 auto; }
.newsSlider .topImg { max-width: 65%; }
.newsSlider .owl-carousel .photoTextWrapper { width: 45%; background-color: #fff; border-radius: 20px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); left: auto; right: 0; transform: translateY(-50%); text-align: right; }
.newsSlider .owl-carousel .photoTextWrapper h3 { margin: 0; font-size: 275%; font-family: 'FbMatritsa', sans-serif; font-weight: 600; line-height: 1.27; }
.newsSlider .owl-carousel .photoFullText::before { content: ''; display: inline-block; width: 35px; height: 8px; background-color: #ee2768; border-radius: 40px; vertical-align: middle; margin-left: 15px; position: absolute; right: 0px; top: 7px; }
.newsSlider .owl-carousel .photoTextWrapper .photoFullText { font-size: 100%; margin-top: 15px; display: flex; align-items: center; position: relative; padding-right: 55px; }
.newsSlider .owl-carousel .photoTextWrapper .photoTextLinkWrapper { margin-top: 55px; }

.newsSlider .owl-carousel { position: relative; }
.owl-carousel.single-item .owl-controls { display: none; }
.newsSlider .owl-nav { position: absolute; bottom: 0; right: 0; display: flex; }
.newsSlider .owl-carousel .owl-nav div + div { margin-left: 15px; }
.newsSlider .owl-carousel .owl-nav div { position: static; transform: none; }

@media(min-width: 768px) and (max-width: 1024px) {
    .newsSlider .owl-carousel .photoTextWrapper h3 { font-size: 220%; }
    .newsSlider .owl-carousel .photoTextWrapper .photoFullText { font-size: 80%; }
    .newsSlider .owl-carousel .photoTextWrapper { padding: 30px; }
}

@media(max-width: 767px) {
    .newsSlider.grid-gallery-section { padding: 0 10px; margin-bottom: 0; }
    .newsSlider .owl-carousel .photoTextWrapper { width: 90%; position: relative; transform: none; margin-top: -30%; z-index: 1; padding: 30px 15px; }
    .newsSlider .owl-carousel .owl-item .item { display: flex; flex-direction: column; align-items: center; overflow: visible; }

    .newsSlider .topImg { max-width: 100%; }
    .newsSlider .owl-carousel .photoTextWrapper h3 { font-size: 170%; max-width: 90%; }
    .newsSlider .owl-carousel .photoTextWrapper .photoFullText { font-size: 75%; }
    .newsSlider .owl-carousel .photoTextLinkWrapper a.item-button { font-size: 70%; padding: 12px 25px; min-width: 120px; text-align: center; }
    .newsSlider .owl-carousel .photoTextWrapper .photoTextLinkWrapper { margin-top: 25px; }
    .newsSlider.grid-gallery-section .owl-carousel .owl-stage-outer { padding: 40px 0; }
    .newsSlider .owl-nav { left: 50%; right: auto; transform: translateX(-50%); bottom: -15px; }
}

/* HOMEPAGE / VISIT SECTION */
.visitSec.grid-content-section { padding-top: 40px; padding-bottom: 60px; margin-bottom: 60px; max-width: 1090px; }
.visitSec .section-title::after { content: ''; display: block; width: 35px; height: 8px; border-radius: 40px; background-color: #ee2768; margin: 15px auto 0; }
.visitSec .grid-boxes { display: flex; flex-wrap: wrap; margin: 45px -10px 0; -ms-overflow-style: none; scrollbar-width: none; }
.visitSec .grid-boxes::-webkit-scrollbar { display: none; }
.visitSec .grid-boxes .grid-box { margin: 0; }
.visitSec .grid-box { padding: 0 10px; }
.visitSec .grid-box-title { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: fit-content; color: #fff; font-family: 'FbMatritsa', sans-serif; font-weight: normal; z-index: 1; }
.visitSec .grid-boxes .grid-box-image { margin: 0; padding-bottom: 98%; transition: .4s ease box-shadow; }
.visitSec .grid-boxes .grid-box-image img { height: 100%; width: auto; }
.visitSec .grid-box-image:hover { box-shadow: 10px -17px 50px 0 rgba(0, 0, 0, 0.15); }
.visitSec .grid-box-image { border-radius: 10px; overflow: hidden; position: relative; }
.visitSec .grid-boxes .grid-box .grid-box-title h3 { font-size: 100%; }
.visitSec .grid-box .grid-box-image::before { content: ''; position: absolute; border: 0; bottom: 0; right: 0; height: 115px; width: 100%; opacity: 0.74; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000); z-index: 1; pointer-events: none; }



@media(max-width: 767px) {
    .visitSec.grid-content-section { padding: 40px 0; margin-top: 20px; margin-bottom: 30px; }
    .visitSec .grid-boxes { white-space: nowrap; overflow-x: auto; flex-wrap: nowrap; margin: 20px 0 0; scroll-snap-align: center; scroll-snap-type: x mandatory; padding-right: 15%; padding-left: 15%; }
    .visitSec .grid-boxes .grid-box { flex: 1 0 100%; scroll-snap-align: center; }
    .visitSec .grid-boxes .grid-box .grid-box-title { width: 85%; }
    .visitSec .grid-boxes .grid-box .grid-box-title h3 { white-space: normal; margin: 0; font-size: 75%; }
}

/* HOMEPAGE / Institutions SECTION*/
.institutionsSec.grid-content-section { max-width: 100%; margin-top: 50px; margin-bottom: 60px; padding-top: 100px; padding-bottom: 60px; }
.institutionsSec .grid-boxes { display: flex; justify-content: space-between; margin: 0 auto; max-width: 1080px; }
.institutionsSec .grid-boxes::before, .institutionsSec .grid-boxes::after { content: none; }
.institutionsSec .grid-box-subtitle.button a:hover { background-color: #ee2768; color: #fff; }
.institutionsSec .grid-box { background: #7768af url(/warehouse/temp/technoda/kinder-box-bg.png); background-size: cover; background-repeat: no-repeat; background-position: center; }
.institutionsSec .grid-box:nth-child(1) { background-color: #4ea1d9; }
.institutionsSec .grid-box:nth-child(2) { background-color: #7768af; }

.institutionsSec .grid-box { margin: 0; flex-basis: 47%; max-width: 500px; }

.institutionsSec .grid-boxes .grid-box-subtitle { font-size: 100%; margin-top: 25px; }
.institutionsSec .grid-box-subtitle.button a { border-radius: 23px; background-color: #ffcb1a; font-size: 80%; padding: 13px 35px; min-width: 170px; display: inline-block; }
.institutionsSec .grid-boxes .grid-box-title h3 { font-size: 225%; font-family: 'FbMatritsa', sans-serif; font-weight: 600; margin: 0; color: #fff; }

@media(max-width:767px) {
    .institutionsSec.grid-content-section { padding: 20px 15px; margin-bottom: 30px; margin-top: 25px; }
    .institutionsSec .grid-boxes { flex-direction: column; }
    .institutionsSec .grid-boxes .grid-box-title h3 { font-size: 150%; }
    .institutionsSec .grid-box:not(:last-child) { margin-bottom: 40px; }
    .institutionsSec .grid-box-subtitle.button a { font-size: 70%; min-width: 120px; padding: 8px 12px; }
    .institutionsSec .grid-box { padding: 60px 15px 40px; }
    .institutionsSec .grid-boxes .grid-box-subtitle { margin-top: 15px; }
}


/* HOMEPAGE | ABOUT SECTION */

.aboutHomeSec.grid-row-section { padding: 60px 0; margin-top: 55px; margin-bottom: 0; }
.aboutHomeSec .grid-rows .grid-row-text h2 { font-family: 'FbMatritsa', sans-serif; font-weight: 600; font-size: 225%; margin: 0; }
.aboutHomeSec .grid-rows .grid-row-text h3 { margin: 8px 0 0; font-size: 100%; }
.aboutHomeSec .grid-rows .grid-row-text h3::before { content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 8px; border-radius: 40px; background-color: #ee2768; margin-left: 15px; }
.aboutHomeSec .grid-rows .grid-row-text p { font-size: 75%; line-height: 1.6; margin-top: 20px; }
.aboutHomeSec .grid-rows .grid-row-text a.grid-row-button { min-width: 170px; font-size: 80%; border-radius: 23px; background-color: #ffcb1a; border: transparent; padding: 13px; text-align: center; margin-top: 50px; }
.aboutHomeSec .grid-rows .grid-row-text a.grid-row-button:hover { background-color: #ee2869; }
.aboutHomeSec .grid-rows .grid-row { width: 85%; }
.aboutHomeSec .grid-rows .grid-row-cell.flexslider-box { width: 90%; }
.aboutHomeSec .grid-row li.slider-item { padding-bottom: 55%; }
.aboutHomeSec .grid-rows .grid-row-cell-text { max-width: 550px; }

@media(max-width: 767px) {
    .aboutHomeSec .grid-rows .grid-row, .aboutHomeSec .grid-rows .grid-row-cell.flexslider-box { width: 100%; }
    .aboutHomeSec.grid-row-section { padding: 40px 15px; margin-top: 30px; }
    .aboutHomeSec .grid-rows .grid-row-text h2 { font-size: 170%; }
    .aboutHomeSec .grid-rows .grid-row-text h3 { font-size: 85%; }
    .aboutHomeSec .grid-rows .grid-row-cell-text { max-width: 90%; margin: -10% auto 0 !important; }
    .aboutHomeSec .grid-rows .grid-row-text p { font-size: 70%; }
    .aboutHomeSec .grid-rows .grid-row-text a.grid-row-button { font-size: 70%; min-width: 120px; padding: 8px 12px; margin-top: 25px; }
    .aboutHomeSec .grid-rows .grid-row-text h3::before { width: 16px; height: 4px; margin-left: 8px; }
}


/* HOMEPAGE | MAP SECTION */
.mapSec::before { content: ''; position: absolute; left: 0; top: 0; width: 140px; height: 280px; background-image: url(/warehouse/temp/technoda/carousel-decor.svg); background-size: cover; background-repeat: no-repeat; background-position-x: right; pointer-events: none; z-index: -1; }
.mapSec.grid-text-section { padding-top: 60px; padding-bottom: 117px; margin-top: 0; }
.mapSec .grid-text-content:target ul, .mapSec .grid-text-content:hover ul, .mapSec .grid-text-content:active ul { opacity: 0; }
.mapSec .grid-text-content > ul { position: absolute; top: 50%; right: 10%; transform: translateY(-50%); list-style: none; padding: 0; background-color: #9c2d4f; box-shadow: 0 3px 30px 0 rgba(156, 45, 79, 0.3); color: #fff; padding: 50px; border-radius: 10px; text-align: right; margin: 0; transition: .35s ease; }
.mapSec .grid-text-content { max-width: 90%; width: 100%; padding: 0; }
.mapSec strong { font-size: 150%; font-family: 'FbMatritsa', sans-serif; font-weight: 600; }
.mapSec li:last-child { font-size: 75%; margin-top: 10px; }
.mapSec iframe { width: 100%; }

@media(max-width: 767px) {
    .mapSec .grid-text-content > ul { right: auto; left: 50%; transform: translate(-50%, -50%); width: 70%; padding: 35px 25px; }
    .mapSec strong { font-size: 100%; }
    .mapSec.grid-text-section { padding: 0; margin-bottom: 0; }
    .mapSec .grid-text-content { max-width: 100%; }
    .mapSec li:last-child { font-size: 70%; }
}


/* FOOTER  */
#SiteFooter { background-color: #f7f6f2; }
#SiteFooter #partners-section { float: none; background-color: #fff; }

.footerFormContainer { background-color: initial; }

/*footer form*/
.FooterForm.form-container-wide { float: none; background-color: #47b9bc; }
.FooterForm.form-container-wide #DynamicFormObject { max-width: 100% !important; display: block; padding: 20px 15px; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; max-width: 1180px; margin: 0 auto; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; line-height: inherit; padding: 0; }
.FooterForm.form-container-wide #DynamicFormObject fieldset { display: flex; flex-wrap: wrap; margin-top: 15px; }
.FooterForm.form-container-wide .normal-form input, .FooterForm.form-container-wide .normal-form select { margin-bottom: 0; background-color: rgb(255 255 255 / 50%); }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit] { background-color: #ffcb1a; border-color: transparent; border-width: 2px; border-radius: 0; width: 100%; }
.FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-family: 'Rubik-Bold', sans-serif; font-size: 85%; line-height: inherit; }
.FooterForm.form-container-wide .select-wrapper:after { top: 50%; left: 15px; }
.FooterForm.form-container-wide #DynamicFormObject fieldset > div.col-xs-12 { padding: 0 5px; }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit]:focus { border-width: inherit; }
.FooterForm.form-container-wide #DynamicFormObject input[type=submit]:hover { background-color: #000; color: #fff; }

@media(min-width: 768px) {
    .FooterForm.form-container-wide #DynamicFormObject fieldset > div.col-xs-12 { width: 20%; float: none; flex: 1; }
}

@media(max-width: 767px) {
    .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField .must:before { right: 5px; }
    .FooterForm.form-container-wide #DynamicFormObject fieldset > div:not(:first-of-type) { margin-top: 10px; }
    .FooterForm.form-container-wide #DynamicFormObject input[type=submit] { font-size: 70% !important; min-width: 120px; padding: 8px 12px; }
    .FooterForm.form-container-wide #DynamicFormObject { padding-top: 40px; padding-bottom: 40px; }
}

/* Footer links */

#SiteFooter .footer-text-divided { display: flex; position: relative; max-width: 93%; margin: 55px auto 65px; padding: 0; }
#SiteFooter .footer-text-divided > div { display: block; width: auto; padding: 0; }
#SiteFooter .footer-text-divided .footer-text-right { display: flex; }
#SiteFooter .footer-text-right ul { list-style-type: none; margin: 0; padding: 0; }
#SiteFooter .footer-text-right ul > li > h3 { font-family: 'Rubik-Bold', sans-serif; font-size: 70%; margin: 0 0 30px; }
#SiteFooter .footer-text-right ul > li:not(:first-child) > ul, #SiteFooter .footer-text-right > ul:last-child > li:not(:first-child) { font-size: 60%; line-height: 1.6; }
#SiteFooter .footer-text-right > ul ul li:not(:last-child) { margin-bottom: 8px; }
#SiteFooter .footer-text-left p:nth-child(2) { margin-top: 25px; }
#SiteFooter .footer-text-divided .footer-text-left { position: absolute; left: 0; }
#SiteFooter .footer-text-right > ul ul > li a { transition: .35s ease; }
#SiteFooter .footer-text-right > ul ul > li a:hover { color: #47b9bc; }

@media(min-width: 991px) {
    #SiteFooter .footer-text-divided { justify-content: space-between; }
    #SiteFooter .footer-text-divided .footer-text-left { top: 45px; }
}

@media(min-width: 768px) and (max-width: 990px) {
    #SiteFooter .footer-text-divided { flex-direction: column; align-items: center; }
    #SiteFooter .footer-text-divided .footer-text-left { position: static; }
}

@media(min-width: 768px) {
    #SiteFooter .footer-text-divided .footer-text-right > ul + ul { margin-right: 60px; }
    #SiteFooter .footer-text-right > ul:first-child > li:first-child::after { display: block; width: 100%; height: 1px; background-color: #47b9bc; content: ''; position: absolute; top: 30px; left: 0; right: 0; }
}

@media(max-width: 767px) {
    #SiteFooter .footer-text-divided { flex-direction: column; align-items: flex-start; }
    #SiteFooter .footer-text-right ul > li > h3 { margin-bottom: 10px; user-select: none; cursor: pointer; }
    #SiteFooter .footer-text-right ul { margin-bottom: 15px; }
    #SiteFooter .footer-text-divided .footer-text-right { flex-direction: column; width: 100%; }
    #SiteFooter .footer-text-right > ul:not(:last-child) > li + li { display: none; }
    #SiteFooter .footer-text-right ul:not(:last-child) > li > h3::after { display: inline-block; vertical-align: middle; content: ''; margin-right: 5px; position: relative; background: url(/warehouse/temp/technoda/lang-arrow.svg); width: 7px; height: 4px; background-repeat: no-repeat; background-position: center; transition: .35s ease; }
    #SiteFooter .footer-text-right ul.active > li:not(:last-child) > h3::after { transform: rotate(180deg); }
}

#ContentRegularModule { padding: 50px 0; text-align: inherit; }
#ContentRegularModule #pageview { max-width: 700px; margin: 0 auto; }
#ContentRegularModule #galleryview { max-width: 100%; }
#ContentRegularModule #galleryview .gallery-container { margin: 50px 0 0; }
#ContentRegularModule .MainContent { max-width: 730px; margin: 0 auto; padding: 0 15px; }
#ContentRegularModule .MainContent + #text2 { padding: 0 15px; }

#ContentRegularModule #text1 { max-width: 100%; text-align: inherit; }
#ContentRegularModule #headline { line-height: 1.2; font-family: 'FbMatritsa', sans-serif; font-weight: 600; text-align: inherit; font-size: 100%; }
#ContentRegularModule #headline > * { line-height: inherit; font-size: 225%; }
#ContentRegularModule #text1 > h2 { margin-bottom: 10px; display: flex; align-items: center; line-height: inherit; }
#ContentRegularModule #text1 > p > img { display: block; margin: 30px 0; }
#ContentRegularModule #text1 > ul li, #ContentRegularModule #text2 > ul li { margin-bottom: 20px; font-size: 75%; }
#ContentRegularModule #text1 > p, #ContentRegularModule #text2 > p { font-size: 75%; line-height: 1.6; }
#ContentRegularModule #text1 > h3, #ContentRegularModule #text2 > h3 { font-family: 'FbMatritsa', sans-serif; font-size: 125%; margin: 0 0 15px; display: flex; align-items: center; line-height: inherit; }
#ContentRegularModule #text1 > h3::before, #ContentRegularModule #text1 > h2::before { content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 8px; border-radius: 40px; background-color: #ee2768; margin-left: 20px; }

@media(max-width: 767px) {
    #ContentRegularModule { padding-top: 25px; padding-bottom: 25px; }
    #ContentRegularModule #headline > * { font-size: 150%; }
    #ContentRegularModule #text1 > p { font-size: 70%; }
    #ContentRegularModule #text1 > h3 { font-size: 95%; }
    #ContentRegularModule #text1 > h3::before { width: 16px; height: 4px; margin-left: 8px; }
    #ContentRegularModule #text1 > h2 { font-size: 125%; }
    #ContentRegularModule #text1 > ul li, #ContentRegularModule #text2 > ul li { margin-bottom: 10px; }
}


/* DYNAMIC FORM & INPUTS */
/*inputs*/
.normal-form input, .normal-form textarea, .normal-form select { border-radius: 0; font-size: 14px; line-height: 1.5; padding: 10px; width: 100%; height: auto; font-size: 14px !important; border-color: transparent; box-shadow: none; border-width: 2px; }
.normal-form .must { position: relative; }
.normal-form .must::before { content: '*'; display: inline-block; height: auto; top: 17px; right: 5px; font-size: 12px; line-height: 1; }

@media(max-width: 787px) {
    .normal-form input, .normal-form textarea { font-size: 12px !important; }
}

/* GridPromo | Dynamic Form */
#GridPromo.form-container-wide #DynamicFormObject { border-radius: 20px; box-shadow: 0 3px 30px 0 rgb(156 45 79 / 30%); background-color: #9c2d4f; color: #fff; padding: 65px 70px 60px; width: 100%; max-width: 970px !important; margin: 0 auto; }
#GridPromo.form-container-wide .normal-form select, #GridPromo.form-container-wide .normal-form input:not([type="submit"]), #GridPromo.form-container-wide .normal-form textarea { background-color: #fff; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; font-weight: 600; font-family: 'FbMatritsa', sans-serif; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { margin-top: 45px; }
#GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: block; width: 100%; }

.grid-form-section.section { max-width: 100%; margin: 0; background-image: linear-gradient(44deg, #afcb22 59%, #f39129 103%); padding: 70px 15px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormEndText { display: block; width: 100%; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 100%; font-family: 'FbMatritsa'; font-weight: 500; margin: 13px 0 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form > a { text-decoration: underline; font-style: italic; }
.grid-form-section .form-container-wide { max-width: 1190px; margin: 0 auto; }
#DynamicFormObject .dynamicFormObjectField, .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding: 0 10px; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; margin: 0; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin: 0; }
#DynamicFormObject input[type=submit] { background-color: #ffcb1a; border-radius: 100px; color: #000; font-size: 80% !important; font-weight: normal; border-color: transparent; width: 170px; height: auto; padding: 10px; line-height: 1.4; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; clear: both; margin: 0 auto; width: auto; display: inline-block; min-width: 170px; padding: 0; }
#DynamicFormObject input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover { background: #000; color: #fff; }
.form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { width: auto; margin: 0; }
#DynamicFormObject .checkboxField label { font-size: 60%; vertical-align: middle; }
#DynamicFormObject .dynamicFormObjectField .must:before { color: initial; right: 5px; }

@media (min-width: 768px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; }
}

@media(max-width: 767px) {
    #GridPromo.form-container-wide #DynamicFormObject { padding: 50px 15px 30px; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields form { margin-top: 20px; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 150%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; font-size: 75%; }
    #GridPromo.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 10px; }
    #DynamicFormObject input[type=submit] { width: 100%; border-radius: 0; }
}



/* Carousel cards*/
.swiper-slide { height: auto !important; }
.custom-slider .swiper-wrapper { padding: 30px 0; }
.carouselSec.grid-gallery-section::after { content: ''; position: absolute; left: 0; top: 0; width: 190px; height: 260px; background-image: url(/warehouse/temp/technoda/carousel-decor.svg); background-size: cover; background-repeat: no-repeat; background-position-x: right; pointer-events: none; z-index: -1; }
.carouselSec.grid-gallery-section { padding: 65px 0 50px; margin-top: 60px; margin-bottom: 55px; }
.carouselSec::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 80%; height: 100%; background-color: #f7f6f2; border-radius: 500px 0 0 500px; pointer-events: none; z-index: -1; }
.slide-item { position: relative; display: flex; background-color: #fff; border-radius: 10px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); text-align: right; overflow: hidden; }
.slider-body { margin: 0 auto 0 0; }
.slide-content { flex: auto; padding: 45px 35px; }
.slide-image img { max-width: 100%; }
.slide-content small { font-family: 'Rubik-Bold'; font-size: 70%; color: #9c2d4f; }
.slide-text { margin-top: 25px; }
.slide-content h3 { margin: 0; line-height: inherit; }
.slide-content > a { background-color: #ee2768; display: inline-block; color: #fff; border-radius: 23px; padding: 13px 35px; font-size: 80%; margin-top: 40px; transition: .35s ease; }
.custom-slider { max-width: 87%; margin-right: auto; }
.custom-slider .slider-nav > div { position: static; transform: none; width: 33px; height: 33px; border: 1px solid #ffcb1a; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: .35s ease; }
.custom-slider .slider-nav > div:hover { background-color: #ffcb1a; }
.custom-slider .slider-nav { display: flex; flex-direction: row-reverse; }
.custom-slider .slider-nav > div + div { margin-left: 18px; }
.custom-slider .slider-head > p { margin-top: 20px; font-size: 75%; width: 550px; max-width: 90%; line-height: 1.6; }
.slider-head, .slider-footer { width: 1220px; max-width: 95%; margin-left: auto; text-align: right; }
.slider-footer { display: flex; justify-content: space-between; }
.slider-footer > a { display: inline-block; font-size: 80%; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 2px; text-decoration-color: #ffcb1a; }
.slider-head h3::before { content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 8px; background-color: #ee2768; border-radius: 40px; margin-left: 15px; }
.slider-head h3 { margin: 8px 0 0; font-size: 100%; }
.slide-image { position: relative; flex-basis: 20%; max-width: 20%; }
.slide-image::before { content: ''; display: block; padding-bottom: 100%; }
.slide-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.custom-slider .cards-carousel-two .slide-image::before { padding-bottom: 147.73%; }
.slide-content > a:hover { background-color: #ffcb1a; color: #000; }


.activity-slider .section-title h2 { font-size: 175%; font-weight: 500; }
.activity-slider .slider-body { margin-top: 40px; }
.activity-slider .swiper { padding-right: 30px; margin-right: -30px; }
.activity-slider .swiper-wrapper { padding: 40px 0; }

.activity-slider .activity-card { flex-direction: column; overflow: visible; padding: 0 25px 10px; height: 100%; border-radius: 0; }
.activity-slider .activity-card .slide-image { max-width: 100%; flex-basis: auto; overflow: hidden; border-radius: 10px; margin-top: -40px; }
.activity-slider .activity-card .slide-image::before { padding-bottom: 43.67%; }
.activity-slider .activity-card .slide-content { padding: 30px 0; }
.activity-slider .activity-card .slide-content h3 { font-family: 'FbMatritsa', sans-serif; font-weight: 500; font-size: 125%; line-height: 1.2; }
.activity-slider .activity-card .slide-content .slide-text { font-size: 75%; line-height: 1.6; margin-top: 15px; }
.activity-slider .activity-card .slide-note { padding: 15px 0; border-top: 1px solid #85c54e; font-family: 'Rubik-Bold', sans-serif; font-size: 75%; }

@media(max-width: 767px) {
    .custom-slider { max-width: 90%; }
    .slide-item { flex-direction: column; }
    .slider-head h3 { font-size: 85%; }
    .slider-footer { max-width: 95%; align-items: center; }
    .slide-text { margin-top: 15px; }
    .slide-text h3 { font-size: 85%; }
    .slide-content { padding: 20px 15px; }
    .slider-body .swiper-slide { width: 80%; }
    .carouselSec.grid-gallery-section { padding: 30px 0 35px; margin-top: 30px; margin-bottom: 25px; }
    .carouselSec .cards-carousel-two { padding-top: 25px; padding-bottom: 30px; }
    .slider-footer > a { font-size: 70%; }
    .custom-slider .slider-head > p { font-size: 70%; }
    .slide-content > a { font-size: 70%; min-width: 120px; padding: 12px 25px; text-align: center; margin-top: 20px; }
    .carouselSec.grid-gallery-section::after { height: 50%; width: 25%; }
    .slider-head h3::before { width: 16px; height: 4px; margin-left: 8px; }
    .custom-slider .cards-carousel-two .slide-image::before { padding-bottom: 65%; }
    .cards-carousel-two .slide-content { min-height: 210px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
    .custom-tabs .sub-tab-content h3 { margin-top: 30px; }
    .activity-slider { max-width: 100%; padding-right: 15px; }
    .activity-slider .section-title h2 { font-size: 125%; }
    .activity-slider .slider-body { margin-top: 30px; }
    .activity-slider .swiper-wrapper { padding-bottom: 30px; }
    .activity-slider .activity-card .slide-content h3 { font-size: 85%; line-height: 1.5; }
    .activity-slider .activity-card .slide-content .slide-text { margin-top: 10px; font-size: 70%; line-height: 1.4; }
    .activity-slider .activity-card .slide-content { padding: 15px 0; }
    .activity-slider .activity-card .slide-note { padding: 10px 0; }
}



/* Event card */
.event-card .slide-content h3 { font-size: 125%; font-family: 'FbMatritsa', sans-serif; font-weight: 500; }
.event-card .slide-content p { font-size: 75%; margin-top: 10px; }
.event-card .slide-image { flex-basis: 45%; max-width: 220px; }

@media(max-width: 767px) {
    .event-card .slide-image { flex: 100%; max-width: 100%; }
    .event-card .slide-image::before { padding-bottom: 56.25%; }
    .event-card .slide-content h3 { font-size: 95%; }
    .event-card .slide-content p { font-size: 70%; }
}

/* Community card */
.community-card.slide-item { flex-direction: column; }
.community-card .slide-image { flex-basis: 100%; max-width: 100%; }
.community-card .slide-image::before { padding-bottom: 54.885%; }
.community-card .slide-content { position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 10px; border-top: 3px solid #85c54e; }
.community-card .slide-content h3 { font-size: 100%; text-align: center; }


@media(max-width: 767px) {
    .community-card .slide-content h3 { font-size: 75%; }
    .community-card .slide-image::before { padding-bottom: 66.5%; }
}



/* START INNER PAGES */
/*********************/
#GridTop { max-height: 450px; margin-top: 80px; }
#GridTop::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 60%); }
#GridTop.noTopImage.longer { height: auto; }
#GridTop .top-caption { top: 50%; font-size: 275%; text-align: center; line-height: 1; font-family: 'FbMatritsa', sans-serif; font-weight: 600; width: fit-content; width: 100%; padding: 0 15px; }
#GridTop .top-caption h1 { font-size: inherit; }
#GridTop .top-caption-subtitle { font-size: 45.45%; font-weight: 500; margin-top: 20px; line-height: 1.3; }
#GridTop .top-caption > a.sec-button { background-color: #ee2768; color: #fff; font-size: 16px; font-family: 'Rubik-Regular', sans-serif; font-weight: normal; border-radius: 23px; width: 145px; display: block; padding: 13px; margin: 0 auto; max-width: 50%; margin-top: 20px; }

@media(max-width: 767px) {

    #GridTop { margin-top: 60px; max-height: 250px; }
    #GridTop .top-caption { font-size: 180%; }
    #GridTop .top-caption-subtitle { margin-top: 10px; }
}


/* Categories Strip */
.categories-strip { display: none; background-color: transparent; color: initial; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); max-width: 100%; z-index: 1; }
.categories-strip ul.hidden-xs { display: flex !important; justify-content: flex-start; padding: 30px 15px; white-space: nowrap; overflow: auto; }
.categories-strip ul.hidden-xs li { border-radius: 23px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); background-color: #fff; font-size: 80%; padding: 0px; display: inline-block; color: #929292; }
.categories-strip ul.hidden-xs li a { width: 100%; height: 100%; display: block; padding: 13px 25px; }
.categories-strip ul.hidden-xs li.active { background-color: #ffcb1a; color: #000; }
.categories-strip ul.hidden-xs li:not(:first-child) + li { margin-right: 15px; }
.categories-strip .hidden-xs li:first-of-type { display: none; }
.categories-strip .mobile-strip { display: none; }
#GridTop .contentModuleNav { display: flex; }
.contentModuleNav a:hover { opacity: 1; }
.contentModuleNav { display: none; background: none; color: initial; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); margin: 0; white-space: nowrap; justify-content: flex-start; padding: 30px 15px; font-size: 100%; z-index: 1; max-width: 100%; overflow-x: auto; }
.contentModuleNav a { border-radius: 23px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.08); background-color: #fff; margin: 0; }
.contentModuleNav a:first-child { display: none; }
.contentModuleNav a.selected { background-color: #ffcb1a; color: #000; text-decoration: none; }
.contentModuleNav a { font-size: 80%; padding: 13px 25px; display: inline-block; color: #929292; margin-left: 0; }
.contentModuleNav a:not(:first-child) + a { margin-right: 15px; }

@media(max-width: 767px) {
    .contentModuleNav, .categories-strip ul.hidden-xs { -ms-overflow-style: none; scrollbar-width: none; }
    .contentModuleNav::-webkit-scrollbar, .categories-strip ul.hidden-xs::-webkit-scrollbar { display: none; }
    .categories-strip ul.hidden-xs li a,
    .contentModuleNav a { font-size: 75%; padding: 8px 16px; }
    .categories-strip ul.hidden-xs li { font-size: 100%; }
}


/*
    Kinder gardens page
*/
.kinderPage .aboutSec { max-width: 1200px; margin-top: 0; margin-bottom: 60px; }
.kinderPage .aboutSec .grid-row { flex-direction: row-reverse; align-items: center; justify-content: space-between; /* padding-top: 30px; */ }
.aboutSec .grid-row-cell.flexslider-box { width: 100%; max-width: 580px; flex-shrink: 1; flex-basis: 0; flex-grow: 1; }
.kinderPage .exhibitionsSec.grid-row-section { padding-top: 100px; padding-bottom: 75px; margin-bottom: 60px; margin-top: 60px; }
.kinderPage .exhibitionsSec .section-title { margin-bottom: 50px; }
.kinderPage .exhibitionsSec .grid-rows .grid-row { padding: 50px 0; width: 100%; }
.kinderPage .exhibitionsSec.grid-row-section .grid-row-cell-text { width: 55%; }
.kinderPage .exhibitionsSec.grid-row-section .grid-row-cell.flexslider-box { width: 475px; max-width: 45%; }
.kinderPage .exhibitionsSec.grid-row-section .grid-row-cell-text { width: 720px; max-width: 70%; padding: 48px 60px; }
.kinderPage .exhibitionsSec.grid-row-section .grid-rows .grid-row-text h2 { font-size: 125%; font-weight: 500; }
.kinderPage .exhibitionsSec .grid-rows .grid-row-text h2::before { content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 8px; border-radius: 40px; background-color: #ee2768; margin-left: 15px; }
.kinderPage .exhibitionsSec .grid-rows .grid-row-text p { font-size: 75%; margin-top: 20px; }

@media(min-width: 768px) {
    .kinderPage .grid-row-cell.flexslider-box { width: 100%; max-width: 533px; flex-shrink: 1; flex-basis: 0; flex-grow: 1; }
    .kinderPage .activitiesSec .grid-row { flex-direction: row-reverse; justify-content: space-between; }
}

@media(max-width: 767px) {
    .kinderPage .aboutSec { margin-bottom: 30px; }

    .kinderPage .exhibitionsSec.grid-row-section { padding-top: 60px; padding-bottom: 45px; margin-top: 30px; margin-bottom: 30px; }
    .kinderPage .exhibitionsSec.grid-row-section .grid-row-cell.flexslider-box { max-width: 100%; }
    .kinderPage .exhibitionsSec.grid-row-section .grid-row-cell-text { padding: 24px 30px; max-width: 95%; max-width: calc(100% - 15px); }
    .kinderPage .exhibitionsSec.grid-row-section .grid-rows .grid-row-text h2 { font-size: 95%; }
    .kinderPage .exhibitionsSec .grid-rows .grid-row-text p { font-size: 70%; }
    .kinderPage .exhibitionsSec .grid-rows .grid-row { padding: 15px 0; }
    .kinderPage .exhibitionsSec .section-title { margin-bottom: 0; }
    .kinderPage .exhibitionsSec .grid-rows .grid-row-text h2::before { width: 16px; height: 4px; margin-left: 8px; }

    .kinderPage .aboutSec .grid-row-cell-text { padding-top: 15px; }
}


/* Elementary schools */
.elschoolsPage #GridPage::before { content: none; }
.elschoolsPage .grid-gallery-section { margin: 60px 0; padding: 60px 0 40px; }
.elschoolsPage .areasSec.grid-content-section { padding: 65px 130px; }
.elschoolsPage .areasSec .section-title { margin-bottom: 45px; }
.elschoolsPage .areasSec.grid-content-section .grid-box { padding: 25px; border-radius: 0; text-align: right; }
.elschoolsPage .areasSec.grid-content-section .section-title h2 { font-weight: 500; font-size: 175%; font-family: 'Rubik-Bold', sans-serif; }
.elschoolsPage #SiteContainer .areasSec .grid-boxes { max-width: 1080px; }
.elschoolsPage #SiteContainer .areasSec .grid-box { max-width: 250px; }

@media(max-width: 767px) {
    .elschoolsPage .grid-gallery-section { margin-top: 0; margin-bottom: 0; padding: 60px 0; }
    .elschoolsPage .areasSec.grid-content-section .section-title h2 { font-size: 108%; }
    .elschoolsPage .areasSec.grid-content-section { padding-right: 30px; padding-left: 30px; }
    .elschoolsPage #SiteContainer .cardsStyle .grid-box { width: 100%; }
}


/* HighSchool Page */
.highSchoolPage #GridPage::before { content: none; }
.highSchoolPage .boxedLayout .section-title { margin-bottom: 45px; }
.highSchoolPage .boxedLayout .section-title h2 { font-size: 175%; font-weight: 500; }
.highSchoolPage .grid-box { max-width: 270px; }
.highSchoolPage #SiteContainer .boxedLayout .grid-boxes { max-width: 820px; }
.highSchoolPage #SiteContainer .boxedLayout .grid-box { margin-bottom: 30px; }


@media(max-width: 767px) {
    .highSchoolPage .boxedLayout .section-title h2 { font-size: 125%; }
    .highSchoolPage .boxedLayout.grid-content-section { padding-right: 30px; padding-left: 30px; }
    .highSchoolPage .boxedLayout .section-title { margin-bottom: 30px; }
    .highSchoolPage .grid-box { max-width: 100%; }
}


.classesPage .categories-strip { display: block; }

/* Gifted Page */

@media(min-width: 768px) {
    .giftedPage #GridPage::after { content: ''; display: block; position: absolute; bottom: 0; width: 170px; height: 275px; max-width: 20%; right: 0; background: url(/warehouse/temp/technoda/aboutPage-blue.svg); background-repeat: no-repeat; background-size: 100%; pointer-events: none; z-index: -1; }
}

@media(max-width:767px) {
    .giftedPage #text1 img { max-width: 210px; }
}

/* Contest Page */
.contestPage .rowLayout:first-child .grid-row { flex-direction: row-reverse; padding-top: 20px; }
.contestPage #GridPage::before { content: none; }
.contestPage .grid-text-section iframe { padding: 30px 0 30px; margin-bottom: 60px; }
.contestPage .grid-text .grid-text-content:not(.bulletLayout) { max-width: 1100px; }
.contestPage .grid-text-section iframe { min-height: 2460px; }


@media(min-width: 768px) {
    .contestPage .iframeSec::after { content: ''; position: absolute; width: 175px; height: 313px; background: url(/warehouse/temp/technoda/purple-shape.svg); background-repeat: no-repeat; background-size: 100%; right: 0; top: 50%; z-index: -1; pointer-events: none; }
}

@media(max-width: 767px) {
    .contestPage .stepsLayout.grid-content-section { padding-top: 60px; padding-bottom: 60px; }
    .contestPage .stepsLayout .section-title { margin-bottom: 0; }
    .contestPage .rulesSec.grid-text-section { padding-top: 60px; padding-bottom: 60px; }
    .contestPage .grid-text .grid-text-content { width: 100%; padding: 0; }
    .contestPage .grid-text-section iframe { min-height: 2730px; }
}


/* Medicine Museum page */
.medMuseumPage .israeliSec .grid-row { flex-direction: row-reverse; }
.medMuseumPage .rowStyle .grid-rows .grid-row-text h2 { font-size: 175%; font-weight: 500; }
.medMuseumPage .rowStyle .grid-rows .grid-row-text h3 { font-size: 100%; margin-bottom: 10px; }
.medMuseumPage .rowStyle:not(.israeliSec) .grid-rows .grid-row.gridHasVideo .flexslider-box .grid-iframe-holder { padding-bottom: 100%; }
/*.medMuseumPage .rowStyle:not(.israeliSec) .grid-rows .grid-row.gridHasVideo .flexslider-box .grid-iframe-holder iframe { transform: scale(1.4); }*/
.medMuseumPage .introTextLayout.grid-text-section { padding-top: 100px; }
.medMuseumPage .galleryLayout { padding-top: 10px; padding-bottom: 70px; }
.medMuseumPage .rowFluidLayout ~ .rowFluidLayout .grid-row { flex-direction: row-reverse; }
.medMuseumPage .eventsSec { padding: 50px 0 90px; }
.medMuseumPage .eventsSec .slider-head .section-title h2 { font-size: 125%; font-weight: 500; }
.medMuseumPage .eventsSec .slider-head { text-align: center; }


@media(max-width: 767px) {
    .medMuseumPage .rowStyle .grid-rows .grid-row-text h2 { font-size: 125%; }
    .medMuseumPage .introTextLayout.grid-text-section { padding: 50px 15px 20px; }
    .medMuseumPage .galleryLayout { padding-bottom: 50px; }
    .medMuseumPage .eventsSec { padding-bottom: 50px; }
}



/* Med Museum Park Page */
.medParkPage .grid-gallery-section:first-child { padding: 0; }
.medParkPage .custom-slider .slider-head { text-align: center; }
.medParkPage .custom-slider .section-title h2 { font-size: 125%; font-weight: 500; }
.medParkPage .custom-slider { padding-bottom: 30px; }
.medParkPage .grid-row-section { padding-top: 40px; padding-bottom: 30px; }
.medParkPage .galleryLayout { padding-bottom: 140px; }
.medParkPage .introTextLayout.grid-text-section { padding-top: 75px; padding-bottom: 85px; }
.medParkPage .orderTicketLayout.grid-text-section { padding-top: 85px; padding-bottom: 70px; }
.medParkPage .rowLayout:not(.rowFluidLayout) .grid-row { flex-direction: row-reverse; }

@media(min-width: 768px) {
    .medParkPage .slide-image::before { padding-bottom: 150%; }
    .medParkPage .introTextLayout.grid-text-section::after { content: ''; display: block; position: absolute; bottom: -10%; right: 0; background: url(/warehouse/temp/technoda/green-shape.svg); background-repeat: no-repeat; width: 158px; height: 285px; background-size: 100% auto; z-index: 0; pointer-events: none; }
}

@media(max-width: 767px) {
    .medParkPage .galleryLayout { padding-bottom: 60px; }
    .medParkPage .grid-row-section { padding-top: 15px; }
    .medParkPage .introTextLayout.grid-text-section { padding-top: 60px; padding-bottom: 60px; }
    .medParkPage .orderTicketLayout.grid-text-section { padding-top: 60px; padding-bottom: 40px; }
}


/* Planetarium Page */
.planetPage .rowStyle.grid-row-section .grid-rows .grid-row-text a.grid-row-button { background-color: #ee2768; color: #fff; }
.planetPage .rowStyle .grid-rows .grid-row { padding-top: 35px; padding-bottom: 55px; justify-content: space-between; }
.planetPage .scaleImageGalleryLayout.grid-gallery-section { padding-bottom: 90px; padding-top: 50px; }

@media(min-width: 1025px) {
    .planetPage .rowLayout.grid-row-section .grid-row-cell-text { width: 48%; }
}

@media(max-width: 767px) {
    .planetPage .rowStyle .grid-rows .grid-row { padding-top: 25px; padding-bottom: 25px; }
    .planetPage .rowLayout.grid-row-section .grid-row-cell-text { padding-top: 15px; }
    .planetPage .rowLayout.grid-row-section .grid-row-cell { padding: 0 15px 15px; }
    .planetPage .rowLayout.grid-row-section .grid-row-cell.flexslider-box { padding-bottom: 30px; }
    .planetPage .scaleImageGalleryLayout.grid-gallery-section { padding-bottom: 50px; }
}

/* About Page */
@media(min-width: 768px) {
    .aboutPage #GridWrap::before { content: ''; display: block; position: absolute; top: 60%; width: 170px; height: 320px; max-width: 20%; right: 0; background: url('/warehouse/temp/technoda/aboutPage-blue.svg'); background-repeat: no-repeat; background-size: 100%; pointer-events: none; z-index: -1; }
}


/* Companies Page */
.companiesPage .rowStyle .grid-rows .grid-row { padding-top: 35px; padding-bottom: 35px; }
.companiesPage .rowStyle .grid-row .grid-row-text h2 { font-size: 125%; font-weight: 500; padding-right: 50px; }
.companiesPage .rowStyle .grid-row .grid-row-text h2::before { content: ''; display: inline-block; width: 35px; height: 8px; background-color: #ee2768; border-radius: 40px; margin-left: 15px; position: absolute; right: 0; }
.companiesPage .rowStyle .grid-rows .grid-row-cell-text ul { margin: 10px 0; }
.companiesPage .rowStyle .grid-rows .grid-row-cell-text ul li + li { margin-top: 10px; }





/* Community Page */
.communityPage .boxedLayout.grid-row-section .grid-rows { width: 1170px; }
.communityPage .introTextLayout { padding-bottom: 100px; }
.communityPage .boxedLayout { padding-top: 100px; }
.communityPage .donateSec .grid-row { flex-direction: row-reverse; }
.communityPage .donateSec.rowStyle .grid-rows .grid-row-text h2 { font-size: 175%; font-weight: 500; }

@media(max-width: 767px) {
    .communityPage .introTextLayout { padding-top: 30px; padding-bottom: 50px; }
    .communityPage .boxedLayout { padding-top: 50px; padding-bottom: 20px; }
    .communityPage .donateSec.rowStyle .grid-rows .grid-row-text h2 { font-size: 125%; }
}

/* Rules sec */
.rulesSec h2 { font-size: 175%; font-weight: 500; }
.rulesSec .grid-text-content { width: 100%; padding: 0; }
.rulesSec.grid-text-section { padding: 100px 15px 50px; max-width: 1000px; }
.rulesSec .grid-text { margin-top: 40px; }
.rulesSec .grid-text li + li { margin-top: 8px; }
.rulesSec .grid-text li { line-height: 1.6; }
.rulesSec .grid-text .grid-text-content .gridText2 { text-align: center; font-size: 75%; margin-top: 30px; }

@media(max-width: 767px) {
    .rulesSec h2 { font-size: 125%; }
    .rulesSec.bulletLayout .grid-text-content .gridText1 ul { column-count: 1; }
}

/* friendsGroup page*/
.friendsGroupPage #GridPage { padding-bottom: 80px; }
.friendsGroupPage #ContentRegularModule #text1 a { font-family: 'Rubik-Bold',sans-serif; font-size: 105%; border-bottom: 2px solid #ffcb1a; display: inline-block; }
.friendsGroupPage #ContentRegularModule #text1 > h3 { font-family: 'Rubik-Bold', sans-serif; font-size: 100%; }
.friendsGroupPage #ContentRegularModule #text1 > h3::before { content: none; }
.friendsGroupPage #ContentRegularModule #text1 > h4 { font-size: 80%; }
.friendsGroupPage #ContentRegularModule #text1 > h2 { font-weight: 500; font-size: 125%; }
.friendsGroupPage #ContentRegularModule #text1 > h2::before { content: none; }

@media(min-width: 768px) {
    .friendsGroupPage #GridPage::after { content: ''; position: absolute; width: 175px; height: 312px; background: url('/warehouse/temp/technoda/pink-shape.svg'); background-repeat: no-repeat; background-size: 100%; right: 0; bottom: 20%; z-index: -1; }
}


/* Team page */
.teamPage #GridPage { padding-top: 100px; padding-bottom: 150px; }
.teamPage #GridPage::after { content: ''; position: absolute; width: 175px; height: 290px; background: url('/warehouse/temp/technoda/green-shape.svg'); background-repeat: no-repeat; background-size: 100%; right: 0; bottom: 0; z-index: -1; }
.teamPage .crewLayout .grid-boxes .box-image-animation:hover img { transform: none; }

.teamSec.grid-text-section { margin-top: 150px; }
.teamSec .grid-text { max-width: 900px; margin: 0 auto; border-radius: 20px; box-shadow: 0 3px 30px 0 rgba(119, 104, 175, 0.3); background-color: #7768af; padding: 70px; color: #fff; }
.teamSec .grid-text .grid-text-content { width: 100%; padding: 0; }
.teamSec .grid-text .grid-text-content ul { column-count: 3; text-align: right; font-size: 75%; }
.teamSec .grid-text .grid-text-content li + li { margin-top: 20px; }
.teamSec .grid-text .grid-text-content li::before { border-color: #ffcb1a; }
.teamSec .grid-text h2 { font-size: 225%; margin-bottom: 40px; }

@media(max-width: 767px) {
    .teamPage #GridPage { padding-top: 50px; padding-bottom: 50px; }
    .teamPage #GridPage::after { width: 100px; height: 150px; }
    .teamSec .grid-text .grid-text-content ul { column-count: 1; }
    .teamSec.grid-text-section { margin-top: 50px; }
    .teamSec .grid-text { padding: 60px 30px; }
    .teamSec .grid-text h2 { font-size: 150%; }
}


/* Contact page */
.contactPage #GridPage::after { content: ''; position: absolute; width: 175px; height: 210px; background: url('/warehouse/temp/technoda/purple-shape.svg'); background-repeat: no-repeat; background-size: 100%; right: 0; bottom: 0; z-index: -1; }
.contactPage #ContentRegularModule #headline > * { font-size: 125%; font-weight: 500; }
.contactPage p:last-child a + a { display: inline-block; margin-right: 10px; }

/* Jobs page */
.jobsPage #GridPage::after { content: ''; position: absolute; width: 175px; height: 210px; background: url('/warehouse/temp/technoda/green-shape.svg'); background-repeat: no-repeat; background-size: 100%; right: 0; bottom: 0; z-index: -1; }
.jobsPage #ContentRegularModule #text1 > h2 { font-weight: 500; justify-content: center; font-size: 125%; }
.jobsPage #ContentRegularModule #text1 > h2::before { content: none; }

@media(min-width: 768px) {
    .jobsPage .form-container-wide #DynamicFormObject .dynamicFormObjectField:not(.textareaField) { width: 50%; }
}


/* Home Expe page*/
.homeExPage.contentInnerPage #ContentRegularModule #headline > * { font-size: 170%; font-weight: 500; }
.homeExPage.contentInnerPage #ContentRegularModule #text1 > h2 { font-size: 100%; }

/* Camps page */
.campsPage #text1 a { border-bottom: 2px solid #ffcb1a; }
.campsPage #ContentRegularModule #text1 > h3::before,
.campsPage #ContentRegularModule #text2 > h3::before { content: none; }
.campsPage #ContentRegularModule #text1 > h3,
.campsPage #ContentRegularModule #text2 > h3 { margin-bottom: 10px; margin-top: 40px; }


@media(min-width: 768px) {
    .campsPage #GridPage::after { content: ''; position: absolute; width: 170px; height: 310px; background: url(/warehouse/temp/technoda/green-shape.svg); background-repeat: no-repeat; background-size: 100%; right: 0; top: 50%; z-index: -1; }
    .campsPage #SiteGrid.layout-bottom #GridPromo::before { content: ''; position: absolute; width: 165px; height: 315px; background-image: url('/warehouse/temp/technoda/blue-shape.svg'); background-repeat: no-repeat; top: 0; left: 0; }
}


/* Birthday page */
@media(min-width: 768px) {
    .birthdayPage #GridPage::after { content: ''; position: absolute; width: 170px; height: 310px; background: url(/warehouse/temp/technoda/yellow-shape.svg); background-repeat: no-repeat; background-size: 100%; right: 0; top: 20%; z-index: -1; }
    .birthdayPage #SiteGrid.layout-bottom #GridPromo::before { content: ''; position: absolute; width: 165px; height: 315px; background-image: url('/warehouse/temp/technoda/blue-shape.svg'); background-repeat: no-repeat; top: 0; left: 0; }
}




/* Custom Tab */

/*common nav*/
.custom-tabs .main-nav > ul, .custom-tabs .sec-nav > ul { display: flex; justify-content: center; }
.custom-tabs ul { list-style: none; padding: 0; margin: 0; }

.custom-tabs { max-width: 1270px; margin: 0 auto; padding: 0 0 90px; }

.custom-tabs .section-title { margin-bottom: 50px; }
.custom-tabs .section-title h2 { font-size: 175%; font-weight: 500; }

.custom-tabs .main-nav { border-bottom: 3px solid #7768af; padding: 0 15px; }
.custom-tabs .main-nav ul { color: rgb(0 0 0 / 50%); font-size: 75%; overflow-x: auto; white-space: nowrap; }
.custom-tabs .main-nav ul li { background-color: #f6f6f6; min-width: 124px; border-radius: 8px 8px 0 0; padding: 10px 5px; cursor: pointer; }
.custom-tabs .main-nav ul li.active { background-color: #7768af; color: #fff; font-family: 'Rubik-Bold', sans-serif; }
.custom-tabs .main-nav ul li + li { margin-right: 10px; }

.custom-tabs .sec-nav { padding: 55px 0 0; }
.custom-tabs .sec-nav ul li { font-size: 80%; color: rgb(0 0 0 / 50%); cursor: pointer; }
.custom-tabs .sec-nav ul li + li { margin-right: 45px; }
.custom-tabs .sec-nav ul li.active { text-decoration: underline; font-family: 'Rubik-Bold', sans-serif; color: rgb(0 0 0 / 100%); }


.custom-tabs .main-tab-content { display: none; background-color: #fff; padding: 0 15px 55px; box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.07); }
.custom-tabs .main-tab-content.active { display: block; }
.custom-tabs .sub-tab-content { display: none; flex-wrap: wrap; }
.custom-tabs .sub-tab-content.active { display: flex; }
.custom-tabs .sub-tab-content > * { flex: 0 0 50%; width: 50%; text-align: start; padding: 0 25px; }
.custom-tabs .sub-tab-content h3 { font-size: 100%; font-weight: 500; font-family: 'FbMatritsa', sans-serif; margin: 55px 0 15px; }
.custom-tabs .sub-tab-content p, .custom-tabs .sub-tab-content h4 { font-size: 75%; line-height: 1.6; }


@media(max-width: 767px) {
    .custom-tabs { padding-top: 80px; padding-bottom: 60px; }
    .custom-tabs .section-title { margin-bottom: 30px; }
    .custom-tabs .main-nav { padding-left: 0; }
    .custom-tabs .main-nav ul { justify-content: flex-start; }
    .custom-tabs .section-title h2 { font-size: 125%; }
    .custom-tabs .sub-tab-content ul { flex-basis: 100%; }
    .custom-tabs .sec-nav ul { white-space: nowrap; overflow-x: scroll; }
    .custom-tabs .sub-tab-content > * { flex-basis: 100%; }
    .custom-tabs .main-tab-content { padding-left: 0; }
}

/*ResultPage*/
.SearchResults #pageview .container-fluid { max-width: 750px; }
.resultItem a { font-size: 80%; }
.resultItem a span { max-width: 100%; }
.resultItem a:after { background-color: transparent; border: 1px solid #ffcb1a; display: flex; align-items: center; justify-content: center; border-radius: 33px; background-size: 20%; width: 25px; height: 25px; }
ul.searchResultsList li.resultItem { border-bottom: 1px solid #ffcb1a; }
.resultContent { display: flex; width: 100%; align-items: center; }
.resultContent > * { padding-left: 10px; }

@media(max-width: 767px) {
    .resultItem a span { max-width: 100%; }
    .SearchResults #GridTop { display: none; }
    .SearchResults #GridPage { padding-top: 80px; }
    .SearchResults #headline { font-size: 150%; }
}

#accessability .container-fluid { max-width: 730px; }
#accessability h2 { font-size: 125%; }
#accessability #text1 p, #accessability #text1 li { font-size: 75%; }
#accessability #headline { font-size: 225%; }

@media(max-width: 767px) {
    #accessability #headline { font-size: 150%; }
    #accessability h2 { font-size: 95%; }
}
