:root { --dark-pink: #ee3d96; --title-shadow: rgb(0, 0, 0) 13px 0px 0px, rgb(0, 0, 0) 12.9616px 0.999014px 0px, rgb(0, 0, 0) 12.8465px 1.99212px 0px, rgb(0, 0, 0) 12.6554px 2.97344px 0px, rgb(0, 0, 0) 12.3895px 3.93718px 0px, rgb(0, 0, 0) 12.0503px 4.87763px 0px, rgb(0, 0, 0) 11.6398px 5.78924px 0px, rgb(0, 0, 0) 11.1605px 6.66661px 0px, rgb(0, 0, 0) 10.6152px 7.50454px 0px, rgb(0, 0, 0) 10.0071px 8.2981px 0px, rgb(0, 0, 0) 9.3398px 9.04258px 0px, rgb(0, 0, 0) 8.61728px 9.73357px 0px, rgb(0, 0, 0) 7.8438px 10.367px 0px, rgb(0, 0, 0) 7.02393px 10.9391px 0px, rgb(0, 0, 0) 6.16252px 11.4465px 0px, rgb(0, 0, 0) 5.26466px 11.8863px 0px, rgb(0, 0, 0) 4.33566px 12.2557px 0px, rgb(0, 0, 0) 3.38103px 12.5526px 0px, rgb(0, 0, 0) 2.40639px 12.7753px 0px, rgb(0, 0, 0) 1.41753px 12.9225px 0px, rgb(0, 0, 0) 0.420279px 12.9932px 0px, rgb(0, 0, 0) -0.579456px 12.9871px 0px, rgb(0, 0, 0) -1.57576px 12.9041px 0px, rgb(0, 0, 0) -2.56275px 12.7449px 0px, rgb(0, 0, 0) -3.53458px 12.5103px 0px, rgb(0, 0, 0) -4.48551px 12.2016px 0px, rgb(0, 0, 0) -5.40991px 11.8209px 0px, rgb(0, 0, 0) -6.30231px 11.3702px 0px, rgb(0, 0, 0) -7.15744px 10.8522px 0px, rgb(0, 0, 0) -7.97024px 10.2701px 0px, rgb(0, 0, 0) -8.7359px 9.62725px 0px, rgb(0, 0, 0) -9.4499px 8.92745px 0px, rgb(0, 0, 0) -10.108px 8.17486px 0px, rgb(0, 0, 0) -10.7063px 7.37391px 0px, rgb(0, 0, 0) -11.2413px 6.52935px 0px, rgb(0, 0, 0) -11.7099px 5.64618px 0px, rgb(0, 0, 0) -12.1091px 4.72961px 0px, rgb(0, 0, 0) -12.4368px 3.78508px 0px, rgb(0, 0, 0) -12.6909px 2.81815px 0px, rgb(0, 0, 0) -12.8699px 1.83456px 0px, rgb(0, 0, 0) -12.9728px 0.840119px 0px, rgb(0, 0, 0) -12.999px -0.159292px 0px, rgb(0, 0, 0) -12.9483px -1.15776px 0px, rgb(0, 0, 0) -12.8211px -2.14938px 0px, rgb(0, 0, 0) -12.618px -3.12829px 0px, rgb(0, 0, 0) -12.3403px -4.0887px 0px, rgb(0, 0, 0) -11.9896px -5.02492px 0px, rgb(0, 0, 0) -11.568px -5.93143px 0px, rgb(0, 0, 0) -11.078px -6.80286px 0px, rgb(0, 0, 0) -10.5224px -7.63405px 0px, rgb(0, 0, 0) -9.90465px -8.42009px 0px, rgb(0, 0, 0) -9.2283px -9.15634px 0px, rgb(0, 0, 0) -8.49737px -9.83843px 0px, rgb(0, 0, 0) -7.71618px -10.4623px 0px, rgb(0, 0, 0) -6.88936px -11.0244px 0px, rgb(0, 0, 0) -6.0218px -11.5212px 0px, rgb(0, 0, 0) -5.11862px -11.9499px 0px, rgb(0, 0, 0) -4.18517px -12.3079px 0px, rgb(0, 0, 0) -3.22696px -12.5931px 0px, rgb(0, 0, 0) -2.24967px -12.8039px 0px, rgb(0, 0, 0) -1.25908px -12.9389px 0px, rgb(0, 0, 0) -0.261039px -12.9974px 0px, rgb(0, 0, 0) 0.738545px -12.979px 0px, rgb(0, 0, 0) 1.73376px -12.8839px 0px, rgb(0, 0, 0) 2.71872px -12.7125px 0px, rgb(0, 0, 0) 3.68761px -12.466px 0px, rgb(0, 0, 0) 4.63468px -12.1458px 0px, rgb(0, 0, 0) 5.55435px -11.7537px 0px, rgb(0, 0, 0) 6.44116px -11.2921px 0px, rgb(0, 0, 0) 7.28988px -10.7637px 0px, rgb(0, 0, 0) 8.09548px -10.1717px 0px, rgb(0, 0, 0) 8.85321px -9.51949px 0px, rgb(0, 0, 0) 9.55858px -8.81099px 0px, rgb(0, 0, 0) 10.2074px -8.05039px 0px, rgb(0, 0, 0) 10.7959px -7.24217px 0px, rgb(0, 0, 0) 11.3205px -6.39112px 0px, rgb(0, 0, 0) 11.7782px -5.50227px 0px, rgb(0, 0, 0) 12.1662px -4.58088px 0px, rgb(0, 0, 0) 12.4822px -3.6324px 0px, rgb(0, 0, 0) 12.7244px -2.66244px 0px, rgb(0, 0, 0) 12.8914px -1.67673px 0px, rgb(0, 0, 0) 12.9821px -0.681097px 0px; --thin-shadow: rgb(0, 0, 0) 4px 0px 0px, rgb(0, 0, 0) 3.87565px 0.989616px 0px, rgb(0, 0, 0) 3.51033px 1.9177px 0px, rgb(0, 0, 0) 2.92676px 2.72656px 0px, rgb(0, 0, 0) 2.16121px 3.36588px 0px, rgb(0, 0, 0) 1.26129px 3.79594px 0px, rgb(0, 0, 0) 0.282949px 3.98998px 0px, rgb(0, 0, 0) -0.712984px 3.93594px 0px, rgb(0, 0, 0) -1.66459px 3.63719px 0px, rgb(0, 0, 0) -2.51269px 3.11229px 0px, rgb(0, 0, 0) -3.20457px 2.39389px 0px, rgb(0, 0, 0) -3.69721px 1.52664px 0px, rgb(0, 0, 0) -3.95997px 0.56448px 0px, rgb(0, 0, 0) -3.97652px -0.432781px 0px, rgb(0, 0, 0) -3.74583px -1.40313px 0px, rgb(0, 0, 0) -3.28224px -2.28625px 0px, rgb(0, 0, 0) -2.61457px -3.02721px 0px, rgb(0, 0, 0) -1.78435px -3.57996px 0px, rgb(0, 0, 0) -0.843183px -3.91012px 0px, rgb(0, 0, 0) 0.150409px -3.99717px 0px, rgb(0, 0, 0) 1.13465px -3.8357px 0px, rgb(0, 0, 0) 2.04834px -3.43574px 0px, rgb(0, 0, 0) 2.83468px -2.82216px 0px, rgb(0, 0, 0) 3.44477px -2.03312px 0px, rgb(0, 0, 0) 3.84068px -1.11766px 0px, rgb(0, 0, 0) 3.9978px -0.132717px 0px; } /*-------------top-cation-------------*/ .top-caption { /*max-width:500px;*/ padding: 20px 40px; overflow: hidden; } /*--> i see why you did that, but dont limit the caption, give extra padding for the shadow to be see (aviv)*/ .top-caption h1 { animation: textAnim 2s !important; opacity: 1 !important; transition: opacity 1s !important; } /*.grid-top-char {opacity:1;} .grid-top-char.shown { animation: none; transition: none; } --> be more specific to your pages.*/ /*---------------form---------------*/ /*green-forms*/ #GridPromo #DynamicFormObject, .rental-areas #GridPromo #DynamicFormObject, #DynamicFormObject[dynamic-form-object-id="2918"], #DynamicFormObject[dynamic-form-object-id="2917"], #DynamicFormObject[dynamic-form-object-id="3052"], .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) { display: flex; max-width: 1170px; background: var(--green); border-radius: 10px 0 20px 0; box-shadow: var(--shadow); border: none; flex-direction: column; align-items: center; margin: 80px auto; padding: 50px 100px; } #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText, .rental-areas #GridPromo.shown #DynamicFormObject .dynamicFormObjectTitleAndText, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectTitleAndText, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectTitleAndText, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectTitleAndText { width: 100%; animation: none !important; overflow: hidden; } #GridPromo.shown #DynamicFormObject .dynamicFormObjectTitleAndText h3, .rental-areas #GridPromo.shown #DynamicFormObject .dynamicFormObjectTitleAndText h3, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectTitleAndText h3, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectTitleAndText h3, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectTitleAndText h3 { animation: textAnim 1.5s !important; } #GridPromo #DynamicFormObject fieldset, .rental-areas #GridPromo #DynamicFormObject fieldset, #DynamicFormObject[dynamic-form-object-id="2917"] fieldset, #DynamicFormObject[dynamic-form-object-id="2918"] fieldset, #DynamicFormObject[dynamic-form-object-id="3052"] fieldset { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 15px; } #GridPromo #DynamicFormObject .dynamicFormObjectFields, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectFields, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectFields, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectFields, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectFields { width: 100%; padding: 0; } #GridPromo #DynamicFormObject .dynamicFormObjectField, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField { width: 32%; } #GridPromo #DynamicFormObject .dynamicFormObjectSubmit, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectSubmit, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectSubmit, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectSubmit, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectSubmit { width: 100%; padding: 0 30%; margin-top: 10px; text-align: center; } #GridPromo #DynamicFormObject input[type="submit"], .rental-areas #GridPromo #DynamicFormObject input[type="submit"], #DynamicFormObject[dynamic-form-object-id="2917"] input[type="submit"], #DynamicFormObject[dynamic-form-object-id="2918"] input[type="submit"], #DynamicFormObject[dynamic-form-object-id="3052"] input[type="submit"] { width: 200px; height: 56px; border-radius: 28px; background-color: #fff; color: #000; font-size: 16px; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 select, #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 textarea, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 select, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 textarea, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 textarea, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 select, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 textarea { background: #DAEFED; font-size: 75%; border-radius: 10px 0; margin: 0px; border: none; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 select { height: 45px; border: none; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 .select-wrapper span { display: none; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input[type="checkbox"], .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input[type="checkbox"], #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.col-xs-12 input[type="checkbox"], #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 input[type="checkbox"], #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 input[type="checkbox"] { height: auto; border-radius: 2px; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 .input-wrapper:before, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 .input-wrapper:before, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.col-xs-12 .input-wrapper:before, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 .input-wrapper:before, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 .input-wrapper:before { content: none; } #GridPromo #DynamicFormObject .dynamicFormObjectField.checkboxField, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.textareaField, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.textareaField { width: 100%; text-align: start; } #GridPromo #DynamicFormObject .checkboxField label, .rental-areas #GridPromo #DynamicFormObject .checkboxField label, #DynamicFormObject[dynamic-form-object-id="2917"] .checkboxField label, #DynamicFormObject[dynamic-form-object-id="2918"] .checkboxField label, #DynamicFormObject[dynamic-form-object-id="3052"] .checkboxField label { font-size: 70%; color: #fff; } #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectFields .top-form, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectFields .top-form, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectFields .top-form, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectFields .top-form { display: block; font-size: 90%; color: #fff; } #GridPromo #DynamicFormObject .normal-form input[type='checkbox'], .rental-areas #GridPromo #DynamicFormObject .normal-form input[type='checkbox'], #DynamicFormObject[dynamic-form-object-id="2917"] .normal-form input[type='checkbox'], #DynamicFormObject[dynamic-form-object-id="2918"] .normal-form input[type='checkbox'], #DynamicFormObject[dynamic-form-object-id="3052"] .normal-form input[type='checkbox'] { height: auto; border-radius: 2px; } #GridPromo #DynamicFormObject[dynamic-form-object-id="2916"] .dynamicFormObjectField { width: 100%; } #DynamicFormObject .dynamicFormObjectField .must:before { right: 6px; } .select-wrapper:after { top: 50%; } @media(min-width: 1024px) { #GridPromo #DynamicFormObject .dynamicFormObjectField.selectBox-4, #GridPromo #DynamicFormObject .dynamicFormObjectField.last-child, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.selectBox-4, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.last-child, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.selectBox-4, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.last-child { width: calc(50% - 10px); } #GridPromo #DynamicFormObject .dynamicFormObjectField.selectBox-4 .select-wrapper span.active-item-container .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.selectBox-4 .select-wrapper span.active-item-container { display: none; } #GridPromo #DynamicFormObject form[data-formid="3142"] .dynamicFormObjectField { width: 49%; } #GridPromo #DynamicFormObject form[data-formid="3142"] .dynamicFormObjectField.textareaField { width: 100%; } #GridPromo #DynamicFormObject[dynamic-form-object-id="2916"] { padding: 50px 60px; } } @media(max-width:767px) { #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectTitleAndText, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectTitleAndText, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectTitleAndText, #GridPromo.shown #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectTitleAndText { padding: 15px 0; } #GridPromo #DynamicFormObject, .rental-areas #GridPromo #DynamicFormObject, #DynamicFormObject[dynamic-form-object-id="2917"], #DynamicFormObject[dynamic-form-object-id="2918"], #DynamicFormObject[dynamic-form-object-id="3052"] { justify-content: center; max-height: 100%; padding: 40px 15px; margin: 0px 15px 50px 15px !important; } #GridPromo #DynamicFormObject fieldset, .rental-areas #GridPromo #DynamicFormObject fieldset, #DynamicFormObject[dynamic-form-object-id="2917"] fieldset, #DynamicFormObject[dynamic-form-object-id="2918"] fieldset, #DynamicFormObject[dynamic-form-object-id="3052"] fieldset { flex-direction: column; padding: 12px; gap: unset; } #GridPromo #DynamicFormObject .dynamicFormObjectFields, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectFields, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectFields, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectFields, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectFields { margin-bottom: 0; } #GridPromo #DynamicFormObject .dynamicFormObjectField, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField { width: 100%; } #GridPromo #DynamicFormObject .dynamicFormObjectField.checkboxField, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.checkboxField, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.checkboxField { text-align: center; } #GridPromo #DynamicFormObject .dynamicFormObjectSubmit, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectSubmit, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectSubmit, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectSubmit, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectSubmit { padding: 0; } #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 textarea, #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 select, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 input, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 textarea, .rental-areas #GridPromo #DynamicFormObject .dynamicFormObjectField.col-xs-12 select, #DynamicFormObject[dynamic-form-object-id="2917"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="2918"] .dynamicFormObjectField.col-xs-12 textarea, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 input, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 select, #DynamicFormObject[dynamic-form-object-id="3052"] .dynamicFormObjectField.col-xs-12 textarea { font-size: 70% !important; margin-bottom: 15px; } .select-wrapper:after { top: 40%; } } /*orange-form*/ .orange-layout-page.thirdVers .grid-form-section { background-color: transparent; margin-bottom: 70px; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide::after { content: none; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) { width: 100%; max-height: 550px; padding: 65px 100px; margin: 0 auto; background: var(--orange); justify-content: flex-start; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) fieldset { margin: 0 -7.5px; padding: 5px 0; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectFields { max-width: 100%; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectField { width: 31%; display: inline-block; margin: 0 7.5px; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectField.checkboxField { display: flex; width: 100%; text-align: start; font-size: 70%; vertical-align: text-bottom; justify-content: flex-start; align-items: flex-start; padding: 5px 0; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectField.checkboxField input { margin-top: 5px; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 70%; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle span { text-shadow: var(--thin-shadow); } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectFields .top-form { font-size: 0.9rem; margin-bottom: 10px; } @media(max-width:767px) { .orange-layout-page.thirdVers #LobbyModule .grid-form-section .form-container-wide { background: transparent; } .orange-layout-page.thirdVers .grid-form-section { margin-bottom: 50px; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) { padding: 50px 32px; max-height: inherit; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectField { width: 100%; margin: 0; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectField.checkboxField { color: #fff; font-size: 60%; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 100%; } .orange-layout-page.thirdVers .grid-form-section .form-container-wide #DynamicFormObject:is([dynamic-form-object-id="2919"], [dynamic-form-object-id="3359"]) .dynamicFormObjectFields .top-form { padding: 15px 0; color: #fff; } } /*--------------------PAGES---------------------*/ /*contact page*/ .contact #GridTop .top-caption h1 { white-space: nowrap; font-size: 3rem; } #LobbyModule .contact-details-section { margin-bottom: 35px; padding-top: 5px; } #LobbyModule .contact-details-section .grid-boxes { padding-top: 30px; max-width: 1440px; margin: auto; padding: 30px 220px 0 220px; } #LobbyModule .contact-details-section .grid-boxes.row { display: flex; justify-content: center; align-items: center; } #LobbyModule .contact-details-section .grid-boxes.row > div { display: flex !important; justify-content: center; align-items: center; flex-direction: column; } #LobbyModule .contact-details-section .grid-boxes.row .box .grid-box-image { background: #fff; border-radius: 50%; width: 116px; height: 116px; padding: 0; box-shadow: var(--shadow); } #LobbyModule .contact-details-section .grid-boxes .box-image-animation { padding: 20px; display: block !important; } #LobbyModule .contact-details-section .grid-boxes .grid-box-title h3 a { color: #13151b; font-family: IBMPlexSansHebrew-Regular; font-weight: 600; font-size: 82%; } #LobbyModule .contact-details-section .grid-boxes .grid-box-fulltext { font-size: 90%; } @media(max-width:767px) { .contact #GridTop .top-caption h1 { font-size: 1.7rem; white-space: normal; } #LobbyModule .contact-details-section .grid-boxes { padding: 0; } #LobbyModule .contact-details-section .grid-boxes.row { flex-wrap: wrap; align-items: flex-start; padding: 10px } #LobbyModule .contact-details-section .grid-boxes.row > div { width: 50%; } #LobbyModule .contact-details-section .grid-boxes.row .box .grid-box-image { width: 60px; height: 60px; } #LobbyModule .contact-details-section .grid-boxes .box-image-animation { padding: 5px; } #LobbyModule .contact-details-section .grid-boxes .grid-box-title h3 a { font-size: 73%; } #LobbyModule .contact-details-section .grid-boxes .grid-box-fulltext { font-size: 70%; } } /*history page*/ .history #GridTop .top-caption { max-width: 550px; } .history .section.timeline-sec { margin: 0 auto; padding: 100px 0px 150px; position: relative; } .history .timeline-sec .section-wrapper { max-width: 1170px; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; margin: 0 auto; } .history .timeline-sec .timeline-years { width: 100%; } .history .timeline-sec .timeline-years .slick-list { overflow: visible; } .history .timeline-sec .timeline-years .slick-track { transform: none !important; display: flex; justify-content: center; padding: 0; flex-direction: column; margin-right: 0; max-width: 170px; } .history .timeline-sec .timeline-years .slick-track::before, .section.timeline-sec .timeline-years .slick-track::after { display: none; } .history .timeline-sec .timeline-years .year-item { display: flex; background: #fff; justify-content: center; margin: 9px 0; height: 36px; cursor: pointer; width: 90px !important; align-items: center; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.16); transition: 0.3s all; position: relative; border-radius: 6px 0px; } .history .timeline-sec .timeline-years .year-item.slick-current { background: var(--dark-pink); } .history .timeline-sec .timeline-years .year-item.slick-current h3 { color: #fff; } .history .timeline-sec .timeline-years .year-item h3 { margin: 0; font-size: 100%; font-weight: 600; line-height: 2.05; font-family: IBMPlexSansHebrew-Regular; color: var(--black); } .history .timeline-sec .timeline-years .year-item h3 > span { display: none; } .history .timeline-sec .timeline-info { width: 100%; flex-grow: 1; max-width: 1050px; transition: 0.8s all; } .history .timeline-sec .timeline-info .slick-list.draggable { overflow: hidden !important; } .history .timeline-sec .timeline-info.hide-section { opacity: 0; } .history .timeline-sec .timeline-info .info-item { display: flex; flex-direction: row; align-items: center; max-width: 1050px; transition: 1s ease-in-out transform !important; } .history .timeline-sec .timeline-info .info-item h3 { font-size: 700%; font-family: var(--bold); margin: 0; line-height: 0.9; position: relative; transform: translate(-10px,100%); transition: transform 1s 0.55s; } .history .timeline-sec .timeline-info .info-item h4 { font-size: 90%; margin-top: 0; margin-bottom: 20px; } .history .timeline-sec .timeline-info .info-item p { font-size: 105%; line-height: 1.24; color: var(--black); opacity: 0; transition: opacity 1s 0.65s; transform: translateY(130%); padding-inline-start: 10px; } .history .timeline-sec .timeline-info .info-item img { max-width: 620px; z-index: 1; transform: scale(1.02); transition: 1.5s ease-in-out transform; border-radius: 30px 0 50px 0; } .history .timeline-sec .timeline-info .info-item .info-item-text { display: flex; flex-direction: column; align-items: flex-start; text-align: start; position: relative; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow { position: relative; margin: 0px 0 20px; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow::before { content: ''; position: absolute; inset-inline-start: -60px; right: unset; bottom: -5px; background: var(--yellow); width: 365px; height: 0; z-index: -1; pointer-events: none; transition: 1s all 0.4s; } .history .timeline-sec .timeline-info .info-item.slick-current .info-item-text .wrapper-for-overflow::before { height: 50px; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow .text-wrapper { padding-right: 0; z-index: 10; overflow: hidden; width: 630px; transform: translate(200px,0px); } .history .timeline-sec .timeline-info .info-item .info-item-text .text-wrapper { padding-inline-start: 35px; position: relative; margin-top: 15px; } .history .timeline-sec .timeline-info .info-item .info-item-text > .text-wrapper { padding-inline-start: 35px; position: relative; margin-top: 15px; transform: translateY(100%); } .history .timeline-sec .timeline-info .info-item.slick-current .info-item-text > .text-wrapper { transition: transform 1s 0.65s; transform: translateY(0%); } .history .timeline-sec .timeline-info .info-item.slick-current .text-wrapper h3 { transform: translate(-10px,-15px); letter-spacing: 15px; width: 610px; text-align: center; margin-top: 15px; } .history .timeline-sec .timeline-info .info-item.slick-current p { opacity: 1; transform: translateY(0%); font-size: 90%; line-height: 1.22; } @media (min-width: 1025px) { .history .timeline-sec .timeline-info .info-item .info-item-text > .text-wrapper { width: 60%; } } @media (max-width: 1024px) { .history #GridTop .top-caption { font-size: larger; } .history .element-left { height: 180px; width: 220px; bottom: -50px; left: -100px; transform: scaleY(-1); } .history .element-right { right: -120px; height: 170px; width: 230px; bottom: -60px; transform: scaleX(-1) rotate(-25deg); background-image: url(/warehouse/dynamic/353151.png); } .history .grid-text-section { margin: 70px auto 40px; width: calc(100% - 60px); } .history .grid-text-section .section-title { margin-bottom: 0; } .history .grid-text-section .section-title h2 { font-size: 175%; } .history .section.timeline-sec { padding: 40px 0px 90px; } .history .timeline-sec .section-wrapper { display: flex; flex-direction: column-reverse; align-items: center; padding-inline-start: 20px; } .history .timeline-sec .timeline-years .slick-track { flex-direction: row; display: flex; position: relative; overflow-x: scroll; overflow-y: hidden; justify-content: normal; width: 100% !important; padding: 0 0 20px; max-width: unset; } .history .timeline-sec .timeline-years .slick-track::-webkit-scrollbar { width: 1px; } .history .timeline-sec .timeline-years .year-item { margin: 0 8px; padding: 0 15px; height: 32px; width: 92px !important; padding: 0px; } .history .timeline-sec .timeline-years .year-item h3 { font-size: 85%; transition: unset; width: 70px; } .history .timeline-sec .timeline-info .slick-list.draggable { padding-left: 20px; } .history .timeline-sec .timeline-info .info-item { width: 100%; flex-direction: column; align-items: center; transition: unset; } .history .timeline-sec .timeline-info .info-item img { width: 100%; transition: unset; transform: unset; max-height: 240px; border-radius: 30px 0; } .history .timeline-sec .timeline-info .info-item .info-item-text { align-items: center; z-index: 2; width: calc(100% - 60px); } .history .timeline-sec .timeline-info .info-item .info-item-text .text-wrapper { padding: 0; margin-top: 0; } .history .timeline-sec .timeline-info .info-item h3 { font-size: 340%; transform: translate(10px, 70px); } .history .timeline-sec .timeline-info .info-item h3 { transform: translate(-10px, 70px); } .history .timeline-sec .timeline-info .info-item.slick-current .text-wrapper h3 { transition: transform 1s 0.65s; transform: translate(-10px, 0px); letter-spacing: 0px; width: 100%; margin-top: 0; text-align: start; } .history .timeline-sec .timeline-info .info-item.slick-current p { padding: 0; font-size: 90%; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow { margin: 0; width: 100%; text-align: center; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow::before { width: 180px; right: unset; left: 50%; transform: translateX(-50%); bottom: -3px; } .history .timeline-sec .timeline-info .info-item .info-item-text .wrapper-for-overflow .text-wrapper { width: 100%; text-align: center; transform: translate(25px, -45px); height: 70px; text-align: start; } .history .timeline-sec .timeline-info .info-item.slick-current .info-item-text .wrapper-for-overflow::before { height: 24px; } .history .timeline-sec .timeline-info .info-item.slick-current .info-item-text > .text-wrapper { transform: translateY(-30px); } .history #SiteGrid.layout-bottom #GridPromo #DynamicFormObject[dynamic-form-object-id="2885"] { margin-top: 60px; } } /*members-club page*/ .members-club #GridTop .top-caption { max-width: 550px; padding: 0; } /*members-club text*/ .green-layout-page.secVers #GridPage { padding-top: 0px; } .green-layout-page.secVers #GridPage #GridContent { padding: 80px 0 50px; } .green-layout-page.secVers .MainContent h2, .green-layout-page.secVers .GalleryTitle h2, .orange-layout-page.thirdVers .main-text-sec h2, .orange-layout-page.thirdVers .gifts-title-sec h2 { font-size: 275%; position: relative; margin-bottom: 17px; margin-top: 0px; color: #000; text-align: center; } .green-layout-page.secVers .MainContent h2::after, .green-layout-page.secVers .GalleryTitle h2::after, .orange-layout-page.thirdVers .main-text-sec h2::after { content: ''; background: var(--green); height: 4px; width: 100px; display: block; margin: 10px auto; } .green-layout-page.secVers #text1 h2 span, .green-layout-page.secVers .GalleryTitle h2 span, .green-layout-page.secVers #text2 h2 span, .orange-layout-page.thirdVers .main-text-sec h2 span, .orange-layout-page.thirdVers .gifts-title-sec h2 span, .orange-layout-page.thirdVers .main-text-sec .grid-text-content h4 span { display: none; } .green-layout-page.secVers #text1 p { font-size: 100%; font-weight: 600; line-height: 1.5; letter-spacing: 0.32px; color: #000; } .green-layout-page.secVers #text2 p { font-size: 110%; line-height: 1.33; letter-spacing: 0.36px; text-align: center; padding: 0 180px; } /*members-club carousel*/ .green-layout-page.secVers .GalleryTitle h2 { font-size: 220%; } .green-layout-page.secVers #GridPage .max-width, .green-layout-page.secVers #GridPage .max-width-center { max-width: 1440px; } .green-layout-page.secVers #galleryview { max-width: 1270px; } .green-layout-page.secVers .gallery-container.pink-layout { background: transparent; padding: 0 0 100px; } .green-layout-page.secVers .gallery-container.pink-layout .slick-track { padding: 20px 0 60px; } .green-layout-page.secVers .gallery-container.pink-layout .slick-arrow { bottom: -35px; } @media (max-width: 767px) { .members-club #GridTop .top-caption h1 { font-size: x-large; } /*members-club text*/ .green-layout-page.secVers #GridPage #GridContent { padding: 20px 0; } .green-layout-page.secVers .MainContent h2 { font-size: 130%; } .green-layout-page.secVers .GalleryTitle h2 { font-size: 105%; } .green-layout-page.secVers #text1 p { padding: 0 10px; } .green-layout-page.secVers #text2 p { font-size: 100%; font-weight: 600; line-height: 1.5; letter-spacing: 0.32px; padding: 0 50px; } /*members-club carousel*/ .green-layout-page.secVers .gallery-container.pink-layout { padding: 0px; } .green-layout-page.secVers .gallery-container.pink-layout .slick-track { padding: 0 0 20px; } .green-layout-page.secVers .gallery-container.pink-layout .slick-arrow { display: none !important; } } /*404 page*/ .page-error-404 #GridTop.noTopImage.longer, .thanks-page #GridTop.noTopImage.longer { height: 10px; } .page-error-404 .page-not-found h2 { font-size: 11rem; font-family: var(--bold); } .page-error-404 .page-not-found h2 span { text-shadow: var(--title-shadow); } .page-error-404 .page-not-found h3 { color: #000; font-size: 1.6rem; margin-top: 10px; } .page-error-404 .page-not-found br { display: none; } .page-error-404 .page-not-found a, .thanks-page #text1 a { width: 200px; height: 56px; border-radius: 28px; background-color: #121212; color: #fff; display: inline-block; font-size: 90%; position: relative; overflow: hidden; } @media (max-width: 767px) { .page-error-404 .page-not-found h2 { font-size: 500%; } .page-error-404 .page-not-found h3 { font-size: 100%; margin: 20px 0; } } /*thanks page*/ .thanks-page #headline:before { content: ''; display: block; width: 128px; height: 128px; background-image: url(/warehouse/dynamic/378449.svg); background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 auto 20px; } .thanks-page #headline h1 { font-size: 4rem; color: #000; text-shadow: none; } .thanks-page #headline h1 span, .thanks-page #subheadline h2 span { display: none; } .thanks-page #subheadline h2 { color: #000; font-size: 160%; margin-bottom: 20px; } .thanks-page #text1 p:first-child { font-family: var(--bold); font-size: 1.6rem; } .thanks-page #pageview #text1 { text-align: center; } @media (max-width: 767px) { .thanks-page #headline:before { margin-bottom: 20px; width: 100px; } .thanks-page #headline h1 { font-size: 2rem; } .thanks-page #text1 p:first-child { font-size: 1rem; } } /*employees-benefits*/ /*.CurrentCategoryLocked {display:none;}*/ .orange-layout-page.thirdVers .top-caption { max-width: unset; } /*main-text*/ .orange-layout-page.thirdVers .main-text-sec, .orange-layout-page.thirdVers .gifts-title-sec { margin-bottom: 0; } .orange-layout-page.thirdVers .main-text-sec h2, .orange-layout-page.thirdVers .gifts-title-sec h2 { font-size: 220%; text-shadow: none; } .orange-layout-page.thirdVers .main-text-sec h2 { margin-bottom: 23px; } .orange-layout-page.thirdVers .main-text-sec .grid-text-content p { margin-top: 0; font-size: 90%; font-weight: 600; line-height: 1.67; letter-spacing: 0.36px; } .orange-layout-page.thirdVers .main-text-sec .grid-text-content h4 { color: var(--black); margin: 0; } /*gift-process-sec*/ .orange-layout-page.thirdVers #LobbyModule .gift-process-sec { padding-top: 30px; margin-bottom: 0; padding-right: 0; padding-left: 0; } .orange-layout-page.thirdVers #LobbyModule .gift-process-sec .grid-boxes { padding-top: 0; /* direction: ltr;*/ } .orange-layout-page.thirdVers #LobbyModule .gift-process-sec .grid-boxes .grid-box { background-color: #fff; box-shadow: var(--shadow); border-radius: 10px 0 20px 0; width: 300px; height: 160px; margin: 0 15px; } .orange-layout-page.thirdVers #LobbyModule .gift-process-sec .grid-boxes .grid-box > * { animation: textAnim 2s; } .orange-layout-page.thirdVers .gift-process-sec .grid-boxes .grid-box .grid-box-image { display: none; } .orange-layout-page.thirdVers #LobbyModule .gift-process-sec .grid-boxes .grid-box .grid-box-title h3 { font-size: 310%; } .orange-layout-page.thirdVers #LobbyModule .gift-process-sec .grid-boxes .grid-box .grid-box-title h3 a { color: var(--dark-pink); } .orange-layout-page.thirdVers .gift-process-sec .grid-boxes .grid-box .grid-box-subtitle { font-family: var(--bold); font-size: 105%; font-size: 21px; font-weight: bold; line-height: 1.14; letter-spacing: 0.42px; } .orange-layout-page.thirdVers .gift-process-sec .grid-boxes .grid-box .grid-box-fulltext p { font-size: 70%; line-height: 1.64; color: var(--blackish); } /*gifts-title-sec*/ .orange-layout-page.thirdVers .gifts-title-sec { padding-bottom: 0; } .orange-layout-page.thirdVers .gifts-title-sec h2 { font-size: 1.05rem; margin-bottom: 0; padding-bottom: 0; } /*gifts-images-sec*/ .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes { max-width: 900px; height: 286px; padding-top: 0; display: flex; flex-wrap: wrap; } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-box { margin: 0; padding: 0 40px; } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes .grid-box-image { margin-bottom: 15px; padding-bottom: 100%; border-radius: 50%; box-shadow: var(--shadow); } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .box-image-animation { border-radius: 50%; border: 1px solid #fff; } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes .grid-box-title h3 { font-family: var(--regular); font-size: 1.05rem; font-weight: 600; line-height: 1.14; letter-spacing: 0.42px; } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes .grid-box-title h3 a { color: #000; } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes .grid-box-subtitle { font-size: 90%; } @media (max-width: 767px) { /*main-text*/ .orange-layout-page.thirdVers .grid-top-char { right: 0; } .orange-layout-page.thirdVers .grid-top-char { width: 105px; height: 175px; background-size: contain; } .orange-layout-page.thirdVers .main-text-sec h2 { font-size: 130%; } .orange-layout-page.thirdVers .main-text-sec h2::after { margin: 14px auto; } .orange-layout-page.thirdVers .main-text-sec .grid-text-section .section-title { margin-bottom: 28px; } .orange-layout-page.thirdVers .main-text-sec .grid-text-section .grid-text-content { margin: 0; width: 100%; padding: 0; } /*gift-process-sec*/ .orange-layout-page.thirdVers #LobbyModule .gift-process-sec { margin-bottom: 8px; } .orange-layout-page.thirdVers #LobbyModule .gift-process-sec .grid-boxes .grid-box { margin-bottom: 32px; } /*gifts-title-sec*/ .orange-layout-page.thirdVers .gifts-title-sec .grid-text-content { width: 100%; padding: 0; margin: 0; } .orange-layout-page.thirdVers .gifts-title-sec h2 { font-size: 105%; } /*gifts-images-sec*/ /*.orange-layout-page.thirdVers #LobbyModule .gifts-images-sec {margin-top:15px !important; margin-bottom:0;} .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes .grid-box-image { padding-bottom: 82%; } .orange-layout-page.thirdVers #LobbyModule .gifts-images-sec .grid-boxes { height: auto; }*/ }