body {
background-color:#FFF2DC;
}
.dds1122-calc-container {
display: flow-root;
box-sizing: border-box;
padding-top: 20px;
padding-bottom: 40px
}
.dds1122-calc {
float: left;
width: 50%
}
.dds1122-container {
display: flow-root;
box-sizing: content-box;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
.dds1122-hr {
border-top: 2px solid #001957;
}
.dds1122-padding {
padding: 20px
}
.dds1122-margin {
margin: 20px
}
.dds1122-margin-top-20 {
margin-top:20px !important
}
.dds1122-margin-top-30 {
margin-top:30px!important
}
.dds1122-margin-top-40 {
margin-top:40px!important
}
.dds1122-margin-top-20-40 {
margin-top: 20px
}
.dds1122-margin-calc {
margin-top: 50px !important
}
.dds1122-margin-bottom {
margin-bottom: 20px !important
}
.dds1122-margin-left {
margin-left: 20px !important
}
.dds1122-margin-right {
margin-right: 20px !important
}
.dds1122-margin-small-bottom {
margin-bottom: 10px !important
}
.dds1122-margin-large-top {
margin-top: 40px !important
}
.dds1122-margin-large-bottom {
margin-bottom: 40px !important
}
.dds1122-margin-large-left {
margin-left: 40px !important
}
.dds1122-margin-large-right {
margin-right: 40px !important
}
@media (min-width:1200px) {
.dds1122-margin-large {
margin-top: 70px !important
}
.dds1122-margin-large-top {
margin-top: 70px !important
}
.dds1122-margin-large-bottom {
margin-bottom: 70px !important
}
.dds1122-margin-large-left {
margin-left: 70px !important
}
.dds1122-margin-large-right {
margin-right: 70px !important
}
}
.dds1122-margin-xlarge {
margin-top: 70px !important
}
.dds1122-margin-xlarge-top {
margin-top: 70px !important
}
.dds1122-margin-xlarge-bottom {
margin-bottom: 70px !important
}
.dds1122-margin-xlarge-left {
margin-left: 70px !important
}
.dds1122-margin-xlarge-right {
margin-right: 70px !important
}
@media (min-width:1200px) {
.dds1122-margin-xlarge {
margin-bottom: 140px
}
.dds1122-margin-xlarge {
margin-top: 140px !important
}
.dds1122-margin-xlarge-top {
margin-top: 140px !important
}
.dds1122-margin-xlarge-bottom {
margin-bottom: 140px !important
}
.dds1122-margin-xlarge-left {
margin-left: 140px !important
}
.dds1122-margin-xlarge-right {
margin-right: 140px !important
}
}
,
.dds1122-grid-collapse {
margin-left: 0
}
.dds1122-grid-collapse {
padding-left: 0
}
.dds1122-grid-collapse {
margin-top: 0
}
.dds1122-align-center {
margin-left: auto;
margin-right: auto
}
.dds1122-align-right {
margin-top: 0;
margin-left: 30px;
float: right
}
.dds1122-position-top {
top: 0;
left: 0;
right: 0
}
.dds1122-position-bottom {
bottom: 0;
left: 0;
right: 0
}
.dds1122-position-center {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: max-content;
max-width: 100%;
box-sizing: border-box
}
.dds1122-position-center-left {
top: 50%;
transform: translateY(-50%);
left: 0
}
.dds1122-height-medium {
height: 300px
}
.dds1122-width-1-1 {
width: 100%
}
.dds1122-width-1-2-m {
width: 50%
}
.dds1122-width-20 {
width: 20px;
}
.dds1122-child-width-expand {
flex: 1;
min-width: 1px
}
.dds1122-inline {
display: inline-block;
position: relative;
max-width: 100%;
vertical-align: middle;
-webkit-backface-visibility: hidden
}
.dds1122-flex {
display:-webkit-flex;
display:flex;
margin-left:30px;
margin-right:30px;
}
.dds1122-flex-m {
display: flex;
}
.dds1122-flex-img-center {
display: flex;
justify-content: center;
align-items: flex-end;
}
.dds1122-flex-img-space-around {
display: flex;
justify-content: space-around;
align-items: flex-end;
}
.dds1122-padding-right-15-15 {
padding-left:15px!important;
padding-right:15px!important
}
.dds1122-text-normal {
font-size: 20px;
line-height: 24px;
font-weight: 400
}
.dds1122-text-normal-bold {
font-size: 20px;
line-height: 24px;
font-family: 'Marselis Fett'
}
.dds1122-text-normal-overlay {
font-size: 20px;
line-height: 24px;
font-weight: 400
}
.dds1122-text-bold {
font-size: 20px;
line-height: 30px;
font-weight: 700
}
.dds1122-text-medium {
font-size: 23px;
line-height: 27px;
font-weight: 400
}
.dds1122-button-block{display:block;width:260px;margin:auto;padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;background-color:#00E6E6;border-radius:5px;border: 3px solid #00E6E6!important;font-size:20px;color:#001957;font-weight:700;text-transform:none;text-decoration:none}.dds1122-button-block:hover{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;background-color:#00FAFA;border-radius:5px;border: 3px solid #00FAFA!important;font-size:20px;color:#001957;font-weight:700}.dds1122-button-block:active{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;background-color:#01E6E6;border-radius:5px;border: 3px solid #01E6E6!important;font-size:20px;color:#001957;font-weight:700}
.dds1122-button-secondary-block{display:block;width:260px;margin:auto;padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;border-radius:5px;border:3px solid #00E6E6!important;font-size:20px;color:#001957!important;font-weight:700;text-decoration:none}.dds1122-button-secondary-block:hover{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;border-radius:5px;border:3px solid #1DA3B6!important;font-size:20px;color:#001957!important;font-weight:700}.dds1122-button-secondary-block:active{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;border-radius:5px;border:3px solid #1DA3B6!important;font-size:20px;color:#001957!important;font-weight:700}
@media screen and (max-width:640px) {
.dds1122-text-normal {
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.dds1122-text-normal-overlay {
font-size: 18px;
line-height: 24px;
font-weight: 400
}
.dds1122-text-bold {
font-size: 18px;
line-height: 24px;
font-weight: 700
}
.dds1122-text-medium {
font-size: 21px;
line-height: 24px;
font-weight: 400
}
.dds1122-width-1-2-m {
width: 100%
}
.dds1122-width-20 {
display: none;
}
.dds1122-flex {
display: block;
margin: 0;
}
.dds1122-flex-m {
display: block;
}
.dds1122-padding-right-15-15 {
padding-left:0px!important;
padding-right:0px!important
}
.dds1122-margin {
margin: 0px
}
.dds1122-margin-auto-mobile {
width:220px;
margin:auto;
margin-top: 10px;
}
.dds1122-margin-top-mobile-20 {
margin-top:20px!important
}
.dds1122-margin-top-20-40 {
margin-top: 40px
}
.dds1122-button-block{display:block;width:auto;margin:5px;padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;background-color:#00E6E6;border-radius:5px;border: 3px solid #00E6E6!important;font-size:20px;color:#001957;font-weight:700;text-transform:none;text-decoration:none}.dds1122-button-block:hover{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;background-color:#00FAFA;border-radius:5px;border: 3px solid #00FAFA!important;font-size:20px;color:#001957;font-weight:700}.dds1122-button-block:active{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;background-color:#01E6E6;border-radius:5px;border: 3px solid #01E6E6!important;font-size:20px;color:#001957;font-weight:700}
.dds1122-button-secondary-block{display:block;width:auto;margin:5px;padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;border-radius:5px;border:3px solid #00E6E6!important;font-size:20px;color:#001957!important;font-weight:700;text-decoration:none}.dds1122-button-secondary-block:hover{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;border-radius:5px;border:3px solid #1DA3B6!important;font-size:20px;color:#001957!important;font-weight:700}.dds1122-button-secondary-block:active{padding-left:15px;padding-right:15px;padding-top:11px;padding-bottom:11px;border-radius:5px;border:3px solid #1DA3B6!important;font-size:20px;color:#001957!important;font-weight:700}
.dds1122-hidden-m {
display: none;
}
}
@media (min-width:641px) {
.dds1122-hidden-l {
display: none;
}
}
@media screen and (max-width:440px) {
.dds1122-text-normal-overlay {
font-size: 16px;
line-height: 20px;
font-weight: 400
}
}
@media screen and (max-width:374px) {
.dds1122-text-normal-overlay {
font-size: 14px;
line-height: 18px;
font-weight: 400
}
}
.dds1122-text-left {
text-align: left !important
}
.dds1122-text-right {
text-align: right !important
}
.dds1122-text-center {
text-align: center !important
}
.dds1122-blue-font {
color: #001957
}
.dds1122-heading-2 {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 50px;
line-height: 54px;
font-weight: 700;
}
.dds1122-heading-4 {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 36px;
line-height: 44px
}
.dds1122-heading-5 {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 30px;
line-height: 34px
}
.dds1122-heading-5-overlay {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 30px;
line-height: 34px
}
@media screen and (max-width:640px) {
.dds1122-heading-2 {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 30px;
line-height: 34px;
font-weight: 700;
}
.dds1122-heading-4 {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 28px;
line-height: 36px;
}
.dds1122-heading-5-overlay {
font-family: "Marselis Fett", arial, sans-serif;
font-size: 24px;
line-height: 28px
}
}
.dds1122-grid {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none
}
.range-slider {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
border: none;
max-height: 5px;
margin-left: 0;
margin-top: 0;
margin-bottom: 0
}
.range-slider:focus {
outline: 0
}
.range-slider.range-progress {
--range: calc(var(--max) - var(--min));
--ratio: calc((var(--value) - var(--min)) /var(--range));
--sx: calc(0.8125rem + var(--ratio) *(100% - 1.625rem))
}
.range-slider.range-progress::-webkit-slider-runnable-track {
-webkit-appearance: none;
background: linear-gradient(#00e6e6, #00e6e6) 0/var(--sx) 100% no-repeat, #001957
}
.range-slider.range-progress::-moz-range-track {
-moz-appearance: none;
background: linear-gradient(#00e6e6, #00e6e6) 0/var(--sx) 100% no-repeat, #001957
}
.range-slider-arrowrightleft::-webkit-slider-thumb {
cursor: pointer;
width: 33px;
height: 33px;
border-radius: 49%;
background-image: url('data:image/svg+xml;utf8,');
box-shadow: 0 .1875rem .5rem rgba(0, 0, 0, .25);
margin-top: calc(.3125rem - max(1.875rem * .65, .125rem));
-webkit-appearance: none
}
.range-slider-arrowrightleft::-webkit-slider-thumb:hover {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowrightleft::-webkit-slider-thumb:active {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowrightleft::-moz-range-thumb {
-moz-appearance: none;
border: none;
border-radius: 0;
cursor: pointer;
width: 33px;
height: 33px;
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowrightleft::-moz-range-thumb:hover {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowrightleft::-moz-range-thumb:active {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowleft::-webkit-slider-thumb {
cursor: pointer;
width: 33px;
height: 33px;
border-radius: 49%;
background-image: url('data:image/svg+xml;utf8,');
box-shadow: 0 .1875rem .5rem rgba(0, 0, 0, .25);
margin-top: calc(.3125rem - max(1.875rem * .65, .125rem));
-webkit-appearance: none
}
.range-slider-arrowleft::-webkit-slider-thumb:hover {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowleft::-webkit-slider-thumb:active {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowleft::-moz-range-thumb {
-moz-appearance: none;
border: none;
border-radius: 0;
cursor: pointer;
width: 33px;
height: 33px;
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowleft::-moz-range-thumb:hover {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowleft::-moz-range-thumb:active {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowright::-webkit-slider-thumb {
cursor: pointer;
width: 33px;
height: 33px;
border-radius: 49%;
background-image: url('data:image/svg+xml;utf8,');
box-shadow: 0 .1875rem .5rem rgba(0, 0, 0, .25);
margin-top: calc(.3125rem - max(1.875rem * .65, .125rem));
-webkit-appearance: none
}
.range-slider-arrowright::-webkit-slider-thumb:hover {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowright::-webkit-slider-thumb:active {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowright::-moz-range-thumb {
-moz-appearance: none;
border: none;
border-radius: 0;
cursor: pointer;
width: 33px;
height: 33px;
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowright::-moz-range-thumb:hover {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider-arrowright::-moz-range-thumb:active {
background-image: url('data:image/svg+xml;utf8,')
}
.range-slider::-webkit-slider-runnable-track {
height: 5px;
border-radius: 0;
background: #001957;
border: none;
box-shadow: none
}
.range-slider::-moz-range-track {
height: 5px;
border-radius: 0;
background: #001957;
border: none;
box-shadow: none
}
.interaction:not(.interaction--light) .range-slider,
.range-slider-light {
background: 0 0
}
.interaction:not(.interaction--light) .range-progress.range-slider,
.range-slider-light.range-progress {
--range: calc(var(--max) - var(--min));
--ratio: calc((var(--value) - var(--min)) /var(--range));
--sx: calc(0.8125rem + var(--ratio) *(100% - 1.625rem))
}
.interaction:not(.interaction--light) .range-progress.range-slider::-webkit-slider-runnable-track,
.range-slider-light.range-progress::-webkit-slider-runnable-track {
background: linear-gradient(#ccd8ea, #ccd8ea) 0/var(--sx) 100% no-repeat, #fff
}
.interaction:not(.interaction--light) .range-progress.range-slider::-moz-range-track,
.range-slider-light.range-progress::-moz-range-track {
background: linear-gradient(#ccd8ea, #ccd8ea) 0/var(--sx) 100% no-repeat, #fff
}
.range-slider-multi {
width: 100%;
display: grid;
position: relative;
background: #001957;
height: 5px;
border-radius: 0;
margin-top: .5rem;
margin-bottom: .5rem;
--dif: calc(var(--max) - var(--min))
}
.range-slider-multi:after,
.range-slider-multi:before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #00e6e6;
grid-column: 1;
grid-row: 1;
height: 100%;
border-radius: 0
}
.range-slider-multi:before {
left: calc((var(--a) - var(--min))/ var(--dif) * 100%);
width: calc((var(--b) - var(--a))/ var(--dif) * 100%)
}
.range-slider-multi:after {
left: calc((var(--b) - var(--min))/ var(--dif) * 100%);
width: calc((var(--a) - var(--b))/ var(--dif) * 100%)
}
.range-slider-multi input[type=range] {
grid-column: 1;
height: 5px;
grid-row: 1;
background: 0 0;
pointer-events: none
}
.range-slider-multi input[type=range],
.range-slider-multi input[type=range]::-webkit-slider-runnable-track,
.range-slider-multi input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none
}
.range-slider-multi input[type=range]::-webkit-slider-runnable-track {
background: 0 0
}
.range-slider-multi input[type=range]::-moz-range-track {
background: 0 0
}
.range-slider-multi input[type=range]::-webkit-slider-thumb {
pointer-events: auto
}
.range-slider-multi input[type=range]::-moz-range-thumb {
pointer-events: auto
}
.range-value {
position: relative;
top: 54px
}
@media screen and (min-width:640px) and (max-width:1199px) {
.range-value {
position: relative;
top: 40px
}
}
@media screen and (min-width:1200px) {
.range-value {
position: relative;
top: 70px
}
}
.range-value span {
font-family: Marselis, arial, sans-serif;
font-weight: 400;
width: 42px !important;
height: 42px;
line-height: 42px;
text-align: center;
background: #fff;
color: #001957;
font-size: 12px;
display: block;
position: absolute;
left: 0;
transform: translate(-50%, 0);
border-radius: 6px;
box-shadow: 0 .1875rem .5rem #0000003f
}
.range-value span:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 10px solid #fff;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 100%;
left: 50%;
margin-left: -5px;
margin-top: -1px
}
.dds1122-overlay {
position: absolute;
top: 165px;
left: 50%;
background-color: #A7D54C;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
z-index: 10;
}
.dds1122-overlay-mobile {
position: absolute;
top: 151px;
left: 50%;
background-color: #A7D54C;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
padding-bottom: 8px;
width: 100%;
max-width: 215px;
height: auto;
z-index: 10;
}
.dds1122-canvas-overlay {
position: absolute;
top: 60px;
left: 72%;
background-color: transparent;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
z-index: 5;
}
.dds1122-slides {
display: none;
width: 150px;
}
.dds1122-animate-left {
position: relative;
animation: animateleft 4s
}
@keyframes animateleft {
0% { left :-30px; opacity:0 }
25% { left:0; opacity:1 }
75% { left:0; opacity:1 }
100% { left:30px; opacity:0 }
}
.dds1122-animate-arm {
animation: swing ease-in-out 1s infinite alternate;
transform-origin: 5% 89%;
transform-box: fill-box;
}
@keyframes swing {
0% { transform: rotate(15deg); }
100% { transform: rotate(-10deg); }
}
.dds1122-margin-top {
margin-top: 40px
}
@media only screen and (min-width:375px) and (max-width:460px) {
.dds1122-margin-top {
margin-top: 10px
}
}
@media only screen and (min-width:320px) and (max-width:374px) {
.dds1122-margin-top {
margin-top: 0
}
}