html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100% } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,optgroup,strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0; max-width: 100%; vertical-align: middle; display: inline-block } svg:not(:root) { overflow: hidden } hr { box-sizing: content-box; height: 0 } pre,textarea { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: none } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } legend { border: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } @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: 400; font-style: normal } [class*=" w-icon-"],[class^=w-icon-] { font-family: webflow-icons!important; speak: none; font-style: normal; font-weight: 400; 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.w-mod-touch * { background-attachment: scroll!important } .w-block { display: block } .w-inline-block { max-width: 100%; display: inline-block } .w-clearfix:after,.w-clearfix:before { 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: #fff; 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 transparent; border-radius: 0; background: 0 0; 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,.1),0 1px 3px rgba(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: 700; margin-bottom: 10px } h5 { font-size: 14px; line-height: 20px; margin-top: 10px } h6 { font-size: 12px; line-height: 18px; margin-top: 10px } p { margin-top: 0; margin-bottom: 10px; line-height: 1.4em } blockquote { margin: 0 0 10px; padding: 10px 20px; border-left: 5px solid #e2e2e2; font-size: 18px; line-height: 22px } figure { margin: 0 0 10px } figcaption { margin-top: 5px; text-align: center } ol,ul { margin-top: 0; margin-bottom: 10px; padding-left: 40px } .w-list-unstyled { padding-left: 0; list-style: none } .w-embed:after,.w-embed:before { 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 embed,.w-video iframe,.w-video object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none } fieldset { padding: 0; margin: 0; border: 0 } [type=button],[type=reset],button { 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: #ddd } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede } label { display: block; margin-bottom: 5px; font-weight: 700 } .w-input,.w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc } .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-input[readonly],.w-select[disabled],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select { cursor: not-allowed } .w-input[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[disabled]:not(.w-input-disabled),.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee } 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: 400; margin-bottom: 0 } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px } .w-radio:after,.w-radio:before { 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: 3px 0 0 -20px; line-height: normal; float: left } .w-file-upload { display: block; margin-bottom: 10px } .w-file-upload-input { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100 } .w-file-upload-default,.w-file-upload-success,.w-file-upload-uploading { display: inline-block; color: #333 } .w-file-upload-error { display: block; margin-top: 10px } .w-file-upload-default.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden,.w-file-upload-uploading.w-hidden { display: none } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; 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 #ccc; background-color: #fafafa } .w-file-upload-file-name { font-size: 14px; font-weight: 400; 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: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; 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:after,.w-container:before { 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:after,.w-row:before { 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,.w-hidden-medium { display:inherit!important } .w-hidden-small { display: none!important } .w-container .w-row,.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,.w-hidden-medium,.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: #fff; border: 1px solid #758696; 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):after,.w-widget-twitter-count-shim:not(.w--vertical):before { 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: #fff; 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:after,.w-widget-twitter-count-shim.w--vertical:before { 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: #fff; 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: #fff } .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: #ddd; clear: both; -webkit-tap-highlight-color: transparent; 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: transparent; 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: .2em .5em; font-size: inherit; line-height: inherit } .w-slider-nav.w-shadow>div { box-shadow: 0 0 3px rgba(51,51,51,.4) } .w-slider-nav-invert { color: #fff } .w-slider-nav-invert>div { background-color: rgba(34,34,34,.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,.4); cursor: pointer; margin: 0 3px .5em; transition: background-color .1s,color .1s } .w-slider-dot.w-active { background-color: #fff } .w-slider-dot:focus { outline: 0; box-shadow: 0 0 0 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: #fff; font-size: 40px; -webkit-tap-highlight-color: transparent; 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-left [class^=w-icon-],.w-slider-arrow-right [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-link,.w-dropdown-toggle { position: relative; vertical-align: top; text-decoration: none; color: #222; 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 20px auto auto; width: 1em; height: 1em } .w-dropdown-list { position: absolute; background: #ddd; display: none; min-width: 100% } .w-dropdown-list.w--open { display: block } .w-dropdown-link { padding: 10px 20px; display: block; color: #222 } .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 { cursor: auto; font-style: normal; font-variant: normal; letter-spacing: normal; list-style: disc; 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,.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: .5em 1em; background: rgba(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: .3s; transition: .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: .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,.4); border-radius: 50%; -webkit-animation: .8s linear infinite spin; animation: .8s linear infinite spin } .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: .5 } .w-lightbox-close { opacity: .8 } .w-lightbox-control:hover { opacity: 1 } } .w-lightbox-inactive,.w-lightbox-inactive:hover { opacity: 0 } .w-richtext:after,.w-richtext:before { 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]:after,.w-richtext[contenteditable=true]:before { white-space: initial } .w-richtext ol,.w-richtext ul { overflow: hidden } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after { outline: #2895f7 solid 2px } .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: .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: #ddd; z-index: 1000 } .w-nav:after,.w-nav:before { 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: #333 } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; 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: transparent; 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: #fff } .w-nav[data-collapse=all] .w-nav-menu { display: none } .w--nav-dropdown-open,.w--nav-dropdown-toggle-open,.w-nav[data-collapse=all] .w-nav-button { 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 } } .w-tabs { position: relative } .w-tabs:after,.w-tabs:before { 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: #222; background-color: #ddd } .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-nav[data-collapse=tiny] .w-nav-menu { display:none } .w-nav[data-collapse=tiny] .w-nav-button,.w-tab-link { display: block } } .w-ix-emptyfix:after { content: "" } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .w-dyn-empty { padding: 10px; background-color: #ddd } .w-condition-invisible,.w-dyn-bind-empty,.w-dyn-hide { display: none!important } .wf-layout-layout { display: grid!important } .wf-layout-cell { display: flex!important } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Archia,sans-serif; color: #1e1e2f; font-size: 16px; line-height: 22px } h1 { margin-top: 0; margin-bottom: 90px; font-size: 76px; line-height: 1em; font-weight: 700 } h2 { margin-top: 0; margin-bottom: 48px; font-size: 40px; line-height: 1.2em; font-weight: 700 } h3 { margin-top: 0; margin-bottom: 20px; font-size: 24px; line-height: 30px; font-weight: 700 } h4 { margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 24px; font-weight: 700 } a { background-color: transparent; -webkit-transition: .3s; transition: .3s; text-decoration: underline } ul { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none } .header { position: absolute; left: 0; top: 0; right: 0; bottom: auto; z-index: 90; padding-right: 20px; padding-left: 20px } .main { background-image: linear-gradient(-5deg,#f8f4f1 60%,#fefeff 98%) } .footer { padding-right: 80px; padding-left: 80px } .remodal.remodal--global { position: relative; overflow: hidden; width: 100%; max-width: 37.25rem; margin: 0 auto; padding: 0; border-radius: 1.25rem; background-color: #fff; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); text-align: left } .content { width: 100%; max-width: 1280px; margin-right: auto; margin-left: auto } .header__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .section { padding: 64px 80px } .section.section--overflow-hidden { overflow: hidden } .section.section--hero { overflow: hidden; padding-top: 120px } .hero__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .nav__link { display: inline-block; margin-right: 40px; box-shadow: inset 0 0 0 0 #97c680; color: #1e1e2f; text-align: center; text-decoration: none } .nav__link.mod--fixed.w--current,.nav__link:hover { box-shadow: inset 0 -9px 0 0 #97c680 } .btn { min-width: 160px; padding: 10px 30px; border-radius: 100px; background-color: #97c680; box-shadow: inset 0 45px 0 0 #1e1e2f; text-align: center } .btn:hover { box-shadow: inset 0 45px 0 -50px #1e1e2f; color: #1e1e2f } .header__col.col--3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .header__col.col--1 { min-width: 250px } .hero__col.col--2 { z-index: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .hero__col.col--1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .input { position: relative; z-index: 0; width: 300px; height: 64px; padding-left: 25px; border: 1px solid rgba(30,30,47,.2); border-radius: 0; -webkit-transition: .3s; transition: .3s; font-size: 16px } .input:hover { border-color: rgba(30,30,47,.4) } .input:focus { border-color: #97c680 } .input::-webkit-input-placeholder { color: #1e1e2f } .input:-ms-input-placeholder { color: #1e1e2f } .input::-ms-input-placeholder { color: #1e1e2f } .input::placeholder { color: #1e1e2f } .input.mod--footer { width: 240px; margin-right: -1px; margin-bottom: 0 } .input.mod--hero { width: 450px; height: 120px; margin-bottom: 0; padding-left: 50px; border-width: 1px; border-color: #fff; box-shadow: 0 46px 50px 0 rgba(0,0,0,.03); font-size: 20px } .input.mod--hero:hover { box-shadow: 0 46px 50px 0 rgba(0,0,0,.1) } .input.mod--hero:focus { border-color: #97c680; box-shadow: 0 46px 50px 0 rgba(0,0,0,.1) } .input.mod--modal { width: auto; height: 72px; margin-bottom: 0; padding-left: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-width: 0 0 1px; background-color: hsla(0,0%,100%,0) } .input.mod--modal::-webkit-input-placeholder { color: rgba(30,30,47,.6) } .input.mod--modal:-ms-input-placeholder { color: rgba(30,30,47,.6) } .input.mod--modal::-ms-input-placeholder { color: rgba(30,30,47,.6) } .input.mod--modal::placeholder { color: rgba(30,30,47,.6) } .btn-submit { position: absolute; left: auto; top: 0; right: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 64px; height: 100%; -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; background-color: #97c680; box-shadow: inset 0 0 0 0 #feba88; -webkit-transition: .3s; transition: .3s; color: #1e1e2f } .btn-submit:hover { box-shadow: inset 0 -70px 0 0 #feba88 } .btn-submit.mod--hero { width: 120px; font-size: 34px } .btn-submit.mod--hero:hover { box-shadow: inset 0 -120px 0 0 #feba88 } .btn-submit.stroke--btn-1.active { opacity: 0; -webkit-transition-duration: .2s; transition-duration: .2s } .btn-submit.mod--form-footer { position: relative; height: auto } .btn-submit.mod--modal { position: absolute; top: auto; bottom: 1rem; width: 40px; height: 40px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .form { position: relative } .form-block { position: relative; z-index: 1; margin-bottom: 0 } .form-block.mod--modal { width: 100% } .hero__persons { position: relative; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 590px; margin-right: -20px; margin-left: -85px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .hero__person { position: relative; overflow: hidden; width: 21%; padding-right: 20px; padding-left: 20px; border-radius: 20px; cursor: pointer } .hero__person.active { width: 58% } .hero__person-img { position: relative; z-index: 0; display: block; height: 115%; min-width: 100%; -o-object-fit: cover; object-fit: cover } .hero__person-grad { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.8))); background-image: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8)); color: #fff } .hero__person-txt-wrap { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; height: 120px; margin-bottom: 40px; padding-right: 40px; padding-left: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: .5s; transition: .5s } .hero__person-txt-wrap.active { width: 100%; margin-bottom: 55px; -webkit-transform: none; -ms-transform: none; transform: none } .hero__person-txt-wrap.mod--first { margin-left: auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .hero__person-txt-wrap.mod--first.active { padding-left: 100px; -webkit-transform: none; -ms-transform: none; transform: none } .hero__person-title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 34px; line-height: 1.1em } .hero__person-title.active { height: 80px } .hero__person-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 0%; -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: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transition: .6s; transition: .6s; font-size: 52px; text-align: center } .hero__person-count.active { height: 100%; opacity: 1 } .hero__person-count-title { display: inline-block; margin-bottom: -20px; line-height: 1em } .hero__person-count-span { display: inline-block; width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 14px } .hero__person-square { position: absolute; z-index: -1; display: block; width: 120px; height: 100%; margin-left: -24px; background-color: #1e1e2f } .hero__person-square.active { width: 0 } .heading--center { text-align: center } .category__tab-link { min-height: 32px; margin-right: 20px; margin-left: 20px; padding: 0; border-bottom: 2px solid transparent; border-radius: 0; background-color: transparent; line-height: 1.5em } .category__tab-link:hover { min-height: 26px; border-bottom-color: rgba(0,0,0,.2) } .category__tab-link.w--current { min-height: 26px; border-bottom-color: #000; background-color: transparent } .category__tab-link.w--current:hover { border-bottom-color: #000 } .category__tabs-menu { margin-bottom: 56px; text-align: center } .category__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -16px; margin-left: -16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch } .category__col { position: -webkit-sticky; position: sticky; top: 40vh; width: 25%; padding-right: 16px; padding-left: 16px } .category__card { position: relative; overflow: hidden; color: #1e1e2f; text-decoration: none } .category__card:hover { color: #97c680 } .category__card-img { display: block; margin-bottom: 24px; border-radius: 20px } .category__card-img.mod--desctop { display: block } .category__card-img.mod--mob { display: none } .category__card-title { margin-bottom: 12px; font-size: 24px } .category__card-month { color: #1e1e2f } .skills__head-desc { position: relative; z-index: 1; width: 100%; max-width: 544px; margin-right: 80px } .skills__txt-desc { margin-bottom: 0; font-size: 20px } .skills__achieve { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 48px; margin-bottom: -185px; -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; background-color: #97c680 } .skills__achieve.mob--mob { display: none } .skills__achieve-title { margin-right: 16px; font-size: 52px; line-height: 1em } .skills__achieve-desc { font-size: 14px; line-height: 1.4em; text-transform: uppercase } .skills__achieve-txt-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 36px; margin-bottom: 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .skills__achieve-line { width: 1px; height: 40px; margin-right: 52px; margin-left: 52px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #1e1e2f } .skills__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .skills__col.mod--video { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .skills__video-wrap { position: relative; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; max-width: 950px; min-height: 470px; margin-left: auto; -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: 16px; background-color: #fff; cursor: pointer } .skills__list { max-width: 270px; margin-right: 60px } .skills__list-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 30px } .skills__list-ico { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 56px; height: 56px; margin-right: 24px; -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; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100px; background-color: #fff; box-shadow: 0 4px 40px 0 rgba(0,0,0,.05) } .skills__list-title { margin-bottom: 16px; font-size: 20px } .skills__list-desc { color: rgba(30,30,47,.8) } .skills__list-line { position: absolute; left: 28px; top: 0; right: auto; bottom: 0; width: 1px; margin-top: 103px; margin-bottom: -14px; border-left: 1px dashed rgba(30,30,47,.6) } .hide { display: none } .dot-green { font-family: Varela,sans-serif; color: #97c680 } .reviews__card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-radius: 16px; background-color: #fff; box-shadow: 0 64px 50px -32px rgba(6,7,37,.03); -webkit-transition: .6s; transition: .6s } .swiper-slide { position: relative; display: block; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .swiper-slide.slide--reviews { width: 25%; height: auto } .swiper { overflow: hidden; width: 100%; border-radius: 16px } .swiper.swiper--reviews { overflow: visible } .swiper.swiper--persons { display: none } .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .reviews__card-author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 48px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .reviews__card-p { margin-bottom: 0; color: rgba(30,30,47,.8) } .swiper__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 44px; -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 } .swiper__nav-arrow { width: 48px; height: 48px; margin-right: 12px; margin-left: 12px; border: 1px solid rgba(30,30,47,0); border-radius: 100px; background-image: url("https://assets.website-files.com/617fa48948c7ab24b715140e/617fa5d8329cf473e60c7c5b_ico-arrow.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; opacity: .8; -webkit-transition: .3s; transition: .3s; cursor: pointer } .swiper__nav-arrow:hover { border-color: rgba(30,30,47,.15); opacity: 1 } .swiper__nav-arrow.mod--right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .reviews__card-ava { width: 56px; height: 56px; margin-right: 12px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100px } .reviews__card-name { font-size: 14px; line-height: 1em; margin-bottom: 12px } .reviews__card-spec { color: #97c680; font-size: 14px; line-height: 1em } .footer__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 120px; margin-bottom: 24px; padding-top: 56px; padding-bottom: 56px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid rgba(30,30,47,.1) } .footer__col.col--nav { 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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .footer__subs-title { margin-bottom: 20px; font-size: 20px } .footer__copyright { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 400px; margin-right: -50px; margin-bottom: -40px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__nav-list-item { width: 50%; margin-bottom: 40px } .category__card-arrow { position: absolute; left: auto; top: -60px; right: 16px; bottom: auto; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -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: 100px; background-color: #fff; -webkit-transition: .5s; transition: .5s } .skills__video { position: absolute; left: 0; top: auto; right: 0; bottom: 0; width: 100%; height: 110%; margin-bottom: -30px } .header-block { position: absolute; left: 0; top: 0; right: 0; bottom: auto; z-index: 90; padding: 38px 80px } .header-block.mod--fixed { position: fixed; padding-top: 18px; padding-bottom: 18px; background-color: #fff; -webkit-transform: translate(10px,-100px); -ms-transform: translate(10px,-100px); transform: translate(10px,-100px); -webkit-transition: .5s; transition: .5s } .dot { font-family: Varela,sans-serif } .category__tabs-mask { overflow: visible } .hero__person-txt-more { position: absolute; bottom: 78px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 40px; padding-left: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0 } .hero__person-txt-more.mod--1 { padding-left: 100px } .hero__person-txt-less { position: absolute; bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; height: 120px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .hero__person-txt-less.mod--1 { right: 0; padding-top: 20px } .hero__person-txt-less.mod--1.hide { display: none } .skills__top { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .hero__person-cont { position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 20px } .header__btn-menu { position: relative; display: none; width: 32px; height: 32px; margin-left: 24px; -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: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #1e1e2f; cursor: pointer } .header__btn-menu-line { position: absolute; width: 16px; height: 2px; background-color: #fff; -webkit-transform: none; -ms-transform: none; transform: none } .header__btn-menu-line.mod--1 { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px) } .header__btn-menu-line.mod--2 { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px) } .menu { display: none } .btn-border { min-width: 160px; padding: 10px 30px; border-radius: 100px; background-color: #97c680; box-shadow: inset 0 45px 0 0 #1e1e2f; text-align: center } .btn-border:hover { box-shadow: inset 0 45px 0 -50px #1e1e2f; color: #1e1e2f } .footer__nav-link { display: inline-block; margin-right: 0; box-shadow: inset 0 0 0 0 #97c680; color: #1e1e2f; text-align: center; text-decoration: none } .footer__nav-link:hover { box-shadow: inset 0 -9px 0 0 #97c680 } .skills__video-nav { position: absolute; left: auto; top: auto; right: 32px; bottom: 32px; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 24px; -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 } .skills__video-nav-ico { position: absolute; z-index: 0; opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: .3s; transition: .3s; cursor: pointer } .skills__video-nav-ico.active { z-index: 1; display: block; opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0) } .skills__video-nav-ico.active:hover { opacity: .7 } .footer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -8px; margin-left: -8px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__soc-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; margin-right: 8px; margin-left: 8px; -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; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100px } .footer__soc-link:hover { background-color: #1e1e2f } .footer__soc-img { display: block; width: 100%; height: 100%; border: 1px solid rgba(30,30,47,.1); border-radius: 100px; -webkit-transition: .3s; transition: .3s; -o-object-fit: scale-down; object-fit: scale-down } .footer__soc-img:hover { -webkit-filter: brightness(0%) invert(100%); filter: brightness(0%) invert(100%) } .footer__copyright-logo { margin-right: 14px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .footer__follow-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 56px; margin-top: 24px; margin-right: -80px; margin-left: -80px; -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-top: 1px solid #29242a; background-color: #1e1e2f; font-size: 16px } .footer__follow { position: relative; z-index: 1; color: hsla(0,0%,100%,.6); line-height: 1.5em; text-align: center } .footer__follow-heart { position: relative; top: -7px; right: -4px; z-index: -1; display: inline-block; width: 40px; height: 40px; margin-top: -20px; margin-bottom: -20px; margin-left: -10px; background-image: url("https://assets.website-files.com/617fa48948c7ab24b715140e/62a9c5db31572f28c0b22f78_follow-heart.svg"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat } .footer__follow-link { display: inline-block; color: #fff } .footer__follow-and { color: #fff } .form__content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .form__submit { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; opacity: 0 } .form__submit-result-wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 1.4rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .form__submit-result-wrap.mod--modal { padding-left: .75rem } .form__submit-result { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .2s; transition: .2s } .form__submit-result.active { width: 1rem; -webkit-transition-duration: 1s; transition-duration: 1s } .form__submit-result-ico { display: block; width: 1rem; max-width: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-filter: invert(90%); filter: invert(90%) } .modal__block { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .heading-small { font-size: 2.5rem; line-height: 1.15; font-weight: 700 } .btn-2 { min-width: 9.375rem; padding: .9375rem 2rem; border-radius: 6.25rem; background-color: #fbc540; -webkit-transition: .3s; transition: .3s; color: #080808; font-size: 1.125rem; font-weight: 600; text-align: center } .btn-2:hover { background-color: #fde29f } .modal__content { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100%; padding: 2.5rem 3rem 3rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-radius: 1.5rem; -webkit-transition: .3s; transition: .3s } .modal__content.mod--success { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .modal__close { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 5; width: 1.5rem; height: 1.5rem; background-image: url("https://assets.website-files.com/617fa48948c7ab24b715140e/632c4cacb8f4c665bd519532_ico-close-modal.svg"); background-position: 50% 50%; background-size: 1.5rem; background-repeat: no-repeat; opacity: .4; -webkit-filter: invert(100%); filter: invert(100%); -webkit-transition: .2s; transition: .2s; cursor: pointer } .modal__close:hover { opacity: .9 } .text-size-big { font-size: 1.5rem; line-height: 1.3; font-weight: 400 } .text-size-big.margin-bottom-40.mod--moda-desc { max-width: 24.375rem } .modal__img { position: relative; display: block; width: 100%; -o-object-fit: cover; object-fit: cover } .modal__heading { max-width: 11.25rem; font-size: 1.25rem } .modal__text-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .modal__text { max-width: 15rem; margin-bottom: 0; line-height: 1.5rem } .btn-submit__arrow { display: block; opacity: 1; -webkit-transition: .2s; transition: .2s } .btn-submit__arrow.active { opacity: 0 } @media screen and (max-width: 991px) { h2 { margin-bottom:40px } .header { position: fixed } .footer,.section { padding-right: 24px; padding-left: 24px } .hero__columns { display: block } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .nav__link { margin-right: 0; margin-bottom: -1px; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(30,30,47,.1); text-align: left } .nav__link:hover { box-shadow: none } .header__col.col--3 { display: none } .header__col.col--1 { min-width: auto } .header__col.col--2,.hero__col.col--2 { display: none } .input.mod--hero { width: 100% } .form-block { width: 100%; max-width: 300px } .form-block.mod--hero { width: 100%; max-width: 450px } .form-block.mod--modal { max-width: 100% } .hero__person { width: 240px; height: 376px; padding-right: 0; padding-left: 0 } .hero__person-title { font-size: 22px } .hero__person-count-title { font-size: 32px } .hero__person-count-span { font-size: 12px } .category__columns { max-width: 800px; margin-right: auto; margin-bottom: -40px; margin-left: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .category__col { position: relative; top: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; margin-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .skills__txt-desc { margin-top: -14px } .skills__achieve.mod--desctop { display: none } .skills__achieve.mob--mob { position: absolute; left: auto; top: -35px; right: 16px; bottom: auto; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 162px; height: 70px; margin-top: 0; margin-bottom: 0 } .skills__achieve-title { margin-right: 8px; font-size: 28px } .skills__achieve-desc { font-size: 12px; line-height: 1.2em } .skills__achieve-txt-wrap { position: absolute; margin-top: 0; margin-bottom: 0; -webkit-transform: translate(0,-60px); -ms-transform: translate(0,-60px); transform: translate(0,-60px) } .skills__achieve-txt-wrap.active { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: .3s; transition: .3s } .skills__achieve-txt-wrap.active.done { -webkit-transform: translate(0,60px); -ms-transform: translate(0,60px); transform: translate(0,60px) } .skills__achieve-line { display: none } .skills__col { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .skills__col.mod--video { position: relative } .skills__video-wrap { height: 26.5vw; max-width: 50vw; min-height: auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .reviews__card { width: 240px } .swiper-slide.slide--persons,.swiper-slide.slide--reviews { width: auto } .swiper.swiper--persons { display: block; overflow: visible; margin-bottom: 40px } .reviews__card-author,.swiper__nav { margin-top: 32px } .swiper__nav-arrow:hover { border-color: transparent } .swiper__nav-arrow.mod--active { border-color: rgba(30,30,47,.15) } .footer__columns { padding-bottom: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__col { width: 100%; margin-bottom: 40px } .footer__subs-title { margin-bottom: 16px } .footer__nav-list { margin-right: auto; margin-bottom: 0 } .footer__nav-list-item { margin-bottom: 24px } .hero__h1 { margin-bottom: 30px } .nav__link.mod--login { margin-right: 24px } .category__card-arrow { top: 16px } .skills__video { height: 29vw; margin-bottom: -5px } .header-block { padding: 24px } .header-block.mod--fixed { display: none } .header-block.mod--absolute { background-color: #fff } .hero__person-txt-more { bottom: 20px; padding-right: 16px; padding-left: 16px; opacity: 1 } .hero__person-txt-more.mod--1 { padding-left: 16px } .hero__person-txt-less { display: none } .skills__top { display: block; margin-bottom: 30px } .header__btn-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; padding: 0; background-color: #1e1e2f; -webkit-transition: .2s; transition: .2s; cursor: pointer } .menu { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; display: block; overflow: hidden; height: 0%; padding-right: 24px; padding-left: 24px; background-color: #fff } .menu.test { height: 100% } .menu__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 24px; border-top: 1px solid rgba(30,30,47,.1) } .menu__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding-top: 115px; padding-bottom: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .btn-border { border: 1px solid rgba(30,30,47,.2); background-color: transparent; box-shadow: none; color: #1e1e2f } .btn-border.mod--menu { margin-right: 16px } .footer__nav-link { text-align: left } .footer__nav-link:hover { box-shadow: none } .skills__video-nav { right: 20px; bottom: 20px } .footer__follow-wrap { margin-top: 24px; margin-right: -24px; margin-left: -24px } .btn-2 { padding-top: 1rem } } @media screen and (max-width: 767px) { body { font-size:14px } .remodal.remodal--global { max-width: 30rem } .remodal.remodal--global.mod--success { max-width: 21.5rem } .section { padding-top: 36px; padding-bottom: 36px } .section.section--hero { padding-top: 100px } .hero__columns { display: block } .hero__col.col--1 { padding-bottom: 20px } .input.mod--hero { height: 86px; padding-left: 32px; box-shadow: 0 32px 36px 0 rgba(0,0,0,.03); font-size: 16px } .input.mod--hero:focus,.input.mod--hero:hover { box-shadow: 0 32px 36px 0 rgba(0,0,0,.1) } .btn-submit.mod--hero { width: 86px; font-size: 24px } .form-block.mod--hero { max-width: 340px } .category__tab-link { margin-right: 32px; margin-left: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .category__tabs-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: auto; margin-right: -24px; margin-bottom: 32px; margin-left: -24px; padding-bottom: 6px; padding-left: 24px } .category__columns { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .category__col { position: static; top: auto; width: 50% } .category__card { width: 100% } .category__card-img { width: 100%; height: 42vw; margin-bottom: 20px; -o-object-fit: cover; object-fit: cover } .category__card-title { font-size: 22px } .skills__columns { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .skills__video-wrap { height: 48vw; max-width: none } .skills__list { margin-right: 0 } .reviews__card { padding: 16px; border-radius: 20px; -webkit-transform: none; -ms-transform: none; transform: none } .swiper-slide { width: 100% } .reviews__card-ava { width: 48px; height: 48px } .footer__columns { margin-bottom: 24px; padding-top: 40px; padding-bottom: 0 } .footer__col { margin-bottom: 40px } .footer__col.col--nav { margin-top: -8px } .footer__subs-title { font-size: 16px } .footer__copyright { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer__nav-list { max-width: 310px; margin-bottom: -14px } .skills__video { height: 52vw } .header-block { padding-top: 20px; padding-bottom: 20px } .skills__top { margin-bottom: 68px } .menu__content { padding-top: 100px } .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .footer__social { margin-bottom: 24px } .footer__soc-link { margin-right: 10px; margin-left: 10px } .footer__copyright-logo { width: 30px } .footer__follow { font-size: 14px } .heading-small { font-size: 1.5rem } .btn-2 { min-width: 7rem; padding: .5rem 1.5rem; font-size: 1rem } .modal__content { padding: 1.5rem } .modal__close { top: 1rem; right: 1rem } .text-size-big { font-size: 1.125rem } .text-size-big.margin-bottom-40.mod--moda-desc { max-width: 14.375rem; margin-bottom: 2rem } } @media screen and (max-width: 479px) { h1 { font-size:54px } h2 { font-size: 28px } .nav__link { font-size: 14px } .btn.mod--menu { min-width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #1e1e2f; box-shadow: none; color: #fff } .input { width: 100% } .input.mod--footer { width: 210px } .form-block,.form-block.mod--hero { max-width: 100% } .hero__person { border-radius: 14px } .category__col { width: 100%; padding-right: 0; padding-left: 0 } .category__card-img { height: 300px } .category__card-img.mod--desctop { display: none } .category__card-img.mod--mob { display: block } .skills__txt-desc { font-size: 16px } .skills__video-wrap { height: 55vw; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 8px } .skills__list-item { padding-top: 16px; padding-bottom: 16px } .skills__list-ico { margin-right: 20px } .skills__list-title { margin-bottom: 12px; font-size: 16px } .skills__list-line { margin-top: 88px; margin-bottom: 0 } .swiper-slide { width: 100% } .swiper-slide.slide--reviews { width: auto } .swiper.swiper--reviews { margin-right: auto; margin-left: auto } .skills__video { height: 70vw; min-width: 110vw; margin-bottom: -14px; margin-left: -5vw } .header-block { padding-top: 20px; padding-bottom: 20px } .logo-img { max-width: 82px } .btn-border.mod--menu { min-width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .footer__nav-link { font-size: 14px } .footer__follow-wrap { padding-top: 24px; padding-bottom: 24px } .footer__follow { max-width: 240px; padding-left: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .footer__follow-heart { top: -9px; right: -5px } .modal__content { height: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .modal__content.mod--success { overflow: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .modal__heading { max-width: 100%; margin-bottom: 1rem } .modal__text-wrap { display: block } .modal__text { max-width: 20rem } } @font-face { font-family: 'Archia'; src: url('https://assets.website-files.com/617fa48948c7ab24b715140e/618180b1eaae50368d604259_archia-regular-webfont.eot') format('embedded-opentype'), url('https://assets.website-files.com/617fa48948c7ab24b715140e/618180b153e66d54d5614758_archia-regular-webfont.woff') format('woff'), url('https://assets.website-files.com/617fa48948c7ab24b715140e/618180b1313b7511d417c809_archia-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100% } article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block } audio,canvas,progress,video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden],template { display: none } a:active,a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b,optgroup,strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0 } mark { background: #ff0; color: #000 } small { font-size: 80% } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { border: 0; max-width: 100%; vertical-align: middle; display: inline-block } svg:not(:root) { overflow: hidden } hr { box-sizing: content-box; height: 0 } pre,textarea { overflow: auto } code,kbd,pre,samp { font-family: monospace,monospace; font-size: 1em } button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } button,html input[type=button],input[type=reset] { -webkit-appearance: button; cursor: pointer } button[disabled],html input[disabled] { cursor: default } button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0 } input { line-height: normal } input[type=checkbox],input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: none } input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance: none } legend { border: 0; padding: 0 } table { border-collapse: collapse; border-spacing: 0 } td,th { padding: 0 } @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: 400; font-style: normal } [class*=" w-icon-"],[class^=w-icon-] { font-family: webflow-icons!important; speak: none; font-style: normal; font-weight: 400; 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.w-mod-touch * { background-attachment: scroll!important } .w-block { display: block } .w-inline-block { max-width: 100%; display: inline-block } .w-clearfix:after,.w-clearfix:before { 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: #fff; 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 transparent; border-radius: 0; background: 0 0; 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,.1),0 1px 3px rgba(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: 700; margin-bottom: 10px } h5 { font-size: 14px; line-height: 20px; margin-top: 10px } h6 { font-size: 12px; line-height: 18px; margin-top: 10px } p { margin-top: 0; margin-bottom: 10px; line-height: 1.4em } blockquote { margin: 0 0 10px; padding: 10px 20px; border-left: 5px solid #e2e2e2; font-size: 18px; line-height: 22px } figure { margin: 0 0 10px } figcaption { margin-top: 5px; text-align: center } ol,ul { margin-top: 0; margin-bottom: 10px; padding-left: 40px } .w-list-unstyled { padding-left: 0; list-style: none } .w-embed:after,.w-embed:before { 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 embed,.w-video iframe,.w-video object { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none } fieldset { padding: 0; margin: 0; border: 0 } [type=button],[type=reset],button { 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: #ddd } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede } label { display: block; margin-bottom: 5px; font-weight: 700 } .w-input,.w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc } .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-input[readonly],.w-select[disabled],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select { cursor: not-allowed } .w-input[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[disabled]:not(.w-input-disabled),.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eee } 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: 400; margin-bottom: 0 } .w-radio { display: block; margin-bottom: 5px; padding-left: 20px } .w-radio:after,.w-radio:before { 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: 3px 0 0 -20px; line-height: normal; float: left } .w-file-upload { display: block; margin-bottom: 10px } .w-file-upload-input { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -100 } .w-file-upload-default,.w-file-upload-success,.w-file-upload-uploading { display: inline-block; color: #333 } .w-file-upload-error { display: block; margin-top: 10px } .w-file-upload-default.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden,.w-file-upload-uploading.w-hidden { display: none } .w-file-upload-uploading-btn { display: flex; font-size: 14px; font-weight: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; 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 #ccc; background-color: #fafafa } .w-file-upload-file-name { font-size: 14px; font-weight: 400; 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: 400; cursor: pointer; margin: 0; padding: 8px 12px; border: 1px solid #ccc; 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:after,.w-container:before { 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:after,.w-row:before { 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,.w-hidden-medium { display:inherit!important } .w-hidden-small { display: none!important } .w-container .w-row,.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,.w-hidden-medium,.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: #fff; border: 1px solid #758696; 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):after,.w-widget-twitter-count-shim:not(.w--vertical):before { 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: #fff; 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:after,.w-widget-twitter-count-shim.w--vertical:before { 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: #fff; 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: #fff } .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: #ddd; clear: both; -webkit-tap-highlight-color: transparent; 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: transparent; 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: .2em .5em; font-size: inherit; line-height: inherit } .w-slider-nav.w-shadow>div { box-shadow: 0 0 3px rgba(51,51,51,.4) } .w-slider-nav-invert { color: #fff } .w-slider-nav-invert>div { background-color: rgba(34,34,34,.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,.4); cursor: pointer; margin: 0 3px .5em; transition: background-color .1s,color .1s } .w-slider-dot.w-active { background-color: #fff } .w-slider-dot:focus { outline: 0; box-shadow: 0 0 0 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: #fff; font-size: 40px; -webkit-tap-highlight-color: transparent; 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-left [class^=w-icon-],.w-slider-arrow-right [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-link,.w-dropdown-toggle { position: relative; vertical-align: top; text-decoration: none; color: #222; 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 20px auto auto; width: 1em; height: 1em } .w-dropdown-list { position: absolute; background: #ddd; display: none; min-width: 100% } .w-dropdown-list.w--open { display: block } .w-dropdown-link { padding: 10px 20px; display: block; color: #222 } .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 { cursor: auto; font-style: normal; font-variant: normal; letter-spacing: normal; list-style: disc; 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,.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: .5em 1em; background: rgba(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: .3s; transition: .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: .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,.4); border-radius: 50%; -webkit-animation: .8s linear infinite spin; animation: .8s linear infinite spin } .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: .5 } .w-lightbox-close { opacity: .8 } .w-lightbox-control:hover { opacity: 1 } } .w-lightbox-inactive,.w-lightbox-inactive:hover { opacity: 0 } .w-richtext:after,.w-richtext:before { 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]:after,.w-richtext[contenteditable=true]:before { white-space: initial } .w-richtext ol,.w-richtext ul { overflow: hidden } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after { outline: #2895f7 solid 2px } .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: .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: #ddd; z-index: 1000 } .w-nav:after,.w-nav:before { 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: #333 } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222; 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: transparent; 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: #fff } .w-nav[data-collapse=all] .w-nav-menu { display: none } .w--nav-dropdown-open,.w--nav-dropdown-toggle-open,.w-nav[data-collapse=all] .w-nav-button { 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 } } .w-tabs { position: relative } .w-tabs:after,.w-tabs:before { 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: #222; background-color: #ddd } .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-nav[data-collapse=tiny] .w-nav-menu { display:none } .w-nav[data-collapse=tiny] .w-nav-button,.w-tab-link { display: block } } .w-ix-emptyfix:after { content: "" } @keyframes spin { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } .w-dyn-empty { padding: 10px; background-color: #ddd } .w-condition-invisible,.w-dyn-bind-empty,.w-dyn-hide { display: none!important } .wf-layout-layout { display: grid!important } .wf-layout-cell { display: flex!important } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Archia,sans-serif; color: #1e1e2f; font-size: 16px; line-height: 22px } h1 { margin-top: 0; margin-bottom: 90px; font-size: 76px; line-height: 1em; font-weight: 700 } h2 { margin-top: 0; margin-bottom: 48px; font-size: 40px; line-height: 1.2em; font-weight: 700 } h3 { margin-top: 0; margin-bottom: 20px; font-size: 24px; line-height: 30px; font-weight: 700 } h4 { margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 24px; font-weight: 700 } a { background-color: transparent; -webkit-transition: .3s; transition: .3s; text-decoration: underline } ul { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none } .header { position: absolute; left: 0; top: 0; right: 0; bottom: auto; z-index: 90; padding-right: 20px; padding-left: 20px } .main { background-image: linear-gradient(-5deg,#f8f4f1 60%,#fefeff 98%) } .footer { padding-right: 80px; padding-left: 80px } .remodal.remodal--global { position: relative; overflow: hidden; width: 100%; max-width: 37.25rem; margin: 0 auto; padding: 0; border-radius: 1.25rem; background-color: #fff; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); text-align: left } .content { width: 100%; max-width: 1280px; margin-right: auto; margin-left: auto } .header__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .section { padding: 64px 80px } .section.section--overflow-hidden { overflow: hidden } .section.section--hero { overflow: hidden; padding-top: 120px } .hero__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .nav__link { display: inline-block; margin-right: 40px; box-shadow: inset 0 0 0 0 #97c680; color: #1e1e2f; text-align: center; text-decoration: none } .nav__link.mod--fixed.w--current,.nav__link:hover { box-shadow: inset 0 -9px 0 0 #97c680 } .btn { min-width: 160px; padding: 10px 30px; border-radius: 100px; background-color: #97c680; box-shadow: inset 0 45px 0 0 #1e1e2f; text-align: center } .btn:hover { box-shadow: inset 0 45px 0 -50px #1e1e2f; color: #1e1e2f } .header__col.col--3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .header__col.col--1 { min-width: 250px } .hero__col.col--2 { z-index: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .hero__col.col--1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 56px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .input { position: relative; z-index: 0; width: 300px; height: 64px; padding-left: 25px; border: 1px solid rgba(30,30,47,.2); border-radius: 0; -webkit-transition: .3s; transition: .3s; font-size: 16px } .input:hover { border-color: rgba(30,30,47,.4) } .input:focus { border-color: #97c680 } .input::-webkit-input-placeholder { color: #1e1e2f } .input:-ms-input-placeholder { color: #1e1e2f } .input::-ms-input-placeholder { color: #1e1e2f } .input::placeholder { color: #1e1e2f } .input.mod--footer { width: 240px; margin-right: -1px; margin-bottom: 0 } .input.mod--hero { width: 450px; height: 120px; margin-bottom: 0; padding-left: 50px; border-width: 1px; border-color: #fff; box-shadow: 0 46px 50px 0 rgba(0,0,0,.03); font-size: 20px } .input.mod--hero:hover { box-shadow: 0 46px 50px 0 rgba(0,0,0,.1) } .input.mod--hero:focus { border-color: #97c680; box-shadow: 0 46px 50px 0 rgba(0,0,0,.1) } .input.mod--modal { width: auto; height: 72px; margin-bottom: 0; padding-left: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-width: 0 0 1px; background-color: hsla(0,0%,100%,0) } .input.mod--modal::-webkit-input-placeholder { color: rgba(30,30,47,.6) } .input.mod--modal:-ms-input-placeholder { color: rgba(30,30,47,.6) } .input.mod--modal::-ms-input-placeholder { color: rgba(30,30,47,.6) } .input.mod--modal::placeholder { color: rgba(30,30,47,.6) } .btn-submit { position: absolute; left: auto; top: 0; right: 0; bottom: 0; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 64px; height: 100%; -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; background-color: #97c680; box-shadow: inset 0 0 0 0 #feba88; -webkit-transition: .3s; transition: .3s; color: #1e1e2f } .btn-submit:hover { box-shadow: inset 0 -70px 0 0 #feba88 } .btn-submit.mod--hero { width: 120px; font-size: 34px } .btn-submit.mod--hero:hover { box-shadow: inset 0 -120px 0 0 #feba88 } .btn-submit.stroke--btn-1.active { opacity: 0; -webkit-transition-duration: .2s; transition-duration: .2s } .btn-submit.mod--form-footer { position: relative; height: auto } .btn-submit.mod--modal { position: absolute; top: auto; bottom: 1rem; width: 40px; height: 40px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .form { position: relative } .form-block { position: relative; z-index: 1; margin-bottom: 0 } .form-block.mod--modal { width: 100% } .hero__persons { position: relative; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 590px; margin-right: -20px; margin-left: -85px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end } .hero__person { position: relative; overflow: hidden; width: 21%; padding-right: 20px; padding-left: 20px; border-radius: 20px; cursor: pointer } .hero__person.active { width: 58% } .hero__person-img { position: relative; z-index: 0; display: block; height: 115%; min-width: 100%; -o-object-fit: cover; object-fit: cover } .hero__person-grad { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),to(rgba(0,0,0,.8))); background-image: linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8)); color: #fff } .hero__person-txt-wrap { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; height: 120px; margin-bottom: 40px; padding-right: 40px; padding-left: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: .5s; transition: .5s } .hero__person-txt-wrap.active { width: 100%; margin-bottom: 55px; -webkit-transform: none; -ms-transform: none; transform: none } .hero__person-txt-wrap.mod--first { margin-left: auto; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .hero__person-txt-wrap.mod--first.active { padding-left: 100px; -webkit-transform: none; -ms-transform: none; transform: none } .hero__person-title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 34px; line-height: 1.1em } .hero__person-title.active { height: 80px } .hero__person-count { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; height: 0%; -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: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-transition: .6s; transition: .6s; font-size: 52px; text-align: center } .hero__person-count.active { height: 100%; opacity: 1 } .hero__person-count-title { display: inline-block; margin-bottom: -20px; line-height: 1em } .hero__person-count-span { display: inline-block; width: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 14px } .hero__person-square { position: absolute; z-index: -1; display: block; width: 120px; height: 100%; margin-left: -24px; background-color: #1e1e2f } .hero__person-square.active { width: 0 } .heading--center { text-align: center } .category__tab-link { min-height: 32px; margin-right: 20px; margin-left: 20px; padding: 0; border-bottom: 2px solid transparent; border-radius: 0; background-color: transparent; line-height: 1.5em } .category__tab-link:hover { min-height: 26px; border-bottom-color: rgba(0,0,0,.2) } .category__tab-link.w--current { min-height: 26px; border-bottom-color: #000; background-color: transparent } .category__tab-link.w--current:hover { border-bottom-color: #000 } .category__tabs-menu { margin-bottom: 56px; text-align: center } .category__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -16px; margin-left: -16px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch } .category__col { position: -webkit-sticky; position: sticky; top: 40vh; width: 25%; padding-right: 16px; padding-left: 16px } .category__card { position: relative; overflow: hidden; color: #1e1e2f; text-decoration: none } .category__card:hover { color: #97c680 } .category__card-img { display: block; margin-bottom: 24px; border-radius: 20px } .category__card-img.mod--desctop { display: block } .category__card-img.mod--mob { display: none } .category__card-title { margin-bottom: 12px; font-size: 24px } .category__card-month { color: #1e1e2f } .skills__head-desc { position: relative; z-index: 1; width: 100%; max-width: 544px; margin-right: 80px } .skills__txt-desc { margin-bottom: 0; font-size: 20px } .skills__achieve { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; margin-top: 48px; margin-bottom: -185px; -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; background-color: #97c680 } .skills__achieve.mob--mob { display: none } .skills__achieve-title { margin-right: 16px; font-size: 52px; line-height: 1em } .skills__achieve-desc { font-size: 14px; line-height: 1.4em; text-transform: uppercase } .skills__achieve-txt-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 36px; margin-bottom: 36px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .skills__achieve-line { width: 1px; height: 40px; margin-right: 52px; margin-left: 52px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #1e1e2f } .skills__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .skills__col.mod--video { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .skills__video-wrap { position: relative; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; max-width: 950px; min-height: 470px; margin-left: auto; -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: 16px; background-color: #fff; cursor: pointer } .skills__list { max-width: 270px; margin-right: 60px } .skills__list-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-top: 30px; padding-bottom: 30px } .skills__list-ico { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 56px; height: 56px; margin-right: 24px; -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; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100px; background-color: #fff; box-shadow: 0 4px 40px 0 rgba(0,0,0,.05) } .skills__list-title { margin-bottom: 16px; font-size: 20px } .skills__list-desc { color: rgba(30,30,47,.8) } .skills__list-line { position: absolute; left: 28px; top: 0; right: auto; bottom: 0; width: 1px; margin-top: 103px; margin-bottom: -14px; border-left: 1px dashed rgba(30,30,47,.6) } .hide { display: none } .dot-green { font-family: Varela,sans-serif; color: #97c680 } .reviews__card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-radius: 16px; background-color: #fff; box-shadow: 0 64px 50px -32px rgba(6,7,37,.03); -webkit-transition: .6s; transition: .6s } .swiper-slide { position: relative; display: block; height: auto; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .swiper-slide.slide--reviews { width: 25%; height: auto } .swiper { overflow: hidden; width: 100%; border-radius: 16px } .swiper.swiper--reviews { overflow: visible } .swiper.swiper--persons { display: none } .swiper-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .reviews__card-author { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 48px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .reviews__card-p { margin-bottom: 0; color: rgba(30,30,47,.8) } .swiper__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 44px; -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 } .swiper__nav-arrow { width: 48px; height: 48px; margin-right: 12px; margin-left: 12px; border: 1px solid rgba(30,30,47,0); border-radius: 100px; background-image: url("https://assets.website-files.com/617fa48948c7ab24b715140e/617fa5d8329cf473e60c7c5b_ico-arrow.svg"); background-position: 50% 50%; background-size: auto; background-repeat: no-repeat; opacity: .8; -webkit-transition: .3s; transition: .3s; cursor: pointer } .swiper__nav-arrow:hover { border-color: rgba(30,30,47,.15); opacity: 1 } .swiper__nav-arrow.mod--right { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) } .reviews__card-ava { width: 56px; height: 56px; margin-right: 12px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100px } .reviews__card-name { font-size: 14px; line-height: 1em; margin-bottom: 12px } .reviews__card-spec { color: #97c680; font-size: 14px; line-height: 1em } .footer__columns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 120px; margin-bottom: 24px; padding-top: 56px; padding-bottom: 56px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid rgba(30,30,47,.1) } .footer__col.col--nav { 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: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .footer__subs-title { margin-bottom: 20px; font-size: 20px } .footer__copyright { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__nav-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; max-width: 400px; margin-right: -50px; margin-bottom: -40px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__nav-list-item { width: 50%; margin-bottom: 40px } .category__card-arrow { position: absolute; left: auto; top: -60px; right: 16px; bottom: auto; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; -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: 100px; background-color: #fff; -webkit-transition: .5s; transition: .5s } .skills__video { position: absolute; left: 0; top: auto; right: 0; bottom: 0; width: 100%; height: 110%; margin-bottom: -30px } .header-block { position: absolute; left: 0; top: 0; right: 0; bottom: auto; z-index: 90; padding: 38px 80px } .header-block.mod--fixed { position: fixed; padding-top: 18px; padding-bottom: 18px; background-color: #fff; -webkit-transform: translate(10px,-100px); -ms-transform: translate(10px,-100px); transform: translate(10px,-100px); -webkit-transition: .5s; transition: .5s } .dot { font-family: Varela,sans-serif } .category__tabs-mask { overflow: visible } .hero__person-txt-more { position: absolute; bottom: 78px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-right: 40px; padding-left: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 0 } .hero__person-txt-more.mod--1 { padding-left: 100px } .hero__person-txt-less { position: absolute; bottom: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 120px; height: 120px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .hero__person-txt-less.mod--1 { right: 0; padding-top: 20px } .hero__person-txt-less.mod--1.hide { display: none } .skills__top { position: relative; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .hero__person-cont { position: relative; overflow: hidden; width: 100%; height: 100%; border-radius: 20px } .header__btn-menu { position: relative; display: none; width: 32px; height: 32px; margin-left: 24px; -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: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; background-color: #1e1e2f; cursor: pointer } .header__btn-menu-line { position: absolute; width: 16px; height: 2px; background-color: #fff; -webkit-transform: none; -ms-transform: none; transform: none } .header__btn-menu-line.mod--1 { -webkit-transform: translate(0,-3px); -ms-transform: translate(0,-3px); transform: translate(0,-3px) } .header__btn-menu-line.mod--2 { -webkit-transform: translate(0,3px); -ms-transform: translate(0,3px); transform: translate(0,3px) } .menu { display: none } .btn-border { min-width: 160px; padding: 10px 30px; border-radius: 100px; background-color: #97c680; box-shadow: inset 0 45px 0 0 #1e1e2f; text-align: center } .btn-border:hover { box-shadow: inset 0 45px 0 -50px #1e1e2f; color: #1e1e2f } .footer__nav-link { display: inline-block; margin-right: 0; box-shadow: inset 0 0 0 0 #97c680; color: #1e1e2f; text-align: center; text-decoration: none } .footer__nav-link:hover { box-shadow: inset 0 -9px 0 0 #97c680 } .skills__video-nav { position: absolute; left: auto; top: auto; right: 32px; bottom: 32px; z-index: 5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 24px; height: 24px; -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 } .skills__video-nav-ico { position: absolute; z-index: 0; opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: .3s; transition: .3s; cursor: pointer } .skills__video-nav-ico.active { z-index: 1; display: block; opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0) } .skills__video-nav-ico.active:hover { opacity: .7 } .footer__bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: -8px; margin-left: -8px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .footer__soc-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 40px; height: 40px; margin-right: 8px; margin-left: 8px; -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; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; border-radius: 100px } .footer__soc-link:hover { background-color: #1e1e2f } .footer__soc-img { display: block; width: 100%; height: 100%; border: 1px solid rgba(30,30,47,.1); border-radius: 100px; -webkit-transition: .3s; transition: .3s; -o-object-fit: scale-down; object-fit: scale-down } .footer__soc-img:hover { -webkit-filter: brightness(0%) invert(100%); filter: brightness(0%) invert(100%) } .footer__copyright-logo { margin-right: 14px; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .footer__follow-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 56px; margin-top: 24px; margin-right: -80px; margin-left: -80px; -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-top: 1px solid #29242a; background-color: #1e1e2f; font-size: 16px } .footer__follow { position: relative; z-index: 1; color: hsla(0,0%,100%,.6); line-height: 1.5em; text-align: center } .footer__follow-heart { position: relative; top: -7px; right: -4px; z-index: -1; display: inline-block; width: 40px; height: 40px; margin-top: -20px; margin-bottom: -20px; margin-left: -10px; background-image: url("https://assets.website-files.com/617fa48948c7ab24b715140e/62a9c5db31572f28c0b22f78_follow-heart.svg"); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat } .footer__follow-link { display: inline-block; color: #fff } .footer__follow-and { color: #fff } .form__content { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .form__submit { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 3; opacity: 0 } .form__submit-result-wrap { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 1.4rem; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .form__submit-result-wrap.mod--modal { padding-left: .75rem } .form__submit-result { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 0; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: .2s; transition: .2s } .form__submit-result.active { width: 1rem; -webkit-transition-duration: 1s; transition-duration: 1s } .form__submit-result-ico { display: block; width: 1rem; max-width: none; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-filter: invert(90%); filter: invert(90%) } .modal__block { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .heading-small { font-size: 2.5rem; line-height: 1.15; font-weight: 700 } .btn-2 { min-width: 9.375rem; padding: .9375rem 2rem; border-radius: 6.25rem; background-color: #fbc540; -webkit-transition: .3s; transition: .3s; color: #080808; font-size: 1.125rem; font-weight: 600; text-align: center } .btn-2:hover { background-color: #fde29f } .modal__content { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; height: 100%; padding: 2.5rem 3rem 3rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; border-radius: 1.5rem; -webkit-transition: .3s; transition: .3s } .modal__content.mod--success { 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; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center } .modal__close { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 5; width: 1.5rem; height: 1.5rem; background-image: url("https://assets.website-files.com/617fa48948c7ab24b715140e/632c4cacb8f4c665bd519532_ico-close-modal.svg"); background-position: 50% 50%; background-size: 1.5rem; background-repeat: no-repeat; opacity: .4; -webkit-filter: invert(100%); filter: invert(100%); -webkit-transition: .2s; transition: .2s; cursor: pointer } .modal__close:hover { opacity: .9 } .text-size-big { font-size: 1.5rem; line-height: 1.3; font-weight: 400 } .text-size-big.margin-bottom-40.mod--moda-desc { max-width: 24.375rem } .modal__img { position: relative; display: block; width: 100%; -o-object-fit: cover; object-fit: cover } .modal__heading { max-width: 11.25rem; font-size: 1.25rem } .modal__text-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; margin-bottom: 1rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .modal__text { max-width: 15rem; margin-bottom: 0; line-height: 1.5rem } .btn-submit__arrow { display: block; opacity: 1; -webkit-transition: .2s; transition: .2s } .btn-submit__arrow.active { opacity: 0 } @media screen and (max-width: 991px) { h2 { margin-bottom:40px } .header { position: fixed } .footer,.section { padding-right: 24px; padding-left: 24px } .hero__columns { display: block } .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .nav__link { margin-right: 0; margin-bottom: -1px; padding-top: 24px; padding-bottom: 24px; border-bottom: 1px solid rgba(30,30,47,.1); text-align: left } .nav__link:hover { box-shadow: none } .header__col.col--3 { display: none } .header__col.col--1 { min-width: auto } .header__col.col--2,.hero__col.col--2 { display: none } .input.mod--hero { width: 100% } .form-block { width: 100%; max-width: 300px } .form-block.mod--hero { width: 100%; max-width: 450px } .form-block.mod--modal { max-width: 100% } .hero__person { width: 240px; height: 376px; padding-right: 0; padding-left: 0 } .hero__person-title { font-size: 22px } .hero__person-count-title { font-size: 32px } .hero__person-count-span { font-size: 12px } .category__columns { max-width: 800px; margin-right: auto; margin-bottom: -40px; margin-left: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .category__col { position: relative; top: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 50%; margin-bottom: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .skills__txt-desc { margin-top: -14px } .skills__achieve.mod--desctop { display: none } .skills__achieve.mob--mob { position: absolute; left: auto; top: -35px; right: 16px; bottom: auto; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 162px; height: 70px; margin-top: 0; margin-bottom: 0 } .skills__achieve-title { margin-right: 8px; font-size: 28px } .skills__achieve-desc { font-size: 12px; line-height: 1.2em } .skills__achieve-txt-wrap { position: absolute; margin-top: 0; margin-bottom: 0; -webkit-transform: translate(0,-60px); -ms-transform: translate(0,-60px); transform: translate(0,-60px) } .skills__achieve-txt-wrap.active { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: .3s; transition: .3s } .skills__achieve-txt-wrap.active.done { -webkit-transform: translate(0,60px); -ms-transform: translate(0,60px); transform: translate(0,60px) } .skills__achieve-line { display: none } .skills__col { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .skills__col.mod--video { position: relative } .skills__video-wrap { height: 26.5vw; max-width: 50vw; min-height: auto; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .reviews__card { width: 240px } .swiper-slide.slide--persons,.swiper-slide.slide--reviews { width: auto } .swiper.swiper--persons { display: block; overflow: visible; margin-bottom: 40px } .reviews__card-author,.swiper__nav { margin-top: 32px } .swiper__nav-arrow:hover { border-color: transparent } .swiper__nav-arrow.mod--active { border-color: rgba(30,30,47,.15) } .footer__columns { padding-bottom: 16px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .footer__col { width: 100%; margin-bottom: 40px } .footer__subs-title { margin-bottom: 16px } .footer__nav-list { margin-right: auto; margin-bottom: 0 } .footer__nav-list-item { margin-bottom: 24px } .hero__h1 { margin-bottom: 30px } .nav__link.mod--login { margin-right: 24px } .category__card-arrow { top: 16px } .skills__video { height: 29vw; margin-bottom: -5px } .header-block { padding: 24px } .header-block.mod--fixed { display: none } .header-block.mod--absolute { background-color: #fff } .hero__person-txt-more { bottom: 20px; padding-right: 16px; padding-left: 16px; opacity: 1 } .hero__person-txt-more.mod--1 { padding-left: 16px } .hero__person-txt-less { display: none } .skills__top { display: block; margin-bottom: 30px } .header__btn-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 32px; height: 32px; padding: 0; background-color: #1e1e2f; -webkit-transition: .2s; transition: .2s; cursor: pointer } .menu { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; display: block; overflow: hidden; height: 0%; padding-right: 24px; padding-left: 24px; background-color: #fff } .menu.test { height: 100% } .menu__btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding-top: 24px; border-top: 1px solid rgba(30,30,47,.1) } .menu__content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; padding-top: 115px; padding-bottom: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .btn-border { border: 1px solid rgba(30,30,47,.2); background-color: transparent; box-shadow: none; color: #1e1e2f } .btn-border.mod--menu { margin-right: 16px } .footer__nav-link { text-align: left } .footer__nav-link:hover { box-shadow: none } .skills__video-nav { right: 20px; bottom: 20px } .footer__follow-wrap { margin-top: 24px; margin-right: -24px; margin-left: -24px } .btn-2 { padding-top: 1rem } } @media screen and (max-width: 767px) { body { font-size:14px } .remodal.remodal--global { max-width: 30rem } .remodal.remodal--global.mod--success { max-width: 21.5rem } .section { padding-top: 36px; padding-bottom: 36px } .section.section--hero { padding-top: 100px } .hero__columns { display: block } .hero__col.col--1 { padding-bottom: 20px } .input.mod--hero { height: 86px; padding-left: 32px; box-shadow: 0 32px 36px 0 rgba(0,0,0,.03); font-size: 16px } .input.mod--hero:focus,.input.mod--hero:hover { box-shadow: 0 32px 36px 0 rgba(0,0,0,.1) } .btn-submit.mod--hero { width: 86px; font-size: 24px } .form-block.mod--hero { max-width: 340px } .category__tab-link { margin-right: 32px; margin-left: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .category__tabs-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: auto; margin-right: -24px; margin-bottom: 32px; margin-left: -24px; padding-bottom: 6px; padding-left: 24px } .category__columns { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .category__col { position: static; top: auto; width: 50% } .category__card { width: 100% } .category__card-img { width: 100%; height: 42vw; margin-bottom: 20px; -o-object-fit: cover; object-fit: cover } .category__card-title { font-size: 22px } .skills__columns { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch } .skills__video-wrap { height: 48vw; max-width: none } .skills__list { margin-right: 0 } .reviews__card { padding: 16px; border-radius: 20px; -webkit-transform: none; -ms-transform: none; transform: none } .swiper-slide { width: 100% } .reviews__card-ava { width: 48px; height: 48px } .footer__columns { margin-bottom: 24px; padding-top: 40px; padding-bottom: 0 } .footer__col { margin-bottom: 40px } .footer__col.col--nav { margin-top: -8px } .footer__subs-title { font-size: 16px } .footer__copyright { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .footer__nav-list { max-width: 310px; margin-bottom: -14px } .skills__video { height: 52vw } .header-block { padding-top: 20px; padding-bottom: 20px } .skills__top { margin-bottom: 68px } .menu__content { padding-top: 100px } .footer__bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .footer__social { margin-bottom: 24px } .footer__soc-link { margin-right: 10px; margin-left: 10px } .footer__copyright-logo { width: 30px } .footer__follow { font-size: 14px } .heading-small { font-size: 1.5rem } .btn-2 { min-width: 7rem; padding: .5rem 1.5rem; font-size: 1rem } .modal__content { padding: 1.5rem } .modal__close { top: 1rem; right: 1rem } .text-size-big { font-size: 1.125rem } .text-size-big.margin-bottom-40.mod--moda-desc { max-width: 14.375rem; margin-bottom: 2rem } } @media screen and (max-width: 479px) { h1 { font-size:54px } h2 { font-size: 28px } .nav__link { font-size: 14px } .btn.mod--menu { min-width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; background-color: #1e1e2f; box-shadow: none; color: #fff } .input { width: 100% } .input.mod--footer { width: 210px } .form-block,.form-block.mod--hero { max-width: 100% } .hero__person { border-radius: 14px } .category__col { width: 100%; padding-right: 0; padding-left: 0 } .category__card-img { height: 300px } .category__card-img.mod--desctop { display: none } .category__card-img.mod--mob { display: block } .skills__txt-desc { font-size: 16px } .skills__video-wrap { height: 55vw; margin-bottom: 20px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 8px } .skills__list-item { padding-top: 16px; padding-bottom: 16px } .skills__list-ico { margin-right: 20px } .skills__list-title { margin-bottom: 12px; font-size: 16px } .skills__list-line { margin-top: 88px; margin-bottom: 0 } .swiper-slide { width: 100% } .swiper-slide.slide--reviews { width: auto } .swiper.swiper--reviews { margin-right: auto; margin-left: auto } .skills__video { height: 70vw; min-width: 110vw; margin-bottom: -14px; margin-left: -5vw } .header-block { padding-top: 20px; padding-bottom: 20px } .logo-img { max-width: 82px } .btn-border.mod--menu { min-width: auto; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } .footer__nav-link { font-size: 14px } .footer__follow-wrap { padding-top: 24px; padding-bottom: 24px } .footer__follow { max-width: 240px; padding-left: 0; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start } .footer__follow-heart { top: -9px; right: -5px } .modal__content { height: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center } .modal__content.mod--success { overflow: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } .modal__heading { max-width: 100%; margin-bottom: 1rem } .modal__text-wrap { display: block } .modal__text { max-width: 20rem } } @font-face { font-family: 'Archia'; src: url('https://assets.website-files.com/617fa48948c7ab24b715140e/618180b1eaae50368d604259_archia-regular-webfont.eot') format('embedded-opentype'), url('https://assets.website-files.com/617fa48948c7ab24b715140e/618180b153e66d54d5614758_archia-regular-webfont.woff') format('woff'), url('https://assets.website-files.com/617fa48948c7ab24b715140e/618180b1313b7511d417c809_archia-regular-webfont.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }