/* line-awesome @import removed: unused (MIGRATION-KICKOFF.md) */ ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; } a img { border: 0; } a { text-decoration: none; } @font-face { font-family: 'webflow-icons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype'); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { font-family: 'webflow-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .w-icon-slider-right:before { content: "\e600"; } .w-icon-slider-left:before { content: "\e601"; } .w-icon-nav-menu:before { content: "\e602"; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: "\e603"; } .w-icon-file-upload-remove:before { content: "\e900"; } .w-icon-file-upload-icon:before { content: "\e903"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { height: 100%; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html.w-mod-touch * { background-attachment: scroll !important; } .w-block { display: block; } .w-inline-block { max-width: 100%; display: inline-block; } .w-clearfix:before, .w-clearfix:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { display: inline-block; padding: 9px 15px; background-color: #3898EC; color: white; border: 0; line-height: inherit; text-decoration: none; cursor: pointer; border-radius: 0; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } .w-webflow-badge, .w-webflow-badge * { position: static; left: auto; top: auto; right: auto; bottom: auto; z-index: auto; display: block; visibility: visible; overflow: visible; overflow-x: visible; overflow-y: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; margin: 0; padding: 0; float: none; clear: none; border: 0 none transparent; border-radius: 0; background: none; background-image: none; background-position: 0% 0%; background-size: auto auto; background-repeat: repeat; background-origin: padding-box; background-clip: border-box; background-attachment: scroll; background-color: transparent; box-shadow: none; opacity: 1; transform: none; transition: none; direction: ltr; font-family: inherit; font-weight: inherit; color: inherit; font-size: inherit; line-height: inherit; font-style: inherit; font-variant: inherit; text-align: inherit; letter-spacing: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; list-style-type: disc; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; } .w-webflow-badge { position: fixed !important; display: inline-block !important; visibility: visible !important; z-index: 2147483647 !important; top: auto !important; right: 12px !important; bottom: 12px !important; left: auto !important; color: #AAADB0 !important; background-color: #fff !important; border-radius: 3px !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; opacity: 1 !important; line-height: 14px !important; text-decoration: none !important; transform: none !important; margin: 0 !important; width: auto !important; height: auto !important; overflow: visible !important; white-space: nowrap; box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0px 1px 3px rgba(0,0,0,0.1); cursor: pointer; } .w-webflow-badge > img { display: inline-block !important; visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } div.paragraph { margin-top: 0; margin-bottom: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-video { width: 100%; position: relative; padding: 0; } .w-video iframe, .w-video object, .w-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } fieldset { padding: 0; margin: 0; border: 0; } button, [type='button'], [type='reset'] { border: 0; cursor: pointer; -webkit-appearance: button; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } label { display: block; margin-bottom: 5px; font-weight: bold; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder { color: #999; } .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px; } .w-radio:before, .w-radio:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-radio:after { clear: both; } .w-radio-input { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; float: left; margin-left: -20px; } .w-radio-input { margin-top: 3px; } .w-file-upload { display: block; margin-bottom: 10px; } .w-file-upload-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { display: inline-block; color: #333333; } .w-file-upload-error { display: block; margin-top: 10px; } .w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden { display: none; } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file { display: flex; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; border: 1px solid #cccccc; background-color: #fafafa; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { margin-top: 3px; margin-left: 10px; width: auto; height: auto; padding: 3px; display: block; cursor: pointer; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { display: inline-block; color: #ea384c; padding: 2px 0; } .w-file-upload-info { display: inline-block; line-height: 38px; padding: 0 12px; } .w-file-upload-label { display: inline-block; font-size: 14px; font-weight: normal; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #cccccc; background-color: #fafafa; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { display: inline-block; margin-right: 8px; width: 20px; } .w-icon-file-upload-uploading { height: 20px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:before, .w-container:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { position: relative; float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333333%; } .w-col-2 { width: 16.66666667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.33333333%; } .w-col-5 { width: 41.66666667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.33333333%; } .w-col-8 { width: 66.66666667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.33333333%; } .w-col-11 { width: 91.66666667%; } .w-col-12 { width: 100%; } .w-hidden-main { display: none !important; } @media screen and (max-width: 991px) { .w-container { max-width: 728px; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: none !important; } .w-col-medium-1 { width: 8.33333333%; } .w-col-medium-2 { width: 16.66666667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.33333333%; } .w-col-medium-5 { width: 41.66666667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.33333333%; } .w-col-medium-8 { width: 66.66666667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.33333333%; } .w-col-medium-11 { width: 91.66666667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-row, .w-container .w-row { margin-left: 0; margin-right: 0; } .w-col { width: 100%; left: auto; right: auto; } .w-col-small-1 { width: 8.33333333%; } .w-col-small-2 { width: 16.66666667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.33333333%; } .w-col-small-5 { width: 41.66666667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.33333333%; } .w-col-small-8 { width: 66.66666667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.33333333%; } .w-col-small-11 { width: 91.66666667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main { display: inherit !important; } .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333333%; } .w-col-tiny-2 { width: 16.66666667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.33333333%; } .w-col-tiny-5 { width: 41.66666667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.33333333%; } .w-col-tiny-8 { width: 66.66666667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.33333333%; } .w-col-tiny-11 { width: 91.66666667%; } .w-col-tiny-12 { width: 100%; } } .w-widget { position: relative; } .w-widget-map { width: 100%; height: 400px; } .w-widget-map label { width: auto; display: inline; } .w-widget-map img { max-width: inherit; } .w-widget-map .gm-style-iw { text-align: center; } .w-widget-map .gm-style-iw > button { display: none !important; } .w-widget-twitter { overflow: hidden; } .w-widget-twitter-count-shim { display: inline-block; vertical-align: top; position: relative; width: 28px; height: 20px; text-align: center; background: white; border: #758696 solid 1px; border-radius: 3px; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { position: relative; font-size: 15px; line-height: 12px; text-align: center; color: #999; font-family: serif; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { position: relative; display: block; } .w-widget-twitter-count-shim.w--large { width: 36px; height: 28px; } .w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner { font-size: 18px; line-height: 18px; } .w-widget-twitter-count-shim:not(.w--vertical) { margin-left: 5px; margin-right: 8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large { margin-left: 6px; } .w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after { top: 50%; left: 0; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-color: rgba(117,134,150,0); border-right-color: #5d6c7b; border-width: 4px; margin-left: -9px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-left: -10px; margin-top: -5px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-color: rgba(255,255,255,0); border-right-color: white; border-width: 4px; margin-left: -8px; margin-top: -4px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-left: -9px; margin-top: -5px; } .w-widget-twitter-count-shim.w--vertical { width: 61px; height: 33px; margin-bottom: 8px; } .w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after { top: 100%; left: 50%; border: solid transparent; content: ' '; height: 0; width: 0; position: absolute; pointer-events: none; } .w-widget-twitter-count-shim.w--vertical:before { border-color: rgba(117,134,150,0); border-top-color: #5d6c7b; border-width: 5px; margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-color: rgba(255,255,255,0); border-top-color: white; border-width: 4px; margin-left: -4px; } .w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner { font-size: 18px; line-height: 22px; } .w-widget-twitter-count-shim.w--vertical.w--large { width: 76px; } .w-background-video { position: relative; overflow: hidden; height: 500px; color: white; } .w-background-video > video { background-size: cover; background-position: 50% 50%; position: absolute; margin: auto; width: 100%; height: 100%; right: -100%; bottom: -100%; top: -100%; left: -100%; object-fit: cover; z-index: -100; } .w-background-video > video::-webkit-media-controls-start-playback-button { display: none !important; -webkit-appearance: none; } .w-background-video--control { position: absolute; bottom: 1em; right: 1em; background-color: transparent; padding: 0; } .w-background-video--control > [hidden] { display: none !important; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51,51,51,0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34,34,34,0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255,255,255,0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-icon-slider-left, .w-icon-slider-right { top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 1em; height: 1em; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; margin-right: 20px; width: 1em; height: 1em; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-lightbox-backdrop { color: #000; cursor: auto; font-family: serif; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; list-style: disc; text-align: start; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: #fff; font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif; font-size: 17px; line-height: 1.2; font-weight: 300; text-align: center; background: rgba(0,0,0,0.9); z-index: 2000; outline: 0; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -webkit-tap-highlight-color: transparent; -webkit-transform: translate(0,0); } .w-lightbox-backdrop, .w-lightbox-container { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .w-lightbox-content { position: relative; height: 100vh; overflow: hidden; } .w-lightbox-view { position: absolute; width: 100vw; height: 100vh; opacity: 0; } .w-lightbox-view:before { content: ""; height: 100vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 86vh; } .w-lightbox-frame, .w-lightbox-view:before { display: inline-block; vertical-align: middle; } .w-lightbox-figure { position: relative; margin: 0; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; height: auto; max-width: none; } .w-lightbox-image { display: block; float: none; max-width: 100vw; max-height: 100vh; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 0.5em 1em; background: rgba(0,0,0,0.4); text-align: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .w-lightbox-embed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .w-lightbox-control { position: absolute; top: 0; width: 4em; background-size: 24px; background-repeat: no-repeat; background-position: center; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s; } .w-lightbox-left { display: none; bottom: 0; left: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); } .w-lightbox-right { display: none; right: 0; bottom: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); } .w-lightbox-close { right: 0; height: 2.6em; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; } .w-lightbox-strip { position: absolute; bottom: 0; left: 0; right: 0; padding: 0 1vh; line-height: 0; white-space: nowrap; overflow-x: auto; overflow-y: hidden; } .w-lightbox-item { display: inline-block; width: 10vh; padding: 2vh 1vh; box-sizing: content-box; cursor: pointer; -webkit-transform: translate3d(0,0,0); } .w-lightbox-active { opacity: 0.3; } .w-lightbox-thumbnail { position: relative; height: 10vh; background: #222; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { top: 50%; width: 100%; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); } .w-lightbox-thumbnail .w-lightbox-wide { left: 50%; height: 100%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); } .w-lightbox-spinner { position: absolute; top: 50%; left: 50%; box-sizing: border-box; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border: 5px solid rgba(0,0,0,0.4); border-radius: 50%; -webkit-animation: spin 0.8s infinite linear; animation: spin 0.8s infinite linear; } .w-lightbox-spinner:after { content: ""; position: absolute; top: -4px; right: -4px; bottom: -4px; left: -4px; border: 3px solid transparent; border-bottom-color: #fff; border-radius: 50%; } .w-lightbox-hide { display: none; } .w-lightbox-noscroll { overflow: hidden; } @media (min-width: 768px) { .w-lightbox-content { height: 96vh; margin-top: 2vh; } .w-lightbox-view, .w-lightbox-view:before { height: 96vh; } .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before { height: 84vh; } .w-lightbox-image { max-width: 96vw; max-height: 96vh; } .w-lightbox-group .w-lightbox-image { max-width: 82.3vw; max-height: 84vh; } .w-lightbox-left, .w-lightbox-right { display: block; opacity: 0.5; } .w-lightbox-close { opacity: 0.8; } .w-lightbox-control:hover { opacity: 1; } } .w-lightbox-inactive, .w-lightbox-inactive:hover { opacity: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default !important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } [data-nav-menu-open] { display: block !important; position: absolute; top: 100%; left: 0; right: 0; background: #C8C8C8; text-align: center; overflow: visible; min-width: 200px; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation="over-left"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation="over-right"] .w-nav-overlay { width: auto; } .w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button { display: block; } .w--nav-dropdown-open { display: block; } .w--nav-dropdown-toggle-open { display: block; } .w--nav-dropdown-list-open { position: static; } @media screen and (max-width: 991px) { .w-nav[data-collapse="medium"] .w-nav-menu { display: none; } .w-nav[data-collapse="medium"] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse="small"] .w-nav-menu { display: none; } .w-nav[data-collapse="small"] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse="tiny"] .w-nav-menu { display: none; } .w-nav[data-collapse="tiny"] .w-nav-button { display: block; } } .w-tabs { position: relative; } .w-tabs:before, .w-tabs:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w--tab-active { display: block; } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } .w-ix-emptyfix:after { content: ""; } @keyframes spin { 0% 100% { transform: rotate(360deg); } } .w-dyn-empty { padding: 10px; background-color: #dddddd; } .w-dyn-hide { display: none !important; } .w-dyn-bind-empty { display: none !important; } .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid !important; } .swiper-container { width: 100%; height: 600px; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-transform: translate3d(0,0,0); width: 100vw; height: 600px; } .swiper-weebly-total { width: 100%; height: 100%; } #next-button { width: 100px; height: 100%; color: #fff !important; opacity: 0.6; font-size: 80px; text-align: center; line-height: 0; font-family: "Varela Round", sans-serif; text-shadow: 0px 0px 0px #777777; background-color: rgba(255,255,255,0); transition-property: opacity; transition-duration: 0.5s; transition-timing-function: linear; } #next-button:hover { opacity: 1; } #prev-button { width: 100px; height: 100%; color: #fff !important; opacity: 0.6; font-size: 80px; text-align: center; line-height: 0; font-family: "Varela Round", sans-serif; text-shadow: 0px 0px 0px #777777; background-color: rgba(255,255,255,0); transition-property: opacity; transition-duration: 0.5s; transition-timing-function: linear; } #prev-button:hover { opacity: 1; } .swiper-weebly-image { width: 100%; height: 100%; position: absolute; } .swiper-weebly-image img { width: 100%; height: 100%; object-fit: cover !important; } .swiper-weebly-image .weebly-image-area { height: 100%; width: 100%; } .swiper-weebly-image .weebly-image-area-placeholder { height: 600px !important; width: 100vw !important; background: #ff4b1f; background: -webkit-linear-gradient(to right,#1fddff,#ff4b1f); background: linear-gradient(to right,#1fddff,#ff4b1f); } .swiper-weebly-image .weebly-image-area-placeholder table { height: 600px !important; width: 100vw !important; } .swiper-weebly-image .weebly-image-area-placeholder span table { height: 600px !important; width: 100vw !important; } .swiper-weebly-content { position: absolute; overflow: none; width: 100%; padding-left: 50px; padding-right: 50px; height: 100%; } .swiper-weebly-content .slider-container { max-width: 1200px !important; width: 100%; margin-left: auto; margin-right: auto; height: auto; max-height: 600px; } .swiper-weebly-content .slider-container h2 { font-weight: 300; line-height: 1.1em; margin: 15px auto; font-size: 80px; color: #ffffff; } .swiper-weebly-content .slider-container div.paragraph { color: #ffffff; } .swiper-weebly-content .slider-container p { color: #ffffff; } @media screen and (max-width: 1170px) { #next-button { display: none; } #prev-button { display: none; } } @media screen and (max-width: 992px) { .slider-container h2 { font-size: 2.5em !important; word-wrap: break-word; } } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px,0,0); transform: translate3d(0px,0,0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } .swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(right,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(left,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0))); background-image: -webkit-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: -o-linear-gradient(top,rgba(0,0,0,0.5),rgba(0,0,0,0)); background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0)); } .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms opacity; -o-transition: 300ms opacity; transition: 300ms opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #ffffff; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #ffffff; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px,-50%,0); transform: translate3d(0px,-50%,0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 8px; } .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: 200ms top, 200ms -webkit-transform; transition: 200ms top, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top; transition: 200ms transform, 200ms top, 200ms -webkit-transform; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms left, 200ms -webkit-transform; transition: 200ms left, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left; transition: 200ms transform, 200ms left, 200ms -webkit-transform; } .swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: 200ms right, 200ms -webkit-transform; transition: 200ms right, 200ms -webkit-transform; -o-transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right; transition: 200ms transform, 200ms right, 200ms -webkit-transform; } .swiper-pagination-progressbar { background: rgba(0,0,0,0.25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progressbar, .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #ffffff; } .swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255,255,255,0.25); } .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #ffffff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000000; } .swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0,0,0,0.25); } .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000000; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0,0,0,0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0,0,0,0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite; animation: swiper-preloader-spin 1s steps(12,end) infinite; } .swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% } @keyframes swiper-preloader-spin { 100% } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; } .dragdrop .weebly-image-area-placeholder { width: 100vw !important; height: 100vh !important; object-fit: cover !important; } .dragdrop .weebly-image-area-placeholder img { width: 100vw !important; height: 100vh !important; object-fit: cover !important; } #img-upload .weebly-image-area-placeholder, #img-upload .weebly-image-area-placeholder img { width: 100vw !important; height: 100vh !important; object-fit: cover !important; z-index: 100 !important; } .dragdrop img { width: 100vw !important; height: 100vh !important; object-fit: cover !important; } .PureSlider h2 { color: inherit; font-family: 'Montserrat', sans-serif; font-size: 80px; font-weight: 400 !important; line-height: 1.1em; margin: 15px auto; } .PureSlider div.paragraph { color: inherit; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; margin: 15px auto; } .PureSlider p { color: inherit; font-family: 'Montserrat', sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; margin: 15px auto; } @media screen and (max-width: 998px) { .PureSlider h2 { font-size: 2.5em !important; word-wrap: break-word; } .PureSlider div.paragraph { font-size: 1em !important; word-wrap: break-word; } .PureSlider p { font-size: 1em !important; word-wrap: break-word; } } #icontent #control-panel { display: block; } #control-panel { display: none; } #icontent .real { display: none; } .real { display: block; } #icontent .editor { display: block; } .editor { display: none; } #icontent .parallax-control { display: block; } .parallax-control { display: none; } #floating-div:hover { opacity: 0.8; cursor: pointer; } .img-weebly-hold .weebly-image-area { width: 100%; height: 100%; } .jarallax-img > div { height: 100% !important; } .jarallax-img > div .weebly-image-area { width: 100%; height: 100%; } .jarallax-keep-img { position: relative; z-index: 0; background: #4CA1AF; background: -webkit-linear-gradient(to right,#C4E0E5,#4CA1AF); background: linear-gradient(to right,#C4E0E5,#4CA1AF); } .jarallax-keep-img > .jarallax-img { position: relative; display: block; max-width: 100%; height: auto; z-index: -100; } span[data-jarallax-element] { display: inline-block; } .jarallax-img img { object-fit: cover !important; vertical-align: middle !important; z-index: -100; width: 100% !important; height: 100% !important; transition: width 0.5s ease, height 0.5s ease; } .jarallax-img { object-fit: cover !important; width: 100%; transition: width 0.5s ease, height 0.5s ease; } .editable-image span { pointer-events: auto !important; width: 400px !important; height: 400px !important; z-index: 10000; transition: width 0.5s ease, height 0.5s ease; } .parallaxl { width: 100%; } .parallaxl .container { padding-top: 80px; padding-bottom: 80px; padding-left: 20px; padding-right: 20px; width: 100%; max-width: 1200px; margin: 0 auto; } .parallaxl .container h2 { color: white; } .parallaxl .container div.paragraph { color: white; } .parallaxl .container p { color: white; } .parallaxl { vertical-align: top !important; } .jarallax { height: auto; min-height: 300px; vertical-align: middle !important; background-color: gray; } .jarallax-edit { min-height: 600px; } .jarallax-keep-img.demo-float-left { margin-right: 15px; margin-left: -60px; } .jarallax-keep-img.demo-float-right { margin-left: 15px; margin-right: -60px; } .jarallax-img .weebly-image-area-placeholder { width: 100vw !important; height: 100vh !important; z-index: 10000 !important; background: #4CA1AF; background: -webkit-linear-gradient(to right,#C4E0E5,#4CA1AF); background: linear-gradient(to right,#C4E0E5,#4CA1AF); } .modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000; background-color: rgba(0,0,0,0.4); } .modal-content { background-color: #fefefe; margin: 15% auto; padding: 20px; border: 1px solid #888; width: 80%; } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } #image-holder img { width: 200px !important; height: 200px !important; overflow: none !important; } #icontent #control-panel { display: block; } #control-panel { display: none; } #icontent .real { display: none; } .real { display: block; } #icontent .editor { display: block; } .editor { display: none; } #icontent .parallax-control { display: block; } .parallax-control { display: none; } #floating-div:hover { opacity: 0.8; cursor: pointer; } #cd-vertical-nav { position: fixed; right: 40px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } #cd-vertical-nav li { text-align: right; list-style: none; } #cd-vertical-nav a { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 10px; } #cd-vertical-nav a:after { content: ""; display: table; clear: both; } #cd-vertical-nav a span { display: inline-block; float: right; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } #cd-vertical-nav a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #cd-vertical-nav a:hover .cd-label { opacity: 1; } #cd-vertical-nav a.is-selected .cd-dot { background-color: #e1a87a; } #cd-vertical-nav .cd-dot { position: relative; top: 8px; height: 18px; width: 18px; border-radius: 50%; background-color: #2a2a2a; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #cd-vertical-nav .cd-label { position: relative; margin-right: 10px; padding-top: 4px; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; color: white; border-radius: 15px; background: #2a2a2a; font-family: !important; font-size: 12px; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } .homepage-hero-module { border-right: none; border-left: none; position: relative; } #cd-vertical-nav_right { position: fixed; left: 40px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } #cd-vertical-nav_right li { text-align: left; list-style: none; } #cd-vertical-nav_right a { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #cd-vertical-nav_right a:after { content: ""; display: table; clear: both; } #cd-vertical-nav_right a span { display: inline-block; float: left; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); -ms-transform: scale(0.6); -o-transform: scale(0.6); transform: scale(0.6); } #cd-vertical-nav_right a:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #cd-vertical-nav_right a:hover .cd-label { opacity: 1; } #cd-vertical-nav_right a.is-selected .cd-dot { background-color: black; } #cd-vertical-nav_right .cd-dot { position: relative; top: 8px; height: 12px; width: 12px; border-radius: 50%; background-color: #8979ec; -webkit-transition: -webkit-transform 0.2s, background-color 0.5s; -moz-transition: -moz-transform 0.2s, background-color 0.5s; transition: transform 0.2s, background-color 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } #cd-vertical-nav_right .cd-label { position: relative; margin-right: 10px; padding: .4em .5em; border-radius: 15px; color: white; font-size: 11px; font-family: !important; background-color: #2a2a2a; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; } @media screen and (max-width: 767px) { #cd-vertical-nav .cd-dot { height: 15px !important; width: 15px !important; } #cd-vertical-nav { right: 15px !important; } #cd-vertical-nav .cd-label { padding: 5px; background: rgba(0,0,0,0.9) !important; } } .mySwiper .swiper-container { width: 100%; height: 100%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; } .mySwiper .swiper-container img { max-width: 100% !important; max-height: auto; } .mySwiper .swiper-slide { background-color: rgba(255,255,255,0); text-align: initial !important; cursor: grab; color: black !important; } .carousel-slider .swiper-wrapper { height: auto; } #icontent .theme-control-panel { width: 100vw; height: 60px; padding-left: 20px; padding-right: 20px; position: fixed; top: 0px; background-color: #454b51; color: white; z-index: 999999; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } #icontent .theme-control-panel .left-control { color: white; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; } #icontent .theme-control-panel .left-control h2 { font-size: 12px; font-family: 'Poppins', sans-serif; line-height: 12px; } #icontent .theme-control-panel .left-control div.paragraph { font-size: 10px; line-height: 10px; } #icontent .theme-control-panel .left-control p { font-size: 10px; line-height: 10px; } #icontent .theme-control-panel #inject-text::after { content: "Builder Theme Version 2.3.1 | This control panel is only visible in the Weebly editor. It will not be visible on your live, published website."; max-width: 400px; font-size: 9px; line-height: 9px; font-weight: 600; } #icontent .theme-control-panel .right-control { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } #icontent .theme-control-panel .right-control .yellow-button { padding: 9px 14px; color: white; background-color: rgba(0,0,0,0.3); font-size: 12px; font-weight: 600; line-height: 10px; margin-left: 8px; margin-right: 8px; border-radius: 5px; } #icontent .theme-control-panel .right-control .blue-button { background-color: rgba(0,0,0,0.3); padding: 9px 14px; color: white; font-weight: 600; font-size: 12px; line-height: 10px; margin-left: 8px; margin-right: 8px; border-radius: 5px; } .theme-control-panel { display: none; } #icontent .overflow-control { padding-top: 60px; } .overflow-control { padding-top: 0px; } #icontent .theme-architecture { padding: 20px; display: block; color: white; background: #606c88; background: -webkit-linear-gradient(to right,#3f4c6b,#606c88); background: linear-gradient(to right,#3f4c6b,#606c88); position: relative; transition: all 0.3s ease-in-out; } #icontent .theme-architecture:hover::after { content: "This section only appears in the Weebly Builder. It will not show on your live, published website."; position: absolute; bottom: 100%; left: 50%; background-color: #000; color: #fff; padding: 5px 10px; font-size: 14px; border-radius: 5px; white-space: nowrap; opacity: 0; transition: opacity 0.2s ease-in-out; z-index: 1; } #icontent .theme-architecture:hover::after { opacity: 1; } .theme-architecture { display: none; } #icontent .ineditor-control { background: #363b3e; color: white; padding-left: 50px; padding-right: 50px; padding-top: 50px; padding-bottom: 50px; display: block; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } #icontent .ineditor-control .ineditor-title-field .ineditor-title { color: white; font-size: 26px; font-weight: 600; padding-right: 50px; margin-bottom: 15px; } #icontent .ineditor-control .ineditor-control-grid { width: 100%; max-width: 1250px; padding: 40px; border-radius: 10px; background: #363b3e; box-shadow: 14px 14px 28px #2c3032, -14px -14px 28px #40464a; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } #icontent .ineditor-control .ineditor-paragraph-pureslider:after { color: white; font-size: 14px; line-height: 12px; content: "PureSlider header slideshow section above. To edit background images in PureSlider, you need to first unlock background editing by pressing the button on the right. Then, click on the slide to upload an image. Afterwards, relock the background editing, and drag drop content onto the slider. You need to have background editing set to LOCKED to be able to add and edit content on the slider. This gray section will not show on your live published website."; } #icontent .ineditor-control .ineditor-paragraph-parallax:after { color: white; font-size: 14px; line-height: 12px; content: "Parallax section above. Click on the section above to upload image. Don't worry if it looks weird in the Weebly editor. It will look normal on your published site. To edit or delete your image, press the TOGGLE button below. Then, hover over the smaller image until a popup appears with the EDIT and DELETE options. After, press the TOGGLE button again."; } #icontent .ineditor-control .ineditor-paragraph-blog:after { color: white; font-size: 14px; line-height: 12px; content: "Dynamic blog section below. This section will display your latest blog posts. In the right text area, please enter the URL slug of your blog page (for example, /blog). Do not post the full URL of your blog page, only the slug. For example, instead of mydomain.com/myblog, write: /myblog (replace with your own url). In the Weebly builder this module won't work--but your posts will display on your live, published website."; } #icontent .ineditor-control .ineditor-button { padding-left: 50px; } .ineditor-control { display: none; } body.drop-guides-on #icontent .inter-div-content-area { min-height: 30px; border: 3px solid rgba(0,0,0,0.1); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='Artboard-5' fill='%23000000' fill-opacity='0.04' fill-rule='nonzero'%3E%3Cpath d='M6 18h12V6H6v12zM4 4h16v16H4V4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } body.drop-guides-on #icontent .weebly-area.wsite-elements.wsite-not-footer { min-height: 30px; } body.drop-guides-on #icontent .content-wrap.container { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='Artboard-5' fill='%23000000' fill-opacity='0.04' fill-rule='nonzero'%3E%3Cpath d='M6 18h12V6H6v12zM4 4h16v16H4V4z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); min-height: 30px; border: 3px solid rgba(0,0,0,0.1); } .user-submitted-url-text { min-width: 200px; width: auto; border: 1px solid rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.3); color: white; } #icontent .scrollipage-anchor { width: 100%; min-height: 20px; visibility: visible; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } #icontent .scrollipage-anchor div.paragraph { color: black !important; font-weight: 500 !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 1px; display: block; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; border-radius: 10px; padding-right: 40px; background: #f7f5f2; box-shadow: 20px 20px 60px #d2d0ce, -20px -20px 60px #ffffff; } #icontent .scrollipage-anchor p { color: black !important; font-weight: 500 !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 1px; display: block; padding-top: 20px; padding-bottom: 20px; padding-left: 40px; border-radius: 10px; padding-right: 40px; background: #f7f5f2; box-shadow: 20px 20px 60px #d2d0ce, -20px -20px 60px #ffffff; } .scrollipage-anchor { visibility: hidden; } .scrollipage-anchor div.paragraph { display: none; } .scrollipage-anchor p { display: none; } #floating-div { position: fixed; width: auto; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; height: auto; bottom: 10px; left: 30px; border-radius: 20px; box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.5); z-index: 1000; background-color: rgba(0,0,0,0.7); } #floating-div div.paragraph { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #floating-div p { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } .combine-blog4_image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .combine-text-size-regular-2 { margin-bottom: 0rem; font-size: 1rem; line-height: 1.5; color: #1f2022; } .combine-blog4_date { font-size: 0.875rem; line-height: 1.5; font-weight: 400; color: #1f2022; } .combine-blog4_content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-left: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; color: #1f2022; } .combine-padding-section-medium-2 { padding-top: 4rem; padding-bottom: 4rem; } .combine-blog4_image-featured { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 24rem; min-width: 12rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 1.25rem; } .combine-heading-style-h2-2 { margin-top: 0rem; margin-bottom: 0rem; color: #1f2022; line-height: 1.35; } .combine-heading-style-h5 { margin-top: 0rem; margin-bottom: 0rem; font-size: 1.25rem; line-height: 1.5; color: #1f2022; } .combine-button-icon { padding-top: 0.5rem; padding-bottom: 0.5rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 1rem; line-height: 1.5; font-weight: 400; text-decoration: none; } .combine-button-icon:hover { color: #6157f8; } .combine-blog4_content-featured { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; } .combine-button-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; grid-column-gap: 0.5rem; grid-row-gap: 0.5rem; } .combine-container-small-2 { width: 100%; max-width: 48rem; margin-right: auto; margin-left: auto; } .combine-text-align-center-2 { text-align: center; } .container { width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto; } .combine-blog4_featured { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; border-radius: 1.25rem; color: #1f2c3d; text-decoration: none; } .combine-space-large { height: 4rem; } .combine-blog4_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; } .combine-container-large-3 { width: 100%; max-width: 75rem; margin-right: auto; margin-left: auto; } .combine-heading-style-h6 { margin-top: 0rem; margin-bottom: 0rem; font-size: 1.125rem; line-height: 1.5; } .combine-space-medium-2 { width: 100%; height: 1.5rem; } .combine-blog4_component { display: -ms-grid; display: grid; -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; grid-auto-columns: 1fr; grid-column-gap: 1.5rem; grid-row-gap: 1.5rem; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .combine-blog4_paragraph { font-size: 0.875rem; line-height: 1.5; font-weight: 400; } .combine-chevron-right_icon { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 1rem; height: 1rem; cursor: pointer; } .combine-blog4_image-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; max-width: 12rem; border-radius: 1.25rem; } .combine-blog4_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; text-decoration: none; } @media screen and (max-width: 991px) { .combine-heading-style-h2-2 { font-size: 2.5rem; } .combine-button-icon { white-space: nowrap; } .container { max-width: 728px; } .combine-blog4_component { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media screen and (max-width: 479px) { .combine-blog4_content { margin-left: 0rem; } .container { max-width: none; } .combine-blog4_image-wrapper { max-width: none; } .combine-blog4_item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; grid-column-gap: 1rem; grid-row-gap: 1rem; } } #w-node-ca5e8404-8160-2880-db0f-eb8e332fca17-bcd0182b { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } .pageBuilderCodeSelect { color: white; background-color: black; padding-top: 10px; padding-left: 10px; padding-bottom: 10px; padding-right: 10px; } .modal-pagebuildercode { display: none; position: fixed; z-index: 10000; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: #000000; background-color: rgba(0,0,0,0.4); } .modal-content-pagebuildercode { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; animation-name: animatetop-pagebuildercode; animation-duration: 0.4s; } .close-pagebuildercode { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close-pagebuildercode:hover, .close-pagebuildercode:focus { color: #000; text-decoration: none; cursor: pointer; } @keyframes animatetop-pagebuildercode { from to { top: 0; opacity: 1; } } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-Extralight.ttf?1711659508') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-Light.ttf?1711659508') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-Regular.ttf?1711659508') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-Medium.ttf?1711659508') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-Semibold.ttf?1711659508') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-Bold.ttf?1711659508') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'GeneralSans'; src: url('/files/theme/custom-fonts/GeneralSans-ExtraBold.ttf?1711659508') format('truetype'); font-weight: 800; font-style: normal; } .w-layout-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto auto; grid-template-rows: auto auto; grid-row-gap: 16px; grid-column-gap: 16px; } h1 { margin-top: 20px; margin-bottom: 10px; font-size: 38px; line-height: 44px; font-weight: bold; } .title.text-color-neutral-100 { color: #fff; } .title.text-color-neutral-100.home-hero { margin-bottom: 32px; font-family: Montserrat, sans-serif; } .title.text-color-neutral-100.cta { max-width: 502px; margin-right: 30px; margin-bottom: 0px; } .title.h3-size { color: #151515; font-size: 24px; line-height: 1.5em; font-weight: 600; } .title.h3-size.home-contact-link { margin-bottom: 3px; } .title.h3-size.home-contact-link-featured { margin-bottom: 3px; color: #fff; } .title.home-about { margin-bottom: 24px; } .title.home-services { margin-bottom: 0px; } .title.home-perks { margin-bottom: 18px; } .title.home-projects { margin-bottom: 0px; } .title.testimonials { margin-bottom: 0px; } .title.h4-size { color: #151515; font-size: 22px; line-height: 1.455em; font-weight: 600; } .title.h4-size.card-testimonial { margin-bottom: 16px; } .title.home-articles { margin-bottom: 0px; } .title.text-color-neutral-200 { color: #f8f8f8; } .title.text-color-neutral-200.footer-title { margin-bottom: 15px; line-height: 1.333em; font-weight: 600; } .title.h5-size { color: #151515; font-size: 18px; line-height: 1.333em; font-weight: 600; } .title.h5-size.footer-contact-link { margin-bottom: 6px; color: #f8f8f8; } .title.about-hero { margin-bottom: 32px; } .title.mission { margin-bottom: 17px; } .title.story { margin-bottom: 17px; } .title.card-value { margin-bottom: 12px; } .title.values { margin-bottom: 0px; } .title.h2-size { color: #151515; font-size: 38px; line-height: 1.421em; font-weight: 600; } .title.about-team { margin-bottom: 0px; } .title.preview { margin-bottom: 0px; } .title.card-contact-sidebar { margin-bottom: 12px; } .title.service-reviews { margin-bottom: 24px; } .title.project-hero { margin-bottom: 14px; } .bg { position: absolute; } .bg.home-hero-image { left: 0%; top: 0%; right: 0%; bottom: 0%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bg.home-hero-firlter { left: 0%; top: 0%; right: 0%; bottom: 0%; background-color: #000; opacity: 0.5; } .bg.home-hero-firlter.wsite-background { opacity: 1; } .bg.home-about-image { top: -28px; right: -28px; width: 90%; min-height: 99%; background-color: #a88d2e; } .bg.home-about-image.main-color-1.animate-this-left.flipped-lef { left: -28px; right: 0px; } .bg.home-perks-image { left: -24px; top: -24px; width: 82%; min-height: 95%; background-color: #a88d2e; } .bg.testimonials { width: 34%; min-height: 59%; background-color: #a88d2e; } .bg.testimonials.main-color-1 { top: 159.641px; } .bg.about-hero { left: 0px; bottom: 0px; width: 64%; min-height: 50%; background-color: #a88d2e; } .bg.image-story-left { left: -24px; top: -24px; width: 84%; min-height: 100%; background-color: #a88d2e; } .bg.image-story-right { right: -24px; bottom: -24px; width: 81%; min-height: 92%; background-color: #a88d2e; } .bg.card-value-last { right: -11px; bottom: -11px; width: 71%; min-height: 74%; background-color: #a88d2e; } .bg.card-value-first { left: -11px; top: -11px; width: 71%; min-height: 74%; background-color: #a88d2e; } .bg.preview { left: 0%; top: auto; right: 0%; bottom: 0%; min-height: 50%; background-color: #a88d2e; } .bg.preview-filter { left: 0%; top: 0%; right: 0%; bottom: 0%; background-color: #000; opacity: 0.43; } .container-default { max-width: 1248px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .container-default.home-hero { position: relative; z-index: 1; } .container-default.home-contact-links { margin-top: -108px; } .container-default.accent { position: relative; z-index: 1; } .container-default.about-hero { position: relative; z-index: 1; } .container-default.preview { position: relative; z-index: 1; } .button-row-last { margin-bottom: 26px; } .button-primary { padding: 24px 44px; border-style: solid; border-width: 1px; border-color: #a88d2e; background-color: #a88d2e; transform: scale3d(1,1,1.01); transition: transform 300ms ease; color: #fff; line-height: 1.111em; font-weight: 500; text-align: center; transform-style: preserve-3d; } .button-primary:hover { transform: scale3d(0.97,0.97,1.01); color: #fff; } .button-primary.white-button { border-color: #fff; background-color: #fff; color: #a88d2e; } .button-primary.full-width { display: block; -ms-grid-row-align: stretch; align-self: stretch; transform-style: preserve-3d; } .button-primary.full-width:hover { transform: scale3d(0.98,0.98,1.01); } .button-row { display: flex; margin-bottom: -26px; flex-wrap: wrap; } .section { padding-top: 176px; padding-bottom: 176px; } .section.home-hero { position: relative; overflow: hidden; padding-top: 163px; padding-bottom: 262px; } .section.home-contact-links { position: relative; z-index: 20; margin-bottom: 0px; padding-top: 0px; padding-bottom: 50px; } .section.home-about { overflow: hidden; } .section.bg-neutral-200 { padding-top: 160px; padding-bottom: 144px; } .section.bg-neutral-200.home-services { overflow: hidden; } .section.bg-neutral-200.story { overflow: hidden; padding-top: 192px; padding-bottom: 192px; } .section.bg-primary-1.accent { position: relative; overflow: hidden; padding-top: 143px; padding-bottom: 143px; background-color: #a88d2e; } .section.home-perks { overflow: hidden; } .section.about-hero { position: relative; overflow: hidden; padding-top: 96px; padding-bottom: 140px; } .section.padding-100px { padding-top: 80px; padding-bottom: 80px; } .section.padding-240px { padding-top: 192px; padding-bottom: 192px; } .section.padding-240px.values { overflow: hidden; } .section.preview { position: relative; overflow: hidden; padding-top: 192px; padding-bottom: 141px; } .section.services { padding-top: 96px; padding-bottom: 144px; } .section.service-about { padding-top: 112px; padding-bottom: 128px; } .section.projects { padding-top: 96px; padding-bottom: 149px; } .section.project-hero { padding-top: 96px; padding-bottom: 0px; } .section.project-about { padding-top: 70px; padding-bottom: 160px; } .button-secondary { padding: 24px 44px; border-style: solid; border-width: 1px; border-color: #b9b9b9; background-color: transparent; transform: scale3d(1,1,1.01); transition: transform 300ms ease, border-color 300ms ease, color 300ms ease, background-color 300ms ease; color: #151515; line-height: 1.111em; font-weight: 500; text-align: center; transform-style: preserve-3d; } .button-secondary:hover { border-color: #a88d2e; background-color: #a88d2e; transform: scale3d(0.97,0.97,1.01); color: #fff; } .button-secondary.white-button { border-color: #fff; color: #fff; } .button-secondary.white-button:hover { border-color: #a88d2e; } .button-secondary.white-button.white-hover:hover { border-color: #fff; background-color: #fff; color: #a88d2e; } .button-row-first { margin-right: 26px; margin-bottom: 26px; } .home-hero-wrapper { max-width: 648px; } .paragraph.text-color-neutral-100 { color: #fff; } .paragraph.text-color-neutral-100.home-hero { max-width: 595px; margin-bottom: 47px; } .paragraph.home-about { margin-bottom: 58px; } .paragraph.home-perks { margin-bottom: 33px; } .paragraph.card-testimonial { margin-bottom: 0px; } .paragraph.text-color-neutral-200 { color: #f8f8f8; } .paragraph.text-color-neutral-200.footer-main-content { margin-bottom: 30px; } .paragraph.about-hero { max-width: 595px; margin-bottom: 47px; } .paragraph.story { margin-bottom: 0px; } .paragraph.mission { margin-bottom: 0px; } .paragraph.card-value { margin-bottom: 0px; } .paragraph.team { margin-bottom: 0px; } .paragraph.services { margin-bottom: 0px; } .paragraph.service-reviews { margin-bottom: 0px; } .paragraph.service-review { margin-bottom: 24px; } .paragraph.card-contact-sidebar { margin-bottom: 0px; } .paragraph.in-service { margin-bottom: 20px; color: #919191; font-style: italic; } .paragraph.card-service { margin-bottom: 26px; } .paragraph.card-project { margin-bottom: 20px; } .paragraph.projects { margin-bottom: 0px; } .paragraph.project-hero-short-description { max-width: 612px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .text-no-wrap { white-space: nowrap; } .home-contact-link-text.text-color-neutral-100 { color: #fff; } .home-contact-link-wrapper { display: flex; width: 100%; padding: 40px 61px 48px; flex-direction: column; justify-content: center; flex-wrap: wrap; align-items: flex-start; flex: 1; } .home-contact-link-wrapper.featured { background-color: #a88d2e; } .home-contact-link-wrapper.featured.main-color-1.less-padding { padding: 30px 20px 35px; } .home-contact-link-wrapper.line-right { border-right: 1px solid rgba(0,0,0,0.16); } .home-contact-link-wrapper.line-right.less-padding { padding-top: 20px; padding-bottom: 20px; } .home-contact-link-wrapper.less-padding { padding: 30px 20px 35px; } .home-contact-links-divider { width: 1px; min-height: 100%; margin-top: 19px; margin-bottom: 19px; background-color: #dfdfdf; } .underline-wrapper { overflow: hidden; min-height: 1px; background-color: #a88d2e; } .underline-wrapper.light { background-color: #fff; } .underline-wrapper.home-contact-link { background-color: #151515; } .underline-wrapper.alpha-channel-50 { background-color: rgba(237,85,33,0.5); } .home-contact-link-wrapper-2 { display: flex; width: 100%; padding: 40px 61px 48px; flex-direction: column; justify-content: center; align-items: flex-start; border-right: 1px solid rgba(0,0,0,0.16); } .home-contact-link-wrapper-2.less-padding { padding: 30px 20px 35px; } .image.home-contact-link-icon { width: 100%; -o-object-fit: cover; object-fit: cover; } .image.home-about { position: relative; z-index: 1; } .image.card-home-perks-testimonial-about-image { width: 63px; max-height: 63px; min-height: 63px; min-width: 63px; margin-right: 15px; border-radius: 1000000000px; } .image.home-perk-icon { width: 28px; max-height: 28px; min-height: 28px; min-width: 28px; margin-right: 15px; border-radius: 10000000000px; } .image.home-perks { position: relative; z-index: 1; max-width: 89%; } .image.card-testimonial-picture { width: 63px; max-height: 63px; min-height: 63px; min-width: 63px; margin-right: 20px; border-radius: 1000000000px; } .image.footer-contact-link-icon { width: 100%; -o-object-fit: cover; object-fit: cover; } .image.about-hero { width: 100%; max-width: 1156px; margin-left: auto; } .image.story-right { position: relative; z-index: 1; width: 100%; -o-object-fit: cover; object-fit: cover; } .image.story-left { position: relative; z-index: 1; width: 100%; -o-object-fit: cover; object-fit: cover; } .image.card-value-icon { width: 86px; max-height: 86px; min-height: 86px; min-width: 86px; margin-bottom: 30px; } .image.team { width: 100%; -o-object-fit: cover; object-fit: cover; } .image.preview { width: 100%; -o-object-fit: cover; object-fit: cover; } .image.preview-button-icon { max-width: 25%; } .image.service-review-stars { margin-bottom: 26px; } .image.card-service { width: 100%; -o-object-fit: cover; object-fit: cover; } .image.card-project { width: 100%; -o-object-fit: cover; object-fit: cover; } .image.card-project-service-icon { max-width: 21px; } .image.card-project-date-icon { max-width: 19px; margin-right: 8px; } .image.project-main-image { width: 100%; -o-object-fit: cover; object-fit: cover; } .underline { display: none; min-height: 1px; background-color: #151515; } .underline.light { background-color: #151515; } .underline.home-contact-link { background-color: #a88d2e; } .underline.bg-primary-1 { background-color: #a88d2e; } .image-wrapper { display: flex; overflow: hidden; align-items: center; transform: translate(0px,0px); } .image-wrapper.home-contact-link-icon { width: 64px; max-height: 64px; min-height: 64px; min-width: 64px; margin-right: 18px; margin-bottom: 18px; } .image-wrapper.footer-contact-link-icon { width: 72px; max-height: 72px; min-height: 72px; min-width: 72px; margin-right: 22px; } .image-wrapper.story-left { position: relative; overflow: visible; margin-bottom: 166px; } .image-wrapper.story-right { position: relative; overflow: visible; } .image-wrapper.team { margin-bottom: 48px; } .image-wrapper.preview { position: relative; justify-content: center; } .image-wrapper.card-service { width: 100.1%; } .underline-link { color: #a88d2e; line-height: 1.111em; font-weight: 500; text-decoration: none; } .underline-link.home-contact-link { margin-top: auto; color: #151515; } .underline-link.home-contact-link:hover { color: #a88d2e; } .underline-link.home-contact-link.light { color: #fff; } .underline-link.home-contact-link.light:hover { color: #151515; } .home-contact-link-content { display: flex; width: 100%; max-width: 194px; flex-direction: column; align-items: flex-start; } .home-contact-link-content-top { margin-bottom: 20px; } .home-contact-links-wrapper { display: flex; justify-content: center; background-color: #fff; box-shadow: 0 5px 18px 0 rgba(46,46,46,0.03); } .subtitle { margin-bottom: 15px; color: #a88d2e; line-height: 1.111em; font-weight: 600; } .split-content.home-about-left { max-width: 533px; margin-right: 30px; flex: 1; } .split-content.home-about-left.flipped { margin-right: 0px; } .split-content.home-about-right { position: relative; max-width: 49%; } .split-content.home-services-content-top-left { max-width: 424px; } .split-content.home-perks-right { max-width: 460px; } .split-content.home-perks-right.drag-drop-based { width: 100%; } .split-content.home-perks-left { position: relative; width: 100%; max-width: 51%; margin-right: 30px; padding-bottom: 32px; } .split-content.home-projects-content-top-right { margin-bottom: 28px; } .split-content.home-projects-content-top-left { max-width: 42%; margin-right: 40px; margin-bottom: 28px; } .split-content.testimonials-left { position: relative; z-index: 1; max-width: 568px; margin-top: 35px; margin-right: 64px; -ms-grid-row-align: stretch; align-self: stretch; } .split-content.testimonials-right { position: relative; z-index: 1; max-width: 568px; margin-left: auto; } .split-content.home-articles-content-top-right { margin-bottom: 28px; } .split-content.home-articles-content-top-left { margin-right: 40px; margin-bottom: 28px; } .split-content.story-left { max-width: 44%; } .split-content.story-right { max-width: 53%; margin-top: 39px; } .split-content.service-about-right { overflow: auto; max-width: 429px; flex: 1; } .split-content.service-about-left { width: 100%; max-width: 710px; margin-right: 30px; } .split-content.card-project-content-bottom-left { display: flex; margin-right: 30px; margin-bottom: 20px; align-items: center; } .split-content.card-project-content-bottom-right { display: flex; margin-bottom: 20px; } .split-content.project-about-left { width: 100%; max-width: 710px; margin-right: 30px; margin-bottom: -48px; } .split-content.project-about-right { max-width: 429px; } .home-about-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .home-about-wrapper.flipped { flex-direction: row-reverse; } .content-top { display: flex; margin-bottom: 15px; justify-content: space-between; align-items: center; } .content-top.home-services { margin-bottom: 30px; } .content-top.home-projects { margin-bottom: 32px; flex-wrap: wrap; align-items: flex-end; } .content-top.home-articles { margin-bottom: 20px; flex-wrap: wrap; } .services-slider-left-arrow { left: auto; top: -114px; right: 98px; bottom: auto; display: flex; width: 74px; max-height: 74px; min-height: 74px; min-width: 74px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #a7a7a7; background-color: #fff; transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease; color: #a7a7a7; font-size: 35px; line-height: 1em; font-weight: 400; } .services-slider-left-arrow:hover { border-color: #a88d2e; background-color: #a88d2e; color: #fff; } .slide-nav { display: none; } .service-item { padding-right: 0px; padding-left: 0px; } .service-item:first-child { margin-top: -61px; } .service-item:last-child { margin-top: 61px; } .services-mask { overflow: visible; max-width: 572px; } .services-slider-right-arrow { left: auto; top: -114px; right: 0px; bottom: auto; display: flex; width: 74px; max-height: 74px; min-height: 74px; min-width: 74px; justify-content: center; align-items: center; border-style: solid; border-width: 1px; border-color: #a7a7a7; background-color: #fff; transition: color 300ms ease, background-color 300ms ease, border-color 300ms ease; color: #a7a7a7; font-size: 35px; line-height: 1em; font-weight: 400; } .services-slider-right-arrow:hover { border-color: #a88d2e; background-color: #a88d2e; color: #fff; } .service-slide { margin-right: 32px; } .flex-vc { display: flex; flex-direction: column; align-items: center; } .flex-vc.home-services { margin-top: 56px; } .services-slider { height: 100%; min-height: 100%; background-color: transparent; } .empty-state { margin-top: 10px; margin-bottom: 10px; padding: 20px; border-style: solid; border-width: 1px; border-color: #dfdfdf; background-color: #fff; box-shadow: 0 5px 18px 0 rgba(46,46,46,0.03); color: #474747; font-weight: 500; text-align: center; } .cta-wrapper { display: flex; justify-content: space-between; align-items: center; } .card-home-perks-testimonial-name { margin-bottom: 8px; color: #151515; line-height: 1.125em; font-weight: 500; } .card { overflow: hidden; background-color: #fff; box-shadow: 0 5px 18px 0 rgba(46,46,46,0.03); } .card.home-perks-testimonial { position: absolute; left: auto; top: auto; right: 0%; bottom: 0%; z-index: 2; max-width: 72%; padding: 57px 40px; box-shadow: 0 14px 39px 0 rgba(37,37,37,0.1); } .card.testimonial { padding: 73px 48px 66px; border-style: solid; border-width: 1px; border-color: #dfdfdf; } .card.testimonial.top { margin-bottom: 63px; } .card.testimonial.animate-this-left.top-padding { margin-top: 40px; } .card.testimonial.animate-this-right.top-padding { margin-top: 40px; } .card.dark { border-style: solid; border-width: 1px; border-color: #7a7a7a; background-color: #151515; box-shadow: none; } .card.dark.footer-contact-links { display: flex; margin-bottom: 73px; padding: 37px 25px 25px; justify-content: center; } .card.value { position: relative; z-index: 1; display: flex; padding: 48px 42px 51px; flex-direction: column; justify-content: center; align-items: center; box-shadow: none; text-align: center; } .card.value.bg-neutral-200 { background-color: #f8f8f8; } .card.service-review { padding: 72px 56px; border-style: solid; border-width: 1px; border-color: #dfdfdf; } .card.contact-sidebar-form-card { position: -webkit-sticky; position: sticky; top: 20px; min-height: 720px; min-width: 310px; padding: 47px 39px 59px; border-style: solid; border-width: 8px 1px 1px; border-color: #a88d2e #dfdfdf #dfdfdf; } .card.service { display: flex; flex-direction: column; border-style: solid; border-width: 1px 1px 6px; border-color: #dfdfdf #dfdfdf #a88d2e; transform: translate3d(0px,0px,0.01px); transition: box-shadow 300ms ease, transform 300ms ease; color: #7a7a7a; text-decoration: none; transform-style: preserve-3d; } .card.service:hover { box-shadow: 0 0 0 0 rgba(46,46,46,0.03); transform: translate3d(0px,4px,0.01px); color: #7a7a7a; } .card.project { display: flex; margin-top: 40px; flex-direction: column; border-style: solid; border-width: 1px; border-color: #dfdfdf; transform: translate3d(0px,0px,0.01px); transition: box-shadow 300ms ease, transform 300ms ease; color: #7a7a7a; text-decoration: none; transform-style: preserve-3d; } .card.project:hover { box-shadow: 0 0 0 0 rgba(46,46,46,0.03); transform: translate3d(0px,4px,0.01px); color: #7a7a7a; } .card.project-details { position: relative; z-index: 1; max-width: 933px; margin-right: auto; margin-left: auto; padding: 58px 67px; border-style: solid; border-width: 1px; border-color: #dfdfdf; } .card-home-perks-testimonial-location { color: #a88d2e; font-size: 16px; line-height: 1.125em; } .card-home-perks-testimonial-about-content.drag-drop-based { width: 100%; } .home-perks-grid { margin-bottom: 56px; grid-row-gap: 18px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .home-perks-wrapper { display: flex; justify-content: space-between; align-items: center; } .home-perk-wrapper { display: flex; align-items: center; color: #151515; font-weight: 600; } .card-home-perks-testimonial-about-wrapper { display: flex; align-items: center; } .card-home-perks-testimonial-about-wrapper.drag-drop-based { width: 100%; min-width: 150px; } .card-home-perks-testimonial-text { margin-bottom: 12px; color: #151515; font-size: 20px; line-height: 1.5em; font-weight: 600; } .home-projects-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 58px; grid-row-gap: 60px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .card-testimonial-name { color: #151515; font-weight: 600; } .testimonials-wrapper { position: relative; display: flex; justify-content: center; align-items: center; } .testimonials-title-wrapper { max-width: 511px; margin-bottom: 34px; } .card-testimonial-content-top { margin-bottom: 17px; } .card-testimonial-content-bottom { display: flex; align-items: center; } .blog-hero-grid { grid-column-gap: 24px; -ms-grid-columns: auto auto; grid-template-columns: auto auto; -ms-grid-rows: auto; grid-template-rows: auto; } .blog-featured-sidebar-grid { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 24px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .footer-main-content-wrapper { max-width: 271px; margin-right: 60px; } .footer-logo-container { margin-bottom: 12px; transform: scale3d(1,1,1.01); transition-property: transform; transform-style: preserve-3d; } .footer-logo-container:hover { transform: scale3d(0.98,0.98,1.01); } .footer-nav { margin-right: 20px; margin-bottom: 0px; padding-left: 0px; } .footer-nav.last { margin-right: 0px; } .footer-logo { width: 271px; } .footer-copyright { color: #f8f8f8; text-align: center; } .white-link { color: #fff; } .white-link:hover { color: #a88d2e; } .footer-nav-item { display: flex; margin-bottom: 16px; justify-content: flex-start; } .footer-social-media-link { display: flex; overflow: hidden; width: 28px; max-height: 28px; min-height: 28px; min-width: 28px; margin-right: 18px; margin-bottom: 18px; justify-content: center; align-items: center; border-radius: 100000000000px; background-color: rgba(255,255,255,0.3); transition-property: background-color; color: #fff; font-size: 16px; line-height: 1em; text-decoration: none; } .footer-social-media-link:hover { background-color: #a88d2e; color: #fff; } .footer-social-media-link.icon-size-14px { font-size: 14px; } .footer-social-media-link.icon-size-12px { font-size: 12px; } .footer-social-media-link.icon-size-11px { font-size: 11px; } .footer-content { display: flex; justify-content: space-between; } .footer-content-bottom { margin-top: 89px; padding-top: 33px; padding-bottom: 33px; border-top: 1px solid #474747; } .card-footer-contact-links-wrapper { display: flex; width: 100%; max-width: 1032px; justify-content: space-between; } .footer-menu-main-content { display: flex; width: 100%; max-width: 789px; justify-content: space-between; } .footer { overflow: hidden; padding-top: 90px; background-color: #151515; } .footer-social-media-wrapper { display: flex; margin-right: -18px; margin-bottom: -18px; flex-wrap: wrap; } .footer-nav-link { transition: color 350ms ease; color: #f8f8f8; text-decoration: none; white-space: nowrap; } .footer-nav-link:hover { color: #a88d2e; } .footer-nav-link.special { padding-bottom: 6px; border-bottom: 3px solid #a88d2e; transition: border-color 350ms ease, color 350ms ease; color: #a88d2e; font-weight: 600; } .footer-nav-link.special:hover { border-bottom-color: #fff; color: #fff; } .footer-nav-link.tag { display: flex; align-items: center; } .footer-nav-link-tag { margin-left: 14px; padding: 5px 8px; background-color: #a88d2e; color: #fdf1ed; font-size: 12px; line-height: 1.25em; font-weight: 600; text-transform: uppercase; } .card-footer-contact-links-divider { width: 1px; min-height: 100%; margin-right: 20px; margin-left: 20px; background-color: #7a7a7a; } .footer-contact-link-wrapper { display: flex; align-items: center; color: #f8f8f8; text-decoration: none; } .footer-contact-link-wrapper:hover { color: #f8f8f8; } .footer-menu-wrapper { width: 100%; max-width: 490px; margin-right: 40px; } .footer-menu-wrapper.last { width: auto; max-width: none; margin-right: 0px; } .footer-menu-content { display: flex; justify-content: space-between; } .about-hero-wrapper { display: flex; flex-direction: column; } .about-hero-content { max-width: 801px; margin-bottom: 110px; } .about-achievements-grid { display: -ms-grid; display: grid; width: 100%; justify-content: space-between; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: auto auto auto auto; grid-template-columns: auto auto auto auto; -ms-grid-rows: auto; grid-template-rows: auto; } .about-achievements-grid._6x { -ms-grid-columns: auto auto auto auto auto auto; grid-template-columns: auto auto auto auto auto auto; } .about-achievements-grid._5x { -ms-grid-columns: auto auto auto auto auto; grid-template-columns: auto auto auto auto auto; } .about-achievements-grid._3x { -ms-grid-columns: auto auto auto; grid-template-columns: auto auto auto; } .about-achievement-wrapper { text-align: center; } .container-medium-990px { max-width: 1248px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .text-accent-primary-1 { color: #a88d2e; } .about-achievement-text { line-height: 1.333em; font-weight: 500; } .big-number { color: #151515; font-size: 58px; line-height: 1.172em; font-weight: 600; } .big-number.about-achievement { margin-bottom: 6px; } .story-right-content { max-width: 588px; margin-bottom: 122px; margin-left: auto; } .story-wrapper { display: flex; justify-content: space-between; } .story-left-content { max-width: 425px; } .card-value-wrapper { position: relative; } .values-title-wrapper { max-width: 95%; margin-top: 80px; } .values-grid { grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .values-grid._4x { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .about-team-grid { grid-column-gap: 24px; grid-row-gap: 80px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .about-team-grid._2x { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .about-team-grid._4x { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .about-team-grid._5x { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .container-small-569px { max-width: 569px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .container-small-569px.about-team { margin-bottom: 48px; text-align: center; } .container-small-569px.preview { position: relative; z-index: 1; margin-bottom: 40px; text-align: center; } .team-rol { color: #a88d2e; font-size: 24px; line-height: 0.833em; font-weight: 600; } .team-content-top { margin-bottom: 24px; } .preview-button { position: absolute; display: flex; overflow: hidden; width: 17%; max-height: 30%; min-height: 30%; min-width: 17%; justify-content: center; align-items: center; border-radius: 10000000px; background-color: #fff; box-shadow: 0 24px 84px 0 rgba(0,0,0,0.45); transition: box-shadow 300ms ease, transform 300ms ease; } .preview-button:hover { box-shadow: 0 2px 24px 0 rgba(0,0,0,0.45); transform: scale(0.95); } .container-medium-636px { max-width: 636px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .container-medium-636px.services { margin-bottom: 61px; text-align: center; } .container-medium-636px.projects { margin-bottom: 61px; text-align: center; } .services-grid { display: -ms-grid; display: grid; margin-top: 61px; grid-auto-columns: 1fr; grid-column-gap: 57px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .service-reviews-content-top { margin-bottom: 34px; } .service-reviews-grid { grid-row-gap: 32px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .service-about-wrapper { position: relative; display: flex; overflow: auto; justify-content: space-between; } .contact-sidebar-block { margin-bottom: 0px; } .service-about-tab-link { bottom: -1px; padding: 0px 20px 30px; flex: 1; border-bottom: 4px solid transparent; background-color: transparent; transition: border-color 300ms ease, color 300ms ease; color: #7a7a7a; line-height: 1.111em; font-weight: 500; text-align: center; } .service-about-tab-link:hover { color: #a88d2e; } .service-about-tab-link.w--current { border-bottom-color: #a88d2e; background-color: transparent; color: #a88d2e; font-weight: 600; } .service-about-tabs-menu { display: flex; margin-bottom: 70px; border-bottom: 1px solid #b9b9b9; } .service-review-name { margin-bottom: 4px; color: #151515; font-weight: 600; } .error-message { padding: 20px; -ms-grid-row-align: stretch; align-self: stretch; background-color: #ed3521; color: #fff; font-size: 16px; text-align: center; } .contact-sidebar-form { display: -ms-grid; display: grid; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 26px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .input { min-height: 68px; margin-bottom: 0px; padding-right: 19px; padding-left: 19px; border-style: solid; border-width: 1px; border-color: #b9b9b9; transition: border-color 300ms ease, color 300ms ease; color: #a88d2e; font-size: 18px; } .input:hover { border-color: #a88d2e; } .input:focus { border-color: #a88d2e; color: #a88d2e; } .input::-moz-placeholder { color: #7a7a7a; } .input::-ms-input-placeholder { color: #7a7a7a; } .input::placeholder { color: #7a7a7a; } .input.icon-input { padding-right: 18%; background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'); background-position: 95% 50%; background-size: auto; background-repeat: no-repeat; } .input.icon-input:focus { background-image: url('theme/../images/icon-focused-3-service-form-construction-x-template.svg?1711659508'); } .input.icon-input.phone { background-image: url('theme/../images/icon-1-service-form-construction-x-template.svg?1711659508'); } .input.icon-input.phone:focus { background-image: url('theme/../images/icon-focused-1-service-form-construction-x-template.svg?1711659508'); } .input.icon-input.name { background-image: url('theme/../images/icon-3-service-form-construction-x-template.svg?1711659508'); } .input.icon-input.name:focus { background-image: url('theme/../images/icon-focused-3-service-form-construction-x-template.svg?1711659508'); } .input.icon-input.email { background-image: url('theme/../images/icon-2-service-form-construction-x-template.svg?1711659508'); } .input.icon-input.email:focus { background-image: url('theme/../images/icon-focused-2-service-form-construction-x-template.svg?1711659508'); } .success-message { margin-top: 10px; margin-bottom: 10px; background-color: #a88d2e; color: #fff; font-size: 16px; text-align: center; } .card-contact-sidebar-form-content-top { margin-bottom: 26px; } .grid { width: 100%; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .grid._2x-boxes { grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .grid._4x-boxes { grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .divider { display: flex; margin-bottom: 10px; padding: 15px 20px; flex-direction: column; justify-content: center; align-items: center; background-color: #107aec; font-weight: 700; } .divider.not-built { background-color: #eb1b1f; } .paragraph-2 { margin-bottom: 0px; color: #fff; font-size: 20px; text-align: center; letter-spacing: 1px; text-transform: uppercase; } .blank_delete { display: flex; width: 100%; height: 600px; flex-direction: column; justify-content: center; align-items: center; background-color: #000; background-image: linear-gradient(189deg,#00416a,#6dd5ed); } .white-h2 { color: #fff; } .div-block { width: 100%; min-height: 60px; } .drag-drop-popup { width: 100%; min-height: 60px; } .inner-text-editor { color: #fff; font-size: 20px; letter-spacing: 1px; text-transform: uppercase; } .theme-dd-area { width: 100%; min-height: 80px; } .features-icon { display: flex; width: 100px; height: 100px; margin-right: auto; margin-bottom: 30px; margin-left: auto; flex-direction: column; justify-content: center; align-items: center; border-radius: 100%; background-color: #a88d2e; } .features-icon.ico-3 { background-color: #a88d2e; } .features-icon.ico-4 { background-color: #a88d2e; background-image: url('theme/../images/alarm.svg?1711659508'); background-size: 40px; } .container-fluid { display: block; max-width: 1248px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .section-2 { position: relative; padding: 140px 20px; background-color: #fff; } .section-2.gray { background-color: #f5f5f7; } .section-2.bg-neutral-200 { background-color: #f8f8f8; } .features-wrapper { position: relative; width: 100%; margin-right: 0px; margin-bottom: -1px; padding: 40px 60px; float: none; border: 1px solid #ededed; background-color: #fff; transition: all 400ms ease; color: #121212; text-align: center; cursor: pointer; } .features-wrapper:hover { position: relative; z-index: 1; border-color: #fff; box-shadow: 0 50px 50px 0 rgba(0,0,0,0.1); transform: translate(0px,-19px); } .title-block { margin-bottom: 40px; } .grid-2 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .icon-boxes-v2._3x { grid-column-gap: 0px; grid-row-gap: 0px; -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; } .small-icon img { width: 48px; height: auto; } .card-service-content { display: flex; flex-direction: column; align-items: flex-start; } .card-service-icon { width: 80px; max-height: 80px; min-height: 80px; min-width: 80px; margin-bottom: 24px; } .card-service-main-content { position: relative; z-index: 1; margin-top: 40px; padding-right: 40px; padding-bottom: 65px; padding-left: 40px; } .service-boxes-2x { -ms-grid-rows: auto; grid-template-rows: auto; } .service-boxes { -ms-grid-rows: auto; grid-template-rows: auto; } .service-boxes._3x { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .service-boxes._6x { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .service-boxes._7x { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .staggered-block { display: flex; grid-column-gap: 40px; grid-row-gap: 0px; } .card-project-service-icon-wrapper { margin-right: 11px; } .card-project-content-bottom { display: -ms-grid; display: grid; margin-bottom: -20px; justify-content: space-between; flex-wrap: wrap; align-items: center; grid-auto-columns: 1fr; grid-column-gap: 16px; grid-row-gap: 16px; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: auto; grid-template-rows: auto; color: #151515; font-size: 16px; line-height: 1.25em; font-weight: 500; } .divider-2 { width: 100%; min-height: 1px; background-color: #dfdfdf; } .divider-2.card-project { margin-top: 30px; margin-bottom: 26px; } .staggered-left { width: 50%; min-height: 40px; } .staggered-left.right { margin-bottom: 0px; padding-top: 100px; padding-bottom: 0px; } .card-project-content { padding: 33px 40px 36px; } .project-details-grid { justify-content: space-between; -ms-grid-columns: auto auto auto auto; grid-template-columns: auto auto auto auto; -ms-grid-rows: auto; grid-template-rows: auto; } .card-project-details-wrapper { margin-top: -98px; padding-right: 60px; padding-left: 60px; } .project-detail-title { margin-bottom: 15px; font-size: 16px; line-height: 1.375em; font-weight: 500; } .project-detail-wrapper { text-align: center; } .container-medium-684px { max-width: 684px; margin-right: auto; margin-left: auto; padding-right: 24px; padding-left: 24px; } .container-medium-684px.project-hero { margin-bottom: 52px; text-align: center; } .project-detail-result { color: #151515; font-size: 20px; line-height: 1.2em; font-weight: 600; } .project-about-wrapper { display: flex; justify-content: space-between; } .works-content-section { width: 100%; min-width: 100%; } .div-block-2 { width: 100%; min-height: 120px; } .div-block-3 { width: 100%; min-height: 60px; } @media screen and (min-width: 1920px) { .section { padding-top: 220px; padding-bottom: 220px; } .section.home-hero { padding-top: 204px; padding-bottom: 328px; } .section.bg-neutral-200 { padding-top: 200px; padding-bottom: 180px; } .section.bg-neutral-200.story { padding-top: 240px; padding-bottom: 240px; } .section.about-hero { padding-top: 120px; padding-bottom: 134px; } .section.padding-100px { padding-top: 100px; padding-bottom: 100px; } .section.padding-240px { padding-top: 240px; padding-bottom: 240px; } .section.preview { padding-top: 240px; padding-bottom: 176px; } .section.services { padding-top: 120px; padding-bottom: 180px; } .section.service-about { padding-top: 140px; padding-bottom: 160px; } .section.projects { padding-top: 120px; padding-bottom: 186px; } .section.project-hero { padding-top: 120px; } .section.project-about { padding-top: 88px; padding-bottom: 200px; } } @media screen and (max-width: 991px) { .title.text-color-neutral-100.home-hero { margin-bottom: 15px; } .title.text-color-neutral-100.cta { margin-right: 0px; margin-bottom: 40px; } .title.home-about { margin-bottom: 15px; } .title.home-perks { max-width: 428px; margin-bottom: 15px; } .title.h4-size.card-testimonial { margin-bottom: 10px; } .title.about-hero { margin-bottom: 20px; } .title.mission { max-width: 425px; margin-bottom: 10px; } .title.card-value { margin-bottom: 10px; } .title.card-contact-sidebar { margin-bottom: 10px; } .title.service-reviews { margin-bottom: 10px; } .title.project-hero { margin-bottom: 10px; } .bg.home-about-image { top: -23px; right: -23px; } .bg.home-perks-image { left: -20px; top: -20px; } .bg.testimonials { width: 80%; min-height: 70%; } .bg.image-story-left { top: auto; bottom: -24px; } .container-default { flex-direction: column; align-items: stretch; } .container-default.home-contact-links { margin-top: -86px; } .section { padding-top: 141px; padding-bottom: 141px; } .section.home-hero { padding-top: 130px; padding-bottom: 210px; } .section.bg-neutral-200 { padding-top: 128px; padding-bottom: 115px; } .section.bg-neutral-200.story { padding-top: 160px; padding-bottom: 160px; } .section.bg-primary-1.accent { padding-top: 114px; padding-bottom: 114px; } .section.about-hero { padding-top: 60px; padding-bottom: 112px; } .section.padding-100px { padding-top: 64px; padding-bottom: 64px; } .section.padding-240px { padding-top: 160px; padding-bottom: 160px; } .section.preview { padding-top: 160px; padding-bottom: 113px; } .section.services { padding-top: 60px; padding-bottom: 115px; } .section.service-about { padding-top: 90px; padding-bottom: 102px; } .section.projects { padding-top: 60px; padding-bottom: 119px; } .section.project-hero { padding-top: 60px; } .section.project-about { padding-top: 60px; padding-bottom: 128px; } .paragraph.text-color-neutral-100.home-hero { margin-bottom: 40px; } .paragraph.home-about { margin-bottom: 40px; } .paragraph.home-perks { max-width: 533px; } .paragraph.about-hero { margin-bottom: 40px; } .home-contact-link-wrapper { padding-right: 30px; padding-left: 30px; flex-direction: column; flex-wrap: nowrap; } .image.home-about.animate-this-left { margin-bottom: 40px; } .image.service-review-stars { margin-bottom: 20px; } .image-wrapper.footer-contact-link-icon { width: 60px; max-height: 60px; min-height: 60px; min-width: 60px; margin-right: 0px; margin-bottom: 20px; } .image-wrapper.story-left { margin-bottom: 0px; } .image-wrapper.team { margin-right: 40px; margin-bottom: 0px; } .subtitle { margin-bottom: 10px; } .split-content.home-about-left { margin-right: 0px; margin-bottom: 100px; text-align: center; } .split-content.home-about-right { max-width: 533px; } .split-content.home-perks-right { width: 100%; max-width: 612px; margin-bottom: 100px; } .split-content.home-perks-left { max-width: 612px; margin-right: 0px; } .split-content.home-projects-content-top-left { max-width: 396px; } .split-content.testimonials-left { margin: 0px auto 40px; } .split-content.testimonials-right { margin-right: auto; margin-left: auto; } .split-content.story-left { display: flex; max-width: 630px; margin-right: auto; margin-left: auto; flex-direction: column-reverse; } .split-content.story-right { max-width: 630px; margin: 0px auto 160px; } .split-content.service-about-right { max-width: 100%; } .split-content.service-about-left { max-width: 100%; margin-right: 0px; margin-bottom: 80px; } .split-content.project-about-left { max-width: 100%; margin-right: 0px; } .split-content.project-about-right { max-width: 100%; margin-top: 80px; } .home-about-wrapper { flex-direction: column; } .home-about-wrapper.flipped { display: flex; flex-direction: column-reverse; } .content-top.home-articles { max-width: 720px; margin-right: auto; margin-left: auto; } .service-item:first-child { margin-top: -51px; } .service-item:last-child { margin-top: 51px; } .flex-vc.home-services { margin-top: 48px; } .cta-wrapper { flex-direction: column; text-align: center; } .card.testimonial { padding-top: 60px; padding-bottom: 55px; } .card.testimonial.top { margin-bottom: 40px; } .card.dark.footer-contact-links { margin-bottom: 60px; } .card.service-review { padding-top: 60px; padding-bottom: 60px; } .card.contact-sidebar-form-card { min-height: 718px; min-width: auto; padding-right: 60px; padding-left: 60px; } .card.project-details { padding: 48px 40px; } .home-perks-grid { margin-bottom: 48px; } .home-perks-wrapper { flex-direction: column-reverse; } .home-projects-grid { grid-column-gap: 28px; } .testimonials-wrapper { max-width: 568px; margin-right: auto; margin-left: auto; flex-direction: column; } .testimonials-title-wrapper { margin-right: auto; margin-left: auto; text-align: center; } .blog-hero-grid { max-width: 720px; margin-right: auto; margin-left: auto; grid-row-gap: 60px; -ms-grid-columns: auto; grid-template-columns: auto; } .footer-main-content-wrapper { margin-right: 0px; margin-bottom: 60px; } .footer-content { flex-wrap: wrap; } .footer-content-bottom { margin-top: 70px; } .card-footer-contact-links-wrapper { justify-content: space-around; } .footer { padding-top: 75px; } .footer-contact-link-wrapper { flex-direction: column; align-items: stretch; } .footer-menu-wrapper { max-width: 420px; } .about-hero-content { max-width: 700px; margin-bottom: 80px; } .story-right-content { max-width: none; margin-bottom: 60px; margin-left: 0px; } .story-wrapper { flex-direction: column-reverse; } .story-left-content { max-width: 100%; margin-bottom: 60px; } .values-grid { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .team-wrapper { display: flex; align-items: center; } .about-team-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .about-team-grid._2x { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .about-team-grid._4x { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .team-content-top { margin-bottom: 20px; } .container-medium-636px.services { margin-bottom: 50px; } .container-medium-636px.projects { margin-bottom: 50px; } .services-grid { margin-top: 51px; grid-column-gap: 30px; } .service-about-wrapper { flex-direction: column; } .contact-sidebar-block { flex: 1; } .service-about-tabs-menu { margin-bottom: 60px; } .card-contact-sidebar-form-content-top { max-width: 345px; } .features-wrapper { padding-right: 30px; padding-left: 30px; } .icon-boxes-v2._3x { display: block; } .card-project-content { padding-right: 35px; padding-left: 35px; } .card-project-details-wrapper { margin-top: -82px; padding-right: 30px; padding-left: 30px; } .container-medium-684px.project-hero { margin-bottom: 50px; } .project-about-wrapper { flex-direction: column; } } @media screen and (max-width: 767px) { .title.text-color-neutral-100.home-hero { max-width: 552px; margin-bottom: 10px; } .title.text-color-neutral-100.cta { max-width: 432px; margin-bottom: 35px; } .title.h3-size { font-size: 22px; } .title.home-about { max-width: 480px; margin-right: auto; margin-bottom: 10px; margin-left: auto; } .title.home-perks { max-width: 380px; margin-bottom: 10px; } .title.h4-size { font-size: 20px; } .title.h4-size.card-testimonial { margin-bottom: 6px; } .title.about-hero { max-width: 595px; margin-bottom: 15px; } .title.mission { max-width: 380px; } .title.story { max-width: 468px; } .title.card-value { margin-bottom: 6px; } .title.h2-size { font-size: 32px; } .title.preview { max-width: 466px; margin-right: auto; margin-left: auto; } .title.services { margin-bottom: 6px; } .title.project-hero { max-width: 520px; margin-right: auto; margin-left: auto; } .bg.home-about-image { top: -20px; right: -20px; } .bg.testimonials { width: 90%; } .bg.about-hero { width: 80%; min-height: 38%; } .bg.image-story-left { left: -16px; bottom: -16px; } .bg.image-story-right { right: -16px; bottom: -16px; } .container-default.home-contact-links { margin-top: -69px; } .button-primary { padding-right: 30px; padding-left: 30px; } .section { padding-top: 113px; padding-bottom: 113px; } .section.home-hero { padding-top: 100px; padding-bottom: 168px; } .section.bg-neutral-200 { padding-top: 102px; padding-bottom: 92px; } .section.bg-neutral-200.story { padding-top: 133px; padding-bottom: 133px; } .section.bg-primary-1.accent { padding-top: 95px; padding-bottom: 95px; } .section.about-hero { padding-top: 50px; padding-bottom: 90px; } .section.padding-100px { padding-top: 60px; padding-bottom: 60px; } .section.padding-240px { padding-top: 133px; padding-bottom: 133px; } .section.preview { padding-top: 133px; padding-bottom: 90px; } .section.services { padding-top: 50px; padding-bottom: 92px; } .section.service-about { padding-top: 72px; padding-bottom: 82px; } .section.projects { padding-top: 50px; padding-bottom: 95px; } .section.project-hero { padding-top: 50px; } .section.project-about { padding-bottom: 102px; } .button-secondary { padding-right: 30px; padding-left: 30px; } .paragraph.text-color-neutral-100.home-hero { max-width: 552px; } .paragraph.home-about { margin-bottom: 35px; } .paragraph.home-perks { margin-bottom: 28px; } .paragraph.text-color-neutral-200.footer-main-content { margin-bottom: 25px; } .paragraph.about-hero { margin-bottom: 35px; } .paragraph.service-review { margin-bottom: 20px; } .paragraph.project-hero-short-description { padding-right: 10px; padding-left: 10px; } .home-contact-link-wrapper { padding-top: 33px; padding-bottom: 40px; flex-direction: row; } .home-contact-links-divider { width: auto; min-height: 1px; margin: 0px 29px; } .image.card-testimonial-picture { margin-right: 15px; } .image.card-value-icon { width: 80px; max-height: 80px; min-height: 80px; min-width: 80px; margin-bottom: 25px; } .image.service-review-stars { margin-bottom: 15px; } .image-wrapper.footer-contact-link-icon { margin-right: 25px; margin-bottom: 0px; } .image-wrapper.team { margin-right: 0px; margin-bottom: 30px; } .home-contact-link-content-top { margin-bottom: 15px; } .home-contact-links-wrapper { flex-direction: column; } .split-content.home-about-left { margin-bottom: 80px; } .split-content.home-services-content-top-left { max-width: 360px; } .split-content.home-perks-right { margin-bottom: 80px; } .split-content.home-projects-content-top-left { margin-right: 0px; } .split-content.story-right { margin-bottom: 128px; } .split-content.service-about-left { margin-bottom: 70px; } .split-content.project-about-left { margin-bottom: -40px; } .split-content.project-about-right { margin-top: 70px; } .content-top.home-services { margin-bottom: 120px; } .content-top.home-projects { margin-bottom: 22px; flex-direction: column; flex-wrap: nowrap; align-items: center; text-align: center; } .content-top.home-articles { margin-bottom: 12px; } .services-slider-left-arrow { left: 0px; top: -90px; right: auto; width: 60px; max-height: 60px; min-height: 60px; min-width: 60px; font-size: 28px; } .service-item:first-child { margin-top: 0px; } .service-item:last-child { margin-top: 0px; } .services-slider-right-arrow { left: 80px; top: -90px; right: auto; width: 60px; max-height: 60px; min-height: 60px; min-width: 60px; font-size: 28px; } .card.home-perks-testimonial { max-width: 80%; padding: 48px 35px; } .card.testimonial { padding: 50px 25px 46px; } .card.dark.footer-contact-links { margin-bottom: 50px; } .card.value { padding: 40px 35px 43px; } .card.service-review { padding: 50px 35px; } .card.contact-sidebar-form-card { min-height: 699px; padding: 40px 35px 50px; } .card.project-details { max-width: 543px; padding: 40px 35px; } .home-perks-grid { margin-bottom: 40px; grid-row-gap: 16px; } .home-projects-grid { grid-row-gap: 50px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .testimonials-title-wrapper { max-width: 432px; margin-bottom: 30px; } .blog-hero-grid { grid-row-gap: 50px; } .footer-main-content-wrapper { margin-bottom: 50px; } .footer-content-bottom { margin-top: 60px; padding-top: 28px; padding-bottom: 28px; } .card-footer-contact-links-wrapper { flex-direction: column; } .footer-menu-main-content { margin-bottom: -40px; flex-wrap: wrap; } .footer { padding-top: 63px; } .card-footer-contact-links-divider { width: auto; min-height: 1px; margin: 20px 0px; } .footer-contact-link-wrapper { flex-direction: row; align-self: flex-start; } .footer-menu-wrapper { margin-bottom: 40px; } .about-hero-content { margin-bottom: 70px; } .about-achievements-grid { justify-content: center; grid-column-gap: 60px; grid-row-gap: 40px; -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .big-number.about-achievement { margin-bottom: 4px; font-size: 48px; } .story-right-content { margin-bottom: 50px; } .story-left-content { margin-bottom: 50px; } .card-value-content { max-width: 400px; margin-right: auto; margin-left: auto; } .values-title-wrapper { max-width: 360px; margin: 0px auto 50px; text-align: center; } .values-grid { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .team-wrapper { flex-direction: column; align-items: stretch; } .about-team-grid { max-width: 630px; margin-right: auto; margin-left: auto; grid-row-gap: 70px; } .container-small-569px.about-team { margin-bottom: 40px; } .team-rol { font-size: 22px; } .team-content-top { margin-bottom: 15px; } .team-content { max-width: 432px; } .preview-button { width: 18%; max-height: 32%; min-height: 32%; min-width: 18%; } .container-medium-636px.services { margin-bottom: 40px; } .container-medium-636px.projects { margin-bottom: 40px; } .services-grid { margin-top: 0px; grid-row-gap: 51px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .service-about-tab-link { padding-right: 15px; padding-bottom: 25px; padding-left: 15px; font-size: 16px; } .service-about-tabs-menu { margin-bottom: 50px; } .service-review-name { margin-bottom: 2px; } .features-wrapper { width: 100%; } .card-service-main-content { padding-right: 35px; padding-bottom: 54px; padding-left: 35px; } .divider-2.card-project { margin-top: 25px; margin-bottom: 22px; } .card-project-content { padding-top: 28px; padding-bottom: 30px; } .project-details-grid { justify-content: center; grid-column-gap: 40px; grid-row-gap: 40px; -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .card-project-details-wrapper { margin-top: -68px; padding-right: 20px; padding-left: 20px; } .project-detail-title { margin-bottom: 10px; } .container-medium-684px.project-hero { margin-bottom: 40px; } } @media screen and (max-width: 479px) { .title.text-color-neutral-100.cta { max-width: 328px; margin-bottom: 30px; } .title.h3-size { font-size: 20px; } .title.home-about { max-width: 343px; } .title.h4-size { font-size: 18px; } .title.h5-size { font-size: 16px; } .title.about-hero { max-width: 313px; margin-bottom: 10px; } .title.mission { max-width: 300px; } .title.story { max-width: 380px; } .title.h2-size { font-size: 26px; } .title.h2-size.team { margin-bottom: 5px; } .title.preview { max-width: 345px; } .title.card-contact-sidebar { margin-bottom: 6px; } .bg.home-about-image { right: -16px; } .bg.home-perks-image { min-height: 65%; } .bg.about-hero { width: 90%; min-height: 26%; } .bg.preview { min-height: 40%; } .container-default { padding-right: 16px; padding-left: 16px; } .container-default.home-contact-links { margin-top: -58px; } .button-primary { display: block; padding-right: 20px; padding-left: 20px; } .button-row { width: 100%; flex-direction: column; flex-wrap: nowrap; } .section { padding-top: 90px; padding-bottom: 90px; } .section.home-hero { padding-top: 80px; padding-bottom: 134px; } .section.bg-neutral-200 { padding-top: 82px; padding-bottom: 74px; } .section.bg-neutral-200.story { padding-top: 111px; padding-bottom: 111px; } .section.bg-primary-1.accent { padding-top: 76px; padding-bottom: 76px; } .section.about-hero { padding-top: 40px; } .section.padding-240px { padding-top: 111px; padding-bottom: 111px; } .section.preview { padding-top: 111px; padding-bottom: 72px; } .section.services { padding-top: 40px; padding-bottom: 74px; } .section.service-about { padding-top: 60px; padding-bottom: 68px; } .section.projects { padding-top: 40px; padding-bottom: 76px; } .section.project-hero { padding-top: 40px; } .section.project-about { padding-top: 50px; padding-bottom: 82px; } .button-secondary { display: block; padding-right: 20px; padding-left: 20px; } .button-row-first { margin-right: 0px; margin-bottom: 15px; } .paragraph.home-about { margin-bottom: 30px; } .paragraph.home-perks { margin-bottom: 23px; } .paragraph.text-color-neutral-200.footer-main-content { margin-bottom: 20px; } .paragraph.team { margin-bottom: 39px; } .paragraph.project-hero-short-description { max-width: 396px; padding-right: 0px; padding-left: 0px; } .home-contact-link-text { font-size: 16px; } .home-contact-link-wrapper { padding: 28px 25px 33px; justify-content: flex-start; flex-wrap: wrap; } .home-contact-link-wrapper-2 { padding: 28px 25px 20px; border-bottom: 1px solid rgba(0,0,0,0.19); border-right-style: none; } .image.card-home-perks-testimonial-about-image { width: 53px; max-height: 53px; min-height: 53px; min-width: 53px; margin-right: 10px; margin-bottom: 10px; } .image.home-perk-icon { width: 23px; max-height: 23px; min-height: 23px; min-width: 23px; margin-right: 10px; } .image.home-perks { max-width: 100%; } .image.card-testimonial-picture { width: 53px; max-height: 53px; min-height: 53px; min-width: 53px; margin-right: 10px; margin-bottom: 10px; } .image.card-value-icon { width: 70px; max-height: 70px; min-height: 70px; min-width: 70px; margin-bottom: 20px; } .image.service-review-stars { margin-bottom: 10px; } .image-wrapper.home-contact-link-icon { width: 60px; max-height: 60px; min-height: 60px; min-width: 60px; margin-right: 15px; margin-bottom: 15px; } .image-wrapper.footer-contact-link-icon { width: 50px; max-height: 50px; min-height: 50px; min-width: 50px; margin-right: 0px; margin-bottom: 15px; } .image-wrapper.team { margin-bottom: 25px; } .subtitle { margin-bottom: 8px; } .split-content.home-about-left { margin-bottom: 70px; } .split-content.home-about-right.flipped { margin-bottom: 60px; } .split-content.home-services-content-top-left { max-width: 280px; } .split-content.home-perks-right { margin-bottom: 70px; } .split-content.home-projects-content-top-left { max-width: 319px; margin-right: auto; margin-left: auto; } .split-content.testimonials-left { margin-bottom: 35px; } .split-content.home-articles-content-top-left { margin-right: 0px; } .split-content.story-right { margin-bottom: 100px; } .split-content.service-about-left { margin-bottom: 60px; } .split-content.project-about-left { margin-bottom: -33px; } .split-content.project-about-right { margin-top: 60px; } .home-about-wrapper.flipped { flex-direction: column-reverse; } .content-top.home-projects { margin-bottom: 12px; align-items: stretch; } .content-top.home-articles { flex-direction: column; align-items: stretch; } .services-mask { max-width: 100%; } .card-home-perks-testimonial-name { margin-bottom: 6px; font-size: 16px; } .card.home-perks-testimonial { position: relative; max-width: 100%; padding: 40px 25px; } .card.testimonial { padding-top: 42px; padding-bottom: 38px; } .card.testimonial.top { margin-bottom: 35px; } .card.value { padding: 33px 25px 36px; } .card.service-review { padding: 40px 25px; } .card.contact-sidebar-form-card { min-height: 675px; padding: 33px 25px 40px; } .card.service.main-color-1-border-bottom { margin-bottom: 40px; } .card.project-details { padding: 33px 10px; } .card-home-perks-testimonial-location { font-size: 14px; } .card-home-perks-testimonial-about-content { margin-bottom: 10px; } .home-perks-grid { margin-bottom: 33px; } .home-perk-wrapper { font-size: 16px; line-height: 1.5em; } .card-home-perks-testimonial-about-wrapper { margin-bottom: -10px; flex-wrap: wrap; } .home-projects-grid { grid-row-gap: 40px; } .card-testimonial-name { font-size: 16px; } .card-testimonial-location { font-size: 16px; } .testimonials-title-wrapper { max-width: 343px; } .card-testimonial-content-bottom { margin-bottom: -10px; flex-wrap: wrap; } .card-testimonial-about-content { margin-bottom: 10px; } .blog-hero-grid { grid-row-gap: 40px; } .footer-main-content-wrapper { margin-bottom: 40px; } .footer-logo-container { margin-bottom: 10px; } .footer-nav { flex-direction: column; align-items: flex-start; } .footer-copyright { font-size: 16px; line-height: 1.5em; } .footer-content-bottom { margin-top: 50px; padding-top: 23px; padding-bottom: 23px; } .footer { padding-top: 53px; } .footer-contact-link-text { font-size: 16px; } .footer-contact-link-wrapper { flex-direction: column; } .footer-menu-wrapper { margin-bottom: 30px; } .footer-menu-content { flex-wrap: wrap; } .about-hero-content { margin-bottom: 60px; } .about-achievements-grid { justify-content: space-around; grid-column-gap: 16px; grid-row-gap: 35px; } .about-achievements-grid._6x { -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .about-achievements-grid._5x { -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .about-achievements-grid._3x { -ms-grid-columns: auto auto; grid-template-columns: auto auto; } .container-medium-990px { padding-right: 16px; padding-left: 16px; } .about-achievement-text { font-size: 16px; } .big-number.about-achievement { margin-bottom: 2px; font-size: 40px; } .story-right-content { margin-bottom: 40px; } .story-left-content { margin-bottom: 40px; } .values-title-wrapper { max-width: 300px; margin-bottom: 40px; } .values-grid._4x { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .about-team-grid { grid-row-gap: 60px; } .about-team-grid._2x { display: block; } .about-team-grid._4x { display: block; } .about-team-grid._5x { display: block; } .about-team-grid._6x { display: block; } .team-rol { font-size: 18px; } .team-content-top { margin-bottom: 10px; } .container-medium-636px { padding-right: 16px; padding-left: 16px; } .services-grid { grid-row-gap: 50px; } .service-reviews-content-top { margin-bottom: 30px; } .service-about-tab-link { padding: 20px 0px; border-bottom-width: 1px; border-bottom-color: #b9b9b9; text-align: left; } .service-about-tab-link.w--current { border-bottom-width: 4px; } .service-about-tabs-menu { margin-bottom: 40px; flex-direction: column; border-bottom-width: 0px; } .service-review-location { font-size: 16px; } .service-review-name { margin-bottom: 0px; font-size: 16px; } .input.icon-input { padding-right: 20%; } .grid { display: block; } .theme-dd-area { min-width: 150px; } .container-fluid { padding-right: 16px; padding-left: 16px; } .section-2.bg-neutral-200 { padding-right: 0px; padding-left: 0px; } .icon-boxes-v2._3x { display: block; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .card-service-icon { width: 67px; max-height: 67px; min-height: 67px; min-width: 67px; } .card-service-main-content { margin-top: 0px; padding-right: 25px; padding-bottom: 45px; padding-left: 25px; } .service-boxes._2x { display: block; } .service-boxes._3x { display: block; } .service-boxes._4x { display: block; } .service-boxes._5x { display: block; } .service-boxes._6x { display: block; } .service-boxes._7x { display: block; } .staggered-block { display: block; } .card-project-content-bottom { display: block; font-size: 14px; } .staggered-left { width: 100%; } .card-project-content { padding-right: 25px; padding-left: 25px; } .project-details-grid { max-width: 340px; margin-right: auto; margin-left: auto; justify-content: space-around; grid-column-gap: 20px; grid-row-gap: 30px; } .card-project-details-wrapper { margin-top: -30px; padding-right: 10px; padding-left: 10px; } .project-detail-title { margin-bottom: 5px; font-size: 13px; } .container-medium-684px { padding-right: 16px; padding-left: 16px; } .container-medium-684px.project-hero { margin-bottom: 35px; } .project-detail-result { font-size: 15px; } } #w-node-af819888-89b6-9320-0bdd-af20882ec60c-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 2; grid-column-start: span 2; -ms-grid-column-span: 2; grid-column-end: span 2; } #w-node-af819888-89b6-9320-0bdd-af20882ec613-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 2; grid-column-start: span 2; -ms-grid-column-span: 2; grid-column-end: span 2; } #w-node-b5c7f7aa-2962-72f1-40aa-24206b877285-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-b5c7f7aa-2962-72f1-40aa-24206b87728c-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-f742d800-a2ed-d1f3-bf8c-47f995f8d133-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-f081a2ee-59c2-a09a-e828-c02b4d8a5479-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 6; grid-column-start: span 6; -ms-grid-column-span: 6; grid-column-end: span 6; } #w-node-_700b0616-d89c-e50e-966a-a1aa236fe197-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 6; grid-column-start: span 6; -ms-grid-column-span: 6; grid-column-end: span 6; } #w-node-_196cb157-61df-2487-59d0-ab10862032d2-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_196cb157-61df-2487-59d0-ab10862032dc-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_196cb157-61df-2487-59d0-ab10862032e6-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-a893516c-966b-87a5-5e56-5986b5e36e68-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-a893516c-966b-87a5-5e56-5986b5e36e72-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-a893516c-966b-87a5-5e56-5986b5e36e7c-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-f199b1d0-4593-f677-b0ec-4cf050a79b30-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-_66ab17f3-2a9e-9a56-5e2b-ddb851a8e144-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 6; grid-column-start: span 6; -ms-grid-column-span: 6; grid-column-end: span 6; } #w-node-_66ab17f3-2a9e-9a56-5e2b-ddb851a8e14e-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 6; grid-column-start: span 6; -ms-grid-column-span: 6; grid-column-end: span 6; } #w-node-_66ab17f3-2a9e-9a56-5e2b-ddb851a8e158-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_66ab17f3-2a9e-9a56-5e2b-ddb851a8e162-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-d59892a4-e72d-afd0-f1d1-0231e4db2cb7-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_559b921f-c483-d57d-65f3-e9ea0334729d-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_559b921f-c483-d57d-65f3-e9ea033472a7-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_559b921f-c483-d57d-65f3-e9ea033472b1-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_559b921f-c483-d57d-65f3-e9ea033472bb-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_559b921f-c483-d57d-65f3-e9ea033472c5-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-be9cecc6-0e6d-8bdd-420f-b73984769837-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-edbf1993-f0b2-f273-083f-1d36eeef54ee-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-edbf1993-f0b2-f273-083f-1d36eeef54f9-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-edbf1993-f0b2-f273-083f-1d36eeef5504-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-edbf1993-f0b2-f273-083f-1d36eeef550f-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-edbf1993-f0b2-f273-083f-1d36eeef551a-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-edbf1993-f0b2-f273-083f-1d36eeef5525-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-e4a64b60-de1a-dd23-1b1d-f3dcd6c01386-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707ed95-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707eda0-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707edab-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707edb6-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707edc1-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707edcc-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-fbd31bdc-56e9-bdbb-f697-8c4b6707edd7-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-_4fc55a66-3da8-631c-2ed2-9feb3d2076f0-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 3; grid-column-start: span 3; -ms-grid-column-span: 3; grid-column-end: span 3; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe26246-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe26251-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe2625c-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe26267-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe26272-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe2627d-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe26288-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_9b75d8ec-d404-b650-ea9b-f1de1fe26293-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-_3e738e53-9fb6-4bd2-70f6-eabf565b647b-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } #w-node-b4119718-8a0f-e81c-8e5a-c6d184ca69c4-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-b4119718-8a0f-e81c-8e5a-c6d184ca69d4-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-b4119718-8a0f-e81c-8e5a-c6d184ca69e4-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-b4119718-8a0f-e81c-8e5a-c6d184ca69f4-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-b4119718-8a0f-e81c-8e5a-c6d184ca6a04-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-b4119718-8a0f-e81c-8e5a-c6d184ca6a14-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_05f8ee05-a09e-578d-598a-3abe77801e1c-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af414-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af424-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af434-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af444-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af454-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af464-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-_3352eba7-4443-525c-b78a-ba1f204af474-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } #w-node-c33bc505-883f-53ea-c9d7-a2e376f7e397-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; } @media screen and (max-width: 991px) { #w-node-_02d27ce4-a3eb-1ca6-fd70-2eadb4f887cd-7995d189 { -ms-grid-column-span: 1; grid-column-end: 2; -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row-span: 1; grid-row-end: 3; -ms-grid-row: 2; grid-row-start: 2; } } @media screen and (max-width: 767px) { #w-node-_02d27ce4-a3eb-1ca6-fd70-2eadb4f887cd-7995d189 { -ms-grid-column: span 1; grid-column-start: span 1; -ms-grid-column-span: 1; grid-column-end: span 1; -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; } } @media screen and (max-width: 479px) { #w-node-edbf1993-f0b2-f273-083f-1d36eeef5504-7995d189 { -ms-grid-row: span 1; grid-row-start: span 1; -ms-grid-row-span: 1; grid-row-end: span 1; -ms-grid-column: span 4; grid-column-start: span 4; -ms-grid-column-span: 4; grid-column-end: span 4; } } @font-face { font-family: 'icons'; src: url(theme/images/icons.eot?-h6wei0?1711659508); src: url(theme/images/icons.eot?#iefix-h6wei0?1711659508) format('embedded-opentype'), url(theme/images/icons.woff?-h6wei0?1711659508) format('woff'), url(theme/images/icons.ttf?-h6wei0?1711659508) format('truetype'), url(theme/images/icons.svg?-h6wei0#icons?1711659508) format('svg'); font-weight: normal; font-style: normal; } .grid { word-spacing: 0px !important; letter-spacing: 0px !important; } .builder-content-wrap { z-index: 20; } html { height: 100%; } body { width: 100%; font-family: 'GeneralSans', sans-serif; -webkit-font-smoothing: antialiased; font-size: 18px; color: #151515; line-height: 1.667em; -webkit-transition: padding 0.3s ease-in-out; -moz-transition: padding 0.3s ease-in-out; -o-transition: padding 0.3s ease-in-out; transition: padding 0.3s ease-in-out; background-color: #ffffff; color: #1f2022; padding-bottom: 0px !important; } body.has-header { padding-top: 120px !important; } body.minimal-header { padding-top: 4.25em !important; } body.minimal-header .lynx-nav-info { display: none !important; } .content-wrap { padding-bottom: 8em; } h6 { color: #1f2022; } h5 { color: #1f2022; } h4 { color: #1f2022; } h3 { color: #1f2022; font-size: 24px; font-weight: 600; line-height: 1.5em; } h2 { font-family: 'GeneralSans', sans-serif; color: #1f2022; font-style: normal; line-height: 1.273em; font-size: 70px; margin-bottom: .75em; font-weight: 600; } h1 { font-family: 'GeneralSans', sans-serif; color: #1f2022; font-weight: 600; font-size: 80px; line-height: 1.273em; } .container h2 { color: #1f2022; } div.paragraph, div.paragraph { line-height: 2em; margin-bottom: 2em; color: #1f2022; font-size: 18px; font-weight: 400; line-height: 1.421em; color: #151515; } div.paragraph, p { line-height: 2em; margin-bottom: 2em; color: #1f2022; font-size: 18px; font-weight: 400; line-height: 1.421em; color: #151515; } a { color: ; } .overflow-control { overflow-x: hidden !important; min-height: 100vh; position: relative; z-index: 8; background-color: #ffffff; overflow-y: auto !important; } .equinox-content-wrapper { padding-left: 2vw; padding-right: 2vw; } .section-margins { margin-top: 200px !important; margin-bottom: 200px !important; } .inter-div-content-area { border: none; } .paragraph a:hover { color: #ffffff; background: ; } .content-wrap blockquote, .footer-wrap blockquote { font-size: 1.75em; color: #cccccc; line-height: 1.3em; border-left: none; padding-left: 0; font-style: normal; text-transform: uppercase; margin: 1.25em 0; } .content-wrap div.paragraph ul, .footer-wrap div.paragraph ul { padding-left: 2em !important; } .content-wrap div.paragraph li, .footer-wrap div.paragraph li { padding-left: 0 !important; margin: 0 !important; } .container { width: 100%; max-width: 1200px; margin: auto; padding: 2em; z-index: 1; box-sizing: border-box; } #icontent .lynx-block-hero-large::after { content: "A1"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-block-hero::after { content: "A2"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-features-bg::after { content: "A3"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-features-large::after { content: "A4"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-block-process-pink::after { content: "A5"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-block-process-purple::after { content: "A6"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-block-process-green::after { content: "A7"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-plans-left::after { content: "A8"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-plans-purple-center::after { content: "A9"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-plans-right::after { content: "A10"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-newsletter::after { content: "A11"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } #icontent .lynx-footer-dark::after { content: "A12"; color: black; width: auto; height: auto; padding: 8px; border-radius: 50%; background-color: white; filter: drop-shadow(3px 5px 10px rgba(0,0,0,0.4)); font-weight: 600; font-size: 12px; line-height: 12px; z-index: 40; margin-bottom: -20px; position: relative; } body.nav-info-bar-off .lynx-nav-info { display: none !important; } body.pop-up-footer-off .pop-up-footer { display: none !important; } body.pop-up-footer-off .default-weebly-footer { display: block; } body.pop-up-footer-on .default-weebly-footer { display: none !important; } body.pop-up-footer-behavior-off .lynx-footer-dark { position: relative !important; } body.pop-up-footer-off .default-weebly-footer { display: block !important; } .main-color-1 { background-color: #2a2a2a !important; } #icontent .carousel-slider .swiper-slide { border: 4px dashed rgba(0,0,0,0.5); } .carousel-slider .swiper-slide { padding: 10px; } .carousel-slider .swiper-pagination { position: relative; color: black; margin-top: 30px; } .carousel-slider .swiper-pagination .swiper-pagination-bullet { background: #000; width: 12px; height: 12px; } .custom-content-area { position: relative; height: 100%; } .custom-content-area::before { content: "You can drag and drop any Weebly element in here."; display: none; position: fixed; top: -30px; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 5px 10px; border-radius: 5px; font-size: 12px; white-space: nowrap; z-index: 999; } #icontent .custom-content-area:not(:empty):hover::before { display: block; } #icontent .blog-information-section { background-color: #454b51; color: white; width: 100vw; padding-top: 20px; padding-bottom: 20px; min-height: 100px; height: auto; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; padding-left: 50px; padding-right: 50px; } #icontent .blog-information-section h6 { color: white; font-size: 20px; } #icontent .blog-information-section div.paragraph { font-size: 12px; } #icontent .blog-information-section p { font-size: 12px; } #icontent .blog-information-section #user-submitted-url { color: white; border: 1px dotted white; border-color: white; min-width: 150px; padding: 10px; background-color: rgba(255,255,255,0.2); } .blog-information-section { display: none; } .nav-button-holder { padding-top: 10px; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; max-width: 300px; width: auto; margin-left: 20px; } #header { width: 100%; text-transform: uppercase; position: fixed; top: 0; z-index: 1000; background-color: #ffffff; } #icontent #header { padding-top: 60px !important; } body.wsite-native-mobile-editor, body.wsite-checkout-page { padding: 0 !important; } body.wsite-native-mobile-editor #header, body.wsite-checkout-page #header { position: relative; } .header-wrap { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; padding-left: 24px; padding-right: 24px; width: 100%; height: 100%; height: 120px; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .collective-two-thirds-start { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } .collective-two-thirds-end { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; } .wsite-logo a, .wsite-logo a:hover { -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; font-size: 1.5em; font-weight: bold; color: #000000; background: inherit; -webkit-transition: height 0.3s ease-in-out; -moz-transition: height 0.3s ease-in-out; -o-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; } .logo { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; height: 100%; width: auto; } .logo img { -webkit-transition: max-height 0.3s ease-in-out; -moz-transition: max-height 0.3s ease-in-out; -o-transition: max-height 0.3s ease-in-out; transition: max-height 0.3s ease-in-out; max-height: 100px; max-width: 297px !important; } .wsite-logo table { height: auto !important; width: 100%; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; } #mobile-input, #nav-trigger { display: none; } #navmobile { display: none; } body.nav-button-1-on #nav-button-1 { display: block; } body.nav-button-1-off #nav-button-1 { display: none !important; } body.nav-button-2-on #nav-button-2 { display: block; } body.nav-button-2-off #nav-button-2 { display: none !important; } .menu { display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; vertical-align: middle; text-align: right; padding-right: 0px; height: 100%; } .menu li { list-style: none; } .wsite-menu-default { float: right; margin-top: 0px; margin-bottom: 0px; } .wsite-menu-default li { display: inline-block; padding: 0 15px; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .wsite-menu-default a, .menu a { font-size: 13px; font-weight: 500; letter-spacing: 1.3px; color: #000000; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .wsite-menu-default li:hover a, .menu li:hover a { color: #a88d2e; } .wsite-menu-default a:hover { background: inherit; } #active a { color: #a88d2e; } #header.minimal { background-color: rgba(255,255,255,0.8); backdrop-filter: blur(10px); z-index: 100; } #header.minimal .header-wrap { height: 70px; } #header.minimal .logo img { max-height: 50px !important; } #header.minimal .wsite-menu-default a, .menu a { font-size: 13px; font-weight: 500; letter-spacing: 1.3px; color: #000000; -webkit-transition: color 0.3s ease-in-out; -moz-transition: color 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } #header.minimal .wsite-logo a, #header.minimal .wsite-menu-default li a { color: #000000; } #header.minimal #active a, #header.minimal .wsite-menu-default li:hover a { color: #a88d2e; } #wsite-menus .wsite-menu li a { font-size: 11px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; background: #f7f5f2; color: #a88d2e; border: none; padding-top: 15px; padding-bottom: 15px; -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; -o-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; } #wsite-menus .wsite-menu li a:hover { background: #a88d2e; color: #ffffff; } #wsite-menus .wsite-menu { border: 0px solid rgba(0,0,0,0.3); } #wsite-menus .wsite-menu-arrow { font-family: 'Maven Pro', sans-serif; font-size: 15px; } .footer-wrap { border-top: 4px solid ; font-size: 13px; color: #cccccc; } .wsite-footer { padding-top: 6.25em; padding-bottom: 2.25em; } .footer-wrap h2 { font-size: 1.25em; font-style: normal; line-height: 2.5em; text-transform: uppercase; } .footer-wrap hr.styled-hr { opacity: .15; box-shadow: none; } .footer-wrap .container { overflow: visible; } .wsite-header-section { height: 525px; background-size: cover; } .banner-wrap { width: 100%; margin: 0 auto; background: black; color: black; text-align: center; box-sizing: border-box; } .banner { display: table; width: 100%; max-width: 1200px; margin: auto; } .banner-inner { display: table-cell; margin: auto; vertical-align: middle; padding: 4em 2em; } .banner h2 { margin-bottom: .5em; font-size: 50px; line-height: 1.2em; text-transform: capitalize; color: white; font-weight: 600; } .banner .paragraph { color: white; margin: 1em auto; font-size: 16px; font-weight: 500; } .banner h2 span > font { display: block; } .no-banner .content-wrap { margin-top: 4.5em; } .no-banner #header { border-bottom: none; } body.splash-page { height: 100%; width: 100%; } .splash-page .wsite-background, .wsite-background { background-color: black !important; background-size: cover; } .splash-page .wsite-background { background-attachment: fixed; height: 100%; width: 100%; display: table; } .splash-page #header { border-bottom: none; } .splash-page #header.minimal { background: black; } .splash-wrap { display: table; height: 100%; width: 100%; background: transparent; } .splash-page .content-wrap { display: table-cell; vertical-align: middle; color: black; margin-top: 4.5em; } .splash-page .content-wrap h2 { font-size: 6.25em; color: black; } .splash-page div.paragraph { font-size: 1.5em; text-transform: uppercase; } .splash-page hr.styled-hr { background-color: #485d75; box-shadow: none; } .splash-page .wsite-search-element-input { background: #1a1a1a; } .splash-page .wsite-social a { color: #485d75; } .banner .wsite-button { padding: 17px 26px !important; } .header-wrap .wsite-button { padding: 08px 18px !important; } .wsite-button { padding: 12px 26px; } .wsite-button, .wsite-editor .wsite-button, .wsite-button-large { height: auto !important; line-height: 1 !important; background-image: none !important; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .wsite-button .wsite-button-inner, .wsite-editor .wsite-button .wsite-button-inner, .wsite-button-large .wsite-button-inner { padding: 0 !important; background: none !important; background-color: transparent !important; color: inherit !important; letter-spacing: 1px; text-transform: uppercase; font-size: 12px; } .wsite-button.wsite-button-small.wsite-button-normal { border: 2px solid #1f2022; color: #1f2022; background: transparent; } .wsite-button.wsite-button-small.wsite-button-normal:hover { border: 2px solid #a88d2e !important; background-color: #a88d2e !important; color: #fff !important; } .wsite-button.wsite-button-small.wsite-button-highlight { border: 2px solid #a88d2e; color: #fff; background-color: #a88d2e; } .wsite-button.wsite-button-small.wsite-button-highlight:hover { border: 2px solid #1f2022 !important; color: #1f2022 !important; background-color: transparent; } .wsite-button.wsite-button-large.wsite-button-normal { background-color: #fff; color: #1f2022; } .wsite-button.wsite-button-large.wsite-button-normal:hover { background-color: #1f2022 !important; color: #fff !important; } .wsite-button.wsite-button-large.wsite-button-highlight { background-color: #1f2022; color: #fff; } .wsite-button.wsite-button-large.wsite-button-highlight:hover { background-color: #fff !important; color: #a88d2e !important; } .wsite-form-field { margin: 15px 0 !important; } .form-radio-container { margin: 10px 0 !important; } .wsite-form-label { font-size: 1.25em; } .wsite-form-input, .wsite-input, .wsite-form-field select { font-size: 1.15em; color: #333; font-family: ; line-height: 2; height: 50px; padding: 5px; background: #ffffff; border: 1px solid #999999; border-radius: 0; margin-top: 5px; } .wsite-form-input:focus, .wsite-form-input--focus, .wsite-input:focus, .form-select:focus { border: 2px solid #2a2a2a; } .wsite-search-element-input { border: 2px solid #2a2a2a; border-radius: 30px; padding-left: 15px; height: 59px; color: #999999; } .wsite-phone-field .wsite-form-phone-separator { line-height: 56px; } ::-webkit-input-placeholder { color: #2a2a2a; } :-moz-placeholder { color: #2a2a2a; } ::-moz-placeholder { color: #2a2a2a; } :-ms-input-placeholder { color: #2a2a2a; } .wsite-search-element-submit, .wsite-search-element-submit:hover { background: url(theme/images/purple_icons.png?1711659508) -651px -27px; height: 27px; width: 27px; top: 0; margin-top: 21px; right: 20px; } .splash-page .wsite-search-element-submit, .wsite-search-element-submit:hover { background: url(theme/images/purple_icons.png?1711659508) -651px -27px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: .01px; padding-left: 4px; height: 49px; background: url(theme/images/purple_arrow.png?1711659508) no-repeat 97% 21px !important; } select::-ms-expand { display: none; } #wsite-com-checkout-payment-info select { background: none !important; } .wsite-form-field input[type='checkbox'], .wsite-form-field input[type='radio'], .wsite-com-product-option-groups input[type='checkbox'], .wsite-com-product-option-groups input[type='radio'] { display: none; } .wsite-form-field input[type='checkbox'] + label:before, .wsite-form-field input[type='radio'] + label:before, .wsite-com-product-option-groups input[type='radio'] + span:before, .wsite-com-product-option-groups input[type='checkbox'] + span:before { content: ''; display: inline-block; height: 22px; width: 22px; margin-right: 8px; padding: 1px; vertical-align: -8px; } .splash-page .wsite-form-field input[type='checkbox'] + label:before, .splash-page .wsite-form-field input[type='radio'] + label:before, .splash-page .wsite-com-product-option-label input[type='checkbox'] + span:before, .splash-page .wsite-com-product-option-label input[type='radio'] + span:before { height: 20px; width: 20px; border-radius: 100%; border: 1px solid #fff; } .splash-page .wsite-form-field input[type='checkbox']:checked + label:before, .splash-page .wsite-form-field input[type='checkbox']:not(:checked) + label:before { height: 18px; width: 17px; } .wsite-form-field input[type='checkbox'] + label:before, .wsite-com-product-option-groups input[type='checkbox'] + span:before { background: url(theme/images/purple_icons.png?1711659508) -696px -31px; } .wsite-form-field input[type='checkbox']:checked + label:before, .wsite-com-product-option-groups input[type='checkbox']:checked + span:before { background: url(theme/images/purple_icons.png?1711659508) -725px -31px; } .wsite-form-field input[type='radio'] + label:before, .wsite-com-product-option-groups input[type='radio'] + span:before { background: url(theme/images/purple_icons.png?1711659508) -695px -57px; } .wsite-form-field input[type='radio']:checked + label:before, .wsite-com-product-option-groups input[type='radio']:checked + span:before { background: url(theme/images/purple_icons.png?1711659508) -724px -57px; } #icontent .container { overflow: visible; } #wsite-com-product-title { font-family: 'Maven Pro', sans-serif; font-size: 1.5em; font-style: normal; font-weight: bold; text-transform: uppercase; } #wsite-com-product-price-area .wsite-com-product-price-container { font-size: 1.5em; color: #999999; } #wsite-com-product-price-area.wsite-com-product-show-price-on-sale #wsite-com-product-price { display: none; } #wsite-com-product-price-area #wsite-com-product-price-sale { color: #ffffff; background: #333333; } #wsite-com-product-price-sale:before { content: 'SALE'; padding-left: 10px; } #wsite-com-product-price-area { border: none; margin: 0; } #wsite-com-product-add-to-cart { background: #ffffff !important; color: #8979ec !important; } #wsite-com-product-add-to-cart { border: 2px solid #8979ec !important; } #wsite-com-product-add-to-cart:hover { background: #8979ec !important; color: #ffffff !important; } .wsite-com-product-option-dropdown select { border: none; border-radius: 0; border-bottom: 2px solid #8979ec; font-size: 1.15em; font-weight: 900; color: #8979ec; cursor: pointer; } .wsite-com-product-option-color .wsite-com-product-option-color-container { box-shadow: none; } .wsite-com-product-option-color .wsite-com-product-option-color-swatch { height: 36px; width: 36px; border-radius: 0; border: 1px solid #e5e5e5; box-shadow: none; } .wsite-com-product-option-color .wsite-selected { background: url(theme/images/purple_icons.png?1711659508) -646px -64px; } #wsite-com-product-quantity-input { background-image: none; border: none; border-bottom: 2px solid #8979ec; font-size: 1.15em; font-weight: 900; color: #8979ec; border-radius: 0; } #wsite-com-product-images-strip .wsite-com-product-images-secondary-outer { box-shadow: none; } #wsite-com-product-options { border-top: none; } .wsite-com-product-option, #wsite-com-product-inventory { padding: 15px 0; } .wsite-com-product-label { margin-bottom: 15px; } .wsite-com-continue-shopping .caret { vertical-align: middle; } .wsite-social { white-space: normal; } .wsite-social-item { display: inline-block; font-size: 2em; margin: 0 6px 10px; } h2.blog-title a, h2.blog-title a:hover { font-size: 1.85em; color: #000; background: inherit; } .blog-post .blog-separator { border: none; height: 9px; } .blog-post > div, .blog-post .blog-header { padding-left: 160px !important; box-sizing: border-box; } #blog-post-title-overlay { left: 155px; } .blog-post:before { content: ''; border-left: 1px solid #e2e2e2; position: absolute; top: 0; left: 140px; height: 100%; } .blog-post .blog-date { font-size: 18px; color: #000; position: absolute; top: 24px; left: 0px; width: 110px; text-align: right; } .blog-header .blog-date span, .blog-header .blog-comments a { margin: 0 !important; padding: 0 !important; float: right !important; } .blog-post .blog-comments { font-size: 18px; position: absolute; top: 60px; left: 0px; width: 110px; text-align: right; } .blog-comments-bottom { display: none; } .blog-content { width: 100%; } .blog-post-separator { height: 40px; } .blog-sidebar { display: none; } #commentArea { margin-left: 145px; } .blogCommentSubreplyWrapper iframe { height: 520px; } @media (max-width: 1024px) { body { font-size: 15px; } body.has-header { padding-top: 120px !important; } #header .header-wrap { height: 120px; } #header .nav-button-holder { width: auto; padding-right: 10px; } #header .wsite-logo { display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; align-items: center; -webkit-align-content: center; align-content: center; width: auto; } #header.minimal .header-wrap { height: 80px; } body.minimal-header { padding-top: 80px !important; } .logo { padding-left: 0; text-align: center; height: auto; } .logo img { margin: 0 !important; } .wsite-logo { vertical-align: middle; } .menu { display: table-row; padding-right: 0; text-align: center; height: auto; } .wsite-menu-default { float: none; margin: auto; display: table-cell; vertical-align: middle; } .landing-page .banner { height: 28em; } .banner h2, .splash-page .content-wrap h2 { font-size: 10vmin !important; } .banner .paragraph { font-size: 1em !important; } .wsite-footer { padding-top: 3em; padding-bottom: 1.5em; } #commentArea { margin-left: 0 !important; } body { padding: 0 !important; } h2.blog-title a, h2.blog-title a:hover { font-size: 1em !important; } .blog-post .blog-date, .blog-post .blog-comments { font-size: 18px; position: relative; top: auto; left: auto; width: auto; text-align: right; } .blog-post:before { display: none; } .blog-post { margin-right: 0; } .blog-post > div, .blog-post .blog-header { padding-left: 0em !important; } } @media (max-width: 767px) { .header-wrap .wsite-button { padding: 02px 12px !important; } .header-wrap .wsite-button .wsite-button-inner { font-size: 8px; } .lynx-footer-dark { position: relative !important; } .lynx-nav-info { padding-left: 0px !important; padding-right: 0px !important; display: none !important; } #header { height: auto; max-width: 100vw !important; z-index: 200 !important; } #header .nav-button-holder { width: auto; padding-right: 10px; } .header-wrap { padding-left: 0px; padding-right: 0px; } body { font-size: 14px; } body.has-header { padding-top: 60px !important; } .container { padding: 1.25em; } .banner-inner { padding: 4em 1.25em; } #header.minimal { height: auto; } body:not(.minimal-header) #header { border-radius: 1px; -webkit-box-shadow: 0px 2px 3px -1px rgba(30,30,30,0.1); -moz-box-shadow: 0px 2px 3px -1px rgba(30,30,30,0.1); box-shadow: 0px 2px 3px -1px rgba(30,30,30,0.1); } body.minimal-header { padding-top: 0 !important; } .logo { width: 100%; height: 60px; padding: 0 1.25em; text-align: center; line-height: 1; box-sizing: border-box; margin-left: 10px; } .logo > span { vertical-align: middle; padding: 0 0px 0 20px; } .wsite-logo { display: block; } .logo img { max-height: 50px !important; } #nav { display: none; } #navmobile { display: block; border: 2px solid rgba(0,0,0,0.2); padding-top: 15px; background-color: rgba(255,255,255,0.4); z-index: 200 !important; } .wsite-logo table { height: 60px !important; } .menu { display: block; padding-right: 0px; text-align: center; } .wsite-menu-default { float: none; display: block; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 00px; } .menu .wsite-menu-default li { display: block; padding-left: 0px; padding-right: 0px; padding-top: 10px; padding-bottom: 10px; } .menu .wsite-menu-default li a { display: block; position: relative; } .wsite-menu-subitem { padding-top: 15px; padding-bottom: 15px; } #header .header-wrap, #header.minimal .header-wrap { height: 60px; } #header.minimal .wsite-logo a, #header.minimal .menu li a { color: black; } #header.minimal #active a, #header.minimal .wsite-menu-default li:hover a { color: black; } #nav-trigger { display: table-cell; vertical-align: middle; width: 24px; z-index: 11; position: fixed; left: 10px; top: 20px; } #nav-trigger:before, #nav-trigger:after { content: ""; } #nav-trigger span, #nav-trigger:before, #nav-trigger:after { display: block; width: 100%; height: 4px; background: #000000; } #nav-trigger span { margin: 4px 0; } #header.minimal #nav-trigger span, #header.minimal #nav-trigger:before, #header.minimal #nav-trigger:after { background: #000000; } .splash-page #nav-trigger span, .splash-page #nav-trigger:before, .splash-page #nav-trigger:after { background: black !important; } #navmobile { max-height: 0; left: 0px; overflow: hidden; -webkit-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); -moz-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); -o-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); -ms-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); } #navmobile > div, #navmobile > ul { padding: 0 0 1em; } .wsite-mobile-menu { -webkit-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); -moz-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); -o-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); -ms-transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); transition: all 300ms cubic-bezier(0.55,0.085,0.68,0.53); } .wsite-menu-mobile-arrow:before { display: inline-block; content: '\203A'; vertical-align: bottom; font-weight: bold; margin-left: 5px; } .wsite-menu-back-item .wsite-menu-mobile-arrow:before { content: '\2039' !important; margin-right: 5px; margin-left: 0; } .wsite-menu-back-item a { font-weight: bold !important; color: #333 !important; } .wsite-menu-arrow { display: none; } #nav:before { display: block; content: ''; height: 1em; } body.menu-open #navmobile { max-height: 960px; position: fixed; z-index: 1000; top: 65px; width: 100vw; background-color: #fff; } .wsite-menu-wrap { left: 0 !important; } .wsite-multicol-col { max-width: 100% !important; display: block; width: auto !important; margin: 0 auto 1em !important; } .wsite-section { height: auto !important; } #wsite-search-header h2 { float: none; font-weight: bold; } #wsite-search-form-container { float: none; margin-top: 10px; width: 100%; } .wsite-product-list { display: none !important; } #wsite-mini-cart { position: fixed !important; left: 0 !important; bottom: 0 !important; top: auto !important; width: 100% !important; box-sizing: border-box !important; border-radius: 0 !important; border-right: none !important; border-left: none !important; } #wsite-mini-cart:before, #wsite-mini-cart:after { display: none; } #wsite-com-store .wsite-com-category-subcategory-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-featured-group .wsite-com-column, #wsite-com-store .wsite-com-category-product-group .wsite-com-column { width: 50% !important; } #wsite-com-product-images { width: 100% !important; } #wsite-com-product-images, #wsite-com-product-images .wsite-com-column { float: none !important; } #wsite-com-product-info { margin-left: 0 !important; margin-top: 25px; } #wsite-com-checkout-list .wsite-remove-button, #wsite-com-checkout-summary-list .wsite-remove-button { display: block; margin: 5px auto 0; left: auto; top: auto; } .wsite-com-continue-shopping .caret, #wsite-com-checkout-list, #wsite-com-checkout-summary-list { line-height: 2em; } #wsite-com-checkout-list .wsite-form-input, #wsite-com-checkout-summary-list .wsite-form-input { width: 25px; height: 25px; } #wsite-com-checkout-list .wsite-coupon-input, #wsite-com-checkout-summary-list .wsite-coupon-input { width: 100px; } #wsite-com-checkout-list .wsite-com-checkout-item-image, #wsite-com-checkout-summary-list .wsite-com-checkout-item-image { width: 50px !important; height: 50px !important; } .wsite-com-continue-shopping .caret, #wsite-com-checkout-list, #wsite-com-checkout-summary-list { font-size: .65em !important; vertical-align: middle; } #wsite-mini-cart .wsite-subtotal-wrapper, .wsite-product-list .wsite-product-description, .wsite-name-header, .wsite-product-price { font-size: 1em !important; line-height: 1.2 !important; } .wsite-com-category-subcategory-name, .wsite-com-category-subcategory-name-text { padding: .25em !important; font-size: 1em !important; } .imageGallery > div { width: 50% !important; } .wsite-com-checkout-payment-column, .wsite-com-checkout-summary-column { display: block !important; width: auto !important; max-width: 100% !important; margin: 0 auto 1em !important; } #wsite-com-checkout-cart-footer { text-align: center; } .wsite-com-continue-shopping { display: block; margin: 0 auto 5px; } #wsite-com-checkout-cart-footer form { float: none !important; } #wsite-com-checkout-payment-order { margin-left: 0; } } @media (max-width: 400px) { .header-wrap .wsite-button { display: none; } } div.paragraph ul, div.paragraph ol { padding-left: 3em !important; margin: 5px 0 !important; } div.paragraph li { padding-left: 5px !important; margin: 3px 0 0 !important; } div.paragraph ul, div.paragraph ul li { list-style: disc outside !important; } div.paragraph ol, div.paragraph ol li { list-style: decimal outside !important; }