/* Sass Document */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .list-style-type { margin: 0px; padding: 0px; list-style-type: none; } ul, ol { margin: 0px 0 20px 20px; } div.row-wrapper { box-sizing: border-box; max-width: 1200px; margin: 0 auto; } @media screen and (max-width: 1320px) and (min-width: 641px) { div.row-wrapper { max-width: 96%; } } div.row-wrapper.row--large-gutters { max-width: calc(1200px + 2rem); } div.row-wrapper.row--large-gutters [class*='col'] { padding-left: 2rem; padding-right: 2rem; } @media screen and (max-width: 640px) { div.row-wrapper.row--large-gutters [class*='col'] { padding-left: 1rem; padding-right: 1rem; } } div.xl-row { box-sizing: border-box; max-width: 2048px; margin: 0 auto; } div.full-width-row { margin-right: auto; margin-left: auto; } div.full-width-row [class*='col'] { padding-left: 0; padding-right: 0; } @media screen and (max-width: 640px) { div.mobile-full-width > [class*='col'] { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 640px) { .mobile-pad { padding-right: 1rem; padding-left: 1rem; } } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .row.reverse { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .col-xs-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-xs-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-basis: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-xs-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-basis: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-xs-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-basis: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-xs-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-basis: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-xs-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-basis: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-xs-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-basis: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-xs-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-basis: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-xs-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-xs-offset-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-xs-offset-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-xs-offset-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-xs-offset-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-xs-offset-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-xs-offset-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-xs-offset-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-xs-offset-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-xs-offset-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-xs-offset-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-xs-offset-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-xs-offset-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-xs { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; max-width: 100%; } .start-xs { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; text-align: left; } .center-xs { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .end-xs { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; text-align: right; } .top-xs { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .middle-xs { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .bottom-xs { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .around-xs { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .between-xs { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .first-xs { order: -1; } .last-xs { order: 1; } @media only screen and (min-width: 640px) { .col-sm { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .col-sm-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-basis: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-basis: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-basis: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-basis: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-basis: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-basis: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-basis: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-sm-offset-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-sm-offset-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-sm-offset-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-sm-offset-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-sm-offset-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-sm-offset-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-sm-offset-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-sm-offset-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-sm-offset-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-sm-offset-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-sm-offset-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-sm-offset-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-sm { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; max-width: 100%; } .start-sm { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; text-align: left; } .center-sm { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .end-sm { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; text-align: right; } .top-sm { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .middle-sm { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .bottom-sm { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .around-sm { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .between-sm { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .first-sm { order: -1; } .last-sm { order: 1; } } @media only screen and (min-width: 1024px) { .col-md { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .col-md-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-basis: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-basis: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-basis: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-basis: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-basis: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-basis: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-basis: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-md-offset-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-md-offset-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-md-offset-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-md-offset-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-md-offset-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-md-offset-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-md-offset-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-md-offset-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-md-offset-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-md-offset-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-md-offset-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-md-offset-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-md { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; max-width: 100%; } .start-md { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; text-align: left; } .center-md { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .end-md { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; text-align: right; } .top-md { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .middle-md { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .bottom-md { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .around-md { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .between-md { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .first-md { order: -1; } .last-md { order: 1; } } @media only screen and (min-width: 1600px) { .col-lg { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .col-lg-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-basis: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-basis: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-basis: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-basis: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-basis: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-basis: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-basis: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-lg-offset-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-lg-offset-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-lg-offset-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-lg-offset-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-lg-offset-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-lg-offset-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-lg-offset-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-lg-offset-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-lg-offset-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-lg-offset-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-lg-offset-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-lg-offset-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-lg { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; max-width: 100%; } .start-lg { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; text-align: left; } .center-lg { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .end-lg { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; text-align: right; } .top-lg { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .middle-lg { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .bottom-lg { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .around-lg { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .between-lg { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .first-lg { order: -1; } .last-lg { order: 1; } } @media only screen and (min-width: 2048px) { .col-xl { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-basis: auto; flex-basis: auto; } .col-xl-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 8.3333333333%; -moz-flex-basis: 8.3333333333%; -ms-flex-basis: 8.3333333333%; flex-basis: 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 16.6666666667%; -moz-flex-basis: 16.6666666667%; -ms-flex-basis: 16.6666666667%; flex-basis: 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-basis: 25%; flex-basis: 25%; max-width: 25%; } .col-xl-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 33.3333333333%; -moz-flex-basis: 33.3333333333%; -ms-flex-basis: 33.3333333333%; flex-basis: 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 41.6666666667%; -moz-flex-basis: 41.6666666667%; -ms-flex-basis: 41.6666666667%; flex-basis: 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; max-width: 50%; } .col-xl-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 58.3333333333%; -moz-flex-basis: 58.3333333333%; -ms-flex-basis: 58.3333333333%; flex-basis: 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 66.6666666667%; -moz-flex-basis: 66.6666666667%; -ms-flex-basis: 66.6666666667%; flex-basis: 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 75%; -moz-flex-basis: 75%; -ms-flex-basis: 75%; flex-basis: 75%; max-width: 75%; } .col-xl-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 83.3333333333%; -moz-flex-basis: 83.3333333333%; -ms-flex-basis: 83.3333333333%; flex-basis: 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 91.6666666667%; -moz-flex-basis: 91.6666666667%; -ms-flex-basis: 91.6666666667%; flex-basis: 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-basis: 100%; flex-basis: 100%; max-width: 100%; } .col-xl-offset-0 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 0; } .col-xl-offset-1 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 8.3333333333%; } .col-xl-offset-2 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 16.6666666667%; } .col-xl-offset-3 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 25%; } .col-xl-offset-4 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 33.3333333333%; } .col-xl-offset-5 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 41.6666666667%; } .col-xl-offset-6 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 50%; } .col-xl-offset-7 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 58.3333333333%; } .col-xl-offset-8 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 66.6666666667%; } .col-xl-offset-9 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 75%; } .col-xl-offset-10 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 83.3333333333%; } .col-xl-offset-11 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 91.6666666667%; } .col-xl-offset-12 { box-sizing: border-box; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; padding-right: 1rem; padding-left: 1rem; margin-left: 100%; } .col-xl { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 0; -moz-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; max-width: 100%; } .start-xl { -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; text-align: left; } .center-xl { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .end-xl { -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; text-align: right; } .top-xl { -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .middle-xl { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .bottom-xl { -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .around-xl { -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; -ms-flex-pack: space-around; } .between-xl { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .first-xl { order: -1; } .last-xl { order: 1; } } .gutter--small--wrapper { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .gutter--small { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } * { font-family: neue-haas-grotesk-text, sans-serif; color: #373737; } *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; } body { overflow-x: hidden; scroll-behavior: smooth; } main { min-height: calc(100vh - 337px); margin-top: 80px; } @media screen and (max-width: 1024px) { main { margin-top: 60px; } } html.no-scrolling, html.no-scrolling body { max-height: 100%; overflow: hidden; } html h1, html .h1 { font-size: 90px; line-height: 1; font-family: 'Senilita', serif; font-weight: 600; letter-spacing: 1px; margin: 0; text-transform: uppercase; } @media screen and (max-width: 1024px) { html h1, html .h1 { font-size: 65px; } } @media screen and (max-width: 640px) { html h1, html .h1 { font-size: 38px; } } html h2, html .h2 { font-size: 60px; line-height: 1.15em; font-family: 'Senilita', serif; font-weight: 600; letter-spacing: 1px; margin: 0; text-transform: uppercase; } @media screen and (max-width: 640px) { html h2, html .h2 { font-size: 30px; } } html h3, html .h3 { font-size: 40px; line-height: 1.1; font-family: 'Senilita', serif; font-weight: 600; letter-spacing: 1px; margin: 0; } @media screen and (max-width: 640px) { html h3, html .h3 { font-size: 24px; } } html h3.h3--small { font-size: 22px; } @media screen and (max-width: 640px) { html h3.h3--small { font-size: 18px; } } html h4, html .h4 { font-size: 23px; line-height: 1.2em; font-family: 'Senilita', serif; font-weight: 600; letter-spacing: 1px; margin: 0; } @media screen and (max-width: 640px) { html h4, html .h4 { font-size: 18px; } } html h5, html .h5 { font-size: 18px; line-height: 1.4em; font-family: 'Senilita', serif; font-weight: 700; margin: 0; margin-bottom: 10px; } @media screen and (max-width: 640px) { html h5, html .h5 { font-size: 16px; } } html h6, html .h6 { font-size: 16px; line-height: 1.5em; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 700; margin: 0; margin-bottom: 10px; color: #373737; } html .fancy-font, html .title__super { font-family: neue-haas-grotesk-text, sans-serif; font-size: 40px; } @media screen and (max-width: 640px) { html .fancy-font, html .title__super { font-size: 24px; } } html .fancy-font.fancy-font--large, html .title__super.fancy-font--large { font-size: 50px; } @media screen and (max-width: 640px) { html .fancy-font.fancy-font--large, html .title__super.fancy-font--large { font-size: 37px; } } html .desktop-hide { display: none; } @media screen and (max-width: 1024px) { html .desktop-hide { display: block; } } html p, html .text, html .text p { font-size: 16px; line-height: 1.5em; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 400; margin-bottom: 20px; margin-top: 0px; } @media screen and (max-width: 640px) { html p, html .text, html .text p { font-size: 16px; } } html p:last-of-type, html .text:last-of-type { margin-bottom: 0; } html .text--large, html .text--large p { font-size: 18px; } @media screen and (max-width: 640px) { html .text--large, html .text--large p { font-size: 18px; } } html .text--orange { color: #ca5d2d; } html p:empty { margin: 0 !important; } .row ul { margin-bottom: 15px; } .row.row-wrapper.no-gutters { max-width: calc(1280px - 2rem); } @media screen and (max-width: 1320px) { .row.row-wrapper.no-gutters { max-width: calc(96% - 2rem); } } @media screen and (max-width: 640px) { .row.row-wrapper.no-gutters { max-width: 100%; } } .row.row-wrapper.no-gutters [class^="col-"] { padding-left: 0; padding-right: 0; } @media screen and (max-width: 1024px) { .row.mobile-condensed-section { width: 600px; max-width: 96%; margin: auto; } } @media screen and (max-width: 640px) { .row.mobile-condensed-section { width: 100%; max-width: 100%; } } a { color: #e53d10; } .text--center { text-align: center; } @media screen and (max-width: 640px) { .mobile-text-left { text-align: left; } } .title-font { font-family: 'Senilita', serif; } .text-font { font-family: neue-haas-grotesk-text, sans-serif; } .text--primary { color: #e53d10; } .text--blue { color: #2c9ad1; } .text--darkblue { color: #005da9; } .text--gray { color: #373737; } .text--white { color: white; } .text--white * { color: white; } .text--red { color: #e53d10; } .text--green { color: #40A6B2; } .text--bold { font-weight: 800; } .text--semi-bold { font-weight: 600; } .text--light { font-weight: 300; } .text--small { font-size: 14px; } .text--uppercase { text-transform: uppercase; } .text--capitalize { text-transform: capitalize; } .border--left { border-left: 5px solid #e53d10; padding-left: 30px; } .center { margin-left: auto; margin-right: auto; text-align: center; } blockquote, blockquote p { font-size: 35px; line-height: 1.3em; font-weight: 900; margin-left: 0; } @media screen and (max-width: 640px) { blockquote, blockquote p { font-size: 22px; } } .rel { position: relative; } .z10 { z-index: 10; } .row.max--1024 { max-width: 1024px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1024px) { .row.max--1024 { max-width: 96%; } } .row.max--900 { max-width: 900px; margin-left: auto; margin-right: auto; } @media screen and (max-width: 1024px) { .row.max--900 { max-width: 96%; } } @media screen and (max-width: 640px) { .col-xs-12.mobile-0 { padding-left: 0; padding-right: 0; } } .section-pad { padding-top: 80px; } @media screen and (max-width: 640px) { .section-pad { padding-top: 40px; } } .bg-color { margin-top: 80px; padding-top: 80px; padding-bottom: 80px; } @media screen and (max-width: 640px) { .bg-color { margin-top: 40px; padding-top: 40px; padding-bottom: 40px; } } .bg-color + .bg-color { margin-top: 0px; } .bg-color + .footer { margin-top: 0; } .m-t-5 { margin-top: 5px !important; } .p-t-5 { padding-top: 5px !important; } .m-b-5 { margin-bottom: 5px !important; } .p-b-5 { padding-bottom: 5px !important; } .m-l-5 { margin-left: 5px !important; } .p-l-5 { padding-left: 5px !important; } .m-r-5 { margin-right: 5px !important; } .p-r-5 { padding-right: 5px !important; } .m-t-10 { margin-top: 10px !important; } .p-t-10 { padding-top: 10px !important; } .m-b-10 { margin-bottom: 10px !important; } .p-b-10 { padding-bottom: 10px !important; } .m-l-10 { margin-left: 10px !important; } .p-l-10 { padding-left: 10px !important; } .m-r-10 { margin-right: 10px !important; } .p-r-10 { padding-right: 10px !important; } .m-t-15 { margin-top: 15px !important; } .p-t-15 { padding-top: 15px !important; } .m-b-15 { margin-bottom: 15px !important; } .p-b-15 { padding-bottom: 15px !important; } .m-l-15 { margin-left: 15px !important; } .p-l-15 { padding-left: 15px !important; } .m-r-15 { margin-right: 15px !important; } .p-r-15 { padding-right: 15px !important; } .m-t-20 { margin-top: 20px !important; } .p-t-20 { padding-top: 20px !important; } .m-b-20 { margin-bottom: 20px !important; } .p-b-20 { padding-bottom: 20px !important; } .m-l-20 { margin-left: 20px !important; } .p-l-20 { padding-left: 20px !important; } .m-r-20 { margin-right: 20px !important; } .p-r-20 { padding-right: 20px !important; } .m-t-30 { margin-top: 30px !important; } .p-t-30 { padding-top: 30px !important; } .m-b-30 { margin-bottom: 30px !important; } .p-b-30 { padding-bottom: 30px !important; } .m-l-30 { margin-left: 30px !important; } .p-l-30 { padding-left: 30px !important; } .m-r-30 { margin-right: 30px !important; } .p-r-30 { padding-right: 30px !important; } .m-t-40 { margin-top: 40px !important; } .p-t-40 { padding-top: 40px !important; } .m-b-40 { margin-bottom: 40px !important; } .p-b-40 { padding-bottom: 40px !important; } .m-l-40 { margin-left: 40px !important; } .p-l-40 { padding-left: 40px !important; } .m-r-40 { margin-right: 40px !important; } .p-r-40 { padding-right: 40px !important; } .m-t-45 { margin-top: 45px !important; } .p-t-45 { padding-top: 45px !important; } .m-b-45 { margin-bottom: 45px !important; } .p-b-45 { padding-bottom: 45px !important; } .m-l-45 { margin-left: 45px !important; } .p-l-45 { padding-left: 45px !important; } .m-r-45 { margin-right: 45px !important; } .p-r-45 { padding-right: 45px !important; } .m-t-60 { margin-top: 60px !important; } .p-t-60 { padding-top: 60px !important; } .m-b-60 { margin-bottom: 60px !important; } .p-b-60 { padding-bottom: 60px !important; } .m-l-60 { margin-left: 60px !important; } .p-l-60 { padding-left: 60px !important; } .m-r-60 { margin-right: 60px !important; } .p-r-60 { padding-right: 60px !important; } .m-t-80 { margin-top: 80px !important; } .p-t-80 { padding-top: 80px !important; } .m-b-80 { margin-bottom: 80px !important; } .p-b-80 { padding-bottom: 80px !important; } .m-l-80 { margin-left: 80px !important; } .p-l-80 { padding-left: 80px !important; } .m-r-80 { margin-right: 80px !important; } .p-r-80 { padding-right: 80px !important; } .link { text-transform: uppercase; text-decoration: none; color: #ca5d2d; font-size: 16px; font-family: neue-haas-grotesk-text, sans-serif; font-weight: 800; border: none; background: none; position: relative; padding-right: 30px; display: inline-block; letter-spacing: 1px; } .link:after { content: ''; width: 23px; height: 23px; position: absolute; right: -3px; top: 1px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ik9yYW5nZV9PdXRsaW5lX0NpcmNsZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIKCSB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDY5LjgzIDQzLjY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2OS44MyA0My42NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtjbGlwLXBhdGg6dXJsKCNTVkdJRF8wMDAwMDE1MjIyMzI3MTg0MTEzOTM3Mzg0MDAwMDAxMTExOTg4OTM5NjQ0NjY4NzkyMV8pO30KCS5zdDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMDAwMDAwOTI0MTc5NDMyMjUzNzY1NjgwNjAwMDAwMTYwOTEyMTk0ODI0MDA0Njc2MzZfKTtmaWxsOiNDQTVEMkQ7fQo8L3N0eWxlPgo8Zz4KCTxkZWZzPgoJCTxwYXRoIGlkPSJTVkdJRF8xXyIgZD0iTTY4LjU1LDI0LjkxTDUxLjA5LDQyLjM3Yy0xLjcxLDEuNzEtNC40NywxLjctNi4xNywwYy0xLjctMS43LTEuNy00LjQ3LDAtNi4xN2wxMC4wMi0xMEg0LjM2CgkJCUMxLjk1LDI2LjE5LDAsMjQuMjQsMCwyMS43YzAtMi41NCwxLjk1LTQuMjQsNC4zNi00LjI0aDUwLjU4TDQ0LjkzLDcuNDVjLTEuNy0xLjctMS43LTQuNDcsMC02LjE3YzEuNy0xLjcsNC40Ny0xLjcsNi4xNywwCgkJCWwxNy40NiwxNy40NkM3MC4yNiwyMC40NSw3MC4yNiwyMy4yLDY4LjU1LDI0LjkxeiIvPgoJPC9kZWZzPgoJPGNsaXBQYXRoIGlkPSJTVkdJRF8wMDAwMDAzNDA4NTg3OTE5MDIyMjMxMjMyMDAwMDAxMTYwNzg5NDY5MTcxOTA1MTQxOF8iPgoJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzFfIiAgc3R5bGU9Im92ZXJmbG93OnZpc2libGU7Ii8+Cgk8L2NsaXBQYXRoPgoJPGcgc3R5bGU9ImNsaXAtcGF0aDp1cmwoI1NWR0lEXzAwMDAwMDM0MDg1ODc5MTkwMjIyMzEyMzIwMDAwMDExNjA3ODk0NjkxNzE5MDUxNDE4Xyk7Ij4KCQk8ZGVmcz4KCQkJCgkJCQk8cmVjdCBpZD0iU1ZHSURfMDAwMDAxMjM0MDAzNDQ1MjUxNTMwNTE2NjAwMDAwMDczODY0MzQ1OTcwNjE2Mjg1NDhfIiB4PSItMjgxNS4wNSIgeT0iLTEzNzg1LjcyIiB3aWR0aD0iNDc4OC43NCIgaGVpZ2h0PSIxODA4NC4xNSIvPgoJCTwvZGVmcz4KCQk8Y2xpcFBhdGggaWQ9IlNWR0lEXzAwMDAwMDIwMzkxODAzMDgzMTU1MjgzMzMwMDAwMDA4MjA1NjY0MTQ1NzE4MTc3NDcwXyI+CgkJCTx1c2UgeGxpbms6aHJlZj0iI1NWR0lEXzAwMDAwMTIzNDAwMzQ0NTI1MTUzMDUxNjYwMDAwMDA3Mzg2NDM0NTk3MDYxNjI4NTQ4XyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPgoJCTwvY2xpcFBhdGg+CgkJCgkJCTxyZWN0IHg9Ii0xNi42MyIgeT0iLTE2LjYzIiBzdHlsZT0iY2xpcC1wYXRoOnVybCgjU1ZHSURfMDAwMDAwMjAzOTE4MDMwODMxNTUyODMzMzAwMDAwMDgyMDU2NjQxNDU3MTgxNzc0NzBfKTtmaWxsOiNDQTVEMkQ7IiB3aWR0aD0iMTAzLjA5IiBoZWlnaHQ9Ijc2LjkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K'); background-repeat: no-repeat; background-size: contain; } .link:hover { text-decoration: underline; } .link .link__wrap { display: flex; justify-content: space-between; } .link.link--white { color: #fff; } .button { color: #e53d10; border: 2px solid #f7c561; padding: 16px 26px 14px 26px; background: #f7c561; transition: background 0.25s ease-out, color 0.25s ease-out; font-weight: 700; font-size: 14px; font-family: neue-haas-grotesk-text, sans-serif; display: inline-block; cursor: pointer; text-decoration: none; position: relative; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); border-radius: 30px; text-transform: uppercase; line-height: 1; } .button:hover { background: #2c9ad1; color: #fff; font-weight: 600; } @media screen and (max-width: 640px) { .button { font-size: 14px; } } .button.button--ghost { color: #fff; border: 1px solid #fff; background: transparent; } .button.button--ghost:hover { background: #e53d10; color: #fff; } .info ul { margin: 10px 0 0 0; padding-left: 0; list-style: none; } .info ul li { padding: 3px 0 3px 23px; line-height: 1.3em; font-family: neue-haas-grotesk-text, sans-serif; position: relative; margin-bottom: 10px; font-weight: 700; } .info ul li:before { content: ''; position: absolute; top: 11px; left: 0; width: 11px; height: 11px; border-radius: 11px; background: #2c9ad1; } .info ul li ul { margin: 3px 0 0; } ol { margin: 10px 0 30px 0; padding-left: 40px; list-style: none; counter-reset: item; } ol li { padding: 10px; margin: 0 0 20px 0; background-color: rgba(44, 154, 209, 0.2); color: #2c9ad1; text-transform: uppercase; counter-increment: item; position: relative; } ol li:before { margin-right: 10px; content: counter(item); background: #2c9ad1; border-radius: 100%; color: white; width: 1.2em; text-align: center; display: block; position: absolute; left: -38px; width: 38px; height: 100%; top: 0; border-radius: 0; line-height: 38px; font-size: 1.2em; font-weight: bold; } .bg-l-gray { background-color: #E4E5E8; } .bg-red { background-color: #e53d10; } .bg-d-gray { background-color: #3b444d; } .bg-gray { background-color: #E9E9E9; } .bg-darkblue { background-color: #005da9; } .image__sizer { position: relative; width: 100%; height: 0; padding-top: 75%; } .image__sizer.image__sizer--4x4 { padding-top: 100%; } .image__sizer.image__sizer--16x9 { padding-top: 56.25%; } .image__sizer.image__sizer--21x9 { padding-top: 42.857%; } .image__sizer.image__sizer--full { padding-top: 0; height: 100%; } .image__sizer.image__sizer--full-screen { padding-top: 0; height: 100vh; } .image__sizer .image__wrap { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .image__sizer .image__wrap.max--800 { max-height: 800px; } .image__sizer .image__wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center top; } .no-pad--mobile { padding-left: 0; padding-right: 0; } @media screen and (max-width: 1024px) { .alignright, .alignleft { float: none; width: 100%; height: auto; } } @media screen and (max-width: 640px) { .alignright, .alignleft { float: none; width: 100%; height: auto; } } header { position: relative; z-index: 10; } main { position: relative; z-index: 5; } main section { position: relative; z-index: 5; background: transparent; } main section:last-of-type:not(.bg-color) { padding-bottom: 60px; border-bottom: 2px solid #ccc; } main .z-10 { z-index: 10; } footer { position: relative; z-index: 4; } main > div { position: relative; z-index: 10; } .spinner-load { margin: 0px auto; width: 40px; height: 40px; position: relative; text-align: center; position: absolute; top: -50px; left: calc(50% - 20px); display: none; -webkit-animation: sk-rotate 2s infinite linear; animation: sk-rotate 2s infinite linear; } .spinner-load .dot1, .spinner-load .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #333; border-radius: 100%; background: #2c9ad1; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .spinner-load .dot2 { top: auto; bottom: 0; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg); } } @keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } .flex-stretch { align-items: stretch; } #topNav { position: fixed; top: 0; left: 0; width: 100%; z-index: 15; background: #e53d10; padding: 10px 2rem; border-bottom: 1px solid #ddd; } @media screen and (max-width: 1024px) { #topNav { padding: 5px 1.25rem; } } #topNav ul { margin: 0; padding: 0; } #topNav ul li { margin: 0; padding: 0; } #topNav .mobile-header { display: none; } @media screen and (max-width: 1024px) { #topNav .mobile-header { display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 9; } } #topNav .mobile-header .logo { height: 60px; width: auto; } @media screen and (max-width: 1024px) { #topNav .mobile-header .logo { height: 46px; display: block; margin: 5px 0; } } #topNav .desktop-header { display: block; } @media screen and (max-width: 1024px) { #topNav .desktop-header { display: none; position: relative; z-index: 8; } } #topNav .desktop-header .header__wrap { display: flex; align-items: center; justify-content: space-between; } @media screen and (max-width: 1024px) { #topNav .desktop-header .header__wrap { margin-right: 0; } } #topNav .desktop-header .logo { height: 80px; width: auto; } #topNav .header--left { display: flex; justify-content: flex-start; align-items: center; } @media screen and (max-width: 1024px) { #topNav .header--left { display: none; } } @media screen and (max-width: 1024px) { #topNav.is-active .header--right .header__nav { display: block; } } @media screen and (max-width: 1024px) { #topNav .header--right { width: 100%; } } #topNav .header--right .header__nav { display: flex; justify-content: flex-end; align-items: center; } @media screen and (max-width: 1024px) { #topNav .header--right .header__nav { display: none; text-align: center; } } @media screen and (max-width: 1024px) { #topNav .header__logo { display: none; } } #topNav .header__inner { padding: 0px 10px; } @media screen and (max-width: 1024px) { #topNav .header__inner { width: 100%; padding: 0; } } #topNav .nav .menu { display: flex; } @media screen and (max-width: 1024px) { #topNav .nav .menu { display: block; margin-top: 30px; } } #topNav .nav .menu-item { padding: 30px 5px; margin: 0 10px; position: relative; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item { padding: 0; margin: 0; text-align: center; } } #topNav .nav .menu-item a { transition: color 0.25s; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item a { display: block; padding: 15px 0; font-size: 26px; } } #topNav .nav .menu-item a:hover { text-decoration: underline; } #topNav .nav .menu-item * { font-size: 18px; font-weight: 600; font-family: 'Senilita', serif; text-decoration: none; color: #fff; letter-spacing: 1px; } #topNav .nav .menu-item.menu-item-has-children { padding-right: 20px; } #topNav .nav .menu-item.menu-item-has-children:before { content: ''; position: absolute; right: 0; top: calc(50% - 4px); width: 10px; height: 10px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI0NDhweCIgaGVpZ2h0PSI1MTJweCIgdmlld0JveD0iMCAwIDQ0OCA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ0OCA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA1REE5O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIyNCw0MTZjLTguMiwwLTE2LjQtMy4xLTIyLjYtOS40bC0xOTItMTkyYy0xMi41LTEyLjUtMTIuNS0zMi44LDAtNDUuMnMzMi44LTEyLjUsNDUuMiwwTDIyNCwzMzguOAoJbDE2OS40LTE2OS40YzEyLjUtMTIuNSwzMi44LTEyLjUsNDUuMiwwczEyLjUsMzIuOCwwLDQ1LjJsLTE5MiwxOTJDMjQwLjQsNDEyLjksMjMyLjIsNDE2LDIyNCw0MTZ6Ii8+Cjwvc3ZnPgo='); background-size: contain; background-position: center center; background-repeat: no-repeat; transition: 0.35s ease-out; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item.menu-item-has-children:before { display: none; padding-right: 0; } } #topNav .nav .menu-item:hover:before { transform: rotate(540deg); } #topNav .nav .menu-item .sub-menu { display: none; position: absolute; top: 100%; left: 0; width: 260px; background: #2c9ad1; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5); overflow: hidden; border-top: 1px solid #ccc; box-sizing: border-box; } #topNav .nav .menu-item .sub-menu:before { content: ''; position: absolute; z-index: 9; background-color: #ffffff; left: -2px; right: -2px; height: 5px; top: -6px; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item .sub-menu { width: 100%; box-shadow: none; border: none !important; position: static; background: transparent; } } #topNav .nav .menu-item .sub-menu li { padding: 0; margin: 0; border-bottom: 2px solid #ffffff; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item .sub-menu li { border-bottom: none; } } #topNav .nav .menu-item .sub-menu li:last-of-type { border-bottom: none; } @media screen and (min-width: 1024px) { #topNav .nav .menu-item .sub-menu li:nth-child(1) a { animation-delay: 0.07s; } #topNav .nav .menu-item .sub-menu li:nth-child(2) a { animation-delay: 0.14s; } #topNav .nav .menu-item .sub-menu li:nth-child(3) a { animation-delay: 0.21s; } #topNav .nav .menu-item .sub-menu li:nth-child(4) a { animation-delay: 0.28s; } #topNav .nav .menu-item .sub-menu li:nth-child(5) a { animation-delay: 0.35s; } #topNav .nav .menu-item .sub-menu li:nth-child(6) a { animation-delay: 0.42s; } #topNav .nav .menu-item .sub-menu li:nth-child(7) a { animation-delay: 0.49s; } #topNav .nav .menu-item .sub-menu li:nth-child(8) a { animation-delay: 0.56s; } #topNav .nav .menu-item .sub-menu li:nth-child(9) a { animation-delay: 0.63s; } #topNav .nav .menu-item .sub-menu li:nth-child(10) a { animation-delay: 0.7s; } #topNav .nav .menu-item .sub-menu li:nth-child(11) a { animation-delay: 0.77s; } #topNav .nav .menu-item .sub-menu li:nth-child(12) a { animation-delay: 0.84s; } #topNav .nav .menu-item .sub-menu li:nth-child(13) a { animation-delay: 0.91s; } #topNav .nav .menu-item .sub-menu li:nth-child(14) a { animation-delay: 0.98s; } #topNav .nav .menu-item .sub-menu li:nth-child(15) a { animation-delay: 1.05s; } } #topNav .nav .menu-item .sub-menu li a { display: block; padding: 15px; background-color: rgba(0, 58, 106, 0); transition: all 0.5s ease-out; } @media screen and (min-width: 1024px) { #topNav .nav .menu-item .sub-menu li a { animation: slideLeft 0.35s ease-out; animation-fill-mode: forwards; transform: translateX(-200px); } } @media screen and (max-width: 1024px) { #topNav .nav .menu-item .sub-menu li a { padding: 10px; } } #topNav .nav .menu-item .sub-menu li a:hover { background-color: #003a6a; color: white; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item .sub-menu li a:hover { background-color: rgba(0, 58, 106, 0); color: #e53d10; } } @keyframes slideLeft { 0% { transform: translateX(-200px); } 100% { transform: translateX(0px); } } #topNav .nav .menu-item .sub-menu * { font-size: 18px; font-weight: 600; font-family: 'Senilita', serif; text-decoration: none; color: white; } @media screen and (max-width: 1024px) { #topNav .nav .menu-item .sub-menu * { background: transparent; color: #373737; } } #topNav .nav .menu-item:hover .sub-menu { display: block; } @media screen and (max-width: 1024px) { #topNav .order-now { margin: 30px 0; } } .hamburger { padding: 7px 5px 3px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #f7c561; } .hamburger-box { width: 30px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 30px; height: 2px; background-color: #f7c561; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } footer.footer { background: #e53d10; padding: 40px 0; } @media screen and (max-width: 1024px) { footer.footer > .row-wrapper { max-width: 768px; } } @media screen and (max-width: 1024px) { footer.footer > .row-wrapper > .row-wrapper { max-width: 768px; } } footer.footer .desktop--right { font-family: neue-haas-grotesk-text, sans-serif; text-align: right; line-height: 1.5; } @media screen and (max-width: 1024px) { footer.footer .desktop--right { text-align: left; } } footer.footer .logo img { width: auto; height: 150px; } footer.footer .flex-center { align-items: center; display: flex; justify-content: flex-end; } @media screen and (max-width: 1024px) { footer.footer .flex-center { display: block; margin: 0; justify-content: flex-start; } } footer.footer .social__text { width: 150px !important; text-align: right; display: flex; align-items: center; justify-content: flex-end; font-family: neue-haas-grotesk-text, sans-serif; border-radius: 0 !important; } @media screen and (max-width: 1024px) { footer.footer .social__text { text-align: left; } } footer.footer .footer-nav { display: flex; justify-content: flex-end; align-items: center; margin: 0; padding: 0; } @media screen and (max-width: 1024px) { footer.footer .footer-nav { display: block; margin: 0; justify-content: flex-start; } } @media screen and (max-width: 1024px) { footer.footer .footer-nav ul { display: block; } } footer.footer .footer-nav ul a { color: #373737; font-size: 16px; text-decoration: none; font-family: 'Senilita', serif; font-weight: 600; transition: color 0.25s; } footer.footer .footer-nav ul a:hover { color: #e53d10; } @media screen and (max-width: 1024px) { footer.footer .footer-nav ul a { display: block; margin: 10px; } } footer.footer .menu, footer.footer .social__links { display: flex; justify-content: flex-end; align-items: center; margin: 0; font-weight: 700; } @media screen and (max-width: 1024px) { footer.footer .menu, footer.footer .social__links { justify-content: flex-start; } } footer.footer .menu li, footer.footer .social__links li { padding: 0 5px; margin: 0 5px; } @media screen and (max-width: 1024px) { footer.footer .menu li, footer.footer .social__links li { padding: 0; margin: 0; } } footer.footer .menu { padding: 0; margin: 10px 0 0; } @media screen and (max-width: 1024px) { footer.footer .menu { margin: 0; } } @media screen and (max-width: 1024px) { footer.footer .social__links { padding: 0; margin: 30px 0 0 0; } } footer.footer .social__item { width: 38px; height: 38px; margin: 5px 0px 5px 20px; border-radius: 100%; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); overflow: visible; } @media screen and (max-width: 1024px) { footer.footer .social__item { margin: 0 20px 0 0; } } footer.footer .small-text span, footer.footer .small-text a { font-family: neue-haas-grotesk-text, sans-serif; text-decoration: none; font-size: 14px; } @media screen and (max-width: 1024px) { footer.footer .small-text * { display: block; padding: 5px 0; } } @media screen and (max-width: 1024px) { footer.footer .bar { display: none; } } .hero { margin-top: 0; padding: 0; position: relative; } .hero:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); } .hero .info { position: absolute; text-align: center; top: 80px; left: 50%; width: 100%; transform: translateX(-50%); z-index: 5; } @media screen and (max-width: 1320px) { .hero .info { width: calc(96% - 2rem); } } @media screen and (max-width: 1024px) { .hero .info { top: 60px; } } @media screen and (max-width: 640px) { .hero .info { top: 40px; } } .hero .info * { color: #fff; } .hero .image-hero__wrap { width: 100%; height: 600px; background: #373737; overflow: hidden; } @media screen and (max-width: 640px) { .hero .image-hero__wrap { height: 300px; } } .hero .image-hero__wrap img { object-fit: cover; height: 100%; width: 100%; object-position: center; } @media screen and (max-width: 640px) { .hero .image-hero__wrap img { object-position: center top; } } .hero .image-hero__wrap.darken:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-blend-mode: multiply; background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1; } @media screen and (max-width: 640px) { .hero .image-hero__wrap.darken:before { background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%); } } .hero .footnote { color: #ffffff; position: absolute; left: calc(50% - 600px); bottom: 20px; font-size: 0.75rem; max-width: 568px; width: 100%; z-index: 2; } @media screen and (max-width: 1320px) { .hero .footnote { left: calc(1rem + 2%); width: calc(96% - 2rem); } } .paragraph { position: relative; overflow: hidden; } .paragraph .background-image { position: absolute; z-index: 1; right: 0; bottom: 0; } @media screen and (max-width: 640px) { .paragraph .background-image { display: none; } } .paragraph .background-image img { width: 500px; height: auto; opacity: 0.35; transform: translate(70px, 70px); } .paragraph strong { font-weight: 700; } .tabs { background-size: cover; position: relative; } .tabs:before { content: ''; width: 100%; height: 30px; background: linear-gradient(to top, #e53d10 0%, rgba(229, 61, 16, 0) 100%); z-index: 10; position: absolute; bottom: 0; left: 0; } .tabs .r-tabs .r-tabs-nav { margin: 0; padding: 0; } .tabs .r-tabs .r-tabs-tab { display: inline-block; margin: 0; list-style: none; } .tabs .r-tabs .r-tabs-panel { padding: 15px; display: none; } @media screen and (max-width: 1024px) { .tabs .r-tabs .r-tabs-panel { padding: 0; } } .tabs .r-tabs .r-tabs-accordion-title { display: none; } .tabs .r-tabs .r-tabs-panel.r-tabs-state-active { display: block; } .tabs .r-tabs-tab.r-tabs-state-active { border-bottom: 5px solid #2c9ad1; padding-bottom: 7px; } @media only screen and (max-width: 1024px) { .tabs .r-tabs .r-tabs-nav { display: none; } .tabs .r-tabs .r-tabs-accordion-title { display: block; } } .tabs .tab-titles { display: flex; justify-content: space-around; } .tabs .tab-title, .tabs .tab-title span { color: #f7c561; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; } .tabs .tab-title span:nth-of-type(2), .tabs .tab-title span span:nth-of-type(2) { display: none; } .tabs .tab-content { margin-top: 20px; padding: 60px; border: 10px solid #f7c561; position: relative; min-height: 800px; } @media screen and (max-width: 1024px) { .tabs .tab-content { padding: 20px 10px 250px 10px; margin-top: 0; overflow: hidden; } } @media screen and (max-width: 1024px) { .tabs .tab-content .row [class^='col-']:nth-of-type(2) .menu-section { padding-top: 40px; } } .tabs .section-title { color: #fff; } .tabs .section-description { padding-top: 15px; } .tabs .menu-section { padding: 0 15px; } .tabs .menu-section:nth-of-type(n + 2) { padding-top: 40px; } .tabs .tab-image { position: absolute; bottom: 0; z-index: 1; } .tabs .tab-image.left { left: 0; } .tabs .tab-image.right { right: 0; } .tabs .tab-image img { display: block; max-width: 100%; height: auto; } @media screen and (max-width: 1024px) { .tabs .tab-image img { width: auto; max-width: unset; height: 300px; } } .tabs .menu-item { position: relative; padding: 5px 70px 5px 0; } .tabs .menu-item ul { list-style: disc; padding-left: 30px; } .tabs .menu-item ul li { font-weight: 500; padding: 5px 0; } .tabs .price { position: absolute; top: 15px; right: 0; } .tabs .menu-item-title, .tabs .menu-item-title * { font-size: 18px; font-weight: 500; text-transform: uppercase; padding-top: 5px; line-height: 1.3; vertical-align: middle; } .tabs .menu-item-description, .tabs .menu-item-description * { font-size: 16px; font-weight: 400; padding: 3px 0; } .tabs .menu-item-description strong, .tabs .menu-item-description * strong { font-weight: 500; } .tabs .add-ons { padding-top: 7px; } .tabs .add-on { padding: 5px 0; } .tabs .r-tabs-accordion-title { border: 2px solid #f7c561; padding: 15px; margin-top: 10px; margin-bottom: 5px; } .tabs .r-tabs-accordion-title:first-of-type { margin-top: 0; } .tabs .r-tabs-accordion-title.r-tabs-state-active a:before { transform: translate(0, -50%) rotate(540deg); } .tabs .r-tabs-accordion-title a { display: block; position: relative; padding-right: 30px; } .tabs .r-tabs-accordion-title a:before { content: ''; width: 20px; height: 20px; transition: 0.25s ease-out; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='448px' height='256px' viewBox='0 0 448 256' style='enable-background:new 0 0 448 256;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M224,256c-8.2,0-16.4-3.1-22.6-9.4l-192-192C-3.1,42.1-3.1,21.9,9.4,9.4s32.8-12.5,45.2,0L224,178.8L393.4,9.4 c12.5-12.5,32.8-12.5,45.2,0s12.5,32.8,0,45.2l-192,192C240.4,252.9,232.2,256,224,256z'/%3E%3C/svg%3E%0A"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); z-index: 10; } .tabs .r-tabs-accordion-title a span:nth-of-type(1) { color: #fff; text-decoration: none; font-family: neue-haas-grotesk-text, sans-serif; font-size: 18px; font-weight: 500; position: relative; } .tabs .r-tabs-accordion-title a span:nth-of-type(2) { color: #fff; text-decoration: none; font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: 500; position: relative; font-style: italic; } .tabs .tab-time { color: #fff; font-weight: 700; position: absolute; top: 20px; right: 20px; font-style: italic; } @media screen and (max-width: 1024px) { .tabs .tab-time { display: none; } } .tabs .tab-only { display: none; } @media screen and (max-width: 1024px) { .tabs .tab-only { display: block; margin-top: 5px; } .tabs .tab-only .tab-legend { display: block; position: static; } .tabs .tab-only .tab-legend .legend-item { text-align: left; } } .tabs .tab-legend { color: #fff; font-weight: 700; position: absolute; top: 40px; right: 20px; } @media screen and (max-width: 1150px) { .tabs .tab-legend { top: unset; bottom: 20px; z-index: 15; } } @media screen and (max-width: 1024px) { .tabs .tab-legend { display: none; } } .tabs .tab-legend .legend-item { color: #fff; text-align: right; padding: 3px 0; font-size: 12px; } .image-full { position: relative; padding-top: 0; background-size: cover; } .image-full:before { content: ''; width: 100%; height: 30px; background: linear-gradient(to bottom, #e53d10 0%, rgba(229, 61, 16, 0) 100%); z-index: 10; position: absolute; top: 0; left: 0; } .image-full .image-map img { width: 100%; height: auto; } .image-full strong, .image-full strong * { font-weight: 700; } .subscribe { background: #f7c561; } .subscribe form { position: relative; max-width: 600px; margin: 0 auto; } .subscribe .gform_wrapper.gravity-theme input[type="email"], .subscribe .gform_wrapper.gravity-theme input[type="text"], .subscribe .gform_wrapper.gravity-theme select, .subscribe .gform_wrapper.gravity-theme textarea { border-radius: 30px; padding: 15px 100px 15px 15px; border: 2px solid #ccc; } @media screen and (max-width: 640px) { .subscribe .gform_wrapper.gravity-theme input[type="email"], .subscribe .gform_wrapper.gravity-theme input[type="text"], .subscribe .gform_wrapper.gravity-theme select, .subscribe .gform_wrapper.gravity-theme textarea { padding: 10px 100px 10px 10px; } } .subscribe .gform_wrapper.gravity-theme select { padding: 12px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%); background-position: calc(100% - 21px) calc(1em + 4px), calc(100% - 16px) calc(1em + 4px), calc(100% - 10px) 10px; background-size: 5px 5px, 5px 5px, 1.5em 1.5em; background-repeat: no-repeat; } .subscribe .gform_wrapper.gravity-theme input[type="submit"] { padding: 15px 26px 14px 26px; z-index: 10; background: #e53d10; color: #fff; border-color: #e53d10; border-radius: 30px; margin: 0 auto; } @media screen and (max-width: 640px) { .subscribe .gform_wrapper.gravity-theme input[type="submit"] { padding: 10px 26px 8px 26px; } } .subscribe .ginput_container_consent { text-align: left; position: relative; padding-left: 30px; } .subscribe .ginput_container_consent input[type="checkbox"] { position: absolute; top: 0; left: 0; } .gform_ajax_spinner { position: absolute; top: 100%; left: calc(50% - 27px); display: block; margin-left: 20px; margin-top: 5px; background: #2c9ad1; animation: spinner 1s ease-in-out infinite; width: 20px; height: 20px; } @keyframes spinner { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); } } .instagram-baloons { background: #2c9ad1; } .instagram-baloons .title-section { display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 640px) { .instagram-baloons .title-section { display: block; } } .instagram-baloons .title-section h2 { margin-top: 8px; margin-left: 20px; } @media screen and (max-width: 640px) { .instagram-baloons .title-section h2 { margin-top: 10px; margin-left: 0px; } } .instagram-baloons #sb_instagram #sbi_load .sbi_follow_btn a, .instagram-baloons #sb_instagram #sbi_load .sbi_load_btn a, .instagram-baloons #sb_instagram #sbi_load .sbi_load_btn { background: #f7c561; border-radius: 30px; border: 2px solid #f7c561; padding: 14px 0; } .instagram-baloons #sb_instagram #sbi_load .sbi_follow_btn span, .instagram-baloons #sb_instagram #sbi_load .sbi_load_btn span { color: #e53d10; text-transform: uppercase; font-family: neue-haas-grotesk-text, sans-serif; font-size: 14px; font-weight: 700; padding: 18px 26px 16px 26px; } .instagram-baloons #sb_instagram #sbi_load .sbi_follow_btn svg, .instagram-baloons #sb_instagram #sbi_load .sbi_load_btn svg { display: none; } .instagram-baloons #sb_instagram .sbi_follow_btn a:focus, .instagram-baloons #sb_instagram .sbi_follow_btn a:hover, .instagram-baloons #sb_instagram #sbi_load .sbi_load_btn:hover { box-shadow: none; background: #2c9ad1 !important; } .instagram-baloons #sb_instagram .sbi_follow_btn a:focus *, .instagram-baloons #sb_instagram .sbi_follow_btn a:hover *, .instagram-baloons #sb_instagram #sbi_load .sbi_load_btn:hover * { color: #fff !important; }