﻿/**v**/

body { font-size: 20px; color: #252525; }
.section { position: relative; }
h1, h2 { position: relative; display: inline-block; }
.section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline { color: #252525; font-family: 'stanga-aaa-bold'; }
.grid-rows .grid-row-text h2:after, .section-title h2:after, #headline h1:after { content: ''; position: absolute; width: 100%; height: 8px; bottom: 15px; right: 50%; background: linear-gradient(to right, #fdd45f, #cea648); background: -webkit-gradient(linear, left top, right top, from(#fdd45f), to(#cea648)); background: -webkit-linear-gradient(left, #fdd45f, #cea648); background: -o-linear-gradient(left, #fdd45f, #cea648); z-index: -1; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }

/*Header*/
#header2 { position: fixed; background: none; padding: 0; }
#header2.detailsInRow .max-width { max-width: 1070px; box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: -8px 7px 30px 0 rgba(0, 0, 0, 0.15); }
#header2 .LogoCentered ul.menu { margin-bottom: 0; }
#header2 #header-container { background: #fff; }
#header2 .header-top .address { display: none; }
#header2 .LogoCentered ul.menu li a { font-family: 'stanga-aaa-bold'; font-size: 135%; }
#header2 ul.menu li .menu-sub a { display: inline-block; width: auto; border-bottom: 1px solid transparent; line-height: 1.2; padding: 0; }
#header2 .menu-nav { margin-top: 0; }
#header2 ul.menu li a { color: #252525; }
#header2 .LogoCentered ul.menu li.logoInMenu * { display: inline-block; }
#header2 ul.menu > li:before { content: none; }
#header2 .LogoCentered ul.menu li.last-item { margin-left: 0; }
#header2 .has-sub i.opensub { color: #252525; font-size: 70%; margin-right: 0; }
#header2 ul.menu .menu-sub li { margin-bottom: 0; }
#header2 ul.menu li a:focus { opacity: 1; }
#header2 ul.menu li a:hover, #header2 ul.menu li a:focus { border-bottom: 1px solid #EEC557; }
#header2 ul.menu > li.active > a { border-bottom: 1px solid #EEC557; }
#header2 ul.menu li .menu-sub > li.active a { border-bottom: 1px solid #EEC557; }

#header2 .header-top-left a { width: 31px; height: 31px; border: 1px solid #E7BF55; border-radius: 50%; text-align: center; }
#header2 .header-top-left a.social_icon_instagram svg { width: 17px; height: 17px; margin-bottom: 3px; }
#header2 .header-top-left a.facebook_icon_instagram svg { width: 15px; height: 14px; margin-bottom: 3px; }
#header2 .header-top-left svg, #header2 ul.menu .social-links a svg { fill: #252525; }

/*Top Banner*/
#home-gallery:not(.video-slider) button.controlSlider { left: auto !important; right: 30px !important; }
#home-gallery { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%); }
#home-gallery .scroll-down { bottom: 8%; }
#home-gallery .scroll-down svg { opacity: 0; }
#home-gallery .scroll-down:after { content: ''; position: absolute; width: 38px; height: 23px; top: 0; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); background: url(../../../warehouse/temp/florentineCircus/0.1scrollDownArrow.png); background-size: cover; background-position: center; background-repeat: no-repeat; pointer-events: none; }

#DynamicFormObject .dynamicFormObjectFields { margin-bottom: 0; }
.dynamicFormObjectField, .dynamicFormObjectSubmit { padding: 0; }
#DynamicFormObject, .normal-form input::-webkit-input-placeholder { color: #252525; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-family: 'stanga-aaa-bold'; font-size: 200%; margin-bottom: 5px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { position: relative; display: inline-block; margin-bottom: 0; z-index: 0; }
#DynamicFormObject .dynamicFormObjectFields .top-form { display: block; width: 70%; font-size: 115%; line-height: 0.83; margin: 0 auto 10px; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { content: ''; position: absolute; width: 100%; height: 8px; bottom: 6px; right: 50%; z-index: -1; background: linear-gradient(to right, #fdd45f, #cea648); background: -webkit-gradient(linear, left top, right top, from(#fdd45f), to(#cea648)); background: -webkit-linear-gradient(left, #fdd45f, #cea648); background: -o-linear-gradient(left, #fdd45f, #cea648); transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
.normal-form input, .normal-form select { height: 34px; }
.normal-form input:focus { border-color: transparent !important; }
.normal-form input, .normal-form select, .normal-form input, .normal-form textarea { max-width: 100%; width: 100%; color: #252525; font-size: 77%; font-family: Assistant-Regular, Arial; background: #efefef; border-color: #cbcbcb; border-radius: 3px; margin-bottom: 10px; }
#DynamicFormObject input[type=submit] { width: 100%; height: 35px; background: #1d1d1b; color: #fff; border-radius: 3px; font-size: 130% !important; font-family: 'stanga-aaa-bold'; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.must:before { top: 9%; right: 9px; }

/*About Section*/
.grid-row-section.aboutSection { position: relative; margin-bottom: 0; z-index: 2; }
.grid-row-section.aboutSection .grid-rows { max-width: 1360px; margin: 0 auto; }
.grid-row-section.aboutSection:after { content: ''; position: absolute; width: 47vw; height: 60vh; background: url('../../../warehouse/temp/florentineCircus/1.0aboutSectionBg.png'); background-size: cover; background-position: center; background-repeat: no-repeat; right: -25%; top: 17%; pointer-events: none; z-index: -1; }
.grid-row-section.aboutSection:before { content: ''; position: absolute; width: 185px; height: 184px; background: url(../../../warehouse/temp/florentineCircus/2.0circleCaption.png); bottom: -105px; right: 20px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.aboutSection .grid-row { direction: ltr !important; background: transparent; }
.aboutSection .grid-rows .grid-row-text { max-width: 550px; width: 100%; }
.aboutSection .grid-rows .grid-row-text h2 { margin-bottom: 0; }
.aboutSection .grid-rows .grid-row-text p { font-size: 90%; }
.aboutSection .grid-row li.slider-item { padding-bottom: 100%; }
.aboutSection .grid-rows .grid-row-text a.grid-row-button, .innerBtn { display: inline-block; padding: 0; width: 170px; height: 40px; line-height: 40px; text-align: center; font-family: 'stanga-aaa-bold'; border: 1px solid transparent; background: #1d1d1b; color: #fff; border-radius: 3px; font-size: 130%; margin-top: 28px; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; }
.aboutSection .grid-rows .grid-row-text a.grid-row-button:hover, .innerBtn:hover, .innerBtn:focus { background: #fdd45f; color: #1d1d1b; }
#text1 a.innerBtn { background: #F00; width: 200px; height: unset; padding: 4px; font-size: 180%; }
#text1 a.innerBtn:hover { background: #1d1d1b; color: #fff; }

/*Modern Circus Section*/
.sections .modernCircusSection { padding: 200px 0; margin-bottom: 0; clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 91%); -webkit-clip-path: polygon(0 0, 100% 9%, 100% 100%, 0 91%); }
.modernCircusSection { max-width: 100%; background: url(../../../warehouse/temp/florentineCircus/3.0modernCircusBg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; }
.modernCircusSection .section-title, .hpGallerySection .section-title { margin-bottom: 60px; }
.modernCircusSection .section-title h2 { color: #fff; }
.modernCircusSection .section-title h2:after { bottom: 0; }
.modernCircusSection .grid-boxes { max-width: 95%; margin: 0 auto; }
.modernCircusSection .grid-box-title { height: 50px; width: 160px; position: absolute; bottom: -25px; right: 50%; background: #fff; border-radius: 3px; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
.modernCircusSection .grid-boxes .grid-box-title h3 { font-size: 160%; margin: 0; font-family: 'stanga-aaa-bold'; line-height: 50px; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.modernCircusSection .grid-boxes .grid-box-title h3 a { color: #252525; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.modernCircusSection .grid-boxes .grid-box-title h3:hover a, .modernCircusSection .grid-boxes .grid-box-title h3:focus a { color: #fff; }
.modernCircusSection .grid-boxes .grid-box-title h3:hover, .modernCircusSection .grid-boxes .grid-box-title h3:focus { background: #121212; color: #fff; }
.modernCircusSection .grid-boxes .grid-box-image { margin-bottom: 0; }
.modernCircusSection .grid-box.firstImgBox:before { content: ''; position: absolute; width: 80px; height: 100px; background: url(../../../warehouse/temp/florentineCircus/3.0circledStripeWithCursor.svg); background-size: cover; background-position: center; background-repeat: no-repeat; bottom: 80px; right: -25px; z-index: 10; }
/*3.0dottedCircle*/
.modernCircusSection .grid-box.lastImgBox:after { content: ''; position: absolute; width: 70px; height: 70px; background: url(../../../warehouse/temp/florentineCircus/3.0dottedCircle.svg); background-size: cover; background-position: center; background-repeat: no-repeat; top: -40px; left: 0; z-index: 10; }

/*Gallery Section*/
.hpGallerySection { margin-bottom: 20px; z-index: 1; }
.hpGallerySection:after { content: ''; position: absolute; width: 105px; height: 105px; background: url(../../../warehouse/temp/florentineCircus/3.0circledStripe.svg); top: -140px; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.owl-carousel .owl-item { padding: 0 10px; }
.owl-carousel .owl-item .item { padding: 0; }
.owl-carousel .owl-next:after, .owl-carousel .owl-prev:after { width: 72px; height: 72px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.owl-carousel .owl-next:after { width: 72px; height: 72px; background: url(../../../warehouse/temp/florentineCircus/4.0galleryArrowLeft.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
.owl-carousel .owl-prev:after { width: 72px; height: 72px; background: url(../../../warehouse/temp/florentineCircus/4.0galleryArrowRight.png); background-size: cover; background-position: center; background-repeat: no-repeat; }

/*Footer*/
footer { padding: 0; }
#SiteFooter .site-credit.alternative { padding: 15px 0; }
#SiteFooter .site-credit.alternative svg, #SiteFooter .site-credit.alternative svg .st0 { fill: #fff; }
#SiteFooter .footer-text-divided { position: relative; background: #171414; color: #fff; padding: 0; }
.footer-text-divided > div.footer-text-middle { padding: 76px 0; }
.footer-text-divided > div.footer-text-middle p { position: relative; font-size: 86%; z-index: 2; }
.footer-text-divided > div.footer-text-middle p:last-of-type { position: absolute; top: 0; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); z-index: 0; }
#SiteFooter .footerTitle, .modernCircusSection .section-title h2 { font-family: FortunaDot; }
#SiteFooter span.footerTxtDeco { color: #e8c055; }
a.AccessabilityLink:hover { color: #fff; }
#SiteFooter .footer-address.text-center { display: none; }
.footerInfo a:hover, .footerInfo a:focus { color: #fff; text-decoration: underline; }
.footerInfo:nth-child(2) { margin-bottom: 5px; }

/*General Form Styles*/
#side-contact-form #DynamicFormObject { border: none; }
#side-contact-form #DynamicFormObject, #GridPromo.affix-top #DynamicFormObject, #GridPromo.affix #DynamicFormObject { background: #fff; font-family: 'stanga-aaa-bold'; border-radius: 4px; padding: 30px 20px 40px; }
#side-contact-form #DynamicFormObject:after, #GridPromo.affix-top #DynamicFormObject:after, #GridPromo.affix #DynamicFormObject:after { content: none; }
#GridPromo.affix-top #DynamicFormObject, #GridPromo.affix #DynamicFormObject { border: 2px solid #cfa748; }
#GridPromo { margin: 0; padding: 0; }
.normal-form input, .normal-form select, .normal-form input, .normal-form textarea { background: #fff; margin-bottom: 15px; padding-right: 15px; }
#SiteGrid.layout-bottom #GridPromo { margin: 0; }
.select-wrapper:after { top: 17px; left: 10px; }

/*Form Result Page*/
#FormResultPage #text1 a { display: inline-block; padding: 0; width: 170px; height: 40px; line-height: 40px; text-align: center; font-family: 'stanga-aaa-bold'; border: 1px solid transparent; background: #1d1d1b; color: #fff; border-radius: 3px; font-size: 130%; margin-top: 28px; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; }
#FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus { background: #fdd45f; color: #1d1d1b; }
#FormResultPage #headline { text-align: center; }

/*****Inner Pages*****/
/*Lobby Styles*/
#lobbyview #headline { text-align: center; }
.lobby-grid #GridPage .max-width { padding: 0; }
#LobbyModule .grid-content-section { margin-bottom: 0; padding: 0; }
#LobbyModule .grid-boxes { padding-top: 0; }
#LobbyModule .grid-box { opacity: 1; transition: none; -webkit-transition: none; -o-transition: none; }
#LobbyModule .grid-boxes .grid-box-subtitle, #LobbyModule .grid-box-title { height: 50px; width: 175px; position: absolute; bottom: -15px; right: 50%; background: #1D1D1B; color: #fff; border-radius: 3px; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#LobbyModule .grid-boxes .grid-box-subtitle:hover, #LobbyModule .grid-box-title:hover, #LobbyModule .grid-boxes .grid-box-subtitle:focus, #LobbyModule .grid-box-title:focus { background: #fff; }
#LobbyModule .grid-boxes .grid-box-subtitle a, #LobbyModule .grid-box-title a { line-height: 50px; color: #fff; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
#LobbyModule .grid-boxes .grid-box-subtitle:hover a, #LobbyModule .grid-box-title:hover a, #LobbyModule .grid-boxes .grid-box-subtitle:focus a, #LobbyModule .grid-box-title:focus a { color: #1D1D1B; }
.innerBtn { margin: 0 0 20px; }

#SiteGridContainer.internalPage { background: url('../../../warehouse/temp/florentineCircus/5.0InnerBg.jpg'); }
.internalPage, .lobby-grid div#GridContent { background: #f5f5f5; }
#GridTop { height: 550px; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 94%); }
#GridWrap { position: relative; background: #fff; padding: 70px 100px 100px; }
body:not(.lobbyPage) #GridWrap:after { content: ''; position: absolute; width: 185px; height: 184px; background: url(../../../warehouse/temp/florentineCircus/2.0circleCaption.png); top: 0; left: 0; background-size: cover; background-position: center; background-repeat: no-repeat; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); pointer-events: none; }
body:not(.lobbyPage) #GridPage { padding-top: 0; }
#GridPage .max-width, #GridPage .max-width-center, #GridPage.gallery .max-width { margin-bottom: 110px; }
.categories-strip, #GridPage .max-width, #GridPage .max-width-center, #GridPage.gallery .max-width { max-width: 1170px; }
#GridPage { position: relative; }

.categories-strip { position: relative; margin: -135px auto 0; background: #252525; }
.categories-strip ul li { font-size: 90%; transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; }
.contactPage #GridPage, .activitiesPage #GridPage { margin-top: -135px; }

#GridContent, #SiteGrid.layout-2sides #GridContent { padding: 0 130px; float: none; }
#GridContent.short-grid { float: none; }
#SiteGrid.layout-2sides #GridContent { width: 100%; }

#text1, #text2 { max-width: 100%; font-size: 90%; }
#headline, #text1, #text2 { text-align: right; }
#text1 h3 { font-weight: bold; }
#headline { font-size: 100%; margin-bottom: 30px; }
.page-20765 #headline { text-align: center; }
#subheadline { display: none; }
#headline h1 { line-height: 0.7; z-index: 1; }
#headline h1:after { bottom: 4px; }

/*Lower Galleries*/
.gallery-cubes .image-link-inner { width: 50px; height: 50px; }
.gallery-cubes .plus-sign { font-size: 160%; }
.gallery-cubes > div { padding: 5px; }

/*Instructor Page*/
#ContentGridShortModule .grid-short-box.box { border: 1px solid #E8C055; }
.instructorPage #gridshort-view.shown > div { width: 49%; }
.instructorPage .grid-short-box.box:hover { background: none; color: #252525; }
.instructorPage .grid-short-box.box .grid-short-box-text, .instructorPage .grid-short-box .grid-short-box-label { color: #252525; }
.instructorPage .grid-short-box.box { background: none; }

/*Contact Page*/
.contactPage #headline { text-align: center; }
.contactPage #SiteGrid.layout-bottom #GridPromo { padding: 0; }
.contactPage #text1 { text-align: center; }
.contactPage #text1 p a:hover, .contactPage #text1 p a:focus { color: #252525; text-decoration: underline; }
.contactPage #text1 h3 { margin: 0 0 10px }
.form-container-wide #DynamicFormObject, #GridPromo #DynamicFormObject { display: block; border: 2px solid #cfa748; border-radius: 3px; padding: 30px; background: url(../../../warehouse/temp/florentineCircus/1.0aboutSectionBg.png); background-size: 64%; background-position: 70% 20%; background-repeat: no-repeat; }
.form-container-wide #DynamicFormObject:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { width: 100%; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText, .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; padding: 0; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 250%; font-family: 'stanga-aaa-bold'; }
.form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; float: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText:after { content: none; }
.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { bottom: 11px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 115%; margin-bottom: 20px; font-family: 'stanga-aaa-bold'; }
.form-container-wide .must:before { right: 13px; }


/* Other */
.magic-lights-page a.custom-link { display: inline-block; line-height: 40px; text-align: center; font-family: 'stanga-aaa-bold'; border: 1px solid transparent; background: #cd1212; color: #fff; border-radius: 3px; font-size: 130%; transition: all ease-in-out 200ms; -webkit-transition: all ease-in-out 200ms; -o-transition: all ease-in-out 200ms; font-size: 240%; width: auto; padding: 10px; height: auto; }
.magic-lights-page a.custom-link:hover, .magic-lights-page a.custom-link[href*="https://www.leaan.co.il/shows/%D7%A7%D7%A8%D7%A7%D7%A1%20%D7%A4%D7%9C%D7%95%D7%A8%D7%A0%D7%98%D7%99%D7%9F%20-%20the%20magic%20lights%20circus%20%D7%94%D7%9E%D7%A7%D7%95%D7%A8%D7%99/events"]:focus { background: #000; color: #fff; }


@media(min-width: 1025px) {
    #header2 #header-container { border-radius: 4px; }
    #header2 .max-width { margin-top: 45.5px; }
    #header2 #header-left { display: none; }
    #header2 ul.menu li .menu-sub a { color: #fff; }
    #header2 .menu-sub { background: #1d1d1b; }
    #header2 .header-right-section { display: flex; display: -webkit-box; display: -ms-flexbox; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
    #header2 .header-top { width: 107px !important; display: inline-block !important; order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; padding: 15px 0; }
    #header2 .menu-nav { width: 80%; display: inline-block; }
    #header2 .LogoCentered ul.menu li.logoInMenu a { width: 120px; }
    #header2 .LogoCentered ul.menu li.logoInMenu img { width: 160px; max-height: 160px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); }
    #header2 .menu-sub { padding: 10px 13px 10px; }

    /*#side-contact-form,*/ #GridPromo.affix-top, #GridPromo.affix { max-width: 210px; width: 100%; }
    #GridPromo.affix { top: 13%; left: 22%; position: fixed; z-index: 5; }
    #GridPromo.affix-top { position: fixed; left: 22%; bottom: -2%; z-index: 5; }

    .aboutSection .box-image-animation img { width: 640px; }

    .sections .modernCircusSection { top: -70px; }
    .modernCircusSection .grid-boxes .grid-box-image { padding-bottom: 370px; }
    .modernCircusSection .grid-boxes .grid-box { width: 330px; padding: 0 25px; }

    .owl-carousel .owl-item { max-width: 740px; }
    .owl-carousel .owl-item img { height: 480px; }

    .instructorPage .grid-short-box.box .grid-short-box-text { min-height: 335px; }
    .categories-strip ul li.active, .categories-strip ul li.strip-item:hover, .categories-strip ul li.strip-item:focus { background: #424242; }

    .gallery-cubes > div { width: 25%; }
}

@media(min-width: 991px) {
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline h1 { font-size: 435%; }

    /*Cube Section*/
    .modernCircusSection .section-title h2 { font-size: 350%; }

    #SiteFooter .footerTitle { font-size: 265%; }

    /*****Inner Pages*****/
    /*Lobby Styles*/
    #LobbyModule .grid-box { width: 30%; margin-bottom: 40px; }

    #SiteGrid.layout-2sides #GridContent { padding: 0 0 0 230px; }
    .instructorPage .grid-short-box.box .grid-short-box-text { min-height: 356px; }
}

@media(max-width: 1600px) {
    /*About Section*/
    .grid-row-section.aboutSection:after { width: 63vw; height: 65vh; right: -33%; top: 17%; }
    #SiteGrid { overflow: hidden; }
}

@media(min-width: 1367px) and (max-width: 1599px) {
    #GridPromo.affix-top, #GridPromo.affix { left: 8%; }
}

@media(min-width: 1170px) and (max-width: 1366px) {
    .modernCircusSection .grid-boxes .grid-box { width: 270px; padding: 0 15px; }
    .modernCircusSection .grid-boxes .grid-box-image { padding-bottom: 310px; }
    .aboutSection .grid-rows .grid-row-text { max-width: 450px; margin-top: 0; }
    .aboutSection .box-image-animation img { width: 620px; }
}

@media(min-width: 991px) and (max-width: 1366px) {
    #GridPromo.affix-top, #GridPromo.affix { left: 0; }
}

@media(min-width: 1170px) and (max-width: 1280px) {
    .aboutSection .box-image-animation img { width: 550px; }
}

@media(max-width: 1170px) {
    .grid-row-section.aboutSection:after { width: 53vw; height: 51vh; right: -27%; top: 31%; }
    #GridPage .max-width, .categories-strip { width: 90% !important; }
}

@media(min-width: 768px) {
    #videoContainer { width: 95%; margin: 0 auto; }

    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 85%; margin: 0 auto; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; padding: 0 7px; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 160px; }
}

@media(min-width: 768px) and (max-width: 1024px) {
    #header2 .LogoCentered ul.menu { font-size: 140%; }
    .gallery-cubes > div { width: 50%; }
}

@media(max-width: 1024px) {
    /*Header*/
    #header2 .max-width { width: 100%; }
    #header2 #header-left { position: absolute; top: -15px; right: 50%; width: auto; transform: translateX(50%); -webkit-transform: translateX(50%); -o-transform: translateX(50%); }
    #header2 #header-left img { width: 140px; }
    #header2.detailsInRow .header-right-section { background: #fff; padding: 20px 15px; }
    #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: #252525; height: 4px; }
    #header2 .menu-nav .closed, #header2 .menu-nav .opened { color: #252525; font-family: 'stanga-aaa-bold'; font-size: 110%; }
    #header2 .LogoCentered ul.menu { width: 100vw; height: 100vh; padding-top: 200px; background: #fff; }
    #header2 .menu-sub { background: #fff; }
    #header2 ul.menu .menu-sub li { font-size: 100%; }
    #header2 .LogoCentered ul.menu > li > a { font-size: 175%; }
    #header2 .has-sub i.opensub { font-size: 110%; margin: 0 5px 9px 0; }
    #header2 ul.menu li .menu-sub a { float: none; line-height: 1; }

    #header2 ul.menu .social-links a.social_icon_instagram svg { width: 25px; height: 25px; }
    #header2 ul.menu .social-links a.facebook_icon_instagram svg { width: 16px; height: 25px; }

    /*About Section*/
    .grid-row-section.aboutSection .grid-rows { width: 90%; }
    .grid-row-section.aboutSection:after { width: 64vw; height: 31vh; right: -34%; top: 29%; }

    .owl-carousel .owl-controls .owl-nav .owl-next { left: 22%; }
    .owl-carousel .owl-controls .owl-nav .owl-prev { right: 22%; }

    /*****Inner Pages*****/
    #GridContent #SiteGrid.layout-2sides #GridContent, #GridPage .max-width, #GridPage .max-width-center, #GridPage.gallery .max-width { width: 90%; padding: 40px; }
    .lobby-grid #GridContent { padding: 0; }
    .eventsLobby #LobbyModule .grid-box { width: 33%; }
}

@media(min-width: 991px) and (max-width: 1024px) {
    .aboutSection .grid-row li.slider-item { padding-bottom: 110%; }
    .sections .modernCircusSection { top: -50px; }
    .modernCircusSection .grid-boxes .grid-box-image { padding-bottom: 130%; }

    #GridPromo.affix-top { position: absolute; left: 30px; }
    #GridPromo.affix { width: 230px; top: 110px; left: 80px; }
    #GridContent { padding: 0 150px; }
    #SiteGrid.layout-2sides #GridContent { padding: 0 0 0 220px; }

    #DynamicFormObject .must:before { right: 15px; }
}

@media(max-width: 990px) {
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2 { font-size: 260%; }
    .grid-rows .grid-row-text h2:after, .section-title h2:after, #headline h1:after { bottom: 5px; }
    #headline h1 { font-size: 340%; }

    /*Top Banner*/
    #home-gallery { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 96%); }

    /*About Section*/
    .grid-row-section.aboutSection:before { content: none; }
    .aboutSection .grid-row { display: flex; display: -ms-flexbox; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; align-items: center; -webkit-box-align: center; -ms-flex-align: center; }
    .aboutSection .grid-row-cell.flexslider-box { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; }
    .aboutSection .grid-row > div, .aboutSection .grid-rows .grid-row-text { width: 80%; }
    .aboutSection .grid-rows .grid-row-text { text-align: center; }
    .aboutSection .grid-rows .grid-row-text h2 { margin-bottom: 10px; font-size: 300%; }
    .aboutSection .box-image-animation img { width: 100%; height: auto !important; }
    .aboutSection .grid-row li.slider-item { padding-bottom: 106%; }
    .aboutSection .grid-row .grid-row-cell.grid-row-cell-text { margin-bottom: 40px; }
    .grid-row-section.aboutSection:after { top: 7%; }

    /*Modern Circus Section*/
    .sections .modernCircusSection { margin-top: -70px; clip-path: polygon(0 2%, 100% 5%, 100% 98%, 0 95%); -webkit-clip-path: polygon(0 2%, 100% 5%, 100% 98%, 0 95%); padding: 140px 0; }
    .modernCircusSection .grid-box { margin-bottom: 85px; }
    .modernCircusSection .grid-box.lastImgBox:after { top: -35px; left: -10px; }
    .instructorPage .grid-short-box.box .grid-short-box-text { padding-top: 10px; }
    .modernCircusSection .grid-boxes .grid-box-image { padding-bottom: 100%; }

    /*Gallery Section*/
    .hpGallerySection:after { top: -50px; }

    /*Footer*/
    #SiteFooter .footerTitle { font-size: 190%; }
    .footer-text-divided > div.footer-text-middle { padding: 40px 0; }

    /*****Inner Pages*****/
    body:not(.lobbyPage) #GridWrap:after { content: none; }
    #GridPage .max-width, #GridPage .max-width-center, #GridPage.gallery .max-width { margin-bottom: 60px; }
    #GridContent, #SiteGrid.layout-2sides #GridContent { padding: 0 50px; }
    #LobbyModule .grid-box, .eventsLobby #LobbyModule .grid-box { width: 50%; }
    #headline { text-align: center; margin-bottom: 15px; }
    #GridTop { height: 450px; }
    #text1, #text2, .instructorPage #ContentGridShortModule .grid-short-box.box { font-size: 85%; }
    #text1 h2 { font-size: 140%; }
    #text1 h3 { font-size: 110%; }
    #text1 iframe, #text2 iframe { height: 300px; }

    /*Inner Form*/
    #DynamicFormObject:after { content: none; }
    .dynamicFormObjectField { padding: 0 7px; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { width: 100%; font-size: 115%; margin-bottom: 20px; font-family: 'stanga-aaa-bold'; }

    /*Instructor Page*/
    .instructorPage #gridshort-view.shown > div { width: 100%; }
    .instructorPage #ContentGridShortModule .grid-short-box.box { padding: 20px; }
}

@media(min-width: 768px) and (max-width: 990px) {
    .aboutSection .box-image-animation img { width: 80%; }
    .aboutSection .grid-row li.slider-item { padding-bottom: 84%; }

    .modernCircusSection .grid-box { padding: 0 25px; }

    #DynamicFormObject .dynamicFormObjectFields { width: 85%; margin: 0 auto; }
    .dynamicFormObjectField { width: 33%; padding: 0 7px; }
    #DynamicFormObject .dynamicFormObjectSubmit { width: 160px; display: inline-block; margin: 0 auto; float: none; z-index: 8; }
    .dynamicFormObjectField .must:before { right: 15px; }
}

@media(max-width: 767px) {
    .modernCircusSection .section-title, .hpGallerySection .section-title { margin-bottom: 25px; }
    .grid-rows .grid-row-text h2:after, .section-title h2:after { bottom: 12px; }
    #headline h1:after { bottom: 2px; }

    /*Header*/
    #header2 .max-width { width: 100%; }
    #header2 .LogoCentered ul.menu { padding-top: 100px; }
    #header2 #header-left img { width: 120px; }
    #header2.detailsInRow .header-right-section { padding: 15px; }
    #header2 .phone-icon { top: 13px; left: -30%; }
    #header2 .phone-icon a { color: #252525; }
    #header2 ul.menu .social-links a.social_icon_instagram svg { width: 22px; height: 22px; }
    #header2 ul.menu .social-links a.facebook_icon_instagram svg { width: 13px; height: 20px; }

    /*Top Banner*/
    #side-contact-form.mobile-form { width: 90%; margin-top: 50px; }
    #side-contact-form #DynamicFormObject { border: 2px solid #cfa748; }
    #mobile-player-controls, button.controlSlider { bottom: 7%; }

    /*About Section*/
    .aboutSection .grid-row { display: flex !important; display: -webkit-box !important; display: -ms-flexbox !important; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; overflow: hidden; }
    .aboutSection .grid-row-cell.flexslider-box { order: 1; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; }
    .aboutSection .grid-row > div, .aboutSection .grid-rows .grid-row-text { width: 95%; }
    .grid-row-section.aboutSection:after { content: none; }
    .aboutSection .grid-rows .grid-row-text p { font-size: 85%; }
    .aboutSection .grid-row .grid-row-cell.grid-row-cell-text { margin-bottom: 0; }
    .aboutSection .box-image-animation img { width: 110%; margin-left: -20px; }
    .aboutSection .grid-row li.slider-item { padding-bottom: 116%; }

    /*Modern Circus Section*/
    .sections .modernCircusSection { padding: 120px 0 70px; }
    .modernCircusSection .section-title h2 { font-size: 220%; }
    .modernCircusSection .section-title h2:after { width: 160px; bottom: -5px; }
    .modernCircusSection .grid-box { width: 49%; margin: 0 0 70px 0; }
    .modernCircusSection .grid-box.firstImgBox:before, .modernCircusSection .grid-box.lastImgBox:after { content: none; }
    .modernCircusSection .grid-box-title { height: 35px; width: 140px; }
    .modernCircusSection .grid-boxes .grid-box-title h3 { font-size: 140%; line-height: 35px; }
    .modernCircusSection .grid-boxes .grid-box-image { padding-bottom: 120%; }

    /*Gallery Section*/
    .hpGallerySection { padding-top: 20px; }
    .hpGallerySection:after { width: 60px; height: 60px; top: -30px; }
    .owl-carousel .owl-controls .owl-nav .owl-prev { right: 4px; }
    .owl-carousel .owl-controls .owl-nav .owl-next { left: 4px; }
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after, .owl-carousel .owl-controls .owl-dot { position: absolute; top: 0; }
    .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after, .owl-carousel .owl-controls .owl-dot,
    .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { width: 55px; height: 55px; }

    /*Footer*/
    #SiteFooter .footerTitle { font-size: 150%; }
    #SiteFooter .mobile-seperator { font-size: 100%; }
    .footer-text-divided > div.footer-text-middle p, a.AccessabilityLink { font-size: 75%; }
    a.AccessabilityLink { margin-bottom: 5px; }
    #SiteFooter .mobile-seperator a { padding: 10px 0; }

    /*Form Styles*/
    .form-container-wide #DynamicFormObject, #GridPromo #DynamicFormObject { background-size: 100%; background-position: 10px 30%; }
    #side-contact-form #DynamicFormObject { background: url(../../../warehouse/temp/florentineCircus/1.0aboutSectionBg.png); background-repeat: no-repeat; background-size: 100%; background-position: 10px 30%; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; }
    .dynamicFormObjectField { padding: 0; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: 9px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 250%; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle:after { bottom: 11px; }

    /*****Inner Pages*****/
    #GridTop { height: 300px; }
    #text1 iframe, #text2 iframe { height: 220px; }
    .contactPage #GridPage, .activitiesPage #GridPage, .categories-strip { margin-top: -70px; }
    .mobile-strip { background: #424242; padding: 0; }
    .mobile-strip span { margin-right: 10px; }
    .mobile-strip .select-wrapper { background: #252525; padding: 0 10px 5px; }
    .mobile-strip span, .mobile-strip .select-wrapper li.strip-item { font-size: 105%; }
    .mobile-strip:after { font-size: 120%; }

    .gallery-container { width: 100%; }
    #GridContent, #SiteGrid.layout-2sides #GridContent, #GridPage .max-width, #GridPage .max-width-center, #GridPage.gallery .max-width { padding: 15px; }
    .eventsLobby #LobbyModule .grid-box, #LobbyModule .grid-box { width: 90%; }
    #LobbyModule .grid-boxes .grid-box-subtitle, #LobbyModule .grid-box-title { height: 35px; width: 130px; font-size: 100%; bottom: -9px; }
    #LobbyModule .grid-boxes .grid-box-subtitle a, #LobbyModule .grid-box-title a { line-height: 35px; }
    #LobbyModule .grid-boxes .grid-box-title h3, #lobbyview .grid-boxes .grid-box-title h3 { font-size: 100%; margin: 0; }

    #videoContainer iframe { height: 180px; }
    #text1 a.innerBtn { font-size: 150%; }
}

@media(max-width: 320px) {
    #mobile-player-controls, button.controlSlider { bottom: 10%; }
    #home-gallery .scroll-down { bottom: 11%; }

    .form-container-wide #DynamicFormObject, #GridPromo #DynamicFormObject, #side-contact-form #DynamicFormObject { padding: 20px; }
    .section-title h1, .section-title h2, .grid-rows .grid-row-text h2, #headline h1 { font-size: 230%; }

    .eventsLobby #LobbyModule .grid-box, #LobbyModule .grid-box { padding: 0 5px; }
}

.center-tickets h2:has(a) { display: flex; justify-content: center; }
