html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;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:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{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}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
@font-face{font-family:'web-icons';src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'web-icons' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}.w-icon-file-upload-remove:before{content:"\e900"}.w-icon-file-upload-icon:before{content:"\e903"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:'Raleway', sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-web-badge,.w-web-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0% 0%;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-web-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1);cursor:pointer}.w-web-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0px;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%;border:none}fieldset{padding:0;margin:0;border:0}button,[type='button'],[type='reset']{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed}.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0px}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:before,.w-radio:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-uploading,.w-file-upload-success{display:inline-block;color:#333333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-uploading.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden{display:none}.w-file-upload-uploading-btn{display:flex;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file{display:flex;flex-grow:1;justify-content:space-between;margin:0;padding:8px 9px 8px 11px;border:1px solid #cccccc;background-color:#fafafa}.w-file-upload-file-name{font-size:14px;font-weight:normal;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-icon-file-upload-remove{margin:auto;font-size:10px}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:normal;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #cccccc;background-color:#fafafa}.w-icon-file-upload-icon,.w-icon-file-upload-uploading{display:inline-block;margin-right:8px;width:20px}.w-icon-file-upload-uploading{height:20px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{text-align:center}.w-widget-map .gm-style-iw>button{display:none !important}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:' ';height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;margin:auto;width:100%;height:100%;right:-100%;bottom:-100%;top:-100%;left:-100%;object-fit:cover;z-index:-100}.w-background-video>video::-webkit-media-controls-start-playback-button{display:none !important;-webkit-appearance:none}.w-background-video--control{position:absolute;bottom:1em;right:1em;background-color:transparent;padding:0}.w-background-video--control>[hidden]{display:none !important}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-dot:focus{outline:none;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:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^='w-icon-'],.w-slider-arrow-right [class^='w-icon-'],.w-slider-arrow-left [class*=' w-icon-'],.w-slider-arrow-right [class*=' w-icon-']{position:absolute}.w-slider-arrow-left:focus,.w-slider-arrow-right:focus{outline:0}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-slider-aria-label{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.w-slider-force-show{display:block !important}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-dropdown-toggle:focus{outline:0}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-dropdown-link:focus{outline:0}@media screen and (max-width:767px){.w-nav-brand{padding-left:10px}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .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,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-richtext:after{clear:both}.w-richtext[contenteditable="true"]:before,.w-richtext[contenteditable="true"]:after{white-space:initial}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type="video"]>div:after{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default!important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0px;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}[data-nav-menu-open]{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay [data-nav-menu-open]{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] [data-nav-menu-open]{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] [data-nav-menu-open]{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button:focus{outline:0}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}.w--nav-dropdown-open{display:block}.w--nav-dropdown-toggle-open{display:block}.w--nav-dropdown-list-open{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-link:focus{outline:0}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-hide{display:none !important}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;600&display=swap')
.w-checkbox {
display: block;
margin-bottom: 5px;
padding-left: 20px;
}
.w-checkbox::before {
content: ' ';
display: table;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
}
.w-checkbox::after {
content: ' ';
display: table;
-ms-grid-column-span: 1;
grid-column-end: 2;
-ms-grid-column: 1;
grid-column-start: 1;
-ms-grid-row-span: 1;
grid-row-end: 2;
-ms-grid-row: 1;
grid-row-start: 1;
clear: both;
}
.w-checkbox-input {
float: left;
margin-bottom: 0px;
margin-left: -20px;
margin-right: 0px;
margin-top: 4px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
width: 12px;
height: 12px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
border-top-color: #3898ec;
border-bottom-color: #3898ec;
border-left-color: #3898ec;
border-right-color: #3898ec;
background-image: url(../custom-checkbox-checkmark.589d534424.svg);
/* background-image: url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg); */
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0px 0px 3px 1px #3898ec;
}
.w-layout-grid {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
grid-row-gap: 16px;
grid-column-gap: 16px;
}
.w-form-formradioinput--inputType-custom {
border-top-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ccc;
border-right-color: #ccc;
border-top-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-style: solid;
width: 12px;
height: 12px;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0px 0px 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-top-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-right-width: 4px;
border-top-color: #3898ec;
border-bottom-color: #3898ec;
border-left-color: #3898ec;
border-right-color: #3898ec;
}
img {
display: inline-block;
max-width: 100%;
}
.nav {
position: relative;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 99999;
display: block;
padding-top: 10px;
padding-bottom: 10px;
/* height: 48px; */
padding-right: 30px;
padding-left: 30px;
border-bottom: 1px none #d6d6d6;
background-color: #f6f6f6;
}
.navbar {
/* height: 48px; */
max-width: 980px;
margin-right: auto;
margin-left: auto;
background-color: #f6f6f6;
}
.nav-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* height: 48px; */
-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;
}
.nav-menu.nav_404 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.container {
position: relative;
display: block;
width: 100%;
max-width: 980px;
min-width: auto;
margin-right: auto;
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;
}
.container.big {
max-width: 1180px;
}
.brand {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
/* width: 48px;
height: 48px; */
-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;
}
.image {
width: 100%;
}
.nav-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 48px;
margin-left: 60px;
padding-right: 0px;
padding-left: 0px;
-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;
font-family: Googlesans, sans-serif;
color: #161617;
}
.nav-link:hover {
opacity: 0.5;
}
.nav-link.w--current {
color: rgba(0, 0, 0, 0.5);
}
.nav-link.blog_link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.nav-link.blog_link.w--current {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.body {
border-style: none;
border-width: 0px;
border-color: #fff;
border-radius: 0px;
/*font-family: Helveticanowdisplay, sans-serif;*/
font-family:'Raleway', sans-serif;
}
.second_menu {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 999999;
height: 50px;
margin-top: 0px;
padding-right: 60px;
padding-left: 60px;
background-color: hsla(0, 0%, 100%, 0.7);
}
.div-block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 50px;
max-width: 980px;
margin-right: auto;
margin-left: auto;
-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;
}
.link {
margin-right: 30px;
font-family: Googlesans, sans-serif;
color: #91939e;
font-size: 12px;
font-weight: 400;
text-decoration: none;
}
.link-2 {
margin-right: 60px;
font-family: Googlesans, sans-serif;
color: #252525;
font-size: 14px;
text-decoration: none;
}
.link-2.broshure_id {
display: none;
}
.link-2.video_production_id {
display: none;
}
.link-2.link_toyota_case {
display: none;
}
.link-2.link_toyota_advant {
display: none;
}
.link-3 {
margin-right: 30px;
font-family: Googlesans, sans-serif;
color: #252525;
font-size: 12px;
text-decoration: none;
}
.footer {
margin-top: 0px;
padding-top: 56px;
padding-right: 30px;
padding-left: 30px;
background-color: #f5f5f7;
}
.footer.footer_dev {
background-color: #1d1e20;
}
.nav_footer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 11px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.devices {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-top: 50px;
margin-right: auto;
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;
}
.image-22 {
position: static;
left: -30px;
bottom: 0px;
}
.image-23 {
position: static;
right: -50px;
bottom: 0px;
}
.hero_section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
/*margin-top: 100px;*/
-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;
padding-bottom: 65px;
}
.hero_title {
display: block;
width: 100%;
max-width: 500px;
margin-right: auto;
margin-left: auto;
-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;
color: #1d1d1f;
text-align: left;
}
.hero_title.hero_design_page_title {
max-width: none;
}
.h1_hero {
max-width: 15ch;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 80px;
line-height: 84px;
}
.text-block-3 {
width: 100%;
/* max-width: 43ch; */
font-family: 'Montserrat', sans-serif;
color: #86868b;
font-size: 24px;
line-height: 40px;
font-weight: 300;
}
.div-block-24 {
width: 100%;
max-width: none;
margin-top: 20px;
}
._1 {
position: relative;
top: 55px;
width: 100%;
max-width: 30%;
}
.bold-text-11 {
font-size: 64px;
line-height: 70px;
text-align: center;
}
.text-block-4 {
width: 100%;
max-width: 42ch;
font-family: Montserrat, sans-serif;
color: #fff;
font-size: 24px;
line-height: 40px;
font-weight: 400;
text-align: center;
}
.div-block-28 {
position: absolute;
display: none;
width: 70%;
max-width: 715px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.div-block-28.new_animation_text {
position: relative;
display: block;
width: 100%;
margin-top: 20px;
}
.div-block-28.new_animation_text.design_paragraph {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: none;
margin-top: 12px;
-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;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
text-align: center;
}
.div-block-29 {
position: absolute;
z-index: 2;
display: none;
}
.h1_second_text {
width: 70%;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.lottie-animation-6 {
width: 100%;
}
.icons_block {
/*padding-top: 120px;*/
}
.grid-3 {
margin-top: 76px;
grid-column-gap: 110px;
grid-row-gap: 76px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.h6 {
margin-top: 36px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 17px;
line-height: 21px;
font-weight: 600;
}
.h6.h6_black {
width: 100%;
max-width: 13ch;
color: #1d1d1f;
}
.text-block-5 {
margin-top: 12px;
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 17px;
line-height: 22px;
font-weight: 500;
}
.text-block-5.text_block_black {
margin-top: 14px;
font-weight: 500;
}
.devices_block {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.heading-9 {
max-width: 20ch;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 54px;
}
.heading-9.h1_cases {
width: 100%;
max-width: 13ch;
margin-top: 0px;
color: #fff;
font-size: 48px;
line-height: 54px;
}
.heading-9.white_heading_icons {
width: 100%;
max-width: 17ch;
}
.div-block-32 {
max-width: none;
}
.div-block-32.cases {
position: relative;
width: 100%;
margin-top: 0px;
}
.text-block-6 {
width: 100%;
max-width: 24ch;
margin-top: 30px;
font-family: Montserrat, sans-serif;
color: #fff;
font-size: 24px;
line-height: 40px;
font-weight: 300;
}
.cases_block {
position: relative;
width: 100%;
/*max-width: 1380px;*/
margin-top: 220px;
margin-right: auto;
margin-left: auto;
}
.cases_block.cases_dev {
display: block;
margin-top: 0px;
padding-top: 220px;
}
.cases_block.cases_design_bl {
display: block;
margin-top: 0px;
}
.div-block-35 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 600px;
padding: 20px 60px 20px 90px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #161617;
background-image: url("../6243101cfe649e9a0698fe81_veni.jpg");
background-position: 0% 50%;
background-size: cover;
}
.div-block-35.case_2 {
margin-top: 30px;
background-color: transparent;
background-image: url("../6243e4f261dbba23fc789f0f_Short.io%206.jpg");
background-position: 0% 50%;
background-size: cover;
}
.div-block-35.case_2.short_banner {
position: relative;
}
.div-block-35.case_3 {
margin-top: 30px;
}
.div-block-35.case_3.plannet_banner {
position: relative;
background-image: url("../6243e891e729c61a5e73947d_Planet%209.jpg");
background-position: 0% 50%;
background-size: cover;
}
.div-block-35.case_3.clover_banner {
position: relative;
background-image: url("../6243ea4a4853240512460d39_Clover%204.jpg");
background-position: 0% 50%;
background-size: cover;
}
.div-block-35.toyota_banner {
position: relative;
background-image: url("../62446e5795d0bc1dd456e749_Toyota%204.jpg");
}
.div-block-35.toyota_banner.nexus_banner {
/*background-image: url("../community-driven-lms.png");*/
/* margin-top: 30px;
margin: 30px 5rem 0; */
}
.div-block-35.toyota_banner.nexus_banner1 {
background-image: url("../risk-advisory.png");
/* margin-top: 30px;
margin: 30px 5rem 0; */
}
.div-block-35.toyota_banner.my_ai_banner {
/*margin-top: 30px;*/
background-image: url("../62512fef00f3a193b79e7eb5_slit.jpg");
background-position: 50% 50%;
/* margin: 30px 5rem 0; */
}
.div-block-35.toyota_banner.my_ai_banner.podcorn_banner {
background-image: url("../624aa7b8fab4f5288da06ef3_Podcorn%202.svg");
}
.div-block-35.toyota_banner.my_ai_banner.bonsai_banner {
background-image: url("../624aa96521e290e24ba662c7_Bonsai%204.jpg");
}
.div-block-35.toyota_banner.my_ai_banner.netgain_banner {
background-image: url("../624aac9cc378a6e1347da2be_Netgain%205.jpg");
}
.div-block-35.toyota_banner.upstride_bunner {
background-image: url("../624ab4a34e23a957b3c664e9_Upstride%203.jpg");
}
.div-block-35.toyota_banner.hatch_bunner {
margin-top: 30px;
background-image: url("../624ab87d1b648bf2c94684ac_Hatch%204.jpg");
}
.div-block-35.toyota_banner.hatch_bunner.dotcal_banner {
background-image: url("../624ac1e34e23a9c25cc6bbd4_dotcal.jpg");
}
.div-block-35.toyota_banner.hatch_bunner.inszu_banner {
background-image: url("../624ac3ba0c46c058280c6275_Inszu.jpg");
}
.div-block-35.toyota_banner.hatch_bunner.symb_banner {
background-image: url("../624ac5d0f2bb1e288775e8b0_Symbiose.jpg");
}
.div-block-35.veni_banner {
position: relative;
margin-top: 30px;
}
.text-description {
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;
}
.text-block-7 {
max-width: 34ch;
font-family: Montserrat, sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 30px;
font-weight: 400;
}
.text-block-7.text_banner_toyota {
max-width: 28ch;
color: #000000;
}
.text-block-7.text_banner_toyota.text_banner_netgain {
display: block;
color: #1d1d1f;
}
.text-block-7.text_banner_toyota.my_ai_text_banner {
display: block;
color: #1d1d1f;
}
.text-block-7.text_banner_toyota.text_banner_hatch {
display: block;
color: #1d1d1f;
}
.text-block-7.text_banner_toyota.text_inszu_banner {
color: #1d1d1f;
}
.text-block-7.text_banner_toyota.dotcal_text_banner {
display: block;
}
.text-block-7.text_short_banner {
max-width: 32ch;
color: #fff;
}
.text-block-7.text_planet_banner {
color: #fff;
}
.div-block-36 {
width: 100%;
margin-top: 30px;
margin-bottom: 33px;
font-family: 'Montserrat', sans-serif;
}
.link-4 {
font-family: 'Montserrat', sans-serif!important;
color: #448df0;
font-size: 20px;
line-height: 25px;
text-decoration: none;
}
.link-4:hover {
text-decoration: underline;
}
.link-4.link_planet_learn {
color: #fff;
}
.link-4.link_nexus {
color: #000000;
}
.section-16 {
padding: 160px 40px;
background-color: #fbfbfd;
}
.grid-4 {
margin-top: 50px;
grid-column-gap: 110px;
grid-row-gap: 76px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.faq {
padding: 160px 80px;
}
.faq.faq_dev {
padding-right: 30px;
padding-left: 30px;
border-bottom: 2px solid #2f2f32;
background-color: #1d1e20;
}
.faq-group-row {
width: 100%;
margin-top: 70px;
padding-top: 0rem;
padding-bottom: 0rem;
}
.faq-item-wrapper {
border-style: none none solid;
border-width: 1px;
border-color: #000 #000 #d6d6d6;
}
.faq-item-wrapper.faq_item_dev {
border-bottom-color: #424245;
}
.faq-item-wrapper.faq_item_all_item {
border-bottom-color: #424245;
}
.faq-question {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 2rem 0rem;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #1d1d1f;
cursor: pointer;
}
.faq-question-label {
background-color: transparent;
font-family: Montserrat, sans-serif;
color: #1d1d1f;
font-size: 24px;
line-height: 30px;
font-weight: 400;
text-decoration: none;
}
.faq-question-label.label_faq_dev {
color: #fff;
}
.faq-arrow {
position: relative;
z-index: 0;
}
.faq-answer {
overflow: hidden;
width: 70%;
padding: 0rem;
font-family: Googlesans, sans-serif;
color: #838383;
font-size: 18px;
font-weight: 400;
}
.faq-answer-p {
margin-bottom: 20px;
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 17px;
line-height: 26px;
font-weight: 400;
}
.heading-10 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 54px;
font-weight: 700;
}
.heading-10.title_faq_dev {
color: #fff;
}
.logo {
display: inline-block;
width: 34px;
height: 34px;
max-width: none;
background-image: url("../6091286771343e4e66831f99_logo.png");
background-position: 50% 50%;
background-size: 42px;
background-repeat: repeat;
}
.logo.logo_white {
background-image: url("../60f9729f6e860376bfc0dc70_logo%20logo.png"), url("../6091286771343e4e66831f99_logo.png");
background-position: 50% 50%, 50% 50%;
background-size: contain, 42px;
background-repeat: no-repeat, repeat;
}
.link-5 {
font-family: Montserrat, sans-serif;
color: #1d1d1f;
font-weight: 500;
text-decoration: none;
}
.link-5:hover {
opacity: 0.5;
}
.link-5.nav_link_black {
color: #fff;
}
.div-block-44 {
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;
}
.link-6 {
margin-top: 14px;
font-family: Montserrat, sans-serif;
color: #515154;
font-weight: 400;
text-decoration: none;
}
.link-6:hover {
color: #161617;
text-decoration: underline;
}
.link-6.nav_sub_link_black {
color: #86868b;
}
.div-block-45 {
height: 1px;
margin-top: 40px;
background-color: #d4d4d9;
opacity: 0.2;
}
.text-block-8 {
font-family: Montserrat, sans-serif;
color: #86868b;
}
.div-block-46 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 16px;
padding-bottom: 26px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.text-block-9 {
font-family: Montserrat, sans-serif;
color: #86868b;
}
.hero_about {
height: 200vh;
margin-bottom: 100px;
padding-top: 58px;
padding-right: 30px;
padding-left: 30px;
}
.h1_about {
width: 100%;
max-width: 13ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 80px;
line-height: 88px;
text-align: center;
}
.logo_image {
position: static;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 650px;
margin-top: 100px;
margin-right: auto;
margin-left: auto;
-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;
}
.image_team {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1920px;
margin-top: 0px;
margin-right: auto;
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;
}
.about_description {
margin-top: 0px;
margin-bottom: 140px;
padding-top: 140px;
padding-right: 50px;
padding-left: 50px;
}
.about_description.conclusion_toyota {
margin-bottom: 0px;
}
.about_description.conclusion_toyota.conclussion_toyota_video {
width: 100%;
max-width: 1920px;
background-color: #fff;
}
.grid-6 {
width: 100%;
max-width: 720px;
margin-top: 70px;
margin-right: auto;
margin-left: auto;
grid-column-gap: 60px;
grid-row-gap: 50px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.h6_black {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 33px;
font-weight: 600;
}
.h6_black.title_grid_partnership {
color: #fff;
}
.h6_black.heading_teammate {
font-family: 'Raleway', sans-serif;
font-size: 19px;
font-weight: 700;
}
.bold-text-12 {
color: #1d1d1f;
}
.text-block-11 {
margin-top: 0px;
font-family: Montserrat, sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 22px;
font-weight: 400;
}
.our_values {
width: 100%;
height: 500vh;
max-width: 1920px;
margin: 0px auto;
padding: 100px 50px;
background-color: #f8f8fa;
}
.section-17 {
position: static;
width: 100%;
height: 400vh;
max-width: 1920px;
margin-top: 0px;
padding-right: 50px;
padding-left: 50px;
}
.text-block-12 {
margin-top: 12px;
font-family: Montserrat, sans-serif;
color: #1d1d1f;
font-size: 15px;
line-height: 22px;
}
.text-block-12.text_client_partnership {
color: #a1a1a6;
}
._2019 {
margin-top: 253px;
}
.clients {
margin-top: 0px;
padding: 140px 50px;
background-color: transparent;
}
.clients.client_partnership {
background-color: #000;
}
.grid-7 {
margin-top: 120px;
grid-column-gap: 110px;
grid-row-gap: 50px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.grid-7.grid_partnership_2 {
margin-top: 80px;
}
.grid-7.grid_being_our_teammate {
margin-top: 80px;
}
.section-19 {
display: none;
overflow: hidden;
max-width: none;
padding-top: 273px;
padding-bottom: 0px;
}
.heading-12 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1e20;
font-size: 46px;
line-height: 54px;
font-weight: 700;
}
.text-block-14 {
font-family: Googlesans, sans-serif;
color: #8d8f9a;
font-size: 19px;
line-height: 30px;
}
.div-block-61 {
max-width: 638px;
margin: 19px auto 140px;
text-align: center;
}
.text-span-10 {
color: #000;
}
/* .div-block-64 {
position: static;
display: block;
width: 100%;
max-width: 360px;
margin-right: 2vw;
margin-left: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 150px;
height: 56px;
} */
.div-block-64 {
position: static;
display: block;
/* width: 100%; */
/* max-width: 360px; */
margin-right: 2vw;
margin-left: 0px;
/* -webkit-box-flex: 0; */
/* -webkit-flex: 0 0 auto; */
-ms-flex: 0 0 auto;
/* flex: 0 0 auto; */
min-width: 180px;
max-width: 223px;
min-height: 109px;
background: #fff;
border-radius: 15px;
overflow: hidden;
padding: 15px;
/* position: relative; */
/* z-index: 999; */
}
.bold-text-15 {
font-family: Googlesans, sans-serif;
color: #000;
font-size: 24px;
font-weight: 700;
}
.text-block-15 {
font-family: Googlesans, sans-serif;
color: #86868b;
font-size: 17px;
font-weight: 500;
}
.heading-13 {
margin-bottom: 6px;
font-family: Googlesans, sans-serif;
color: #1d1d1f;
font-size: 24px;
line-height: 30px;
}
.image_1 {
border-radius: 20px;
}
.illustration_section {
padding: 220px 50px 0px;
}
.title_ill {
width: 100%;
max-width: 562px;
margin-right: auto;
margin-left: auto;
}
.heading-14 {
color: #1d1d1f;
font-size: 46px;
line-height: 54px;
text-align: center;
}
.ill_block {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 465px;
max-width: 1400px;
margin-top: 96px;
margin-right: auto;
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: 20px;
}
.buy_product {
padding: 195px 50px 200px;
}
.title_buy {
text-align: center;
}
.grid-10 {
margin-top: 100px;
grid-column-gap: 90px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.text-block-16 {
margin-top: 16px;
margin-bottom: 24px;
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
font-size: 16px;
line-height: 29px;
}
.hero_branding {
padding-top: 80px;
}
.hero_branding_block {
position: relative;
z-index: 2;
width: 100%;
max-width: 1120px;
margin-right: auto;
margin-left: auto;
}
.heading-16 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 140px;
line-height: 150px;
text-align: center;
}
.text-block-17 {
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
font-size: 32px;
line-height: 44px;
font-weight: 300;
text-align: center;
}
.div-block-72 {
width: 100%;
max-width: 500px;
margin-top: 14px;
margin-right: auto;
margin-left: auto;
}
.button_buy {
padding: 6px 18px;
border-radius: 20px;
background-color: #f6f6f6;
font-family: Googlesans, sans-serif;
color: #000;
font-size: 12px;
}
.button_buy:hover {
opacity: 0.8;
}
.div-block-91 {
position: absolute;
left: auto;
top: -160px;
right: 323px;
width: 100%;
max-width: 200px;
}
.section-20 {
position: relative;
display: block;
width: 100%;
height: 200vh;
margin-top: 0px;
}
.div-block-99 {
position: absolute;
top: 0px;
z-index: 1;
width: 100%;
/* height: 100%; */
background-color: #000;
}
.lottie_bl {
position: absolute;
z-index: 1;
display: block;
width: 100%;
max-width: 980px;
-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;
}
.black_block_pixels {
position: relative;
z-index: 200;
overflow: hidden;
margin-top: -200px;
padding-right: 60px;
padding-bottom: 100px;
padding-left: 60px;
background-color: #000;
}
.lottie-animation-8 {
display: none;
}
.heading-18 {
width: 100%;
max-width: 13ch;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 40px;
line-height: 54px;
}
.heading-18.heading_19 {
display: none;
}
.heading-18.heading_blur {
max-width: 15ch;
font-size: 48px;
}
.wrapper_block {
position: relative;
display: none;
overflow: visible;
width: 100%;
height: auto;
max-width: 1920px;
margin-top: 258px;
margin-right: auto;
margin-left: auto;
}
.first-line {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.second_line {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 200px;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.div-block-103 {
width: 100%;
max-width: 233px;
margin-left: 16px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-104 {
position: relative;
width: 100%;
max-width: 716px;
margin-left: 13px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.image-48 {
margin-bottom: -20px;
}
.div-block-105 {
position: relative;
left: 312px;
right: auto;
width: 100%;
max-width: 429px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-106 {
position: relative;
right: -350px;
width: 100%;
max-width: 500px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-107 {
position: absolute;
left: 5px;
top: -152.578px;
width: 100%;
max-width: 200px;
}
.div-block-108 {
position: absolute;
z-index: -1;
width: 100%;
max-width: 757px;
}
.div-block-109 {
position: absolute;
left: 35%;
top: -179px;
width: 100%;
max-width: 1047px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-110 {
position: relative;
width: 100%;
max-width: 673px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-111 {
position: relative;
left: -89px;
width: 100%;
max-width: 674px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-112 {
width: 100%;
max-width: 233px;
margin-bottom: -23px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-113 {
position: relative;
z-index: 1;
width: 100%;
max-width: 716px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.marquee-horizontal {
position: relative;
z-index: 200;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 650px;
margin-top: 23px;
-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;
background-color: transparent;
}
.marquee-horizontal.marquee_design_page {
height: 110px;
/* margin-top: 40px; */
}
.track-horizontal {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.marquee-horizontal-2 {
position: relative;
z-index: 200;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 650px;
-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;
background-color: transparent;
}
.marquee-horizontal-2.marque_design_page {
height: 110px;
margin-top: 20px;
}
.track-horizontal-alt {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.logo_block {
display: none;
height: 600vh;
margin-top: 40px;
}
.logo_block.logo_black_1280 {
display: block;
}
.logo_sticky {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
margin-top: -222px;
-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;
}
.logo_sticky.logo_sticky_mobile {
top: 15px;
height: 100vh;
margin-top: -160px;
}
.div-block-127 {
height: 100vh;
}
.text_scroll_up {
position: relative;
width: 100%;
max-width: 650px;
margin-right: auto;
margin-left: auto;
}
.text_scroll_up.text_scroll_1280 {
text-align: center;
}
.div-block-130 {
position: absolute;
z-index: 1;
width: 100%;
max-width: 534px;
}
.div-block-130.block_130_1280 {
max-width: 980px;
}
.left_branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.right_branding {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.right_first_block {
margin-top: -163px;
}
.div-block-131 {
width: 100%;
max-width: 311px;
}
.div-block-132 {
width: 100%;
max-width: 332px;
margin-top: -50px;
}
.div-block-133 {
width: 100%;
max-width: 322px;
margin-top: 28px;
}
.div-block-134 {
width: 100%;
max-width: 165px;
}
.div-block-135 {
width: 100%;
max-width: 108px;
margin-top: 46px;
}
.right_brand_second_block {
margin-top: 54px;
}
.div-block-137 {
width: 100%;
max-width: 312px;
margin-top: -28px;
}
.div-block-138 {
width: 100%;
max-width: 200px;
}
.brand_slide-text {
margin-top: 0px;
padding-top: 120px;
padding-bottom: 120px;
}
.brand_title_h1 {
width: 100%;
max-width: none;
margin-right: auto;
margin-left: auto;
}
.heading-22 {
width: 100%;
max-width: 20ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
text-align: center;
}
.heading-22.heading_22_768 {
font-size: 26px;
}
.text-block-18 {
width: 100%;
max-width: 50ch;
margin-right: auto;
margin-left: auto;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #86868b;
font-size: 21px;
line-height: 32px;
font-weight: 300;
text-align: center;
}
.div-block-139 {
display: block;
width: 100%;
max-width: none;
margin-top: 20px;
margin-right: auto;
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;
text-align: center;
}
.slide_brand_text {
margin-top: 100px;
}
.heading-23 {
background-image: linear-gradient(308deg, #1a97f3, #fd43b9 54%, #ff6b2c);
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 120px;
line-height: 150px;
font-weight: 300;
text-align: center;
}
.heading-23.clipped {
display: inline-block;
background-image: linear-gradient(308deg, #5491ea, #5491ea 39%, #7cc6ee 100%, #7cc6ee);
font-size: 80px;
font-weight: 400;
}
.brand_book {
margin-top: 60px;
text-align: center;
}
.brand_identity {
text-align: center;
}
.brand_logotype {
margin-top: 60px;
text-align: center;
}
.prome_materials {
margin-top: 60px;
text-align: center;
}
.black_brand_section {
padding: 120px 50px;
background-color: #000;
}
.heading-24 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 40px;
line-height: 64px;
text-align: center;
}
.text-block-19 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #86868b;
font-size: 21px;
line-height: 32px;
font-weight: 300;
text-align: center;
}
.div-block-140 {
width: 100%;
max-width: 550px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.brand_elements {
position: relative;
overflow: hidden;
width: 100%;
margin-top: 0px;
padding-top: 150px;
padding-bottom: 150px;
background-image: url("../60f7bfe3f00867bb49de1324_bg.png");
background-position: 50% 50%;
background-size: auto;
}
.brand_1 {
position: relative;
z-index: 1;
width: 100%;
max-width: 980px;
}
.brand_2 {
position: relative;
z-index: 1;
width: 100%;
max-width: 980px;
margin-top: 50px;
}
.brand_3 {
position: relative;
z-index: 1;
width: 100%;
max-width: 980px;
margin-top: 78px;
}
.brand_4 {
position: relative;
z-index: 1;
width: 100%;
max-width: 980px;
margin-top: 70px;
}
.brand_5 {
position: relative;
z-index: 1;
width: 100%;
max-width: 980px;
margin-top: 70px;
}
.opacity_bg {
position: absolute;
top: 0px;
z-index: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle farthest-corner at 50% 50%, transparent, #000);
}
.icons_brand {
margin-top: 0px;
}
.section-21 {
padding-top: 120px;
padding-bottom: 0px;
background-color: #f5f5f7;
}
.section-21.hidden {
display: none;
}
.heading-25 {
max-width: 13ch;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
font-weight: 700;
}
.div-block-144 {
width: 100%;
max-width: none;
margin-top: 30px;
color: #1d1d1f;
}
.text-block-20 {
width: 100%;
max-width: 40ch;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #86868b;
font-size: 24px;
line-height: 40px;
}
.text-span-14 {
color: #000;
}
.gallery_brand {
overflow: visible;
width: 100%;
max-width: 1800px;
margin-top: 100px;
margin-right: auto;
margin-left: auto;
}
.overflow_brand {
overflow: visible;
width: 100%;
max-width: 1920px;
padding: 0px 50px 150px;
}
.brand_row {
display: none;
margin-top: 0px;
-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;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.brand_row.brand_small_images {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.div-block-145 {
width: 100%;
max-width: 427px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.section-22 {
padding: 120px 50px;
}
.cases_brand_title {
max-width: 750px;
}
.section-31 {
width: 100%;
height: 200vh;
}
.section-31.hero_dev {
position: relative;
display: none;
background-color: #000;
}
.overview_hero_develop {
position: -webkit-sticky;
position: sticky;
top: 0px;
height: 100vh;
}
.images_animation_develop {
position: relative;
}
.div-block-155 {
position: absolute;
top: 0px;
z-index: 2;
width: 100%;
height: 100%;
max-width: 1920px;
}
.div-block-156 {
position: absolute;
top: 0px;
z-index: 1;
width: 100%;
height: 100%;
max-width: 1920px;
}
.heading-27 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.text-span-16 {
font-family: 'Helveticanowdisplay hairline', sans-serif;
}
.text-block-22 {
font-family: Montserrat, sans-serif;
color: #fff;
font-size: 21px;
line-height: 40px;
text-align: center;
}
.div-block-157 {
margin-top: 14px;
font-weight: 400;
}
.dev_animation_section {
position: relative;
z-index: 0;
width: 100%;
height: 300vh;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding: 116px 30px 350px;
background-color: #000;
}
.title_dev_animation {
position: relative;
z-index: 100;
margin-top: -130px;
}
.heading-28 {
color: #fff;
font-size: 48px;
line-height: 54px;
text-align: center;
}
.text-block-23 {
width: 100%;
max-width: 40ch;
margin-right: auto;
margin-left: auto;
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 21px;
line-height: 34px;
text-align: center;
}
.div-block-158 {
width: 100%;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.dev_animation_json {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: none;
margin-top: 100px;
margin-right: auto;
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;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-159 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
margin-top: -299px;
-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;
}
.title_dev_transition {
position: absolute;
top: 100%;
width: 100%;
max-width: 600px;
margin-top: 30px;
}
.text-block-24 {
width: 100%;
max-width: 734px;
margin-right: auto;
margin-left: auto;
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 21px;
line-height: 34px;
text-align: center;
}
.fron-end_dev {
margin-right: auto;
margin-left: auto;
padding: 350px 30px 220px;
background-color: #000;
}
.div-block-165 {
width: 100%;
max-width: 700px;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
font-family: Googlesans, sans-serif;
font-size: 24px;
line-height: 40px;
text-align: center;
}
.text-block-25 {
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 21px;
line-height: 34px;
}
.div-block-166 {
width: 100%;
max-width: 980px;
margin-top: 70px;
}
.section-33 {
position: relative;
height: 350vh;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;
}
.desktop_title_dev {
position: relative;
z-index: 100;
}
.heading-30 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 70px;
font-weight: 700;
text-align: center;
}
.div-block-168 {
position: relative;
z-index: 1;
}
.text-block-26 {
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 21px;
line-height: 34px;
text-align: center;
}
.div-block-169 {
width: 100%;
max-width: 650px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.div-block-172 {
position: -webkit-sticky;
position: sticky;
top: 142px;
z-index: -1;
display: block;
overflow: visible;
height: 100vh;
-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;
}
.div-block-173 {
position: relative;
top: -160px;
overflow: visible;
width: 100%;
max-width: 980px;
margin-top: 149px;
margin-right: auto;
margin-left: auto;
}
.content_dev_mac {
overflow: hidden;
}
.rows_des {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 100px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.left_dev {
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-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.right_dev {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.heading-31 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 70px;
font-weight: 700;
text-align: center;
}
.text-block-27 {
font-family: Montserrat, sans-serif;
color: #86868b;
font-size: 24px;
line-height: 40px;
text-align: center;
}
.div-block-174 {
width: 100%;
max-width: 835px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
}
.div-block-175 {
width: 100%;
max-width: 315px;
}
.title_dev_mob {
margin-top: 20px;
}
.heading-32 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 24px;
line-height: 36px;
}
.div-block-176 {
max-width: 430px;
margin-top: 20px;
}
.text-block-28 {
font-family: Googlesans, sans-serif;
color: #86868b;
font-size: 21px;
line-height: 30px;
}
.div-block-177 {
margin-bottom: 21px;
}
.black_dev_section {
margin-top: 200px;
margin-right: auto;
margin-left: auto;
padding: 220px 30px;
background-color: #000;
}
.title_support {
width: 100%;
max-width: 550px;
}
.heading-33 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 40px;
line-height: 48px;
}
.div-block-179 {
margin-top: 95px;
}
.support_description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 758px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.heading-34 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 20px;
line-height: 30px;
}
.div-block-180 {
width: 100%;
max-width: 317px;
margin-top: 10px;
font-family: Googlesans, sans-serif;
color: #86868d;
font-size: 17px;
line-height: 28px;
}
.section-34 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 715px;
padding-right: 30px;
padding-left: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #0e0e0e;
background-image: url("../6120a29f9e7c25c3def7afbc_dev-display3.jpg");
background-position: 50% 50%;
background-size: cover;
}
.heading-35 {
margin-top: 0px;
font-family: 'Raleway', sans-serif;
font-size: 40px;
line-height: 48px;
}
.div-block-181 {
width: 100%;
max-width: 420px;
color: #fff;
}
.text-block-29 {
font-family: Googlesans, sans-serif;
color: #86868b;
font-size: 21px;
line-height: 33px;
}
.div-block-182 {
margin-top: 20px;
}
.section-35 {
padding-right: 30px;
padding-bottom: 350px;
padding-left: 30px;
background-color: #000;
}
.div-block-183 {
position: absolute;
z-index: 2;
width: 100%;
max-width: 1920px;
margin-top: 140px;
}
.div-block-183.dev_hero_sec_2 {
z-index: 1;
}
.hero_text_title_dev {
position: absolute;
left: 0px;
top: 56px;
right: 0px;
z-index: 3;
}
.div-block-184 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
height: auto;
max-width: 980px;
margin-right: auto;
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;
}
.section-36 {
position: relative;
z-index: 300;
overflow: visible;
padding: 160px 60px 189px;
background-color: #000;
}
.works-and-cases {
height: 350vh;
padding-top: 188px;
padding-bottom: 0px;
background-color: #000;
}
.flower_section {
display: none;
width: 100%;
height: 650vh;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
background-color: #fff;
}
.flower_section.flower_1440 {
display: block;
height: 600vh;
padding-bottom: 0px;
}
.div-block-186 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 120vh;
-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;
}
.div-block-186.block_flower_1440 {
height: 100vh;
}
.div-block-187 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 180px;
max-width: 193px;
margin-top: -30vh;
margin-right: auto;
margin-left: auto;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-187.flower_animation_1440 {
margin-top: 0vh;
}
.oval_1 {
width: 100%;
max-width: 97px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.oval2 {
width: 100%;
max-width: 97px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.oval3 {
position: absolute;
left: 25px;
top: 0px;
width: 100%;
max-width: 97px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.oval4 {
position: absolute;
top: 0px;
right: 25px;
width: 100%;
max-width: 97px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.oval5 {
position: absolute;
left: 25px;
bottom: 0px;
width: 100%;
max-width: 97px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.oval6 {
position: absolute;
right: 25px;
bottom: 0px;
width: 100%;
max-width: 97px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-188 {
position: absolute;
left: 0%;
top: 58%;
right: 0%;
bottom: 0%;
display: block;
margin-top: -18vh;
text-align: center;
}
.div-block-188.content_flower_1440 {
margin-top: -11vh;
margin-bottom: 200px;
}
.heading-37 {
width: 100%;
/* max-width: 15ch; */
margin-top: 30px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 48px;
line-height: 54px;
}
.heading-37.heading_flower_1440 {
color: #1d1d1f;
}
.mobile_animation_scroll {
display: none;
height: 600vh;
background-color: #f5f5f7;
}
.div-block-189 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100vh;
max-width: 1920px;
-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;
}
.div-block-190 {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.left_content_design {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 500px;
padding-left: 80px;
-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;
}
.right_mobile_design {
position: relative;
padding-right: 80px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-191 {
width: 100%;
max-width: 315px;
}
.div-block-192 {
position: absolute;
top: 0px;
width: 100%;
max-width: 315px;
}
.heading-38 {
font-family: 'Raleway', sans-serif;
font-size: 17px;
line-height: 21px;
}
.heading-38.head_40 {
display: block;
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 48px;
line-height: 54px;
}
.heading-38.head_40.head_41 {
display: block;
}
.heading-38.head_40.head_42 {
display: block;
color: #000;
}
.heading-38.head_40.head_43 {
display: block;
}
.heading-38.head_40.head_44 {
display: block;
}
.div-block-193 {
width: 100%;
max-width: 340px;
margin-top: 16px;
font-family: Googlesans, sans-serif;
}
.text-block-30 {
font-family: Montserrat, sans-serif;
color: #a1a1a6;
font-size: 19px;
line-height: 34px;
font-weight: 400;
}
.div-block-194 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 420px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.content_design_1 {
position: absolute;
display: block;
max-width: 408px;
}
.gallery_row {
overflow: hidden;
width: 100%;
max-width: 1920px;
}
.div-block-200 {
position: -webkit-sticky;
position: sticky;
top: 0px;
overflow: hidden;
height: 100vh;
margin-top: 0px;
}
.gallery_new {
padding-top: 10px;
opacity: 1 !important;
}
.cases_design {
display: block;
margin-top: -1379px;
padding-right: 0;
padding-bottom: 120px;
padding-left: 0;
background-color: #000;
}
.div-block-203 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
height: 100vh;
padding-top: 0px;
-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;
}
.div-block-204 {
position: relative;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-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;
background-color: transparent;
}
.div-block-205 {
position: static;
display: none;
width: 100%;
max-width: 662px;
margin-top: 431px;
-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;
font-family: 'Raleway', sans-serif;
font-size: 56px;
font-weight: 700;
text-align: center;
}
.div-block-206 {
position: absolute;
top: 0px;
z-index: 0;
width: 100%;
height: 100%;
background-image: url("../60e6b0ba9e40b5bb4e6b6e42_ill%20(1).png");
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
}
.div-block-207 {
position: absolute;
z-index: 2;
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;
}
.bold-text-17 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 48px;
line-height: 54px;
}
.heading-41 {
margin-top: 60px;
font-size: 56px;
line-height: 60px;
text-align: center;
}
.heading-41.heading_desogn_1 {
width: 100%;
max-width: 15ch;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
}
.heading-41.heading_design_2 {
width: 100%;
max-width: 14ch;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
}
.heading-41.heading_design_3 {
width: 100%;
max-width: 15ch;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
}
.heading-41.heading_design_4 {
width: 100%;
max-width: 15ch;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
}
.text-span-19 {
font-family: 'Helveticanowdisplay hairline', sans-serif;
}
.div-block-210 {
position: absolute;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-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;
}
.heading-42 {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
display: block;
margin-top: 0px;
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 56px;
line-height: 64px;
text-align: center;
}
.heading-43 {
position: relative;
z-index: 10;
display: inline-block;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 56px;
line-height: 50px;
font-weight: 700;
text-align: center;
}
.div-block-211 {
position: relative;
}
.heading-44 {
position: relative;
left: 0px;
top: 0px;
right: 0px;
display: inline-block;
margin-top: 0px;
background-image: linear-gradient(85deg, #3b64c1, #e03181 34%, #f58235 72%, #ffda07);
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 56px;
line-height: 64px;
text-align: center;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.div-block-217 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
-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;
}
.div-block-218 {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 800px;
margin-top: -20px;
margin-right: auto;
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;
font-family: Googlesans, sans-serif;
color: #888;
font-size: 24px;
line-height: 40px;
text-align: center;
}
.div-block-219 {
padding-top: 160px;
}
.section-40 {
position: relative;
z-index: 1;
overflow: hidden;
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-bottom: 124px;
background-color: #000;
}
.div-block-221 {
position: relative;
height: 100em;
}
.d-31-card-wrapper {
position: static;
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.d-31-card-wrapper-2 {
position: static;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
max-width: none;
margin-right: auto;
margin-left: auto;
padding: 56px 30px 84px;
background-color: #f6f6f6;
}
.form_contact {
display: block;
-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: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.heading-48 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 52px;
line-height: 60px;
}
.heading-48.white {
margin-bottom: 16px;
color: #fff;
font-size: 48px;
line-height: 56px;
}
.form_contact_us {
width: 100%;
max-width: 476px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
.div-block-231 {
max-width: 476px;
margin-right: auto;
margin-left: auto;
}
.text-field {
height: 60px;
margin-bottom: 15px;
padding-left: 22px;
border: 1px solid #d6d6d6;
border-radius: 7px;
font-family: 'Montserrat', sans-serif;
color: #888;
font-size: 17px;
line-height: 25px;
}
.text-field-2 {
height: 60px;
margin-bottom: 15px;
padding-left: 22px;
border: 1px solid #d6d6d6;
border-radius: 7px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 17px;
}
.textarea {
position: static;
margin-bottom: 18px;
padding-top: 12px;
padding-bottom: 45px;
padding-left: 22px;
border: 1px solid #d6d6d6;
border-radius: 7px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 17px;
line-height: 25px;
}
.submit-button {
padding: 9px 28px 8px;
border: 1px solid #d6d6d6;
border-radius: 100px;
background-color: transparent;
font-family: Googlesans, sans-serif;
color: #000;
font-size: 16px;
line-height: 21px;
font-weight: 500;
}
.submit-button:hover {
border-radius: 60px;
opacity: 0.8;
color: rgba(0, 0, 0, 0.8);
}
.section-41 {
margin-right: auto;
margin-left: auto;
padding-top: 70px;
padding-bottom: 80px;
}
.div-block-233 {
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-49 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 28px;
line-height: 33px;
}
.div-block-234 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 34px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-235 {
width: 100%;
max-width: 315px;
font-family: 'Montserrat', sans-serif;
color: #86868d;
font-size: 17px;
line-height: 28px;
}
.image-54 {
display: none;
}
.text-block-35 {
width: 100%;
max-width: 20ch;
font-family: 'Montserrat', sans-serif;
color: #1d1e20;
font-size: 34px;
line-height: 39px;
}
.image-55 {
position: relative;
opacity: 0;
}
.image-56 {
opacity: 0;
}
.title_devices_design {
width: 100%;
margin-bottom: 60px;
}
.heading-50 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 48px;
line-height: 64px;
}
.div-block-244 {
width: 100%;
max-width: 1920px;
padding-right: 70px;
padding-left: 70px;
}
.div-block-245 {
position: relative;
z-index: 10;
padding-bottom: 200px;
padding-top: 80px;
padding-right: 70px;
padding-left: 70px;
background: #000000a1;
}
.ck-button__txt {
padding: 10px 0px;
color: #000;
font-size: 12px;
font-weight: 500;
}
.ck-button__txt.texet_accept {
padding-right: 0px;
padding-left: 0px;
color: #458df0;
}
.ck-modal__btns-w {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 2rem;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 0rem 0rem 0.5rem 0.5rem;
background-color: #f3f7f2;
}
.ck-modal__btns-w.is--small {
padding: 0rem;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
background-color: transparent;
color: transparent;
}
.ck-modal__btns-w.in-pref-manger {
margin: 2rem -2rem -2.25rem;
}
.ck-txt-link {
-webkit-transition: color 150ms cubic-bezier(.25, .46, .45, .94);
transition: color 150ms cubic-bezier(.25, .46, .45, .94);
color: #515750;
font-weight: 400;
}
.ck-txt-link:hover {
color: #262926;
}
.ck-title {
margin-bottom: 0.1875em;
color: #262926;
font-size: 1.25rem;
font-weight: 700;
}
.ck-title.is--small {
margin-bottom: 0em;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 400;
}
.ck-modal {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
padding-top: 5px;
padding-bottom: 5px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-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;
border-radius: 0.5rem;
background-color: #fff;
color: #515750;
font-size: 0.9375rem;
line-height: 1.4;
}
.ck-cookie-w {
position: -webkit-sticky;
position: sticky;
left: auto;
top: 0px;
bottom: 1.25rem;
z-index: 9500;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background-color: #fff;
}
.ck-button-w {
margin-right: 0px;
border-radius: 8rem;
background-color: transparent;
-webkit-transition: color 200ms cubic-bezier(.25, .46, .45, .94), background-color 200ms cubic-bezier(.25, .46, .45, .94);
transition: color 200ms cubic-bezier(.25, .46, .45, .94), background-color 200ms cubic-bezier(.25, .46, .45, .94);
color: #fff;
font-size: 0.9375rem;
text-align: center;
text-decoration: none;
}
.ck-button-w:hover {
background-color: transparent;
opacity: 0.8;
}
.ck-button-w.is--secondary {
display: none;
margin-right: 0em;
margin-left: 10px;
padding-right: 0em;
padding-left: 0px;
background-color: transparent;
-webkit-transition-property: none;
transition-property: none;
color: #515750;
font-size: 0.875rem;
font-weight: 700;
}
.ck-button-w.is--secondary:hover {
color: #262926;
text-decoration: underline;
}
.ck-button-w.is--secondary.is--fullwidth {
margin-top: 0.75rem;
margin-right: 0em;
margin-bottom: -1rem;
}
.ck-button-w.is--fullwidth {
width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.ck-css-styles {
display: none;
}
.ck__exitbtn__line {
position: absolute;
width: 1rem;
height: 2px;
background-color: #515750;
}
.ck__exitbtn__line.is--left {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.ck__exitbtn__line.is--right {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ck-sr__only {
position: absolute;
overflow: hidden;
width: 1px;
height: 1px;
margin: -1px;
}
.ck-modal__exit-btn {
position: -webkit-sticky;
position: sticky;
top: 1rem;
display: none;
width: 2.5rem;
height: 2.5rem;
margin: 1.25rem 1.25rem -2.5rem 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: 0.25rem;
background-color: #f3f7f2;
-webkit-transition: background-color 200ms cubic-bezier(.25, .46, .45, .94);
transition: background-color 200ms cubic-bezier(.25, .46, .45, .94);
cursor: pointer;
}
.ck-modal__exit-btn:hover {
background-color: #515750;
}
.ck-modal__content-w {
padding: 1.75rem 2rem;
}
.ck-modal__content-w.is--small {
padding: 0rem;
}
.ck-preference__bg {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
background-color: transparent;
opacity: 1;
cursor: pointer;
}
.ck-radio-w {
margin-top: 1rem;
margin-bottom: 0rem;
padding-left: 1.75rem;
-webkit-transition: color 150ms cubic-bezier(.25, .46, .45, .94);
transition: color 150ms cubic-bezier(.25, .46, .45, .94);
color: #999c98;
cursor: pointer;
}
.ck-radio-w:hover {
color: #515750;
}
.ck-radio-w.is--not-allowed {
cursor: not-allowed;
}
.ck-modal-2 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 32rem;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 0.5rem;
background-color: #fff;
box-shadow: 0 4px 1rem 0 rgba(38, 41, 38, 0.05);
color: #515750;
font-size: 0.9375rem;
line-height: 1.4;
}
.ck-preference-w {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 9525;
display: none;
width: 100%;
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;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.ck-form-w {
margin-bottom: 0rem;
}
.ck-preference__scroll-w {
position: relative;
overflow: auto;
width: 100%;
max-height: 100%;
padding-right: 2rem;
padding-left: 2rem;
}
.ck-radio__desc {
font-size: 0.875rem;
font-weight: 400;
cursor: pointer;
}
.ck-radio__label {
margin-bottom: 0.25rem;
color: #262926;
font-size: 0.9375rem;
font-weight: 600;
cursor: pointer;
}
.ck-form {
padding-top: 1.25rem;
padding-bottom: 0.5rem;
}
.ck-radio__btn {
width: 1.25rem;
height: 1.25rem;
margin-top: 0px;
margin-left: -1.75rem;
float: left;
border-style: solid;
border-width: 1.75px;
border-color: #999c98;
border-radius: 0.375rem;
-webkit-transition: background-color 200ms cubic-bezier(.25, .46, .45, .94);
transition: background-color 200ms cubic-bezier(.25, .46, .45, .94);
}
.ck-radio__btn.w--redirected-checked {
width: 1.25rem;
height: 1.25rem;
margin-top: 0rem;
border-style: solid;
border-width: 1px;
border-color: #515750;
border-radius: 0.375rem;
background-color: #515750;
background-image: url("../610e6fd91a80399b26999a57_radio__checkmark.svg");
background-position: 50% 50%;
background-size: 0.625rem;
background-repeat: no-repeat;
}
.ck-radio__btn.is--checked {
border-color: #515750;
background-color: #515750;
background-image: url("../610e6fd91a80399b26999a57_radio__checkmark.svg");
background-position: 45% 50%;
background-size: 0.625rem;
background-repeat: no-repeat;
}
.hero_home_page {
position: relative;
overflow: hidden;
width: 100%;
height: 800px;
max-width: none;
margin-right: auto;
margin-left: auto;
background-image: url("../625416931b310d812e542c41_toyota_cover.png");
background-position: 50% -50%;
background-size: cover;
background-repeat: no-repeat;
background-clip: padding-box;
-webkit-text-fill-color: inherit;
}
.title_home_hero {
position: relative;
z-index: 10;
padding-top: 100px;
}
.heading-51 {
margin-top: 0px;
color: #fff;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.div-block-246 {
width: 100%;
max-width: 480px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 24px;
line-height: 30px;
text-align: center;
}
.home_design_section {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 60px;
padding-bottom: 100px;
}
.div-block-247 {
text-align: center;
}
.text-block-36 {
color: #1d1d1f;
font-size: 32px;
line-height: 48px;
font-weight: 500;
}
.title_design_content {
margin-top: 32px;
text-align: center;
}
.heading-52 {
margin-top: 0px;
margin-bottom: 0px;
color: #1d1d1f;
font-size: 56px;
line-height: 94px;
}
.text-block-37 {
font-family: 'Montserrat', sans-serif;
color: #86868b;
font-size: 17px;
line-height: 24px;
font-weight: 400;
text-align: center;
}
.div-block-248 {
width: 100%;
max-width: 580px;
margin-top: 4px;
margin-right: auto;
margin-left: auto;
color: #83838b;
text-align: center;
}
.div-block-249 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 13px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.link-8 {
margin-right: 6px;
font-family: 'Montserrat', sans-serif;
color: #448df0;
font-size: 21px;
line-height: 30px;
font-weight: 400;
text-decoration: none;
}
.image_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 800px;
margin-top: 58px;
margin-right: auto;
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;
}
.home_branding_section {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 90px;
padding-bottom: 90px;
background-color: #fafafa;
}
.title_branding_home {
color: #000;
text-align: center;
}
.image_branding_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 900px;
margin-top: 68px;
margin-right: auto;
margin-left: auto;
padding-left: 53px;
-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;
}
.div-block-250 {
width: 100%;
max-width: 620px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
.div-block-251 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.home_development_section {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 100px;
padding-bottom: 0px;
}
.subtitle_development_home {
width: 100%;
max-width: 670px;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
}
.link_development_home {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.image_development_home {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1920px;
margin-top: 0px;
margin-right: auto;
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;
}
.image-57 {
display: none;
}
.image-59 {
display: none;
}
.text-block-38 {
font-family: 'Montserrat', sans-serif;
font-size: 28px;
line-height: 35px;
font-weight: 300;
}
.mobile_section_image {
display: none;
padding-top: 80px;
padding-bottom: 80px;
-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;
}
.first_mobile_content {
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;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.first_mobile_content.second_mob_design_responsive {
margin-top: 60px;
}
.div-block-252 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.image-61 {
margin-top: 1px;
}
.div-block-253 {
width: 100%;
max-width: 192px;
}
.title_mob_design {
width: 100%;
max-width: 330px;
margin-top: 24px;
text-align: center;
}
.heading-53 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #000;
font-size: 32px;
line-height: 36px;
}
.subtitle_mob_responsive {
width: 100%;
max-width: 330px;
margin-top: 14px;
text-align: center;
}
.text-block-39 {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
line-height: 24px;
}
.small_responsive_design_hero {
margin-top: 100px;
margin-bottom: 60px;
}
.heading-54 {
margin-bottom: 0px;
font-size: 48px;
line-height: 64px;
text-align: center;
}
.heading-56 {
display: none;
font-size: 32px;
line-height: 40px;
text-align: center;
}
.div-block-260 {
max-width: none;
color: #000;
}
.div-block-261 {
width: 100%;
max-width: none;
padding-top: 100px;
padding-bottom: 120px;
background-color: #fff;
}
.bold-text-25 {
color: #000;
}
.bold-text-26 {
color: #000;
}
.bold-text-28 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.div-block-264 {
position: absolute;
top: 0px;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background-color: #000;
}
.animation_blur_logo-2 {
position: absolute;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1600px;
margin-right: auto;
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;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.animation_blur_logo-2.animation_blur_1280 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.right_brand_block-2 {
display: none;
margin-top: 49px;
margin-right: 11px;
}
.branding_elements-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1680px;
padding-right: 30px;
padding-left: 30px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.branding_elements-2.brand_elements_1440 {
display: none;
}
.right_second_block-2 {
display: none;
margin-top: 63px;
margin-left: -31px;
-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;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-265 {
width: 100%;
padding-right: 50px;
padding-left: 50px;
}
.div-block-266 {
width: 100%;
max-width: 1920px;
margin-bottom: 100px;
padding-right: 50px;
padding-left: 50px;
}
.bold-text-30 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.bold-text-31 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.bold-text-32 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.bold-text-33 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.bold-text-34 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.bold-text-35 {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.image-63 {
background-color: transparent;
background-clip: border-box;
-webkit-text-fill-color: inherit;
}
.div-block-270 {
position: relative;
width: 100%;
max-width: 702px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
.div-block-270.animation_popup_1440 {
margin-top: 50px;
}
.immersion {
position: relative;
top: 0px;
padding-top: 18px;
padding-bottom: 40px;
border-radius: 32px;
background-color: #fff;
}
.immersion.ideation {
position: absolute;
left: 0px;
top: 88px;
right: 0px;
background-color: #fff;
}
.immersion.ideation.wireframing {
top: 175px;
}
.immersion.ideation.wireframing.handoff-support {
top: 262px;
margin-top: 88px;
}
.immersion.ideation.wireframing.handoff-support.handoff_1440 {
top: 0px;
z-index: 5;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
-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;
}
.immersion.ideation.wireframing.visual-design {
margin-top: 88px;
}
.immersion.ideation.wireframing.visual-design.visual_1440 {
top: 0px;
z-index: 4;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
-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;
}
.immersion.ideation.wireframing.wireframes_1440 {
top: 0px;
z-index: 3;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
padding-top: 0px;
padding-bottom: 0px;
-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;
}
.immersion.ideation.ideation_1440 {
top: 0px;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
padding-top: 0px;
padding-bottom: 0px;
-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;
}
.immersion.immersion_1440 {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 200px;
padding-top: 0px;
padding-bottom: 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-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;
}
.heading-60 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 60px;
}
.text-block-40 {
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 24px;
line-height: 28px;
font-weight: 600;
}
.div-block-271 {
width: 100%;
max-width: 370px;
margin-top: 9px;
margin-right: auto;
margin-left: auto;
}
.bold-text-41 {
background-image: -webkit-gradient(linear, left top, right top, from(#00eeaf), to(#00afd7));
background-image: linear-gradient(90deg, #00eeaf, #00afd7);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.bold-text-41.bold_ideation {
background-image: -webkit-gradient(linear, left top, right top, from(#13c0ec), to(#794bfc));
background-image: linear-gradient(90deg, #13c0ec, #794bfc);
}
.bold-text-41.bold_ideation.bold_wireframing {
background-image: -webkit-gradient(linear, left top, right top, from(#8442f8), to(#b536f3));
background-image: linear-gradient(90deg, #8442f8, #b536f3);
}
.bold-text-41.bold_ideation.bold_wireframing.bold {
background-image: -webkit-gradient(linear, left top, right top, from(#ff7439), to(#ffa708));
background-image: linear-gradient(90deg, #ff7439, #ffa708);
}
.bold-text-41.bold_ideation.bold_wireframing.bold_visual {
background-image: -webkit-gradient(linear, left top, right top, from(#bc52da), to(#fc6cad));
background-image: linear-gradient(90deg, #bc52da, #fc6cad);
}
.heading_ideation {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 60px;
}
.heading_handoff {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 60px;
}
.div-block-272 {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
width: 100%;
height: 100%;
background-image: linear-gradient(124deg, rgba(0, 245, 218, 0.07), rgba(0, 178, 212, 0.07));
}
.div-block-272.bg_ideation {
background-image: linear-gradient(165deg, rgba(30, 180, 238, 0.07), rgba(108, 90, 250, 0.07));
}
.div-block-272.bg_wireframing {
background-image: linear-gradient(165deg, rgba(132, 66, 248, 0.07), rgba(181, 54, 243, 0.07));
}
.div-block-272.bg_handoff {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
height: 120%;
background-image: linear-gradient(124deg, rgba(255, 116, 57, 0.07), rgba(255, 167, 8, 0.07));
}
.div-block-272.bg_visual {
background-image: linear-gradient(124deg, rgba(188, 82, 218, 0.07), rgba(252, 108, 173, 0.07));
}
.heading_visual {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 60px;
}
.div-block-273 {
position: static;
width: 100%;
max-width: 800px;
}
.div-block-274 {
position: absolute;
left: -10px;
bottom: 0px;
width: 100%;
max-width: 240px;
}
.div-block-275 {
position: absolute;
right: -10px;
bottom: 0px;
width: 100%;
max-width: 140px;
}
.div-block-276 {
width: 100%;
height: 1px;
background-color: #d6d6d6;
}
.text-block-41 {
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 19px;
line-height: 29px;
}
.div-block-277 {
max-width: 440px;
margin-top: 10px;
}
.link-9 {
color: #0070c9;
text-decoration: none;
}
.link-9:hover {
text-decoration: underline;
}
.select-field-2 {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: visible;
width: 100%;
margin-bottom: 0px;
padding: 0px;
clear: none;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border: 1px none #000;
border-radius: 0px;
background-color: transparent;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 17px;
}
.div-block-279 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 60px;
margin-bottom: 15px;
padding-right: 15px;
padding-left: 22px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-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: 1px solid #d6d6d6;
border-radius: 7px;
background-color: #fff;
}
.heading-61 {
display: inline-block;
margin-top: 0px;
margin-bottom: 0px;
color: #1d1d1f;
font-size: 17px;
line-height: 22px;
}
.text-block-42 {
display: inline-block;
margin-top: 5px;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 15px;
line-height: 22px;
}
.link-10 {
margin-left: 4px;
color: #0070c9;
font-size: 15px;
line-height: 22px;
text-decoration: none;
}
.link-10.facebook {
margin-top: 5px;
margin-left: 0px;
font-family: 'Montserrat', sans-serif;
}
.link-10.facebook.linkedin {
margin-left: 4px;
}
.link-10.facebook.twitter.medium {
margin-left: 4px;
}
.link-11 {
font-family: 'Montserrat', sans-serif;
color: #0070c9;
font-size: 15px;
line-height: 22px;
text-decoration: none;
}
.div-block-280 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 145px;
margin-top: 5px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.div-block-281 {
display: inline-block;
}
.section-47 {
width: 100%;
height: 566px;
max-width: 1920px;
background-image: url("../61375f52c3ed1dde7eed4cbf_!!!356A0407.jpg");
background-position: 50% 40%;
background-size: cover;
}
.menu-button-2.menu_button_404 {
display: none;
}
.div-block-283 {
width: 100%;
max-width: none;
}
.div-block-284 {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
background-image: url("../613ef1f18ed3b3d40c920190_IMG_6746-2.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.div-block-285 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: none;
margin-right: auto;
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;
text-align: center;
}
.heading-62 {
width: 100%;
max-width: 17ch;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 46px;
line-height: 54px;
}
.heading-62.title_client_partnership {
color: #fff;
}
.div-block-286 {
display: none;
width: 100%;
max-width: 34px;
margin-right: 16px;
padding-right: 0px;
}
.div-block-287 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.div-block-288 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.div-block-289 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-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;
}
.heading-63 {
max-width: 20ch;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 46px;
line-height: 54px;
}
.div-block-291 {
width: 100%;
max-width: none;
padding-right: 138px;
padding-left: 138px;
text-align: center;
}
.left_val {
width: 50%;
background-color: #fff;
}
.right_val {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
-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: #1d1d1f;
}
.div-block-292 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
max-width: 780px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 20px;
}
.heading-64 {
display: inline-block;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #86868b;
font-size: 34px;
line-height: 40px;
}
.heading-65 {
position: absolute;
display: block;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 34px;
line-height: 40px;
}
.heading-65.team {
display: block;
}
.heading-65.growth {
display: block;
}
.heading-65.fun {
display: block;
}
.heading-65.freedom {
display: block;
}
.div-block-293 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 140px;
padding-bottom: 140px;
padding-left: 60px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.div-block-294 {
position: absolute;
width: 100%;
max-width: 170px;
}
.div-block-295 {
position: absolute;
width: 100%;
max-width: 200px;
}
.div-block-296 {
position: absolute;
width: 100%;
max-width: 200px;
}
.div-block-297 {
position: absolute;
width: 100%;
max-width: 170px;
}
.div-block-298 {
position: absolute;
width: 100%;
max-width: 170px;
}
.div-block-299 {
position: relative;
overflow: hidden;
height: 48px;
}
.bold-text-42 {
font-weight: 700;
}
.bold-text-43 {
font-weight: 600;
}
.bold-text-44 {
font-weight: 600;
}
.bold-text-45 {
font-weight: 600;
}
.bold-text-46 {
font-weight: 600;
}
.bold-text-47 {
font-weight: 600;
}
.bold-text-48 {
font-weight: 600;
}
.bold-text-49 {
font-weight: 600;
}
.bold-text-50 {
font-weight: 600;
}
.div-block-302 {
position: -webkit-sticky;
position: sticky;
top: 0px;
height: 100vh;
padding-top: 140px;
}
.heading-67 {
color: #1d1d1f;
font-size: 46px;
line-height: 54px;
text-align: center;
}
.div-block-303 {
width: 100%;
max-width: 635px;
margin-right: auto;
margin-left: auto;
}
.animation_pencil {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-top: 170px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.left_pencil_block {
position: relative;
}
.content_pencil {
position: relative;
max-width: none;
}
.content_pencil_right {
position: relative;
max-width: none;
color: #86868c;
font-size: 24px;
line-height: 30px;
}
.bold-text-51 {
font-family: 'Raleway', sans-serif;
font-size: 34px;
line-height: 40px;
}
.heading-68 {
position: absolute;
top: 0px;
margin-top: 10px;
font-family: 'Raleway', sans-serif;
font-size: 46px;
line-height: 50px;
}
.heading-68.header_pencil_1 {
position: relative;
display: block;
width: 100%;
max-width: 12ch;
color: #1d1e20;
font-size: 34px;
line-height: 40px;
}
.heading-68.heading_pencil2 {
position: absolute;
display: block;
width: 100%;
max-width: 12ch;
margin-top: 0px;
color: #1d1e20;
font-size: 34px;
line-height: 40px;
}
.heading-68.heading_pencil3 {
position: absolute;
display: block;
width: 100%;
max-width: 12ch;
margin-top: 0px;
color: #1d1e20;
font-size: 34px;
line-height: 40px;
}
.heading-68.heading_pencil_4 {
position: absolute;
display: block;
width: 100%;
max-width: 12ch;
margin-top: 0px;
color: #1d1e20;
font-size: 34px;
line-height: 40px;
}
.div-block-306 {
position: absolute;
left: 47%;
top: -30px;
width: 100%;
max-width: 408px;
margin-top: 120px;
}
.div-block-307 {
position: absolute;
left: 25px;
top: 223px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.div-block-307._2019 {
margin-top: 243px;
}
.div-block-307._2020_year {
margin-top: 469px;
}
.div-block-307._2020_year._2021_year {
margin-top: 699px;
}
.heading-69 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 22px;
line-height: 32px;
font-weight: 500;
}
.text_pencil_1 {
position: relative;
display: block;
width: 100%;
max-width: 20ch;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
line-height: 28px;
}
.text_pencil_2 {
position: absolute;
top: 0px;
display: block;
width: 100%;
max-width: 20ch;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
line-height: 28px;
}
.text_pencil_3 {
position: absolute;
top: 0px;
display: block;
width: 100%;
max-width: 20ch;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
line-height: 28px;
}
.text_pencil_4 {
position: absolute;
top: 0px;
display: block;
width: 100%;
max-width: 20ch;
font-family: 'Montserrat', sans-serif;
font-size: 19px;
line-height: 28px;
}
.image-65 {
opacity: 0;
}
.photo_gallery {
width: 100%;
max-width: 1920px;
margin-top: 400px;
padding-right: 80px;
padding-left: 80px;
}
.text_gallery {
text-align: center;
}
.text-block-44 {
width: 100%;
max-width: 25ch;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 34px;
line-height: 40px;
font-weight: 700;
}
.grid-11 {
width: 100%;
max-width: 1920px;
margin-top: 280px;
margin-right: auto;
margin-left: auto;
grid-column-gap: 26px;
grid-row-gap: 26px;
-ms-grid-columns: 2fr 1fr;
grid-template-columns: 2fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.div-block-308 {
height: 700px;
background-image: url("../613709a818cc6c82eafa7979_356A0550.jpg");
background-position: 0% 50%;
background-size: cover;
}
.div-block-309 {
background-image: url("../6137096b659d3b747b29ce19_356A0436.jpg");
background-position: 50% 70%;
background-size: cover;
}
.div-block-310 {
background-image: url("../61375f52c3ed1dde7eed4cbf_!!!356A0407.jpg");
background-position: 50% 70%;
background-size: cover;
}
.div-block-311 {
height: 600px;
background-image: url("../6137042a80031dcd3e47df0b_356A0530.jpg");
background-position: 50% 50%;
background-size: cover;
}
.grid-12 {
width: 100%;
max-width: 1920px;
margin-top: 26px;
margin-right: auto;
margin-left: auto;
grid-column-gap: 26px;
-ms-grid-columns: 1fr 1.75fr;
grid-template-columns: 1fr 1.75fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.div-block-312 {
height: 380px;
background-image: url("../613704e58d98263fc782fc96_356A0563.jpg");
background-position: 50% 70%;
background-size: cover;
background-repeat: no-repeat;
}
.text-block-45 {
width: 100%;
max-width: 19ch;
font-family: Helveticanowdisplay, sans-serif;
color: #86868c;
font-size: 24px;
line-height: 28px;
font-weight: 700;
}
.div-block-313 {
width: 100%;
max-width: none;
margin-top: 30px;
padding-bottom: 56px;
}
.div-block-314 {
background-image: url("../61370a5e2608bccd4ecb3561_356A0410.jpg");
background-position: 50% 50%;
background-size: cover;
}
.div-block-315 {
text-align: center;
}
.heading-70 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 46px;
line-height: 54px;
}
.text-block-46 {
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 19px;
line-height: 29px;
}
.div-block-316 {
width: 100%;
max-width: 638px;
margin-top: 19px;
margin-right: auto;
margin-left: auto;
}
.div-block-317 {
text-align: center;
}
.div-block-318 {
text-align: center;
}
.div-block-319 {
text-align: center;
}
.bold-text-52 {
font-weight: 600;
}
.bold-text-53 {
font-weight: 600;
}
.bold-text-54 {
font-weight: 600;
}
.button_contact_block {
display: none;
margin-top: 100px;
text-align: center;
}
.text-block-47 {
padding: 10px 58px;
border-radius: 20px;
background-color: #fff;
font-family: 'Montserrat', sans-serif;
color: #000;
font-weight: 500;
text-decoration: none;
}
.link-block-2 {
padding: 1px;
border-radius: 20px;
background-image: -webkit-gradient(linear, left top, right top, from(#fddb5d), color-stop(27%, #f56d62), color-stop(53%, #9b7ccd), color-stop(79%, #759ce9), to(#74dc9a));
background-image: linear-gradient(90deg, #fddb5d, #f56d62 27%, #9b7ccd 53%, #759ce9 79%, #74dc9a);
text-decoration: none;
}
.link-block-2:hover {
opacity: 0.8;
}
.div-block-320 {
width: 100%;
height: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border-radius: 20px;
background-image: url("../611fb8290ef6a752a02b9c23_ill.png");
background-position: 50% 50%;
background-size: 1400px;
background-repeat: no-repeat;
background-attachment: scroll;
background-clip: border-box;
-webkit-text-fill-color: inherit;
}
.bold-text-56 {
font-weight: 500;
}
.mobile_values_section {
display: none;
width: 100%;
max-width: 760px;
margin-top: 96px;
margin-right: auto;
margin-left: auto;
}
.header_val {
width: 100%;
max-width: 450px;
margin-right: auto;
margin-left: auto;
padding-right: 50px;
padding-left: 50px;
text-align: center;
}
.heading-71 {
font-family: 'Raleway', sans-serif;
font-size: 40px;
line-height: 48px;
text-align: center;
}
.div-block-321 {
margin-top: 40px;
}
.val_1_mobile {
margin-top: 40px;
}
.div-block-322 {
width: 100%;
max-width: 235px;
margin-right: auto;
margin-left: auto;
border-radius: 20px;
background-color: #1d1d1f;
}
.div-block-323 {
max-width: 103px;
margin-right: auto;
margin-left: auto;
padding-top: 46px;
padding-bottom: 46px;
}
.heading-72 {
margin-top: 18px;
color: #1d1e20;
font-size: 21px;
line-height: 32px;
}
.div-block-324 {
text-align: center;
}
.mobile_pencil_static {
display: none;
max-width: 760px;
margin-right: auto;
margin-left: auto;
}
.title_mobile_pencil {
width: 100%;
max-width: 340px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
._2018_mob_block {
margin-top: 50px;
text-align: center;
}
._2018_mob_block._2019_mob_content {
margin-top: 40px;
}
.text-block-48 {
font-family: 'Montserrat', sans-serif;
color: #8b8b9a;
font-size: 24px;
line-height: 36px;
font-weight: 700;
}
.heading-73 {
width: 100%;
max-width: 250px;
margin: 1px auto 0px;
font-family: 'Raleway', sans-serif;
color: #1d1e20;
font-size: 32px;
line-height: 36px;
}
.text-block-49 {
width: 100%;
max-width: 338px;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #1d1e20;
font-size: 24px;
line-height: 29px;
}
.modul_popup {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 300;
display: none;
width: 100%;
height: 100vh;
-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: rgba(0, 0, 0, 0.7);
}
.image_code {
position: relative;
}
.div-block-336 {
position: absolute;
top: 20px;
right: 30px;
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;
cursor: pointer;
}
.div-block-337 {
width: 100%;
max-width: 592px;
}
.div-block-338 {
position: absolute;
top: 0px;
display: block;
width: 100%;
height: 100%;
}
.heading-75 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 80px;
line-height: 80px;
text-align: center;
}
.image-66 {
display: none;
}
.text-block-50 {
color: #86868b;
}
.text-block-51 {
color: #86868b;
}
.heading-76 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.div-block-342 {
position: absolute;
top: 0px;
z-index: 1;
display: none;
width: 100%;
height: 100%;
-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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url("../611e0889dc225e047fb16579_Img_1.png");
background-position: 50% 0%;
background-size: cover;
background-repeat: no-repeat;
background-attachment: scroll;
}
.text-block-52 {
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 21px;
line-height: 40px;
text-align: center;
}
.div-block-343 {
position: absolute;
top: 0px;
z-index: 0;
width: 100%;
padding-top: 312px;
background-image: url("../6120b2474cde1617f4dbec7a_Img_2.svg");
background-position: 50% 50%;
background-size: auto;
background-repeat: no-repeat;
background-attachment: scroll;
}
.div-block-344 {
opacity: 0;
}
.div-block-345 {
margin-top: 14px;
margin-bottom: 40px;
font-weight: 400;
}
.hero_text_title_dev-2 {
position: relative;
left: 0px;
top: 56px;
right: 0px;
z-index: 3;
}
.div-block-346 {
position: static;
width: 100%;
max-width: 480px;
}
.mob_front {
display: none;
text-align: center;
}
.mob_back {
display: none;
text-align: center;
}
.heading-77 {
margin-top: 0px;
margin-bottom: 11px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 40px;
}
.image-69 {
padding-top: 0px;
}
.technology_stack {
position: relative;
z-index: 200;
margin-top: -296px;
padding-top: 80px;
padding-right: 50px;
padding-left: 50px;
background-color: #000;
}
.stack_block {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.left_image_technology {
width: 50%;
margin-right: 40px;
}
.right_technology_stack {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
padding: 70px 36px 60px;
-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: 23px;
background-color: #161617;
}
.content_technology_stack {
display: block;
-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;
}
.title_techology_stack {
width: 100%;
max-width: 325px;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.heading-78 {
background-image: -webkit-gradient(linear, left top, right top, from(#5b72e1), color-stop(26%, #9647cd), color-stop(51%, #e240a6), color-stop(79%, #fd5846), to(#f75500));
background-image: linear-gradient(90deg, #5b72e1, #9647cd 26%, #e240a6 51%, #fd5846 79%, #f75500);
font-family: 'Raleway', sans-serif;
font-size: 56px;
line-height: 58px;
font-weight: 400;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-block-53 {
font-family: 'Montserrat', sans-serif;
color: #86868b;
font-size: 19px;
line-height: 29px;
}
.div-block-347 {
max-width: 270px;
margin-top: 20px;
}
.button-6 {
padding: 14px 30px;
border-style: solid;
border-width: 2px;
border-color: hsla(0, 0%, 100%, 0.2);
border-radius: 100px;
background-color: transparent;
font-family: 'Montserrat', sans-serif;
font-size: 17px;
line-height: 21px;
}
.div-block-348 {
margin-top: 0px;
}
.mobile_json_animation {
display: none;
padding-right: 30px;
padding-left: 30px;
}
.title_mobile_json_comp {
width: 100%;
max-width: 568px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.heading-79 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1e20;
font-size: 40px;
line-height: 48px;
}
.text-block-54 {
font-family: 'Montserrat', sans-serif;
color: #888;
font-size: 16px;
line-height: 26px;
}
.div-block-349 {
margin-top: 14px;
}
.mobile_json_comp {
width: 100%;
max-width: 568px;
margin-right: auto;
margin-left: auto;
}
.mobile_json_weather {
margin-top: 115px;
}
.div-block-351 {
width: 100%;
max-width: 315px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
}
.title_mob_json_weather {
margin-top: 40px;
text-align: center;
}
.heading-80 {
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #111;
font-size: 24px;
line-height: 34px;
}
.div-block-352 {
width: 100%;
max-width: 340px;
margin-top: 8px;
margin-right: auto;
margin-left: auto;
}
.text-block-55 {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
line-height: 24px;
}
.div-block-353 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
margin-right: auto;
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;
}
.logo_sticky_mobile {
position: -webkit-sticky;
position: sticky;
top: 0px;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
margin-top: -150px;
-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;
}
.section-48 {
display: none;
width: 100%;
max-width: 1920px;
padding-right: 100px;
padding-left: 100px;
}
.element_mobile_logo {
position: relative;
width: 100%;
max-width: 980px;
margin-top: 3em;
margin-right: auto;
margin-left: auto;
}
.div-block-358 {
width: 100%;
max-width: 80px;
}
.div-block-359 {
width: 100%;
max-width: 80px;
}
.div-block-360 {
width: 100%;
max-width: 80px;
}
.div-block-361 {
width: 100%;
max-width: 80px;
}
.div-block-362 {
width: 100%;
max-width: 80px;
}
.div-block-363 {
width: 100%;
max-width: 80px;
}
.div-block-364 {
position: relative;
top: -115px;
z-index: 9;
display: none;
overflow: hidden;
height: 480px;
max-width: 480px;
margin: 60px auto 0px;
-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;
}
.div-block-365 {
width: 100%;
max-width: 80px;
margin-bottom: 36px;
}
.div-block-366 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
max-width: 880px;
-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;
}
.image-70 {
max-width: 100%;
}
.heading-83 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.heading-84 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: 500;
}
.div-block-367 {
width: 100%;
max-width: 80px;
}
.div-block-368 {
width: 100%;
max-width: 80px;
}
.bold-text-63 {
color: #1d1e20;
}
.div-block-369 {
display: none;
}
.div-block-370 {
display: none;
}
.div-block-371 {
width: 100%;
max-width: 1396px;
margin-right: auto;
margin-left: auto;
}
.div-block-371.block_371_1440 {
display: none;
}
.div-block-372 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
._3_block {
width: 100%;
max-width: 499px;
}
._5_block {
width: 100%;
max-width: 184px;
}
.div-block-386 {
width: 100%;
max-width: 336px;
}
.div-block-387 {
width: 100%;
max-width: 336px;
}
.div-block-388 {
width: 100%;
max-width: 336px;
}
.div-block-389 {
width: 100%;
max-width: 117px;
}
.div-block-390 {
width: 100%;
max-width: 260px;
}
.div-block-391 {
width: 100%;
max-width: 260px;
}
.div-block-392 {
width: 100%;
max-width: 117px;
}
.div-block-393 {
margin-top: 40px;
}
.best_team {
margin-top: 170px;
padding-top: 100px;
}
.loop_block_outer {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin-top: 60px;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.loop_block_outer.loop_out_2.loop_view_2 {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.loop_block_inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-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;
}
.loop_block_inner.loop_block_inner_2 {
position: relative;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.member_1 {
width: 100%;
max-width: 300px;
margin-right: 30px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.member_1.members_del {
display: none;
}
.image-76 {
border-radius: 20px;
}
.image-77 {
border-radius: 20px;
}
.image-78 {
border-radius: 20px;
}
.image-79 {
border-radius: 20px;
}
.image-80 {
border-radius: 20px;
}
.image-81 {
border-radius: 20px;
}
.image-82 {
border-radius: 20px;
}
.image-83 {
border-radius: 20px;
}
.image-84 {
border-radius: 20px;
}
.image-85 {
border-radius: 20px;
}
.image-86 {
border-radius: 20px;
}
.image-87 {
border-radius: 20px;
}
.image-88 {
border-radius: 20px;
}
.image-89 {
border-radius: 20px;
}
.image-90 {
border-radius: 20px;
}
.image-91 {
border-radius: 20px;
}
.image-92 {
border-radius: 20px;
}
.image-93 {
border-radius: 20px;
}
.image-94 {
border-radius: 20px;
}
.background-video-2 {
display: block;
}
.image-95 {
position: absolute;
right: 15px;
display: block;
padding-top: 5px;
padding-bottom: 5px;
background-color: #fff;
}
.div-block-403 {
display: none;
}
.cases_mobile_branding {
display: none;
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.cases_mobile_branding.cases_dev {
padding-top: 220px;
}
.div-block-404 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 18px;
-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;
}
.heading-85 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
}
.button-7 {
border-style: solid;
border-width: 1px;
border-color: #448df0;
border-radius: 100px;
background-color: transparent;
font-family: 'Montserrat', sans-serif;
color: #458df0;
font-size: 12px;
font-weight: 500;
}
.button-7:hover {
border-radius: 100px;
opacity: 0.8;
color: #458df0;
}
.text-span-29 {
color: #d1d1d1;
}
.cvn {
margin-top: 80px;
}
.clover_brand {
margin-top: 80px;
}
.heading_design_case {
color: #fff;
}
.text_case_grey {
color: hsla(0, 0%, 100%, 0.3);
}
.podcorn_case {
position: relative;
z-index: 1;
}
.bonsai_case {
margin-top: 80px;
}
.nexus_case {
margin-top: 80px;
}
.div-block-405 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.section-51 {
margin: 120px auto;
padding-right: 50px;
padding-left: 50px;
}
.heading-86 {
margin-bottom: 14px;
font-family: 'Raleway', sans-serif;
color: #161617;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.text-block-56 {
width: 100%;
max-width: 60ch;
margin-top: 14px;
margin-right: auto;
margin-left: auto;
font-family: Montserrat, sans-serif;
font-size: 19px;
line-height: 28px;
text-align: center;
}
.cvn_image_section {
margin-top: 80px;
margin-right: auto;
margin-left: auto;
}
.div-block-406 {
width: 100%;
max-width: 1380px;
margin-top: 20px;
}
.div-block-407 {
position: fixed;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: -1;
width: 100%;
height: 100%;
background-color: #fafafa;
}
.text-span-30 {
background-image: -webkit-gradient(linear, left top, right top, from(#613bb2), color-stop(49%, #ff63cd), to(#fea757));
background-image: linear-gradient(90deg, #613bb2, #ff63cd 49%, #fea757);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-span-31 {
color: #1d1e20;
}
.link-12 {
color: #4489eb;
}
.link-13 {
color: #4489eb;
}
.bold-text-65 {
color: #1d1d1f;
}
.link-14 {
color: #4489eb;
}
.link-15 {
color: #4489eb;
}
.inszu_dev {
margin-top: 70px;
}
.upstride_dev {
margin-top: 70px;
}
.tab {
margin-right: 0px;
margin-left: 30px;
padding-right: 0px;
padding-left: 0px;
background-color: transparent;
}
.tab.w--current {
min-height: 50px;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
border-style: none none solid;
border-width: 1px;
border-color: #000 #000 #191919;
background-color: transparent;
}
.collection-item-7 {
min-height: 535px;
margin-bottom: 60px;
padding-left: 0px;
}
.main_blog {
margin-bottom: 104px;
}
.b_h5 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
}
.collection-item-6 {
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;
}
.tabs-menu-3 {
position: -webkit-sticky;
position: sticky;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 999999;
margin-bottom: 40px;
padding-top: 30px;
background-color: #fff;
font-size: 18px;
text-align: center;
}
.general_div {
width: 90%;
max-width: 1100px;
margin-top: 90px;
margin-right: auto;
margin-left: auto;
}
.div-block-409 {
padding-right: 0px;
padding-left: 26px;
border-right: 1px none #e6e6e6;
}
.div-block-410 {
padding-right: 26px;
border-right: 1px solid #e6e6e6;
}
.tag_category {
font-family: 'Montserrat', sans-serif;
color: #666;
font-size: 14px;
font-weight: 500;
text-transform: none;
}
.main16 {
font-family: 'Montserrat', sans-serif;
color: #666;
font-size: 16px;
line-height: 26px;
}
.b_h3 {
width: auto;
max-width: none;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #191919;
font-size: 32px;
line-height: 42px;
font-weight: 500;
}
.div-block-413 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
}
.link-block-7 {
max-width: 420px;
padding-left: 70px;
text-decoration: none;
}
.div-block-414 {
width: 430px;
max-width: none;
}
.div-block-415 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.image-98 {
display: block;
}
.div-block-416 {
margin-right: 20px;
}
.b_h6 {
font-family: 'Montserrat', sans-serif;
color: #191919;
font-size: 20px;
line-height: 32px;
font-weight: 500;
text-decoration: none;
}
.link-block-8 {
min-height: 400px;
text-decoration: none;
}
.rich_blog_outcrowd {
max-width: 100%;
margin: 120px auto;
}
.rich_blog_outcrowd li {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
color: #292929;
font-size: 20px;
line-height: 34px;
font-weight: 600;
}
.rich_blog_outcrowd h5 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
color: #191919;
font-size: 22px;
line-height: 32px;
}
.rich_blog_outcrowd p {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
color: #292929;
font-size: 18px;
line-height: 34px;
font-weight: 400;
}
.rich_blog_outcrowd figcaption {
margin-top: 10px;
color: #666;
font-size: 14px;
}
.rich_blog_outcrowd h6 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #666;
font-size: 14px;
font-weight: 500;
text-transform: none;
}
.rich_blog_outcrowd h3 {
width: 90%;
max-width: 710px;
margin: 100px auto 20px;
font-family: 'Raleway', sans-serif;
color: #191919;
font-size: 38px;
line-height: 52px;
font-weight: 500;
}
.rich_blog_outcrowd h2 {
max-width: 710px;
margin-right: auto;
margin-left: auto;
color: #666;
font-size: 22px;
line-height: 32px;
font-weight: 400;
}
.rich_blog_outcrowd a {
display: inline-block;
min-height: 0px;
margin-top: 10px;
padding-left: 6px;
color: #2f8ced;
font-size: 18px;
line-height: 34px;
text-align: left;
}
.rich_blog_outcrowd a:hover {
opacity: 0.8;
}
.rich_blog_outcrowd h4 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #191919;
font-size: 30px;
line-height: 42px;
font-weight: 500;
}
.rich_blog_outcrowd h1 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #191919;
font-size: 50px;
line-height: 60px;
font-weight: 500;
}
.div-block-440 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: -1;
display: block;
overflow: visible;
height: auto;
min-height: 100vh;
-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;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
background-image: url("../6140b34198c4a2bf8e7e6224_1920%3A1080.png");
background-position: 50% 50%;
background-size: cover;
background-attachment: scroll;
-o-object-fit: fill;
object-fit: fill;
}
.button_v2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 140px;
height: 50px;
min-height: 0px;
margin-top: 40px;
padding: 0px;
-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: #2f8ced;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.button_v2:hover {
background-color: #2f8ced;
opacity: 0.8;
}
.heading_h2 {
margin-top: 0px;
margin-bottom: 10px;
font-family: 'Raleway', sans-serif;
color: #191919;
font-size: 50px;
line-height: 70px;
font-weight: 500;
}
.div-block-441 {
width: 680px;
}
.div-block-441.text_404 {
width: 320px;
}
.header {
width: 90%;
max-width: 1100px;
min-width: 0%;
margin-top: 96px;
margin-right: auto;
margin-left: auto;
}
.header._404_div {
max-width: 980px;
}
.paragraph-3 {
max-width: none;
padding-top: 12px;
font-family: 'Montserrat', sans-serif;
color: #666;
font-size: 16px;
line-height: 30px;
text-align: left;
}
.paragraph-3._404_paragraph {
margin-top: 0px;
margin-bottom: 20px;
padding-top: 0px;
font-weight: 400;
}
.button-8 {
padding: 10px 16px;
border-radius: 20px;
background-color: #000;
font-family: 'Montserrat', sans-serif;
font-size: 12px;
font-weight: 500;
}
.title_section {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.div-block-443 {
margin-top: 125px;
}
.title_clover {
font-family: 'Montserrat', sans-serif;
font-size: 72px;
line-height: 60px;
font-weight: 300;
text-align: center;
}
.p1_clover {
width: 710px;
max-width: none;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 36px;
color: #292929;
font-size: 18px;
line-height: 34px;
font-style: normal;
font-weight: 400;
}
.p1_clover.title_p1 {
margin-right: auto;
margin-left: auto;
padding-top: 10px;
font-size: 22px;
font-weight: 500;
text-align: center;
}
.p1_clover.p1_clover_project {
padding-bottom: 36px;
}
.p1_clover.p1_clover_project.new_fin_clover_p1 {
padding-top: 0px;
padding-bottom: 0px;
}
.p1_clover.p1_clover_project.new_fin_clover_p1._1_ {
padding-top: 125px;
padding-bottom: 125px;
}
.p1_clover.p1_clover_project.new_clover_fin_p1_2 {
padding-bottom: 0px;
}
.p1_clover.p1_clover_project.p1_conclusion {
padding-bottom: 0px;
}
.p1_clover.p1_clover_project.p1_clover_func.p1_func_pocket {
padding-bottom: 0px;
}
.p1_clover.p1_clover_heading {
width: 710px;
padding-top: 36px;
padding-bottom: 85px;
}
.p1_clover._2_list_clover {
padding-top: 0px;
}
.p1_clover.p1_clover_strat {
padding-bottom: 36px;
}
.p1_clover.p1_clover_strat.title_list_clover {
padding-bottom: 18px;
}
.p1_clover.p1_lorem_clover {
padding-top: 0px;
}
.p1_clover.p1_style_clover {
margin-right: auto;
margin-left: auto;
padding-top: 125px;
padding-bottom: 125px;
}
.p1_clover.p1_after_wareframes_clover {
padding-top: 0px;
}
.p1_clover.p1_after_wareframes_clover.p1_before_number_clvoer {
padding-top: 125px;
}
.text-block-57 {
font-family: 'Montserrat', sans-serif;
}
.text-block-57._01 {
color: #d9d9d9;
font-size: 38px;
font-weight: 300;
}
.background-video-19 {
height: 100%;
}
.background-video-7 {
height: 510px;
}
.div-block-444 {
height: 74px;
margin-top: 26px;
border-style: solid none;
border-width: 1px;
border-color: #f2f2f2 #000;
}
.div-block-444.second_category_header {
margin-top: 0px;
}
.image-99 {
display: block;
margin-bottom: 125px;
}
.div-block-445 {
max-width: 710px;
margin-top: 125px;
margin-right: auto;
margin-left: auto;
}
.div-block-445.clover_video_second {
display: none;
height: 700px;
max-width: 1000px;
}
.div-block-446 {
height: 500px;
margin-bottom: 125px;
}
.div-block-446.new_block_img_clvoer {
height: auto;
margin-bottom: 0px;
}
.div-block-447 {
width: 90%;
max-width: 1208px;
margin-right: auto;
margin-left: auto;
}
.div-block-448 {
width: 90%;
max-width: 1208px;
margin-right: auto;
margin-left: auto;
}
.image-134 {
display: block;
}
.div-block-449 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
}
.div-block-449.new_branding_clover {
margin-top: 125px;
margin-bottom: 125px;
}
.div-block-449.new_branding_clover.new_lorem_clover {
margin-top: 0px;
margin-bottom: 125px;
}
.section-52 {
position: static;
width: 90%;
max-width: 1208px;
margin-right: auto;
margin-left: auto;
}
.section-52.clover_project {
width: auto;
max-width: none;
margin-top: 112px;
}
.div-block-450 {
max-width: 710px;
margin-right: auto;
margin-left: auto;
}
.div-block-451 {
height: 700px;
max-height: none;
max-width: 1000px;
margin: 125px auto 0px;
}
.div-block-452 {
width: 90%;
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.div-block-453 {
max-width: 710px;
margin-right: auto;
margin-bottom: 125px;
margin-left: auto;
}
.div-block-453.good_project_clover {
width: 90%;
margin-top: 0px;
margin-bottom: 0px;
}
.div-block-453.good_project_clover.new_clover_good_project {
padding-top: 125px;
padding-bottom: 125px;
}
.div-block-453.good_project_clover.new_brand_pencil {
padding-top: 125px;
padding-bottom: 125px;
}
.div-block-453.good_project_clover.conclusion_title_margin {
margin-top: 150px;
margin-bottom: 125px;
}
.div-block-453.good_project_clover.new_func_pocket {
padding-top: 125px;
padding-bottom: 125px;
}
.div-block-453.div_strategy_header {
width: 90%;
margin-top: 0px;
}
.div-block-453.div_strategy_header.new_strategy_class {
height: 100px;
max-height: none;
margin-top: 200px;
margin-bottom: 0px;
}
.div-block-453.branding_clover {
width: 90%;
margin-top: 0px;
}
.div-block-453.branding_clover.new_branding_1 {
height: 100px;
margin-top: 200px;
margin-bottom: 0px;
}
.div-block-453.interface_new_clover {
margin-top: 0px;
}
.div-block-453.interface_new_clover.new_interface_clover {
height: 100px;
margin-top: 200px;
margin-bottom: 0px;
}
.div-block-453.text_interface {
margin-top: 0px;
}
.div-block-453.text_interface.new_result_clover {
height: 100px;
margin-top: 200px;
margin-bottom: 0px;
}
.background-video-6 {
height: 800px;
}
.div-block-454 {
max-width: 710px;
margin: 125px auto;
}
.h1_cover {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #292929;
font-size: 60px;
font-weight: 300;
}
.content_clover {
font-size: 16px;
font-weight: 600;
}
.div-block-455 {
width: 90%;
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.link_category_header {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-family: 'Montserrat', sans-serif;
color: #292929;
font-size: 20px;
text-decoration: none;
}
.grid-26 {
display: -ms-grid;
display: grid;
height: 74px;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
grid-auto-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
-ms-grid-columns: minmax(58px, 0.25fr) 4.75fr 1fr;
grid-template-columns: minmax(58px, 0.25fr) 4.75fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.list-item-2 {
padding-left: 0px;
text-align: left;
}
.div-block-456 {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.div-block-457 {
max-width: 710px;
margin-right: auto;
margin-bottom: 125px;
margin-left: auto;
}
.h2_clover {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 40px;
font-family: 'Montserrat', sans-serif;
color: #292929;
font-size: 34px;
font-weight: 300;
}
.h2_clover.h2_heading_strategy {
padding-top: 125px;
}
.h2_clover.h2_heading_strategy.strategy_route {
padding-top: 0px;
}
.h2_clover.h2_any_good {
margin-right: auto;
margin-left: auto;
padding-top: 0px;
}
.h2_clover.h2_clover_brand_1 {
padding-top: 0px;
}
.h2_clover.wireframes_h2 {
padding-top: 0px;
}
.h2_clover.h2_func_pocket {
padding-top: 0px;
}
.h2_clover.new_cta-title_clover {
padding-top: 36px;
line-height: 40px;
}
.link-block-3 {
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;
text-decoration: none;
}
.section-53 {
display: block;
max-width: none;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid-28 {
grid-auto-flow: row dense;
grid-column-gap: 15px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto auto 600px;
grid-template-rows: auto auto 600px;
}
.div-block-458 {
background-image: url("../6140d1e757285d1f63264235_3%20(1).png");
background-position: 0px 0px;
background-size: cover;
}
.div-block-459 {
background-image: url("../6140d1e757285d9a8726423a_%D0%91%D0%B5%D0%B7%20%D0%B8%D0%BC%D0%B5%D0%BD%D0%B8-1%20(1).png");
background-position: 50% 50%;
background-size: cover;
}
.div-block-460 {
background-image: url("../6140d1e757285d2751264238_1%20(1).png");
background-position: 50% 50%;
background-size: cover;
}
.text_clover_brand {
padding-top: 11px;
padding-left: 15px;
font-size: 26px;
}
.div-block-461 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 20px;
}
.div-block-461.new_fin_p1_result {
padding-left: 0px;
}
.div-block-462 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 2px;
height: 40px;
background-color: #e3e5ef;
}
.clover_brand_section {
width: 90%;
max-width: 1208px;
margin-right: auto;
margin-left: auto;
}
.div-block-463 {
background-image: url("../6140d1f66aeeb278f3e39648_Stack%20of%20Posters%20Mockup%20For%20Branding%403.8x.png");
background-position: 50% 50%;
background-size: cover;
}
.div-block-464 {
background-image: url("../6140d1f66aeeb2002be39651_Poster%20Mockup%202%20Copy%4016x.png");
background-position: 50% 50%;
background-size: cover;
}
.div-block-465 {
background-image: url("../6140d1f66aeeb27476e3965a_tshirt.png");
background-position: 50% 50%;
background-size: cover;
}
.div-block-466 {
background-image: url("../6140d1f66aeeb25bb2e3963c_Mockup%20Copy.png"), none;
background-position: 50% 50%, 50% 50%;
background-size: cover, cover;
}
.grid-27 {
width: 100%;
max-width: 100%;
margin-bottom: 0px;
grid-column-gap: 15px;
grid-row-gap: 15px;
-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
-ms-grid-rows: 340px auto auto auto 340px auto auto auto auto;
grid-template-rows: 340px auto auto auto 340px auto auto auto auto;
}
.div-block-467 {
background-image: url("../6140d1f66aeeb271e9e39661_Branding%20Paper%20Tube%20With%20Poster%20Mockup.png");
background-position: 50% 50%;
background-size: cover;
}
.posters_section {
width: 100%;
margin-bottom: 125px;
}
.div-block-468 {
width: 100%;
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.section-54 {
height: auto;
background-color: transparent;
}
.div-block-469 {
max-width: 560px;
margin-right: auto;
margin-left: auto;
}
.background-video-9 {
height: 746px;
}
.div-block-471 {
width: 1000px;
height: 800px;
margin-right: auto;
margin-left: auto;
background-color: transparent;
}
.div-block-472 {
height: 690px;
max-width: 1208px;
margin-right: auto;
margin-left: auto;
background-image: url("../6140d2123f064b98f186f4de_sample14.png");
background-position: 50% 50%;
background-size: cover;
}
.div-block-473 {
height: 900px;
background-image: url("../6140d2123f064bb04786f4d5_mobiles%20copy%202%402.4x%20(2).png");
background-position: 50% 50%;
background-size: cover;
background-attachment: fixed;
}
.div-block-474 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 600px;
margin-right: auto;
margin-bottom: 125px;
margin-left: auto;
}
.div-block-475 {
max-width: 1208px;
margin-right: auto;
margin-left: auto;
padding-top: 84px;
padding-bottom: 96px;
padding-left: 120px;
background-color: #f7f8fd;
}
.result_section {
margin-bottom: 140px;
}
.image-135 {
display: block;
margin-right: auto;
margin-left: auto;
}
.bold-text-66 {
color: #1d1d1f;
}
.div-block-477 {
color: #1d1d1f;
}
.hero_section_branding_brief {
width: 100%;
max-width: 1920px;
margin-top: 120px;
margin-right: auto;
margin-left: auto;
padding-right: 0px;
padding-left: 0px;
}
.heading-87 {
font-family: 'Raleway', sans-serif;
font-size: 64px;
line-height: 70px;
}
.div-block-478 {
display: inline-block;
width: 100%;
max-width: 1920px;
margin-top: 60px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-478.ill_practice {
display: none;
}
.content_brief {
width: 100%;
max-width: 500px;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
padding-bottom: 120px;
}
.heading-88 {
font-family: 'Raleway', sans-serif;
font-size: 34px;
line-height: 40px;
}
.heading-88.heading_part_2_bb {
margin-bottom: 40px;
}
.heading-88.h2_practice {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 19px;
line-height: 28px;
}
.bold-text-67 {
color: #1d1d1f;
}
.form_part_1_pb {
margin-top: 40px;
}
.form_part_1_pb.form_practice {
margin-top: 20px;
}
.form_part_1_pb.form_contact_partnership {
display: none;
}
.form_part_1_pb.form_careers {
margin-top: 0px;
background-color: transparent;
}
.field-label {
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 19px;
line-height: 29px;
font-weight: 500;
}
.field-label-2 {
margin-top: 6px;
font-family: 'Montserrat', sans-serif;
color: #757575;
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.field-label-2.field_printed {
margin-top: 24px;
margin-bottom: 0px;
}
.textarea-2 {
height: auto;
max-height: 50px;
margin-top: 15px;
margin-bottom: 40px;
border: 1px solid #d6d6d6;
border-radius: 7px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 17px;
}
.textarea-2.name-of-the-project {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.name-of-the-project.you_know_for_us {
margin-top: 20px;
}
.textarea-2.name-of-the-project.name_of_the-project_partnership {
max-width: 400px;
min-width: 400px;
margin-bottom: 20px;
}
.textarea-2.name-of-the-project.link_portfolio {
max-height: 60px;
max-width: 450px;
min-height: 60px;
margin-bottom: 26px;
}
.textarea-2.slogan {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.company-s-main {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.customers-choose-your-company {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.competitors {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.differentiates-your-product {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.communication-channels {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.creation-of-the-company {
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
}
.textarea-2.organizational-structure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-height: 120px;
max-width: 500px;
min-height: 80px;
min-width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
line-height: 50px;
}
.submit-button-3 {
margin-top: 20px;
border: 1px solid #d6d6d6;
border-radius: 20px;
background-color: transparent;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 16px;
font-weight: 500;
}
.submit-button-3.submit_button_partnership {
padding: 15px 30px;
border-radius: 50px;
}
.submit-button-3.submit_button_partnership:hover {
opacity: 0.8;
}
.submit-button-3.button_careers {
padding: 15px 25px;
border-radius: 50px;
}
.submit-button-3.button_careers:hover {
opacity: 0.8;
}
.part_2_bb {
margin-top: 80px;
}
.text-field-4 {
height: 50px;
margin-top: 15px;
margin-bottom: 10px;
border-radius: 7px;
font-family: 'Montserrat', sans-serif;
color: #000;
font-size: 17px;
}
.text-field-4.mail-text_field {
margin-top: 10px;
margin-bottom: 40px;
}
.text-field-4.mail-text_field.mail_text_partner {
margin-bottom: 10px;
}
.div-block-479 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.div-block-479.block_450 {
display: block;
}
.div-block-480 {
display: block;
margin-left: 70px;
}
.checkbox-field-parent {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0px;
float: left;
clear: left;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-radius: 3px;
background-color: #fff;
}
.actual-checkbox {
position: absolute;
left: -30px;
top: 20px;
bottom: 0px;
margin-top: 0px;
margin-left: 0px;
opacity: 1;
}
.actual-checkbox.hidden {
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: block;
width: 100%;
height: 100%;
opacity: 0;
}
.checkbox-field-label {
position: relative;
z-index: 2;
padding: 15px 25px 15px 45px;
border-radius: 3px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
text-transform: capitalize;
}
.checked {
position: absolute;
left: 15px;
top: 20px;
z-index: 0;
width: 30px;
height: 30px;
background-image: url("../614d9291dea079658c84d6ed_checked.png");
background-position: 50% 50%;
background-size: contain;
background-repeat: no-repeat;
}
.checked.hue {
left: 0px;
top: 10px;
background-image: url("../61504df2b3650cf337d587ef_uncheck.svg");
-webkit-filter: none;
filter: none;
}
.unchecked {
position: absolute;
left: 0px;
top: 10px;
bottom: 0px;
z-index: 0;
width: 30px;
height: 30px;
background-image: url("../61504e0f4f44a6b9d5cc10e2_check.svg");
background-position: 50% 50%;
background-size: contain;
}
.div-block-482 {
margin-bottom: 16px;
}
.div-block-483 {
margin-bottom: 40px;
}
.checkbox_wrap {
display: -ms-grid;
display: grid;
width: 100%;
margin-top: 20px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto auto;
grid-template-rows: auto auto auto auto;
}
.checkbox_wrap.checkbox_wrap_2 {
margin-bottom: 32px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.checkbox-field-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 24%;
height: 140px;
min-width: 150px;
margin-right: 6px;
margin-left: 6px;
-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;
}
.form12_checkbox_field {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 140px;
height: 120px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 22px 7px;
-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;
border-style: solid;
border-width: 1.2px;
border-color: rgba(62, 52, 200, 0.1);
border-radius: 8px;
background-color: #fff;
box-shadow: 1px 1px 35px 0 rgba(198, 211, 255, 0.28);
}
.form12_checkbox_field.form_second_field {
width: auto;
height: auto;
min-width: 0px;
padding-top: 0px;
}
.checkbox-5 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
z-index: 5;
width: 100%;
height: 100%;
margin-top: 0px;
margin-left: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
border-style: solid;
border-width: 2px;
border-color: transparent;
border-radius: 10px;
opacity: 0;
cursor: pointer;
}
.checkbox-5:active {
border: 1px solid #000;
}
.checkbox-image {
width: 160px;
}
.checkbox-image.ornament_image {
width: 60px;
}
.checkbox-image.text_image {
width: 90px;
margin-top: 9px;
}
.checkbox-image.text_image.bried_second_brand {
width: auto;
padding-bottom: 23px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.checkbox-image.monogram_image {
width: 90px;
}
.checkbox-image.abstract_image {
padding-top: 5px;
}
.checkbox-image.feminine_image {
width: 100px;
padding-top: 13px;
}
.checkbox-image.specific_image {
width: 80px;
}
.checkbox-image.children_image {
width: 100px;
padding-top: 12px;
}
.checkbox-image.retro_image {
width: 120px;
padding-top: 7px;
}
.checkbox-image.luxury_image {
padding-top: 2px;
}
.checkbox-title-2 {
position: absolute;
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0px;
padding-bottom: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 15px;
}
.div-block-484 {
margin-bottom: 60px;
}
.heading-90 {
margin-top: 6px;
margin-bottom: 0px;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 500;
}
.section-58 {
width: 100%;
height: 600px;
background-image: url("../61c431fae5220c8bbeca5a23_hero_image.png");
background-position: 50% 50%;
background-size: cover;
}
.hero_text_toyota {
padding-top: 100px;
text-align: center;
}
.heading-91 {
margin-top: 0px;
margin-bottom: 10px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 80px;
}
.paragraph-5 {
max-width: 25ch;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 28px;
line-height: 36px;
font-weight: 400;
}
.broshure-video {
display: block;
width: 100%;
padding-top: 160px;
padding-bottom: 0px;
}
.description_broshure-video {
text-align: center;
}
.broshure-video_two {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 600px;
margin-top: 52px;
margin-right: auto;
margin-left: auto;
-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;
text-align: left;
}
.broshure_category {
padding: 44px 30px 40px;
background-color: #fafafa;
}
.video_category {
padding: 44px 30px 40px;
background-color: #fafafa;
}
.image-139 {
max-height: 50px;
}
.div-block-489 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.heading-92 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 38px;
}
.div-block-490 {
margin-top: 26px;
text-align: center;
}
.div-block-491 {
margin-top: 7px;
text-align: center;
}
.paragraph-7 {
max-width: 20ch;
font-family: 'Montserrat', sans-serif;
font-size: 17px;
line-height: 22px;
font-weight: 400;
}
.div-block-492 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.broshure_block {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-top: 160px;
padding-right: 40px;
padding-left: 40px;
}
.title_broshure {
text-align: center;
}
.heading-93 {
max-width: 14ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 70px;
}
.heading-93.heading_vide {
color: #fff;
}
.paragraph-8 {
max-width: 33ch;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #86868b;
font-size: 26px;
line-height: 36px;
font-weight: 400;
}
.paragraph-8.subtitle_video_toyota {
color: #fff;
font-weight: 400;
}
.branding_toyota {
max-width: 980px;
margin-top: 72px;
margin-right: auto;
margin-left: auto;
}
.left_brand_toyota {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 22px;
-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;
}
.div-block-493 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 22px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.gallery_block {
width: 100%;
margin-top: 140px;
}
.div-block-494 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.div-block-495 {
width: 100%;
max-width: 300px;
}
.div-block-496 {
position: absolute;
left: 0px;
width: 100%;
max-width: 660px;
margin-top: 134px;
}
.paragraph-9 {
max-width: 22ch;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 24px;
font-weight: 500;
}
.div-block-497 {
padding-top: 44px;
}
.div-block-497.descriptioin_gallery_mobile {
display: none;
}
.video_broshure_list {
width: 100%;
max-width: 980px;
margin-top: 208px;
margin-right: auto;
margin-left: auto;
}
.heading-94 {
max-width: 40ch;
font-family: 'Montserrat', sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 24px;
font-weight: 500;
}
.bold-text-68 {
line-height: 24px;
font-weight: 500;
}
.div-block-498 {
margin-top: 34px;
}
.broshure_motion {
margin-top: 160px;
padding-top: 160px;
padding-bottom: 160px;
background-color: #f9f9f9;
}
.bold-text-69 {
font-family: 'Raleway', sans-serif;
font-weight: 700;
}
.heading-95 {
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 54px;
line-height: 62px;
text-align: center;
}
.loop_block_toyota {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
margin-top: 30px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.loop_block_toyota.loop_block_right {
margin-top: 70px;
}
.loop_toyota_inner {
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;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.broshure_img {
width: 100%;
max-width: 452px;
margin-right: 30px;
}
.video_block {
display: none;
padding-top: 200px;
padding-bottom: 200px;
background-color: #282830;
}
.video_3d_toyota {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-top: 71px;
margin-right: auto;
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;
}
.description_video_toyota {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 750px;
margin-top: 62px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.heading-96 {
max-width: 7ch;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 40px;
line-height: 48px;
font-weight: 500;
}
.paragraph-10 {
max-width: 38ch;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
}
.paragraph-11 {
margin-top: 17px;
margin-bottom: 0px;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 17px;
line-height: 27px;
font-weight: 500;
}
.gallery_video_toyota {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-top: 200px;
margin-right: auto;
margin-left: auto;
}
.div-block-499 {
width: 100%;
max-width: 470px;
}
.heading-97 {
max-width: 28ch;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 17px;
line-height: 26px;
font-weight: 500;
}
.div-block-500 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 50px;
-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;
}
.gallery_video_toyota_2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1920px;
margin-top: 160px;
-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;
}
.div-block-501 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
max-width: 50%;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.heading-98 {
max-width: 15ch;
margin-top: 36px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 26px;
line-height: 34px;
font-weight: 500;
}
.div-block-502 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
padding-right: 76px;
-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: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.div-block-503 {
width: 100%;
max-width: 980px;
margin-top: 200px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.heading-99 {
max-width: 9ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 96px;
line-height: 96px;
}
.responsive_brand_toyota {
display: none;
margin-right: auto;
margin-left: auto;
}
.logo_img {
width: 100%;
max-width: 490px;
margin-right: auto;
margin-bottom: 18px;
margin-left: auto;
}
.font_img {
width: 100%;
max-width: 490px;
margin-right: auto;
margin-bottom: 18px;
margin-left: auto;
}
.color_img {
width: 100%;
max-width: 490px;
margin-right: auto;
margin-left: auto;
}
.div-block-504 {
width: 100%;
max-width: 980px;
margin-top: 70px;
}
.contact_toyota {
width: 100%;
margin-top: 180px;
margin-bottom: 100px;
padding-bottom: 0px;
}
.contact_toyota.contact_toyota_video {
max-width: 1920px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 180px;
padding-bottom: 100px;
background-color: #fff;
}
.div-block-505 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
padding-top: 80px;
padding-bottom: 80px;
border-radius: 0px;
background-color: #f9f9f9;
}
.content_contact_toyota {
text-align: center;
}
.heading-100 {
display: inline-block;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 54px;
}
.paragraph-12 {
max-width: 38ch;
margin: 24px auto 40px;
font-family: 'Montserrat', sans-serif;
font-size: 26px;
line-height: 34px;
font-weight: 400;
}
.button_contact_toyota {
padding: 13px 28px;
border-style: solid;
border-width: 1px;
border-color: #d6d6d6;
border-radius: 50px;
background-color: #1d1d1f;
font-family: 'Montserrat', sans-serif;
color: #fff;
line-height: 18px;
font-weight: 500;
}
.button_contact_toyota:hover {
opacity: 0.8;
}
.div-block-506 {
display: none;
width: 100%;
}
.section-59 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-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;
}
.div-block-507 {
position: relative;
z-index: 99999;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 640px;
height: 361px;
-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: transparent;
}
.div-block-508 {
position: relative;
z-index: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.html-embed-3 {
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.div-block-510 {
position: absolute;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.div-block-513 {
max-width: 50px;
}
.hero_practice {
width: 100%;
max-width: 1920px;
padding-top: 80px;
}
.hero_title_practice {
margin-top: 0px;
text-align: center;
}
.heading-101 {
max-width: 13ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 74px;
text-align: center;
}
.illustration_practice {
width: 100%;
max-width: 1680px;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.about_outcrowd_school {
display: block;
width: 100%;
max-width: 992px;
margin-right: auto;
margin-left: auto;
padding-top: 120px;
padding-bottom: 120px;
padding-left: 80px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.right_practice {
margin-top: 30px;
}
.heading-102 {
max-width: 14ch;
margin-top: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
}
.div-block-514 {
margin-top: 38px;
}
.paragraph-13 {
position: static;
max-width: 52ch;
font-family: 'Futurapt book', sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 30px;
}
.gallery_practice {
display: none;
width: 100%;
max-width: 1324px;
margin-right: auto;
margin-left: auto;
-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;
}
.div-block-515 {
width: 100%;
max-width: 356px;
}
.div-block-516 {
width: 100%;
max-width: 547px;
}
.div-block-517 {
width: 100%;
max-width: 356px;
}
.div-block-518 {
width: 100%;
max-width: 356px;
margin-top: 32px;
}
.ideal-candidate {
margin-top: 0px;
padding-top: 120px;
}
.title_ideal-candidate {
width: 100%;
max-width: 992px;
margin-right: auto;
margin-left: auto;
padding-left: 80px;
}
.heading-103 {
max-width: 14ch;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
font-family: Googlesans, sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
text-align: center;
}
.paragraph-15 {
max-width: 36ch;
margin: 14px auto 0px;
font-family: 'Futurapt book', sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 30px;
text-align: center;
}
.grid_candidate {
width: 100%;
max-width: 980px;
margin-top: 72px;
margin-right: auto;
margin-left: auto;
}
.grid-29 {
margin-top: 20px;
grid-column-gap: 20px;
grid-row-gap: 0px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.div-block-519 {
width: 100%;
max-width: 480px;
}
.div-block-520 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 40px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f9f9f9;
}
.heading-104 {
margin-top: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 34px;
}
.paragraph-16 {
max-width: 28ch;
margin-top: 18px;
margin-bottom: 0px;
font-family: 'Futurapt book', sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 30px;
}
.div-block-521 {
display: block;
margin-top: 0px;
-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;
}
.steps_practice {
margin-top: 120px;
padding-top: 120px;
padding-bottom: 120px;
background-color: #f9f9f9;
}
.heading-105 {
max-width: 12ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
text-align: center;
}
.line_steps {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 814px;
margin-top: 98px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-522 {
width: 100%;
max-width: 29px;
}
.paragraph-17 {
max-width: 26ch;
margin-bottom: 0px;
font-family: 'Futurapt book', sans-serif;
color: #1d1d1f;
font-size: 17px;
line-height: 30px;
}
.div-block-523 {
margin-top: 474px;
}
.div-block-524 {
margin-top: 265px;
}
.div-block-524.div_525 {
margin-top: 448px;
}
.practice_finished {
padding-top: 120px;
padding-bottom: 120px;
}
.heading-106 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
text-align: center;
}
.grid_finish_practic {
width: 100%;
max-width: 980px;
margin-top: 70px;
margin-right: auto;
margin-left: auto;
}
.div-block-525 {
width: 100%;
max-width: 70px;
margin-right: auto;
margin-left: auto;
}
.heading-107 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 22px;
line-height: 34px;
}
.paragraph-18 {
max-width: 28ch;
margin-bottom: 0px;
font-family: Googlesans, sans-serif;
color: #8d8f9a;
font-size: 18px;
line-height: 28px;
}
.div-block-526 {
margin-top: 24px;
text-align: center;
}
.div-block-527 {
margin-top: 14px;
text-align: center;
}
.grid-30 {
grid-column-gap: 16px;
grid-row-gap: 70px;
}
.title_form_practice {
text-align: center;
}
.heading-108 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
text-align: center;
}
.button-9 {
margin-top: 34px;
padding: 15px 26px;
border-radius: 50px;
background-color: #2f8ced;
}
.illustration_footer {
width: 100%;
max-width: 926px;
margin: 70px auto;
}
.gallery_mobile {
width: 100%;
max-width: 992px;
margin-right: auto;
margin-left: auto;
}
.div-block-529 {
width: 100%;
max-width: 992px;
}
.grid-31 {
margin-top: 32px;
grid-column-gap: 32px;
grid-row-gap: 0px;
-ms-grid-columns: 604px 1fr;
grid-template-columns: 604px 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.div-block-530 {
width: 100%;
max-width: 604px;
}
.div-block-531 {
width: 100%;
max-width: 356px;
}
.div-block-532 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-533 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-534 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-535 {
padding-right: 22px;
padding-left: 22px;
}
.choices {
margin-top: 20px;
margin-bottom: 25px;
}
.radio-button-field {
margin-bottom: 10px;
}
.radio-button {
overflow: visible;
width: 18px;
height: 18px;
}
.radio-button.w--redirected-checked {
border-color: #2f8ced;
background-color: #fff;
}
.radio-button-label {
margin-bottom: 0px;
padding-top: 3px;
padding-left: 9px;
font-family: Googlesans, sans-serif;
font-size: 17px;
}
.div-block-537 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 72px;
-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: #fff;
}
.link-16 {
color: #458df0;
text-decoration: none;
}
.link-16:hover {
text-decoration: underline;
}
.div-block-539 {
display: none;
}
.div-block-540 {
display: none;
}
.hero_erik_section {
width: 100%;
max-width: 1920px;
}
.div-block-541 {
margin-top: 118px;
}
.title_hero_erik {
max-width: 980px;
margin-right: auto;
margin-left: auto;
font-weight: 400;
}
.heading-110 {
margin-top: 18px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 48px;
line-height: 58px;
font-weight: 500;
}
.div-block-542 {
width: 100%;
max-width: 1920px;
margin-top: 86px;
}
.svitoglyad {
width: 100%;
max-width: 1920px;
padding-top: 100px;
padding-bottom: 100px;
}
.div-block-543 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.h3_pract {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 36px;
font-weight: 500;
}
.div-block-544 {
margin-top: 20px;
}
.paragraph-19 {
max-width: 70ch;
font-family: Googlesans, sans-serif;
color: #8d8f99;
font-size: 20px;
line-height: 30px;
font-weight: 400;
}
.paragraph-19.paragraph_slide {
max-width: 65ch;
}
.persistence_erik {
width: 100%;
max-width: 1920px;
padding-top: 100px;
padding-bottom: 100px;
background-color: #fafafa;
}
.persistence_title {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.div-block-545 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.div-block-546 {
padding-right: 80px;
}
.motivation_erik {
width: 100%;
max-width: 1920px;
padding-top: 100px;
padding-bottom: 100px;
}
.illustration_motivation_school {
width: 100%;
max-width: 1920px;
}
.steps_goals_erik {
padding-top: 100px;
padding-bottom: 0px;
}
.paragraph-20 {
max-width: 46ch;
margin-right: auto;
margin-left: auto;
font-family: Googlesans, sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 32px;
font-weight: 500;
text-align: center;
}
.div-block-547 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-top: 100px;
margin-right: auto;
margin-left: auto;
}
.div-block-548 {
width: 100%;
max-width: 44px;
}
.div-block-549 {
margin-left: 50px;
}
.div-block-550 {
margin-top: 178px;
}
.div-block-551 {
margin-top: 142px;
}
.div-block-552 {
margin-top: 118px;
}
.div-block-553 {
width: 100%;
max-width: 980px;
margin-top: 100px;
margin-right: auto;
margin-left: auto;
border-bottom: 1px solid #e5e5e5;
}
.resources_school {
margin-top: 0px;
padding-top: 100px;
padding-bottom: 100px;
}
.div-block-554 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-111 {
max-width: 28ch;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
font-weight: 500;
text-align: left;
}
.div-block-555 {
width: 100%;
max-width: 980px;
margin-top: 84px;
margin-right: auto;
margin-left: auto;
}
.div-block-556 {
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;
}
.div-block-556.div_556_second {
margin-top: 84px;
}
.heading-112 {
max-width: 14ch;
margin-top: 0px;
margin-bottom: 0px;
font-family: Googlesans, sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 36px;
font-weight: 500;
}
.link-17 {
font-family: Googlesans, sans-serif;
color: #4446a3;
font-size: 26px;
line-height: 36px;
font-weight: 400;
text-decoration: none;
}
.link-17:hover {
text-decoration: underline;
}
.div-block-557 {
max-width: 660px;
}
.div-block-558 {
margin-top: 34px;
}
.hero_test {
width: 100%;
height: 650px;
padding-top: 74px;
background-image: url("../623c6d89fea0102000cc7886_hero_image.jpg");
background-position: 50% 50%;
background-size: cover;
}
.heading-113 {
max-width: 16ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 48px;
line-height: 54px;
font-weight: 600;
text-align: center;
}
.link_figma_test {
width: 100%;
max-width: 1920px;
padding-top: 118px;
padding-bottom: 118px;
}
.heading-114 {
max-width: 49ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 32px;
font-weight: 600;
text-align: center;
}
.heading-114.test_next_title {
margin-top: 34px;
margin-bottom: 34px;
}
.div-block-559 {
font-family: Googlesans, sans-serif;
text-align: center;
}
.link-18 {
font-family: Gilroy, sans-serif;
color: #4446a3;
font-size: 21px;
line-height: 32px;
font-weight: 600;
text-decoration: none;
}
.link-18:hover {
text-decoration: underline;
}
.bold-text-72 {
color: #1d1d1f;
}
.section-62 {
width: 100%;
height: 900px;
max-width: 1920px;
margin-top: 160px;
margin-bottom: 160px;
padding-top: 120px;
padding-left: 80px;
background-image: url("../623ff5d7b4ae644c28f5c63b_image_research.jpg");
background-position: 50% 50%;
background-size: cover;
}
.paragraph-21 {
max-width: 16ch;
margin-bottom: 0px;
font-family: 'Montserrat', sans-serif;
color: #a1a1ad;
font-size: 19px;
line-height: 28px;
font-weight: 500;
}
.paragraph-22 {
max-width: 16ch;
margin-top: 24px;
font-family: 'Montserrat', sans-serif;
color: #fff;
font-size: 19px;
line-height: 28px;
font-weight: 500;
}
.div-block-561 {
display: none;
}
.div-block-562 {
display: none;
}
.div-block-563 {
width: 100%;
height: 1px;
background-color: #f1f1f4;
}
.section-63 {
position: relative;
width: 100%;
height: 1200vh;
max-width: 1920px;
background-color: transparent;
}
.div-block-564 {
position: -webkit-sticky;
position: sticky;
top: 100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100vh;
-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;
}
.json_1 {
position: absolute;
overflow: hidden;
width: 100%;
max-width: 1920px;
}
.div-block-565 {
width: 100%;
/* max-width: 282px; */
}
.div-block-566 {
width: 100%;
max-width: 250px;
}
.div-block-567 {
width: 100%;
max-width: 260px;
}
.div-block-568 {
width: 100%;
max-width: 296px;
}
.div-block-569 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
width: 100%;
height: 100%;
font-family: 'Montserrat', sans-serif!important;
}
.div-block-569.toyota_link {
display: none;
}
.div-block-569.veni_banner_link {
display: none;
}
.div-block-569.short_banner_link {
display: none;
}
.div-block-569.planet_banner_link {
display: none;
}
.div-block-569.clover_banner_link {
display: none;
}
.div-block-570 {
padding-top: 3px;
padding-left: 8px;
}
.image-142 {
background-color: transparent;
}
.project_description {
padding-top: 160px;
padding-bottom: 0px;
}
.div-block-571 {
text-align: center;
}
.heading-116 {
max-width: 44ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 34px;
}
.heading-116.title_json_3_toyota {
display: block;
max-width: 38ch;
color: #fff;
text-align: center;
}
.heading-116.title_json_3_toyota.second_text_json_3 {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: 0%;
display: block;
max-width: 30ch;
margin-right: auto;
margin-left: auto;
}
.paragraph-23 {
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 34px;
font-weight: 700;
}
.heading-117 {
max-width: 16ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 34px;
line-height: 40px;
}
.heading-117.heading_1_title_toyota {
font-size: 80px;
line-height: 84px;
}
.div-block-573 {
position: static;
display: block;
width: 100%;
padding-top: 140px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.json_2 {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
max-width: 1920px;
margin-top: 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.video_toyota_section {
position: relative;
z-index: 10;
width: 100%;
max-width: 1920px;
margin-top: 0px;
padding-top: 120px;
padding-right: 40px;
padding-left: 40px;
background-color: #000;
}
.vimeo_video_toyota {
width: 100%;
max-width: 1200px;
margin: 60px auto 90px;
}
.description_vimeo_toyota {
display: block;
width: 100%;
max-width: 880px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.right_vimeo_description {
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;
text-align: center;
}
.paragraph-24 {
max-width: 36ch;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
font-weight: 400;
text-align: left;
}
.paragraph-24.text_second_toyota {
margin-top: 34px;
}
.details_toyota_video {
position: relative;
width: 100%;
max-width: 1920px;
padding: 190px 40px 200px;
background-color: #000;
}
.title_detail_toyota {
text-align: center;
}
.heading-120 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 80px;
line-height: 80px;
}
.div-block-575 {
width: 100%;
max-width: 980px;
margin: 80px auto 100px;
}
.title_vimeo_text {
position: relative;
text-align: center;
}
.heading-121 {
max-width: 18ch;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.heading-121.heading_strength {
max-width: 14ch;
}
.body-3 {
background-color: #000;
color: #000;
}
.paragraph-26 {
max-width: 57ch;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
font-weight: 400;
}
.first_row_toyota {
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;
}
.div-block-577 {
width: 100%;
max-width: 758px;
margin-top: 70px;
margin-right: auto;
margin-left: auto;
}
.heading-122 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 20px;
line-height: 20px;
}
.paragraph-27 {
width: 30ch;
margin-top: 16px;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
}
.div-block-578 {
display: none;
margin-top: 200px;
}
.heading-123 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 26px;
line-height: 26px;
}
.div-block-579 {
text-align: center;
}
.heading-124 {
color: #a1a1a6;
font-size: 80px;
line-height: 80px;
}
.div-block-580 {
margin-top: 80px;
}
.section-64 {
position: relative;
width: 100%;
height: 600px;
max-width: 1920px;
padding-top: 80px;
padding-left: 120px;
background-image: url("../624702bff7c7330da14593da_case_toyota2.jpg");
background-position: 50% 50%;
background-size: cover;
}
.paragraph-28 {
max-width: 27ch;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
}
.paragraph-29 {
position: static;
top: 330px;
margin: 12px auto 0px;
font-family: 'Helveticanowdisplay extlt', sans-serif;
color: #a1a1a6;
font-size: 48px;
line-height: 59px;
font-weight: 300;
}
.section-69 {
position: relative;
width: 100%;
height: 600vh;
max-width: 1920px;
padding-top: 100px;
background-color: #000;
}
.div-block-588 {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100vh;
-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;
}
.json_3_toyota {
overflow: visible;
width: 100%;
max-width: 900px;
margin-right: auto;
margin-left: auto;
}
.json_3_toyota.mobile_json_3 {
display: none;
}
.div-block-589 {
position: absolute;
top: 189px;
width: 100%;
}
.section-70 {
position: relative;
width: 100%;
max-width: 1920px;
padding: 200px 40px 0px;
background-color: #fff;
}
.div-block-590 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-125 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 120px;
line-height: 130px;
}
.div-block-591 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 84px;
}
.div-block-591.second_photo_toyota {
margin-top: 160px;
}
.div-block-592 {
width: 100%;
max-width: 450px;
}
.div-block-593 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-right: 80px;
padding-left: 80px;
-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;
}
.div-block-593.second_text_toyota_images.second_text_toyota_mobile {
display: none;
}
.paragraph-30 {
max-width: 25ch;
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 32px;
font-weight: 700;
}
.div-block-594 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 500px;
max-width: 980px;
margin-top: 180px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-left: 80px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-image: url("../62446e5795d0bc1dd456e749_Toyota%204.jpg");
background-position: 50% 50%;
background-size: cover;
}
.paragraph-31 {
max-width: 24ch;
margin-top: 24px;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
}
.paragraph-31.parag_toyota_case_broshure {
max-width: 26ch;
margin-top: 18px;
}
.div-block-595 {
width: 100%;
max-width: 980px;
margin: 100px auto;
}
.div-block-596 {
position: relative;
top: -60px;
}
.heading-127 {
display: block;
margin-right: auto;
margin-left: auto;
color: #fff;
font-size: 80px;
line-height: 84px;
}
.div-block-597 {
position: absolute;
left: 0%;
top: 4%;
right: 0%;
bottom: 0%;
z-index: 2;
display: block;
text-align: center;
}
.section-71 {
width: 100%;
max-width: 1920px;
padding-right: 40px;
padding-bottom: 200px;
padding-left: 40px;
}
.heading-128 {
max-width: 12ch;
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 34px;
line-height: 42px;
}
.div-block-598 {
padding-right: 0px;
text-align: left;
}
.heading-129 {
max-width: 17ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 32px;
line-height: 40px;
text-align: center;
}
.div-block-599 {
position: absolute;
top: 473.382px;
z-index: 1;
margin-right: auto;
margin-left: auto;
}
.div-block-600 {
width: 100%;
max-width: 1920px;
}
.section-72 {
position: relative;
z-index: 1;
}
.hero_partnership {
overflow: hidden;
width: 100%;
height: 100vh;
max-width: 1920px;
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-603 {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-right: 60px;
padding-left: 60px;
}
.heading-130 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 96px;
line-height: 84px;
}
.paragraph-32 {
margin-top: 28px;
margin-bottom: 0px;
font-family: 'Montserrat', sans-serif;
color: #8d8f9a;
font-size: 24px;
line-height: 40px;
}
.div-block-604 {
width: 100%;
height: 500px;
max-width: 1920px;
margin-top: 70px;
background-image: url("../624d3bfefaecb50171a09050_ill_form_partner.svg");
background-position: 50% 0%;
background-size: auto;
background-repeat: no-repeat;
}
.section-73 {
display: block;
padding-top: 140px;
padding-bottom: 140px;
}
.div-block-605 {
font-family: 'Raleway', sans-serif;
text-align: center;
}
.heading-131 {
color: #1d1d1f;
font-size: 26px;
line-height: 34px;
}
.div-block-606 {
margin-top: 100px;
}
.div-block-608 {
margin-top: 0px;
text-align: center;
}
.heading-132 {
max-width: 18ch;
margin: 0px auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 48px;
line-height: 54px;
}
.second_icon_partnership {
margin-top: 80px;
}
.partner_section {
width: 100%;
max-width: 1920px;
padding: 120px 60px 0px;
background-color: #000;
}
.heading-133 {
max-width: 18ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 54px;
line-height: 60px;
}
.div-block-609 {
text-align: center;
}
.paragraph-33 {
max-width: 40ch;
margin-top: 24px;
margin-right: auto;
margin-left: auto;
color: #8d8f9a;
font-size: 24px;
line-height: 34px;
}
.paragraph-33.paragraph_careers {
max-width: 44ch;
}
.div-block-610 {
width: 100%;
max-width: 980px;
margin-top: 54px;
margin-right: auto;
margin-left: auto;
}
.div-block-611 {
margin-top: 70px;
}
.div-block-612 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 758px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.heading-134 {
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 20px;
}
.paragraph-34 {
max-width: 24ch;
margin-top: 10px;
margin-bottom: 0px;
font-family: 'Montserrat', sans-serif;
color: #8d8f9a;
font-size: 17px;
line-height: 28px;
}
.paragraph-34.integration_paragraph {
max-width: 28ch;
}
.section-75 {
width: 100%;
max-width: 1920px;
padding: 200px 60px;
}
.div-block-613 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.paragraph-35 {
max-width: 45ch;
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 28px;
font-weight: 700;
}
.div-block-614 {
width: 100%;
max-width: 980px;
margin-top: 50px;
}
.div-block-615 {
margin-top: 100px;
}
.div-block-616 {
width: 100%;
max-width: 830px;
margin-right: auto;
margin-left: auto;
}
.grid-32 {
grid-column-gap: 98px;
grid-row-gap: 0px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.grid-32.grid_collaboration_2 {
margin-top: 100px;
}
.grid-32.grid_collaboration_3 {
margin-top: 100px;
}
.div-block-617 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 520px;
-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;
}
.paragraph-36 {
max-width: 24ch;
font-family: Helveticanowdisplay, sans-serif;
font-size: 21px;
line-height: 28px;
font-weight: 700;
}
.paragraph-36.text_grid_second {
max-width: 22ch;
}
.become_partner {
padding-top: 130px;
padding-bottom: 130px;
background-color: #e8e8ed;
}
.paragraph-37 {
max-width: 24ch;
margin-right: auto;
margin-left: auto;
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
font-size: 54px;
line-height: 54px;
font-weight: 700;
}
.div-block-618 {
text-align: center;
}
.social-network {
width: 80px;
height: 80px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
border-radius: 8px;
background-color: #fff;
text-align: center;
}
.button-10 {
padding: 15px 30px;
border-radius: 50px;
background-color: #1d1d1f;
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
font-family: Googlesans, sans-serif;
color: #fff;
font-size: 17px;
font-weight: 400;
}
.button-10:hover {
background-color: rgba(29, 29, 31, 0.8);
}
.button-10.partner-button {
margin-top: 32px;
}
.button-10.white {
margin-top: 40px;
background-color: #fff;
color: #1d1d1f;
font-weight: 500;
}
.button-10.white:hover {
background-color: rgba(255, 255, 255, 0.9);
}
.div-block-620 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-135 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 80px;
line-height: 86px;
}
.div-block-621 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-bottom: 60px;
margin-left: auto;
}
.section-76 {
position: absolute;
top: 0px;
width: 100%;
height: 100vh;
max-width: 1920px;
}
.div-block-627 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.div-block-628 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50%;
-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;
}
.div-block-629 {
width: 50%;
height: 100vh;
background-image: url("../624d3bfefaecb50171a09050_ill_form_partner.svg");
background-position: 50% 50%;
background-size: cover;
}
.bold-text-76 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
}
.paragraph-38 {
font-family: 'Montserrat', sans-serif;
color: #8d8f9a;
font-size: 17px;
}
.div-block-630 {
max-width: 400px;
min-width: 400px;
margin-top: 40px;
}
.bold-text-77 {
font-family: 'Raleway', sans-serif;
}
.button-11 {
margin-top: 10px;
padding: 15px 30px;
border-style: solid;
border-width: 2px;
border-color: rgba(161, 161, 166, 0.3);
border-radius: 50px;
background-color: transparent;
font-family: Googlesans, sans-serif;
font-size: 17px;
}
.button-11:hover {
opacity: 0.8;
}
.heading-136 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 34px;
}
.section-77 {
max-width: 1920px;
}
.div-block-631 {
margin-top: 12px;
text-align: center;
}
.hero_careers {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 80px;
padding-right: 60px;
padding-left: 60px;
}
.hero_title_careers {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-137 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 80px;
line-height: 80px;
}
.paragraph-39 {
margin-top: 10px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 48px;
line-height: 58px;
font-weight: 400;
}
.hero_photos_careers {
width: 100%;
max-width: 1280px;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
}
.grid-33 {
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;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.div-block-634 {
width: 100%;
height: 400px;
max-width: 476px;
background-image: url("../62555342e155f1e11d4553d2_img_1.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.div-block-635 {
width: 100%;
max-width: 292px;
background-image: url("../62555356374baeb483ad6815_img_2.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.div-block-636 {
width: 100%;
max-width: 476px;
background-image: url("../625553b724ff2c6e61e748a6_img_3.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.grid-34 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 16px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.div-block-637 {
width: 100%;
height: 400px;
max-width: 320px;
background-image: url("../625557d4bd70e0bf2b018700_img_4.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.div-block-638 {
width: 100%;
max-width: 448px;
background-image: url("../625557f6e3c0df37970ed145_img_5.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.div-block-639 {
width: 100%;
max-width: 476px;
background-image: url("../62555823bd70e07456018a4c_img_6.jpg");
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.div-block-640 {
display: none;
width: 100%;
margin-top: 16px;
padding-top: 90px;
padding-bottom: 90px;
padding-left: 150px;
background-color: #f8f8fa;
}
.heading-138 {
max-width: 13ch;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 80px;
line-height: 80px;
}
.paragraph-40 {
max-width: 40ch;
margin-top: 28px;
font-family: 'Montserrat', sans-serif;
color: #a1a1a6;
font-size: 24px;
line-height: 36px;
}
.button_content_careers {
display: none;
margin-top: 80px;
text-align: center;
}
.button-12 {
padding: 15px 35px;
border-radius: 50px;
background-color: #1d1d1f;
font-family: Googlesans, sans-serif;
font-size: 17px;
}
.button-12:hover {
opacity: 0.8;
}
.hot_vacancies_section {
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-top: 140px;
padding-bottom: 140px;
}
.div-block-641 {
text-align: center;
}
.heading-139 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 26px;
line-height: 26px;
}
.vacancies_block {
margin-top: 100px;
}
.heading-140 {
max-width: 13ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 54px;
line-height: 60px;
text-align: center;
}
.div-block-642 {
margin-top: 100px;
text-align: center;
}
.div-block-642.ui-ux_careers_block {
display: block;
}
.link-19 {
font-family: Googlesans, sans-serif;
color: #448df0;
font-size: 20px;
line-height: 24px;
text-decoration: none;
}
.link-19:hover {
text-decoration: underline;
}
.div-block-643 {
margin-top: 24px;
}
.image-145 {
padding: 0px 0px 3px 10px;
}
.being-our-teammate {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-top: 140px;
padding-bottom: 140px;
background-color: #f8f8fa;
}
.div-block-644 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-141 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 72px;
}
.div-block-645 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.values_careers {
width: 100%;
padding-top: 200px;
padding-bottom: 200px;
background-color: #000;
}
.div-block-646 {
width: 100%;
max-width: 726px;
margin-right: auto;
margin-left: auto;
}
.heading-142 {
max-width: 12ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 64px;
line-height: 70px;
text-align: center;
}
.grid-35 {
margin-top: 90px;
grid-column-gap: 16px;
grid-row-gap: 80px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-647 {
width: 100%;
max-width: 84px;
}
.heading-143 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 19px;
line-height: 21px;
}
.div-block-648 {
margin-top: 25px;
}
.paragraph-41 {
max-width: 15ch;
font-family: Montserrat, sans-serif;
color: #a1a1a6;
font-size: 15px;
line-height: 24px;
}
.div-block-649 {
margin-top: 12px;
}
.div-block-650 {
width: 100%;
max-width: 1294px;
margin-top: 200px;
margin-right: auto;
margin-left: auto;
}
.title_photo_careers {
text-align: center;
}
.heading-144 {
max-width: 12ch;
margin-right: auto;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 64px;
line-height: 72px;
}
.div-block-651 {
display: none;
width: 100%;
max-width: 1324px;
margin-right: auto;
margin-left: auto;
}
.div-block-652 {
width: 100%;
max-width: 992px;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
.section-79 {
padding-top: 130px;
padding-bottom: 130px;
}
.title_careers_button {
text-align: center;
}
.heading-145 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
line-height: 64px;
}
.button-13 {
padding: 15px 35px;
border-radius: 50px;
background-color: #1d1d1f;
font-family: Googlesans, sans-serif;
color: #fff;
font-size: 17px;
}
.button-13:hover {
opacity: 0.8;
}
.div-block-653 {
margin-top: 34px;
}
.section-81 {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.left_careers {
padding: 200px 50px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.right_careers {
position: -webkit-sticky;
position: sticky;
top: 0px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 120vh;
padding-top: 60px;
padding-right: 50px;
padding-left: 50px;
-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;
background-color: #fafafa;
}
.info_vacancies {
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;
}
.heading-146 {
opacity: 1;
font-family: Helveticanowdisplay, sans-serif;
color: #1d1d1f;
line-height: 48px;
}
.heading-146.not_active_30 {
opacity: 0.3;
}
.link-20 {
padding-top: 4px;
padding-left: 10px;
font-family: Googlesans, sans-serif;
color: #a1a1a6;
font-weight: 500;
text-decoration: none;
}
.link-20:hover {
text-decoration: underline;
}
.div-block-655 {
margin-top: 48px;
}
.heading-147 {
margin-bottom: 18px;
opacity: 1;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 21px;
line-height: 34px;
}
.div-block-656 {
margin-top: 60px;
}
.div-block-656.block_opacity_30 {
opacity: 0.3;
}
.paragraph-42 {
max-width: 44ch;
margin-top: 24px;
opacity: 1;
font-family: Montserrat, sans-serif;
color: #4b4b4b;
font-size: 17px;
line-height: 28px;
font-weight: 400;
text-transform: none;
}
.paragraph-42.opacity_30 {
opacity: 0.3;
}
.text-span-33 {
max-width: 10ch;
text-transform: none;
}
.div-block-657 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
max-width: 350px;
-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;
}
.div-block-658 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.careers_ui-ux {
max-width: 450px;
margin-right: auto;
margin-left: auto;
}
.bold-text-78 {
font-weight: 600;
}
.div-block-660 {
width: 100%;
max-width: 8px;
}
.div-block-661 {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.image-146 {
max-width: 130%;
}
.success-message {
background-color: #1d1d1f;
}
.text-block-59 {
font-family: Helveticanowdisplay, sans-serif;
color: #fff;
}
.text-block-60 {
color: #fff;
}
.success-message-2 {
background-color: #1d1d1f;
}
.text-span-34 {
font-weight: 600;
}
.bold-text-79 {
line-height: 48px;
}
.text-span-35 {
font-weight: 600;
}
.button_contact {
padding: 12px 18px;
border-radius: 50px;
background-color: #f6f6f6;
font-family: Googlesans, sans-serif;
color: #1d1d1f;
}
.button_contact:hover {
opacity: 0.8;
}
.templates_section {
width: 100%;
max-width: 1920px;
margin: 72px auto 200px;
}
.tabs_template {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.tabs-4 {
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;
}
.tabs-menu-4 {
position: fixed;
top: 184px;
z-index: 1;
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;
}
.tab-link-tab-1 {
padding-top: 0px;
padding-bottom: 0px;
background-color: transparent;
color: #a1a1a6;
}
.tab-link-tab-1.w--current {
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-weight: 500;
}
.tab-link-tab-2 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: 'Raleway', sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-2.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-3-2 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: 'Raleway', sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-3-2.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-4 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: 'Raleway', sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-4.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tabs-content-3 {
position: relative;
top: 40px;
right: -100px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 720px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
}
.paragraph-43 {
font-family: 'Raleway', sans-serif;
color: #558de9;
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
.image-147 {
padding-bottom: 0px;
padding-left: 8px;
}
.tab-pane-tab-2-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-662 {
display: block;
width: 100%;
max-width: 720px;
margin-top: 34px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.heading-148 {
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 64px;
}
.voter.outcrowd_event {
margin-bottom: 100px;
}
.langodjango {
margin-top: 100px;
}
.daily-task {
margin-top: 100px;
}
.div-block-663 {
margin-top: 24px;
}
.heading-149 {
margin-bottom: 64px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 19px;
line-height: 19px;
}
.tab-link-tab-5 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: Helveticanowdisplay, sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-5.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-6 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: Helveticanowdisplay, sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-6.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-7 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: Helveticanowdisplay, sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-7.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-8 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: Helveticanowdisplay, sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-8.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-9 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: Helveticanowdisplay, sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-9.w--current {
background-color: #fff;
color: #1d1d1f;
}
.tab-link-tab-10 {
margin-top: 16px;
padding-top: 0px;
padding-bottom: 0px;
background-color: #fff;
font-family: Helveticanowdisplay, sans-serif;
color: #a1a1a6;
font-weight: 500;
}
.tab-link-tab-10.w--current {
background-color: #fff;
color: #1d1d1f;
}
.paragraph-44 {
max-width: 41ch;
font-family: Helveticanowdisplay, sans-serif;
color: #e5485c;
font-size: 16px;
line-height: 24px;
font-weight: 500;
}
.hero_event {
width: 100%;
max-width: 1920px;
padding-top: 128px;
padding-bottom: 160px;
}
.heading-150 {
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #86868b;
font-size: 28px;
line-height: 38px;
font-weight: 400;
}
.div-block-665 {
text-align: center;
}
.heading-151 {
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 80px;
line-height: 90px;
}
.video_event {
width: 100%;
max-width: 980px;
margin-top: 80px;
margin-right: auto;
margin-left: auto;
}
.grid_text {
width: 100%;
max-width: 810px;
margin-top: 88px;
margin-right: auto;
margin-left: auto;
}
.grid-36 {
margin-top: 80px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.heading-152 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
font-size: 32px;
line-height: 40px;
}
.paragraph-45 {
max-width: 32ch;
margin-top: 24px;
font-family: 'Raleway', sans-serif;
color: #86868b;
font-size: 18px;
line-height: 24px;
}
.spikers {
padding-top: 160px;
padding-bottom: 160px;
background-color: #fafafa;
}
.div-block-666 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.speaker_1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.speaker_1.speaker_3 {
margin-top: 120px;
}
.heading-153 {
margin-bottom: 80px;
font-size: 64px;
line-height: 72px;
}
.skeacker_1_content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 96px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.heading-154 {
max-width: 12ch;
margin-top: 0px;
margin-bottom: 12px;
font-family: 'Raleway', sans-serif;
color: #1d1d1f;
font-size: 40px;
line-height: 48px;
}
.heading-155 {
margin-top: 0px;
margin-bottom: 0px;
font-family: 'Raleway', sans-serif;
color: #a1a1a6;
font-size: 18px;
line-height: 26px;
font-weight: 500;
}
.paragraph-46 {
max-width: 38ch;
margin-top: 40px;
margin-bottom: 0px;
font-family: Gilroy, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
}
.speaker_2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 120px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.speacker_2_content {
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;
}
.speaker_3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.section-83 {
padding-top: 160px;
padding-bottom: 160px;
background-color: #1d1d1f;
}
.div-block-667 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.heading-156 {
font-family: Gilroy, sans-serif;
color: #fff;
font-size: 64px;
line-height: 72px;
}
.time_event {
margin-top: 72px;
}
.grid-37 {
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.grid-37.grid_2_time {
margin-top: 72px;
}
.heading-157 {
font-family: Gilroy, sans-serif;
color: #a1a1a6;
font-size: 18px;
line-height: 24px;
}
.heading-158 {
margin-bottom: 0px;
font-family: Gilroy, sans-serif;
color: #fff;
line-height: 40px;
}
.paragraph-47 {
max-width: 24ch;
margin-top: 10px;
font-family: Gilroy, sans-serif;
color: #fff;
font-size: 24px;
line-height: 28px;
}
.div-block-668 {
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;
}
.bold-text-80 {
font-family: Helveticanowdisplay, sans-serif;
}
.div_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-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;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.html-embed-6 {
display: block;
margin-top: 100px;
margin-bottom: 0px;
}
.html-embed-6.none {
display: none;
}
.form-block {
display: none;
}
.image-148 {
min-width: 100%;
}
.gallery_our_brand {
position: relative;
overflow: visible;
width: 100%;
height: 312.2ch;
max-width: 980px;
margin-right: auto;
margin-left: auto;
-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;
}
.div-block-672 {
position: absolute;
left: -52px;
top: -6px;
width: 661px;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.div-block-673 {
position: absolute;
top: 130px;
right: 130px;
width: 288px;
}
.div-block-674 {
position: absolute;
left: 191px;
top: 459px;
width: 390px;
}
.div-block-675 {
position: absolute;
top: 494px;
right: -146px;
width: 644px;
}
.div-block-677 {
position: absolute;
left: -287px;
top: 947px;
width: 1092px;
}
.brand_bl {
position: relative;
overflow: visible;
}
.div-block-678 {
position: absolute;
top: 937px;
right: 125px;
width: 293px;
}
.div-block-679 {
position: absolute;
left: 70px;
top: 1517px;
width: 511px;
}
.div-block-680 {
position: absolute;
top: 1370px;
right: -169px;
width: 391px;
}
.div-block-681 {
position: absolute;
top: 1924px;
right: -402px;
width: 1092px;
}
.section-brands {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
padding-top: 120px;
padding-bottom: 224px;
-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;
background-color: #f5f5f7;
}
.section-brands-mobile {
display: none;
overflow: hidden;
width: 100%;
max-width: 100%;
min-width: 100%;
padding-top: 120px;
padding-bottom: 224px;
-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;
background-color: #f5f5f7;
}
.image-151 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.description-hero-22 {
margin-top: 28px;
margin-bottom: 0px;
font-family: Montserrat, sans-serif;
color: #8d8f9a;
font-size: 22px;
line-height: 40px;
}
.grid-partner-about {
padding-left: 40px;
grid-column-gap: 40px;
grid-row-gap: 0px;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.grid-partner-about.reverse {
margin-top: 128px;
margin-bottom: 128px;
padding-left: 0px;
}
.container-980 {
width: 100%;
max-width: 980px;
margin-right: auto;
margin-left: auto;
}
.title-40 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 40px;
line-height: 48px;
font-weight: 700;
}
.title-40.partner {
margin-bottom: 16px;
color: #1d1d1f;
}
.text-20 {
margin-bottom: 0px;
color: #8d8f9a;
font-size: 20px;
line-height: 40px;
}
.circle-button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 56px;
height: 56px;
margin-top: 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;
border-radius: 100%;
background-color: #f8f8fa;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.circle-button:hover {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.partner-dark {
width: 100%;
max-width: 1920px;
padding: 128px 60px;
background-color: #1d1d1f;
}
.partner-dark-image-box {
overflow: hidden;
width: 100%;
max-width: 980px;
margin: 0px auto 64px;
border-radius: 8px;
}
.title-32 {
margin-bottom: 40px;
color: #1d1d1f;
font-size: 32px;
line-height: 40px;
font-weight: 700;
}
.social-neworks {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
grid-column-gap: 16px;
}
.social-network-copy {
width: 80px;
height: 80px;
margin-top: 40px;
margin-right: auto;
margin-left: auto;
border-radius: 8px;
background-color: #fff;
text-align: center;
}
.social-network-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 80px;
height: 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-radius: 8px;
background-color: #fff;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-network-box:hover {
background-color: hsla(0, 0%, 100%, 0.5);
}
.div-block-682 {
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;
}
.div-block-683 {
max-width: 37ch;
}
.social-network-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-84 {
padding-top: 200px;
padding-bottom: 200px;
}
.heading-159 {
margin-top: 0px;
margin-bottom: 16px;
color: #1d1d1f;
font-size: 56px;
line-height: 88px;
}
.heading-159.white {
color: #fff;
}
.heading-159.offer {
margin-bottom: 56px;
color: #fff;
}
.div-block-684 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 128px;
-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;
grid-column-gap: 40px;
}
.how-work-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.how-work-image-box {
margin-bottom: 32px;
}
.text-18 {
color: #8d8f9a;
font-size: 18px;
line-height: 28px;
}
.title-how-work {
margin-top: 4px;
margin-bottom: 4px;
color: #1d1d1f;
font-size: 20px;
line-height: 28px;
font-weight: 700;
}
.image-152 {
width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.div-block-685 {
max-width: 1680px;
}
.div-block-686 {
max-width: 90%;
margin-top: 66px;
margin-right: auto;
margin-left: auto;
}
.section-85 {
padding-top: 128px;
padding-bottom: 128px;
background-color: #1d1d1f;
}
.image-154 {
height: 520px;
-o-object-fit: cover;
object-fit: cover;
}
.v-tab_link {
padding: 12px 18px;
border-radius: 100px;
background-color: transparent;
-webkit-transition: color 200ms ease;
transition: color 200ms ease;
color: #77787b;
font-size: 16px;
line-height: 24px;
font-weight: 700;
text-align: center;
}
.v-tab_link:hover {
color: #b2b3b3;
}
.v-tab_link.w--current {
background-color: hsla(0, 0%, 100%, 0.16);
color: #fff;
}
.v-tab_menu {
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;
grid-column-gap: 16px;
}
.video {
width: 100%;
height: 10%;
max-height: none;
min-height: auto;
padding-bottom: 0px;
}
.video-tab-box {
position: relative;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
height: 560px;
-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;
}
.v-tab_contemt {
margin-top: 56px;
}
.div-block-687 {
max-width: 720px;
margin-top: 56px;
color: #8d8f9a;
font-size: 18px;
line-height: 28px;
}
.arrow {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 56px;
height: 56px;
-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: 100%;
background-color: hsla(0, 0%, 100%, 0.08);
-webkit-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
.arrow:hover {
background-color: hsla(0, 0%, 100%, 0.24);
}
.arrow.tab_previous {
position: absolute;
left: auto;
top: auto;
right: 64px;
bottom: 0px;
}
.arrow.tab_next {
position: absolute;
left: auto;
top: auto;
right: 0%;
bottom: 0px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.html-embed-7 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.arrow-box {
position: absolute;
left: auto;
top: auto;
right: 0%;
bottom: -16px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 0px;
grid-column-gap: 8px;
}
.tab-wrapper {
position: relative;
}
.background-video-20 {
width: 100%;
height: 100%;
}
.form-patners {
position: relative;
padding-top: 200px;
padding-bottom: 200px;
}
.title-form-partners {
margin-top: 0px;
margin-bottom: 0px;
color: #1d1d1f;
font-size: 40px;
line-height: 56px;
font-weight: 700;
}
.title-form-partners.partner {
margin-bottom: 16px;
}
.title-form-partners.grey {
color: #8d8f9a;
}
.text-block-62 {
display: none;
}
.book-a-call {
position: absolute;
left: 140px;
top: auto;
right: auto;
bottom: 9px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 148px;
height: 50px;
padding: 0px 30px;
-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: 1px solid #ededed;
border-radius: 50px;
background-color: transparent;
-webkit-transition: color 300ms ease, background-color 300ms ease;
transition: color 300ms ease, background-color 300ms ease;
font-family: Googlesans, sans-serif;
color: #1d1d1f;
font-size: 17px;
font-weight: 500;
}
.book-a-call:hover {
background-color: #1d1d1f;
color: #fff;
}
.book-a-call.partner-button {
margin-top: 32px;
}
.book-a-call.white {
margin-top: 40px;
background-color: #fff;
color: #1d1d1f;
font-weight: 500;
}
.div-block-688 {
position: relative;
width: 100%;
max-width: none;
}
.div-block-689 {
position: relative;
max-width: 710px;
margin-right: auto;
margin-left: auto;
}
.section-86 {
height: 100vh;
}
@media screen and (min-width: 1280px) {
.container {
position: relative;
}
.hero_title {
display: block;
width: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
padding:50px 0px;
}
.h1_hero {
width: 100%;
max-width: 13ch;
font-size: 96px;
line-height: 100px;
/*margin-top:180px;*/
}
.div-block-24 {
margin-top: 30px;
}
.bold-text-11 {
font-size: 80px;
line-height: 80px;
}
.h1_second_text {
font-size: 80px;
line-height: 80px;
}
.icons_block {
/*padding-top: 200px;*/
}
.heading-9 {
font-size: 56px;
line-height: 60px;
}
.heading-9.h1_cases {
font-size: 56px;
line-height: 64px;
}
.div-block-32 {
max-width: 690px;
}
.text-block-6 {
margin-top: 20px;
font-size: 34px;
line-height: 42px;
}
.cases_block.cases_dev {
display: block;
}
.cases_block.cases_design_bl {
display: block;
}
.div-block-35 {
padding-right: 20px;
background-color: rgba(193, 240, 202, 0.2);
background-position: 0% 50%;
}
.div-block-35.case_2 {
background-color: hsla(0, 0%, 85.9%, 0.2);
background-image: none;
}
.div-block-35.case_2.short_banner {
background-image: url("../6243e4f261dbba23fc789f0f_Short.io%206.jpg");
background-position: 40% 50%;
background-size: cover;
}
.div-block-35.case_3 {
background-color: rgba(247, 248, 253, 0.4);
}
.section-16 {
padding-top: 220px;
padding-bottom: 220px;
}
.grid-4 {
margin-top: 70px;
}
.faq {
padding: 190px 30px;
}
.heading-10 {
font-size: 56px;
line-height: 64px;
}
.hero_about {
padding-top: 104px;
}
.h1_about {
width: 100%;
max-width: 13ch;
font-size: 80px;
line-height: 88px;
}
.logo_image {
margin-top: 50px;
}
.about_description {
margin-top: 0px;
padding-bottom: 140px;
}
.our_values {
padding-top: 100px;
padding-bottom: 100px;
background-color: #f8f8fa;
}
.hero_branding {
padding-top: 102px;
}
.heading-16 {
font-size: 240px;
line-height: 260px;
}
.div-block-72 {
max-width: 500px;
margin-top: 20px;
}
.div-block-91._8_image_1440 {
top: 249px;
right: 206px;
max-width: 110px;
}
.black_block_pixels {
margin-top: 0px;
padding-right: 40px;
/*padding-bottom: 350px;*/
padding-left: 40px;
}
.heading-18 {
font-size: 56px;
line-height: 64px;
}
.heading-18.heading_blur {
font-size: 56px;
}
.wrapper_block.wrapper_1440 {
display: block;
}
.second_line.secondline_1440 {
padding-bottom: 50px;
}
.div-block-103._3_image_1440 {
max-width: 175px;
margin-bottom: 36px;
}
.div-block-104._4_image_1440 {
left: -3px;
bottom: 45px;
max-width: 537px;
}
.div-block-105._6_image_1440 {
left: 210px;
bottom: 45px;
max-width: 322px;
}
.div-block-106._7_image_1440 {
right: -233px;
bottom: 52px;
max-width: 320px;
}
.div-block-107._5_image_1440 {
top: 361px;
max-width: 110px;
}
.div-block-108._1_image_1440 {
left: auto;
bottom: 127px;
max-width: 567px;
}
.div-block-109._2_image_1440 {
left: 35%;
max-width: 657px;
}
.div-block-110._9_image_1440 {
max-width: 504px;
}
.div-block-111._10_image_1440 {
left: auto;
max-width: 504px;
}
.div-block-112._11_image_1440 {
max-width: 175px;
margin-bottom: -19px;
}
.div-block-113._12_image {
bottom: -30px;
max-width: 537px;
}
.logo_block.logo_black_1440 {
display: block;
height: 400vh;
}
.logo_block.logo_black_1280 {
display: none;
}
.text_scroll_up.text_scroll_up_1440 {
text-align: center;
}
.div-block-130 {
width: 80%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-130.block_130_1440 {
width: 100%;
max-width: 1100px;
}
.brand_slide-text {
margin-top: 200px;
padding-bottom: 350px;
}
.brand_title_h1 {
width: 100%;
max-width: none;
}
.heading-22 {
font-size: 56px;
line-height: 64px;
}
.text-block-18 {
font-size: 24px;
line-height: 40px;
}
.div-block-139 {
margin-top: 30px;
}
.slide_brand_text {
margin-top: 228px;
}
.heading-23.clipped {
font-size: 120px;
}
.brand_book {
margin-top: 160px;
}
.brand_logotype {
margin-top: 160px;
}
.prome_materials {
margin-top: 160px;
}
.black_brand_section {
padding-top: 350px;
padding-bottom: 350px;
}
.heading-24 {
font-size: 56px;
line-height: 64px;
}
.text-block-19 {
font-size: 24px;
line-height: 40px;
}
.div-block-140 {
max-width: 808px;
}
.section-21 {
padding-top: 240px;
padding-bottom: 100px;
}
.heading-25 {
font-size: 56px;
line-height: 64px;
}
.brand_row {
display: none;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.brand_row.brand_small_images {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 34px;
grid-row-gap: 34px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.section-22 {
padding: 220px 50px;
}
.section-31.hero_dev {
display: none;
}
.heading-27 {
font-size: 64px;
line-height: 70px;
}
.text-span-16 {
font-family: 'Helveticanowdisplay hairline', sans-serif;
}
.text-block-22 {
font-family: Montserrat, sans-serif;
font-size: 21px;
}
.div-block-157 {
margin-top: 20px;
}
.dev_animation_section {
z-index: 100;
display: block;
margin-top: 140px;
padding-top: 0px;
}
.title_dev_animation {
margin-top: -605px;
}
.heading-28 {
font-size: 64px;
line-height: 70px;
}
.text-block-23 {
font-family: Montserrat, sans-serif;
font-weight: 400;
}
.div-block-158 {
margin-bottom: 120px;
}
.dev_animation_json {
margin-top: 60px;
}
.div-block-172 {
top: 101px;
height: 80vh;
}
.div-block-173 {
max-width: 780px;
}
.div-block-175 {
max-width: 300px;
}
.black_dev_section {
margin-top: 220px;
}
.div-block-183 {
margin-top: 0px;
}
.hero_text_title_dev {
top: 56px;
}
.section-36 {
padding-bottom: 220px;
}
.works-and-cases {
padding-top: 80px;
}
.flower_section {
display: none;
}
.flower_section.flower_1440 {
display: block;
}
.heading-37 {
/* max-width: 15ch; */
font-size: 56px;
line-height: 64px;
}
.heading-37.heading_flower_1440 {
font-size: 48px;
line-height: 54px;
}
.heading-38.head_40 {
font-size: 56px;
line-height: 60px;
}
.div-block-193 {
margin-top: 20px;
}
.text-block-30 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 21px;
line-height: 34px;
font-weight: 400;
}
.div-block-200 {
margin-top: 100px;
}
.cases_design {
padding-bottom: 220px;
}
.div-block-204 {
height: 130vh;
}
.bold-text-17 {
font-size: 54px;
line-height: 60px;
}
.heading-41.heading_desogn_1 {
max-width: 15ch;
font-family: Helveticanowdisplay, sans-serif;
font-size: 40px;
line-height: 44px;
font-style: normal;
}
.heading-41.heading_design_2 {
max-width: 14ch;
font-family: Helveticanowdisplay, sans-serif;
color: #000;
font-size: 40px;
line-height: 48px;
}
.heading-41.heading_design_3 {
font-family: Helveticanowdisplay, sans-serif;
color: #000;
font-size: 40px;
line-height: 48px;
}
.heading-41.heading_design_4 {
font-family: Helveticanowdisplay, sans-serif;
color: #000;
font-size: 40px;
line-height: 48px;
}
.heading-42 {
position: absolute;
display: inline-block;
}
.heading-44 {
position: relative;
}
.div-block-218 {
margin-top: -20px;
}
.div-block-219 {
padding-top: 100px;
}
.section-40 {
overflow: hidden;
padding-bottom: 243px;
background-color: #000;
}
.div-block-221 {
height: 130em;
}
.image-56 {
opacity: 0;
}
.title_devices_design {
max-width: 420px;
margin-top: 21px;
}
.heading-50 {
font-size: 56px;
line-height: 60px;
}
.div-block-244 {
padding-right: 40px;
padding-left: 40px;
}
.div-block-245 {
padding-right: 40px;
padding-left: 40px;
}
.hero_home_page {
height: 800px;
background-position: 50% 0%;
}
.text-block-37 {
font-size: 22px;
line-height: 30px;
}
.div-block-248 {
max-width: 670px;
}
.link-8 {
font-size: 22px;
line-height: 30px;
}
.image_branding_block {
margin-left: auto;
padding-left: 45px;
}
.small_responsive_design_hero {
display: none;
}
.heading-54 {
font-size: 54px;
line-height: 60px;
}
.div-block-260 {
width: 100%;
max-width: none;
color: #000;
}
.div-block-261 {
max-width: none;
padding-top: 140px;
padding-bottom: 160px;
}
.image-62 {
display: inline-block;
}
.animation_blur_logo-2 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.animation_blur_logo-2.animation_blur_1280 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.right_brand_block-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.branding_elements-2.brand_elements_1440 {
display: none;
margin-right: auto;
margin-left: auto;
padding-left: 0px;
}
.right_second_block-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.div-block-283 {
max-width: none;
}
.div-block-289 {
padding-top: 180px;
padding-bottom: 180px;
}
.div-block-302 {
top: -118px;
}
.photo_gallery {
padding-right: 100px;
padding-left: 100px;
}
.div-block-308 {
height: 900px;
}
.div-block-311 {
height: 750px;
}
.div-block-312 {
height: 500px;
}
.heading-76 {
font-size: 96px;
line-height: 104px;
}
.div-block-342 {
display: block;
background-image: url("../611f7407a864d2d09f003fa1_display_one.svg");
background-position: 50% 0%;
background-size: auto;
}
.text-block-52 {
font-size: 28px;
}
.div-block-343 {
padding-top: 0px;
background-position: 50% 0%;
}
.div-block-345 {
margin-top: 20px;
}
.hero_text_title_dev-2 {
top: 140px;
}
.stack_block {
max-width: 800px;
}
.title_techology_stack {
max-width: none;
}
.heading-78 {
width: 100%;
max-width: 10ch;
font-size: 40px;
line-height: 48px;
}
.div-block-371.block_371_1440 {
display: none;
}
.title_brand_elements {
display: block;
}
.image-95 {
display: block;
}
.cases_mobile_branding {
display: none;
}
.div-block-405 {
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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.cvn_image_section {
margin-right: auto;
margin-left: auto;
}
.general_div {
-webkit-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.div-block-409 {
padding-right: 0px;
border-right-style: none;
}
.tag_category {
font-size: 14px;
font-weight: 500;
text-transform: none;
}
.div-block-413 {
margin-top: 40px;
}
.rich_blog_outcrowd li {
font-size: 18px;
}
.rich_blog_outcrowd p {
font-size: 18px;
}
.button_v2 {
margin-top: 40px;
}
.grid-27 {
width: 100%;
height: 100%;
-ms-grid-rows: 500px auto auto auto 500px auto auto auto auto;
grid-template-rows: 500px auto auto auto 500px auto auto auto auto;
}
.section-58 {
height: 660px;
}
.broshure-video {
padding-top: 160px;
padding-bottom: 0px;
}
.div-block-495 {
max-width: 340px;
}
.div-block-496 {
max-width: 740px;
}
.contact_toyota {
margin-top: 0px;
margin-bottom: 120px;
}
.illustration_practice {
display: block;
}
.about_outcrowd_school {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 980px;
padding-left: 0px;
}
.right_practice {
margin-top: 0px;
}
.gallery_mobile {
display: block;
}
.section-62 {
padding-left: 120px;
}
.div-block-564 {
top: 100px;
}
.section-64 {
height: 600px;
padding-left: 160px;
}
.paragraph-28 {
max-width: 27ch;
}
.paragraph-29 {
top: 340px;
}
.json_3_toyota {
width: 100%;
max-width: 980px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.section-70 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-592 {
max-width: 490px;
}
.div-block-594 {
padding-top: 0px;
padding-left: 70px;
}
.div-block-596 {
top: -70px;
}
.div-block-597 {
top: 3%;
}
.div-block-599 {
top: 507.382px;
}
.paragraph-37 {
line-height: 58px;
}
.button-10 {
padding: 15px 30px;
border-radius: 50px;
background-color: #1d1d1f;
font-family: Googlesans, sans-serif;
font-size: 17px;
font-weight: 400;
}
.gallery_our_brand {
height: 466.1ch;
}
.div-block-672 {
left: -264px;
top: -18px;
width: 988px;
}
.div-block-673 {
top: 184px;
right: -106px;
width: 430.9933166503906px;
}
.div-block-674 {
left: 101px;
top: 679px;
width: 583.9955444335938px;
}
.div-block-675 {
top: 730px;
right: -518px;
width: 963px;
}
.div-block-677 {
left: -615px;
top: 1411px;
width: 1634px;
}
.div-block-678 {
top: 1393px;
right: -113px;
width: 438.99554443359375px;
}
.div-block-679 {
left: -84px;
top: 2263px;
width: 765px;
}
.div-block-680 {
top: 2041px;
right: -552px;
width: 585px;
}
.div-block-681 {
top: 2871px;
right: -910px;
width: 1634px;
}
.section-brands {
position: relative;
padding-top: 240px;
}
.section-brands-mobile {
position: relative;
padding-top: 240px;
}
.form-patners {
position: relative;
}
.book-a-call {
padding: 15px 30px;
border-radius: 50px;
background-color: transparent;
font-family: Googlesans, sans-serif;
font-size: 17px;
font-weight: 400;
}
}
@media screen and (min-width: 1440px) {
.nav {
border-bottom: 1px none #d6d6d6;
}
.link {
color: #91939e;
}
.hero_section {
/*margin-top: 120px;*/
}
.h6.h6_black {
font-family: Montserrat, sans-serif;
font-weight: 600;
}
.text-block-5 {
font-family: Montserrat, sans-serif;
font-weight: 500;
}
.text-block-5.text_block_black {
font-weight: 500;
}
.heading-9 {
font-size: 64px;
line-height: 70px;
}
.heading-9.h1_cases {
font-size: 64px;
line-height: 70px;
}
.div-block-32 {
width: 100%;
max-width: none;
}
.div-block-32.cases {
max-width: 600px;
}
.div-block-35 {
padding: 39px 39px 39px 160px;
background-color: rgba(193, 240, 202, 0.2);
}
.div-block-35.case_2 {
margin-top: 60px;
background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 84.7%, 0.2)), to(hsla(0, 0%, 84.7%, 0.2)));
background-image: linear-gradient(180deg, hsla(0, 0%, 84.7%, 0.2), hsla(0, 0%, 84.7%, 0.2));
}
.div-block-35.case_3 {
margin-top: 60px;
background-color: rgba(247, 248, 253, 0.4);
}
.div-block-35.veni_banner {
margin-top: 60px;
}
.link-4 {
font-family: Montserrat, sans-serif;
}
.section-16 {
font-weight: 400;
}
.faq-question-label {
font-family: Montserrat, sans-serif;
}
.faq-answer-p {
display: block;
font-family: Montserrat, sans-serif;
font-size: 17px;
line-height: 26px;
}
.heading-10 {
font-size: 64px;
line-height: 70px;
}
.hero_about {
padding-top: 80px;
}
.h1_about {
width: 100%;
max-width: 13ch;
margin-top: 0px;
font-size: 80px;
line-height: 88px;
}
.logo_image {
max-width: 550px;
margin-top: 80px;
}
.our_values {
padding-top: 0px;
padding-bottom: 0px;
}
.hero_branding {
overflow: visible;
padding-right: 0px;
padding-left: 0px;
}
.div-block-91 {
left: -140px;
top: -352px;
max-width: 170px;
}
.div-block-91._8_image_1440 {
left: -1px;
top: 252px;
max-width: 140px;
}
.wrapper_block {
display: none;
margin-right: auto;
margin-left: auto;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.wrapper_block.wrapper_1440 {
display: block;
}
.second_line {
padding-bottom: 0px;
}
.div-block-103._3_image_1440 {
position: relative;
left: 74px;
max-width: 195px;
}
.div-block-104._4_image_1440 {
left: 73px;
}
.div-block-105._6_image_1440 {
left: 309px;
max-width: 360px;
}
.div-block-106._7_image_1440 {
right: -323px;
max-width: 340px;
}
.div-block-107 {
max-width: 170px;
}
.div-block-107._5_image_1440 {
max-width: 140px;
}
.div-block-108 {
display: block;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-108._1_image_1440 {
max-width: 630px;
}
.div-block-109 {
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-109._2_image_1440 {
max-width: 730px;
}
.logo_block {
display: block;
overflow: visible;
height: 600vh;
}
.logo_block.logo_black_1440 {
display: none;
}
.logo_block.logo_black_mobile {
display: none;
}
.text_scroll_up {
text-align: center;
}
.div-block-130 {
display: none;
width: 33.3%;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.left_branding {
width: 33.3%;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.right_branding {
position: relative;
left: 65px;
top: 18px;
width: 33.3%;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.right_first_block {
margin-top: 96px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-131 {
width: 90%;
}
.div-block-132 {
width: 90%;
margin-top: 46px;
}
.div-block-133 {
width: 90%;
margin-top: 35px;
}
.div-block-134 {
position: relative;
top: 44px;
width: 90%;
max-width: 160px;
}
.div-block-135 {
position: relative;
left: 46px;
bottom: 56px;
width: 90%;
}
.right_brand_second_block {
position: relative;
left: -10px;
top: 28px;
}
.div-block-137 {
position: relative;
top: -11px;
width: 90%;
margin-top: 40px;
}
.div-block-138 {
width: 100%;
}
.heading-22 {
font-size: 56px;
line-height: 64px;
}
.overflow_brand {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
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;
}
.brand_row {
display: none;
margin-right: auto;
margin-left: auto;
grid-auto-columns: 1fr;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.brand_row.brand_small_images {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 34px;
grid-row-gap: 34px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.section-22 {
padding-right: 50px;
padding-left: 50px;
}
.heading-27 {
font-size: 96px;
line-height: 104px;
}
.text-block-22 {
font-size: 28px;
}
.div-block-158 {
margin-bottom: 120px;
}
.dev_animation_json {
margin-top: 60px;
}
.section-33 {
padding-bottom: 120px;
}
.div-block-172 {
top: 88px;
}
.div-block-173 {
max-width: 880px;
margin-top: 168px;
}
.text-block-27 {
font-size: 21px;
line-height: 34px;
}
.div-block-175 {
max-width: 300px;
}
.text-block-28 {
font-family: Montserrat, sans-serif;
}
.black_dev_section {
margin-top: 150px;
}
.text-block-29 {
font-family: Montserrat, sans-serif;
}
.hero_text_title_dev {
top: 140px;
}
.section-36 {
padding-bottom: 220px;
}
.works-and-cases {
margin-right: auto;
margin-left: auto;
padding-bottom: 220px;
}
.flower_section {
display: none;
}
.flower_section.flower_1440 {
display: block;
}
.heading-37 {
max-width: 15ch;
font-size: 64px;
line-height: 70px;
}
.div-block-200 {
margin-top: 0px;
}
.div-block-204 {
height: 130vh;
background-color: transparent;
}
.heading-41.heading_desogn_1 {
max-width: 15ch;
font-size: 54px;
line-height: 60px;
}
.heading-41.heading_design_2 {
font-size: 54px;
line-height: 60px;
}
.heading-41.heading_design_3 {
font-size: 54px;
line-height: 60px;
}
.heading-41.heading_design_4 {
font-size: 54px;
line-height: 60px;
}
.div-block-218 {
margin-top: 20px;
}
.div-block-219 {
padding-top: 100px;
}
.title_devices_design {
width: 100%;
max-width: 800px;
}
.hero_home_page {
height: 850px;
background-position: 50% 40%;
}
.title_home_hero {
padding-top: 100px;
}
.div-block-246 {
margin-top: 13px;
}
.heading-52 {
margin-top: 0px;
color: #1d1d1f;
font-size: 64px;
}
.text-block-37 {
color: #83838b;
}
.div-block-248 {
margin-top: 14px;
}
.image_block {
max-width: 1000px;
margin-top: 60px;
}
.image_branding_block {
max-width: 1100px;
margin-left: auto;
padding-left: 65px;
}
.text-block-38 {
font-size: 27px;
line-height: 30px;
}
.image-61 {
margin-top: 2px;
}
.small_responsive_design_hero {
display: none;
margin-right: auto;
margin-left: auto;
}
.div-block-261 {
width: 100%;
max-width: none;
padding-bottom: 180px;
background-color: #fff;
}
.animation_blur_logo-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.right_brand_block-2 {
position: relative;
left: 1%;
display: block;
}
.branding_elements-2 {
display: none;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.right_second_block-2 {
position: relative;
display: block;
margin-left: -39px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.bold-text-30 {
font-weight: 600;
}
.bold-text-31 {
font-weight: 600;
}
.bold-text-32 {
font-weight: 600;
}
.bold-text-33 {
font-weight: 600;
}
.bold-text-34 {
font-weight: 600;
}
.bold-text-35 {
font-weight: 600;
}
.bold-text-36 {
font-weight: 600;
}
.bold-text-37 {
font-weight: 600;
}
.bold-text-38 {
font-weight: 600;
}
.bold-text-39 {
font-weight: 600;
}
.bold-text-40 {
font-weight: 600;
}
.div-block-283 {
max-width: none;
}
.heading-62 {
max-width: 18ch;
}
.div-block-289 {
padding-top: 0px;
padding-bottom: 0px;
}
.div-block-292 {
max-width: 780px;
}
.heading-64 {
font-size: 34px;
line-height: 40px;
}
.heading-65 {
font-size: 34px;
line-height: 40px;
}
.div-block-293 {
padding-top: 140px;
padding-bottom: 140px;
}
.div-block-294 {
width: 100%;
max-width: 170px;
}
.div-block-295 {
width: 100%;
max-width: 200px;
}
.div-block-296 {
width: 100%;
max-width: 200px;
}
.div-block-297 {
width: 100%;
max-width: 170px;
}
.div-block-298 {
width: 100%;
max-width: 170px;
}
.div-block-302 {
top: -118px;
}
.photo_gallery {
padding-right: 120px;
padding-left: 120px;
}
.div-block-308 {
height: 1300px;
}
.div-block-311 {
height: 900px;
}
.div-block-312 {
height: 700px;
}
.text-block-50 {
font-family: Montserrat, sans-serif;
}
.text-block-51 {
font-family: Montserrat, sans-serif;
}
.div-block-342 {
background-position: 50% 0%;
}
.stack_block {
max-width: 800px;
}
.title_techology_stack {
max-width: none;
}
.heading-78 {
max-width: 10ch;
font-size: 40px;
line-height: 48px;
}
.section-48 {
display: none;
}
.element_mobile_logo {
display: none;
}
.div-block-366 {
position: relative;
right: 23px;
z-index: -1;
max-width: 1100px;
margin-top: -88px;
}
.image-70 {
max-width: 100%;
}
.div-block-372 {
margin-top: 100px;
padding-right: 0px;
-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;
}
._3_block {
max-width: 511px;
}
._5_block {
max-width: 172px;
}
.div-block-386 {
max-width: 314px;
}
.div-block-387 {
max-width: 314px;
}
.div-block-388 {
max-width: 314px;
}
.div-block-389 {
max-width: 128px;
}
.div-block-390 {
max-width: 271px;
}
.div-block-391 {
max-width: 271px;
}
.div-block-392 {
max-width: 128px;
}
.image-95 {
display: none;
}
.cvn_image_section {
margin-right: auto;
margin-left: auto;
}
.div-block-406 {
margin-right: auto;
margin-left: auto;
}
.heading-87.heading_practice {
font-size: 54px;
line-height: 60px;
}
.content_brief {
margin-top: 140px;
}
.section-58 {
height: 800px;
}
.heading-93 {
font-size: 64px;
line-height: 70px;
}
.div-block-495 {
max-width: 340px;
}
.div-block-496 {
max-width: 800px;
}
.paragraph-9 {
color: #1d1d1f;
}
.video_broshure_list {
margin-top: 340px;
}
.div-block-498 {
max-width: 980px;
}
.contact_toyota {
margin-bottom: 140px;
}
.contact_toyota.contact_toyota_video {
padding-top: 0px;
}
.hero_practice {
margin-right: auto;
margin-left: auto;
padding-top: 100px;
}
.illustration_practice {
display: block;
margin-right: auto;
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;
}
.about_outcrowd_school {
max-width: 1200px;
padding-top: 140px;
padding-bottom: 140px;
}
.heading-102 {
font-size: 48px;
line-height: 54px;
}
.paragraph-13 {
font-size: 19px;
}
.gallery_practice {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.ideal-candidate {
margin-top: 0px;
padding-top: 140px;
}
.heading-103 {
font-size: 48px;
line-height: 54px;
}
.paragraph-15 {
font-size: 19px;
}
.steps_practice {
margin-top: 140px;
padding-top: 140px;
padding-bottom: 140px;
}
.heading-105 {
font-size: 48px;
line-height: 54px;
}
.paragraph-17 {
color: #1d1d1f;
font-size: 19px;
}
.heading-106 {
font-size: 48px;
line-height: 54px;
}
.paragraph-18 {
font-size: 19px;
}
.heading-108 {
font-size: 48px;
line-height: 54px;
}
.gallery_mobile {
display: none;
}
.div-block-539 {
display: none;
}
.div-block-540 {
display: none;
}
.hero_test {
height: 700px;
}
.section-62 {
padding-left: 160px;
}
.div-block-564 {
top: 0px;
}
.heading-117.heading_1_title_toyota {
font-size: 96px;
}
.div-block-573 {
padding-top: 180px;
}
.description_vimeo_toyota {
max-width: 980px;
}
.section-64 {
height: 700px;
padding-top: 120px;
}
.paragraph-29 {
top: 346px;
}
.section-70 {
padding-bottom: 0px;
}
.div-block-594 {
height: 500px;
padding-left: 100px;
}
.div-block-597 {
top: 3%;
}
.div-block-599 {
top: 488.382px;
}
.hero_partnership {
padding-top: 80px;
}
.heading-130 {
font-size: 96px;
}
.section-73 {
padding-top: 160px;
padding-bottom: 160px;
}
.heading-132 {
font-size: 54px;
line-height: 60px;
}
.partner_section {
padding-top: 160px;
}
.heading-133 {
font-size: 64px;
line-height: 70px;
}
.paragraph-33 {
margin-top: 34px;
}
.section-75 {
padding-top: 160px;
padding-bottom: 160px;
}
.heading-135 {
font-size: 96px;
line-height: 94px;
}
.div-block-621 {
margin-bottom: 80px;
}
.section-76 {
max-width: 1920px;
margin-right: auto;
margin-left: auto;
}
.div-block-628 {
padding-right: 80px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.hero_careers {
padding-top: 100px;
}
.heading-137 {
font-size: 96px;
line-height: 96px;
}
.paragraph-39 {
margin-top: 24px;
}
.div-block-651 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 80px;
-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;
}
.div-block-652 {
display: none;
}
.right_careers {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 80px;
-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;
}
.partner-dark {
padding-top: 128px;
}
}
@media screen and (min-width: 1920px) {
.second_menu {
margin-right: auto;
margin-left: auto;
}
/*.hero_section {*/
/* margin-top: 140px;*/
/*}*/
.hero_title {
max-width: 520px;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
height: auto!important;
}
.team-member img {
border-radius: 15px;
}
#testmonial {
min-width: 100%;
max-width: 2123px!important;
margin-right: auto;
margin-left: 110px;
}
.text-block-3 {
width: 100%;
max-width: 100%;
}
.div-block-24 {
max-width: none;
}
.div-block-35 {
height: 700px;
padding-right: 39px;
}
.div-block-35.case_3 {
background-color: rgba(247, 248, 253, 0.5);
}
.about_description.conclusion_toyota.conclussion_toyota_video {
max-width: none;
margin-right: auto;
margin-left: auto;
}
.our_values {
max-width: none;
padding-top: 0px;
padding-bottom: 0px;
}
.section-17 {
margin-right: auto;
margin-left: auto;
}
.clients.client_partnership {
margin-right: auto;
margin-left: auto;
}
.section-19 {
display: none;
}
.div-block-64 {
border-radius: 0px;
}
.div-block-91 {
left: -5px;
top: -160px;
}
.heading-18 {
font-size: 64px;
line-height: 70px;
}
.wrapper_block {
display: block;
min-width: 1440px;
}
.wrapper_block.wrapper_1440 {
display: none;
}
.second_line {
margin-top: 50px;
}
.second_line.secondline_1440 {
margin-top: 0px;
}
.div-block-108 {
left: 30px;
display: block;
}
.div-block-131 {
position: relative;
top: -4px;
width: 100%;
}
.div-block-132 {
width: 100%;
}
.div-block-133 {
width: 100%;
margin-top: 45px;
}
.div-block-134 {
width: 100%;
}
.div-block-135 {
width: 100%;
}
.div-block-137 {
top: -76px;
width: 100%;
}
.brand_slide-text {
margin-top: 0px;
}
.heading-25 {
font-size: 64px;
line-height: 70px;
}
.overflow_brand {
padding-right: 0px;
padding-left: 0px;
}
.brand_row {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 34px;
grid-row-gap: 34px;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.brand_row.brand_small_images {
display: none;
}
.dev_animation_section {
max-width: none;
}
.div-block-158 {
margin-bottom: 120px;
}
.dev_animation_json {
margin-top: 60px;
}
.div-block-172 {
top: 128px;
}
.div-block-173 {
max-width: 980px;
}
.div-block-175 {
max-width: 300px;
}
.flower_section {
display: block;
max-width: none;
}
.flower_section.flower_1440 {
display: none;
}
.heading-37 {
font-size: 56px;
line-height: 64px;
}
.gallery_row {
max-width: none;
margin-right: auto;
margin-left: auto;
}
.div-block-200 {
margin-right: auto;
margin-left: auto;
}
.gallery_new {
margin-right: auto;
margin-left: auto;
}
.section-40 {
max-width: none;
}
.div-block-244 {
margin-right: auto;
margin-left: auto;
}
.div-block-245 {
margin-bottom: 350px;
}
.hero_home_page {
height: 900px;
max-width: none;
background-color: #000;
background-position: 50% 50%;
}
.image_block {
max-width: 1200px;
}
.image_branding_block {
max-width: 1380px;
margin-left: auto;
padding-left: 67px;
}
.home_development_section {
margin-right: auto;
margin-left: auto;
}
.heading-54 {
font-size: 64px;
line-height: 70px;
}
.div-block-260 {
max-width: 800px;
}
.animation_blur_logo-2 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.right_brand_block-2 {
left: -2px;
}
.right_second_block-2 {
right: -2px;
margin-left: 10px;
}
.div-block-266 {
margin-right: auto;
margin-left: auto;
}
.section-47 {
height: 800px;
max-width: none;
margin-right: auto;
margin-left: auto;
}
.heading-62 {
font-size: 55px;
line-height: 64px;
}
.div-block-289 {
padding-top: 0px;
padding-bottom: 0px;
}
.heading-63 {
font-size: 54px;
line-height: 60px;
}
.div-block-292 {
max-width: 980px;
margin-top: 70px;
}
.heading-64 {
font-size: 40px;
line-height: 40px;
}
.heading-65 {
font-size: 40px;
line-height: 40px;
}
.div-block-293 {
padding-top: 180px;
padding-bottom: 180px;
}
.div-block-302 {
top: -40px;
margin-right: auto;
margin-left: auto;
}
.div-block-303 {
margin-right: auto;
margin-left: auto;
}
.content_pencil {
max-width: none;
}
.content_pencil_right {
max-width: none;
}
.heading-68.header_pencil_1 {
width: 100%;
max-width: 12ch;
}
.heading-68.heading_pencil2 {
width: 100%;
max-width: 10ch;
}
.heading-68.heading_pencil3 {
width: 100%;
max-width: 12ch;
}
.heading-68.heading_pencil_4 {
width: 100%;
max-width: 12ch;
}
.text_pencil_1 {
width: 100%;
max-width: 20ch;
}
.text_pencil_2 {
width: 100%;
max-width: 20ch;
}
.text_pencil_3 {
width: 100%;
max-width: 20ch;
}
.text_pencil_4 {
width: 100%;
max-width: 20ch;
}
.photo_gallery {
margin-right: auto;
margin-left: auto;
}
.mobile_pencil_static {
margin-right: auto;
margin-left: auto;
}
.stack_block {
max-width: 980px;
}
.heading-78 {
font-size: 56px;
line-height: 64px;
}
.div-block-369 {
display: none;
}
.div-block-371 {
max-width: 1396px;
margin-right: auto;
margin-left: auto;
}
.div-block-372 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
._3_block {
width: 100%;
max-width: 511px;
}
.div-block-386 {
width: 100%;
max-width: 314px;
}
.div-block-387 {
width: 100%;
max-width: 314px;
}
.div-block-388 {
width: 100%;
max-width: 314px;
}
.div-block-389 {
width: 100%;
max-width: 128px;
}
.div-block-390 {
width: 100%;
max-width: 271px;
}
.div-block-391 {
width: 100%;
max-width: 271px;
}
.bold-text-64 {
font-size: 55px;
line-height: 64px;
}
.member_1.members_del {
display: none;
}
.section-51 {
margin-right: auto;
margin-left: auto;
}
.text-block-56 {
max-width: 60ch;
margin-top: 20px;
font-size: 21px;
line-height: 28px;
}
.cvn_image_section {
margin-right: auto;
margin-left: auto;
}
.div-block-406 {
margin-right: auto;
margin-left: auto;
}
.tab {
margin-right: 0px;
margin-left: 30px;
padding-right: 0px;
padding-left: 0px;
background-color: transparent;
opacity: 1;
color: #191919;
}
.tab.w--current {
margin-right: 0px;
margin-left: 30px;
padding-right: 0px;
padding-left: 0px;
border-style: none none solid;
border-width: 1px 1px 1px 2px;
border-color: #000 #000 #191919;
background-color: transparent;
}
.tabs-content-2 {
display: block;
}
.collection-item-7 {
margin-bottom: 60px;
padding-left: 0px;
}
.main_blog {
margin-top: 90px;
margin-bottom: 104px;
}
.b_h5 {
font-family: Montserrat, sans-serif;
font-size: 20px;
line-height: 25px;
font-weight: 500;
}
.tab-pane-tab-2 {
margin-top: 1px;
}
.collection-item-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
-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;
}
.tabs-menu-3 {
margin-bottom: 60px;
color: #191919;
text-align: center;
}
.general_div {
width: 90%;
max-width: 1100px;
margin-top: 90px;
margin-right: auto;
margin-left: auto;
}
.div-block-409 {
padding-right: 0px;
padding-left: 26px;
border-right: 1px none #e6e6e6;
}
.div-block-410 {
padding-right: 26px;
border-style: none solid none none;
border-width: 1px;
border-color: #000 #e6e6e6 #000 #000;
}
.div-block-411 {
margin-top: 16px;
}
.tag_category {
font-family: Montserrat, sans-serif;
color: #666;
font-size: 14px;
font-weight: 500;
text-transform: none;
}
.main16 {
margin-top: 0px;
font-family: Montserrat, sans-serif;
color: #666;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}
.b_h3 {
font-family: Montserrat, sans-serif;
color: #191919;
font-size: 32px;
line-height: 42px;
font-weight: 500;
}
.div-block-412 {
margin-top: 22px;
}
.div-block-413 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
}
.link-block-7 {
max-width: 420px;
padding-left: 70px;
text-decoration: none;
}
.div-block-414 {
width: 430px;
max-width: none;
}
.div-block-415 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px;
}
.div-block-416 {
margin-right: 20px;
}
.b_h6 {
font-family: Montserrat, sans-serif;
color: #191919;
font-size: 20px;
line-height: 32px;
font-weight: 500;
}
.link-block-8 {
max-width: none;
min-height: 560px;
text-decoration: none;
}
.div-block-417 {
max-height: none;
margin-top: 7px;
}
.rich_blog_outcrowd {
margin-top: 90px;
font-family: Montserrat, sans-serif;
font-size: 50px;
line-height: 60px;
font-weight: 500;
}
.rich_blog_outcrowd li {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
color: #292929;
font-size: 18px;
line-height: 34px;
}
.rich_blog_outcrowd h5 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
color: #191919;
font-size: 32px;
line-height: 42px;
font-weight: 500;
}
.rich_blog_outcrowd p {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
color: #292929;
font-size: 18px;
line-height: 34px;
font-weight: 400;
}
.rich_blog_outcrowd figcaption {
margin-top: 10px;
color: #757575;
font-size: 16px;
line-height: 20px;
font-weight: 400;
}
.rich_blog_outcrowd h6 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto;
color: #666;
font-size: 14px;
font-weight: 500;
text-transform: none;
}
.rich_blog_outcrowd h3 {
width: 90%;
max-width: 710px;
margin: 100px auto 20px;
color: #191919;
font-size: 38px;
line-height: 52px;
font-weight: 500;
}
.rich_blog_outcrowd h2 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-left: auto;
color: #666;
font-size: 22px;
line-height: 32px;
font-weight: 400;
}
.rich_blog_outcrowd a {
min-height: 0px;
margin-top: 10px;
margin-right: auto;
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;
color: #2f8ced;
font-size: 18px;
line-height: 34px;
text-align: center;
}
.rich_blog_outcrowd h4 {
width: 90%;
max-width: 710px;
margin-top: 70px;
margin-right: auto;
margin-left: auto;
color: #191919;
font-size: 30px;
line-height: 42px;
font-weight: 500;
}
.rich_blog_outcrowd h1 {
width: 90%;
max-width: 710px;
margin-right: auto;
margin-bottom: 24px;
margin-left: auto;
font-family: 'Raleway', sans-serif;
color: #191919;
font-size: 50px;
line-height: 60px;
font-weight: 500;
}
.div-block-440 {
overflow: hidden;
height: 100vh;
}
.button_v2 {
position: static;
z-index: 999999;
margin-top: 40px;
padding: 0px;
clear: none;
border-radius: 100px;
background-color: #2f8ced;
font-family: 'Raleway', sans-serif;
color: #fff;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.heading_h2 {
margin-bottom: 10px;
}
.div-block-441 {
margin-bottom: 0px;
}
.div-block-442.header_home_strategy {
width: 680px;
}
.header {
max-width: 1100px;
}
.grid-27 {
width: 100%;
}
.link-block-9 {
width: 100%;
max-width: 600px;
}
.heading-87 {
font-size: 80px;
line-height: 80px;
}
.heading-87.heading_practice {
font-size: 54px;
}
.content_brief {
margin-top: 140px;
}
.content_brief.content_form_practice {
margin-top: 80px;
}
.submit-button-3.submit_button_partnership {
padding: 15px 30px;
border-radius: 50px;
}
.submit-button-3.button_careers:hover {
opacity: 0.8;
}
.section-58 {
height: 800px;
max-width: 1920px;
margin-right: auto;
margin-left: auto;
}
.broshure-video {
max-width: 1920px;
margin-right: auto;
margin-left: auto;
}
.paragraph-7 {
color: #757575;
}
.broshure_block {
margin-top: 40px;
}
.heading-93.heading_vide {
color: #fff;
}
.paragraph-8.subtitle_video_toyota {
color: #fff;
}
.gallery_block {
position: relative;
max-width: 1920px;
margin-top: 200px;
margin-right: auto;
margin-left: auto;
}
.div-block-495 {
max-width: 420px;
}
.div-block-496 {
top: auto;
max-width: 870px;
margin-top: 134px;
}
.paragraph-9 {
max-width: 22ch;
font-size: 17px;
}
.video_broshure_list {
margin-top: 400px;
}
.loop_block_toyota {
margin-top: 70px;
}
.video_3d_toyota {
width: 100%;
max-width: 980px;
margin-top: 72px;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
}
.description_video_toyota {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 750px;
margin-top: 62px;
margin-right: auto;
margin-left: auto;
padding-bottom: 0px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.heading-96 {
max-width: 7ch;
margin-top: 0px;
font-family: Montserrat, sans-serif;
color: #fff;
font-weight: 500;
}
.paragraph-10 {
max-width: 38ch;
font-family: Montserrat, sans-serif;
color: #a1a1a6;
font-size: 17px;
line-height: 26px;
font-weight: 500;
}
.paragraph-11 {
margin-top: 17px;
margin-bottom: 0px;
font-family: Montserrat, sans-serif;
color: #fff;
font-size: 17px;
line-height: 26px;
font-weight: 500;
}
.gallery_video_toyota_2 {
margin-top: 200px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-501 {
max-width: 920px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-502 {
padding-right: 141px;
}
.div-block-503 {
max-width: 980px;
margin-top: 200px;
}
.contact_toyota.contact_toyota_video {
max-width: none;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
}
.image-140 {
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.hero_practice {
margin-right: auto;
margin-left: auto;
padding-top: 125px;
}
.heading-101 {
font-size: 80px;
line-height: 86px;
}
.illustration_practice {
display: block;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.about_outcrowd_school {
max-width: 1324px;
}
.heading-102 {
font-size: 54px;
line-height: 64px;
}
.paragraph-13 {
max-width: 52ch;
font-size: 21px;
}
.heading-103 {
font-size: 54px;
line-height: 64px;
}
.paragraph-15 {
font-size: 21px;
}
.heading-105 {
font-size: 54px;
line-height: 64px;
}
.paragraph-17 {
font-size: 21px;
}
.heading-106 {
font-size: 54px;
line-height: 64px;
}
.heading-107 {
font-size: 26px;
}
.paragraph-18 {
font-size: 21px;
}
.div-block-526 {
margin-top: 34px;
}
.div-block-527 {
margin-top: 24px;
}
.heading-108 {
font-size: 54px;
line-height: 64px;
}
.image-141 {
margin-right: auto;
margin-left: auto;
}
.div-block-532 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-533 {
padding-right: 41px;
padding-left: 41px;
}
.div-block-534 {
padding-right: 11px;
padding-left: 11px;
}
.div-block-535 {
padding-right: 24px;
padding-left: 24px;
}
.section-62 {
margin-right: auto;
margin-left: auto;
padding-left: 180px;
}
.section-63 {
margin-right: auto;
margin-left: auto;
}
.div-block-564 {
top: 0px;
}
.div-block-573 {
padding-top: 240px;
}
.video_toyota_section {
margin-right: auto;
margin-left: auto;
}
.right_vimeo_description {
padding-top: 63px;
padding-bottom: 63px;
background-color: transparent;
}
.details_toyota_video {
margin-right: auto;
margin-left: auto;
}
.section-64 {
height: 800px;
margin-right: auto;
margin-left: auto;
padding-top: 140px;
padding-left: 350px;
}
.section-69 {
margin-right: auto;
margin-left: auto;
}
.json_3_toyota {
max-width: 1200px;
}
.div-block-589 {
top: 144px;
}
.section-70 {
max-width: none;
margin-right: auto;
margin-left: auto;
}
.div-block-594 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 700px;
max-width: 1320px;
margin-right: auto;
margin-left: auto;
padding-top: 0px;
padding-left: 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;
background-position: 100% 50%;
}
.div-block-596 {
top: -24px;
}
.heading-127 {
margin-right: auto;
margin-left: auto;
font-family: Helveticanowdisplay, sans-serif;
}
.div-block-597 {
top: 2%;
}
.section-71 {
margin-right: auto;
margin-left: auto;
}
.div-block-599 {
top: 735.382px;
}
.hero_partnership {
margin-right: auto;
margin-left: auto;
}
.div-block-604 {
background-position: 50% 0%;
background-size: auto;
}
.section-73 {
margin-right: auto;
margin-left: auto;
padding-top: 200px;
padding-bottom: 200px;
}
.partner_section {
max-width: none;
margin-right: auto;
margin-left: auto;
padding-top: 200px;
}
.section-75 {
margin-right: auto;
margin-left: auto;
}
.become_partner {
margin-right: auto;
margin-left: auto;
}
.button-10:hover {
opacity: 0.8;
}
.section-76 {
margin-right: auto;
margin-left: auto;
}
.div-block-627 {
width: 100%;
max-width: 1920px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-628 {
padding-right: 80px;
}
.div-block-629 {
width: 45%;
}
.hero_photos_careers {
margin-right: auto;
margin-left: auto;
}
.div-block-651 {
margin-top: 80px;
}
.section-81 {
max-width: 2500px;
}
.left_careers {
padding-top: 200px;
padding-bottom: 200px;
}
.right_careers {
height: 100vh;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.div-block-657 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.div-block-658 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 60px;
-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;
}
.image-147 {
padding-bottom: 0px;
}
.tab-pane-tab-2-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-663 {
margin-top: 24px;
}
.gallery_our_brand {
height: 466.2ch;
}
.image-150 {
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.circle-button {
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
}
.circle-button:hover {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.partner-dark {
max-width: none;
margin-right: auto;
margin-left: auto;
padding-top: 128px;
}
.book-a-call:hover {
opacity: 0.8;
}
}
@media screen and (max-width: 991px) {
.nav {
padding-right: 0px;
padding-left: 0px;
}
/* .navbar {
padding-right: 30px;
padding-left: 30px;
} */
.nav-menu {
height: 100vh;
padding-top: 166px;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background-color: #f6f6f6;
}
.container {
min-width: auto;
}
.nav-link {
height: 66px;
margin-left: 0px;
font-family: Montserrat, sans-serif;
font-size: 30px;
}
.second_menu {
margin-right: auto;
margin-left: auto;
}
.div-block {
margin-right: auto;
margin-left: auto;
}
.footer {
padding-right: 30px;
padding-left: 30px;
}
.image-22 {
width: 100%;
max-width: 220px;
}
.hero_section {
margin-top: 50px;
}
.hero_title {
margin-right: auto;
margin-left: auto;
padding-right: 50px;
padding-left: 50px;
text-align: left;
}
.h1_hero {
font-size: 56px;
line-height: 64px;
text-align: left;
}
.text-block-3 {
font-size: 17px;
line-height: 28px;
}
.div-block-24 {
max-width: none;
margin-top: 10px;
margin-right: auto;
margin-left: auto;
line-height: 22px;
text-align: left;
}
.bold-text-11 {
font-size: 44px;
line-height: 52px;
}
.text-block-4 {
font-family: Montserrat, sans-serif;
font-size: 21px;
line-height: 34px;
}
.div-block-28.new_animation_text.design_paragraph {
max-width: 500px;
margin-top: 12px;
}
.h1_second_text {
font-size: 44px;
line-height: 52px;
}
.icons_block {
position: relative;
z-index: 20;
padding-top: 0;
}
.grid-3 {
position: relative;
margin-top: 60px;
grid-row-gap: 60px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.h6 {
font-family: Helveticanowdisplay, sans-serif;
}
.h6.h6_black {
max-width: 14ch;
}
.heading-9.h1_cases {
font-size: 48px;
line-height: 50px;
}
.div-block-32 {
width: 80%;
max-width: 450px;
}
.cases_block.cases_dev {
padding-top: 115px;
}
.div-block-35 {
padding-right: 30px;
padding-left: 30px;
}
.div-block-35.case_2 {
margin-top: 40px;
}
.div-block-35.case_2.short_banner {
height: 500px;
padding-top: 60px;
padding-left: 40px;
background-position: 20% 50%;
}
.div-block-35.case_3 {
margin-top: 40px;
}
.div-block-35.case_3.plannet_banner {
height: 500px;
padding-top: 60px;
padding-left: 40px;
background-position: 50% 50%;
}
.div-block-35.case_3.clover_banner {
height: 500px;
padding-top: 60px;
padding-left: 40px;
background-position: 30% 50%;
}
.div-block-35.toyota_banner {
height: 500px;
padding-top: 60px;
padding-left: 40px;
background-position: 30% 50%;
}
.div-block-35.veni_banner {
height: 500px;
padding-top: 60px;
padding-left: 40px;
background-position: 50% 50%;
}
.text-description {
display: block;
}
.text-block-7 {
font-size: 17px;
}
.text-block-7.text_banner_toyota {
font-size: 15px;
line-height: 24px;
}
.text-block-7.text_short_banner {
max-width: 30ch;
font-size: 15px;
line-height: 24px;
}
.text-block-7.text_planet_banner {
max-width: 26ch;
font-size: 15px;
line-height: 24px;
}
.text-block-7.text_veni {
max-width: 30ch;
font-size: 15px;
line-height: 24px;
}
.div-block-36 {
margin-top: 20px;
margin-bottom: 24px;
}
.link-4 {
font-size: 17px;
}
.section-16 {
padding-top: 120px;
padding-bottom: 120px;
}
.grid-4 {
grid-column-gap: 60px;
grid-row-gap: 70px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.faq {
padding: 120px 80px;
}
.faq.faq_dev {
padding-top: 115px;
padding-bottom: 115px;
}
.faq-group-row {
margin-top: 0px;
padding-top: 3.5rem;
padding-bottom: 3.5rem;
}
.faq-item-wrapper {
position: static;
z-index: 8888;
}
.faq-question {
padding-right: 0rem;
padding-left: 0rem;
}
.faq-question-label {
font-size: 19px;
}
.faq-arrow {
position: relative;
z-index: 0;
}
.faq-answer {
padding-right: 0rem;
padding-left: 0rem;
}
.heading-10.title_faq_dev {
font-size: 40px;
line-height: 44px;
font-weight: 700;
}
.hero_about {
padding-top: 0px;
}
.h1_about {
font-size: 56px;
line-height: 64px;
}
.logo_image {
max-width: 500px;
}
.about_description {
margin-top: 0px;
}
.about_description.conclusion_toyota.conclussion_toyota_video {
padding-right: 40px;
padding-left: 40px;
}
.grid-6 {
grid-column-gap: 87px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.h6_black {
font-size: 24px;
}
.our_values {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.section-17 {
margin-top: 0px;
}
.clients {
padding-top: 82px;
padding-bottom: 82px;
}
.grid-7 {
margin-top: 50px;
grid-column-gap: 87px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.grid-7.grid_being_our_teammate {
margin-top: 60px;
}
.section-19 {
padding-top: 200px;
}
.heading-12 {
padding-right: 30px;
padding-left: 30px;
font-size: 40px;
line-height: 44px;
font-weight: 700;
}
.div-block-61 {
max-width: 70%;
margin-top: 20px;
margin-bottom: 70px;
padding-left: 30px;
}
.div-block-64 {
max-width: 150px;
height: 50px;
padding: 0;
display: flex;
min-width: 140px;
min-height: 50px;
justify-content: center;
align-items: center;
}
.bold-text-15 {
font-size: 19px;
}
.text-block-15 {
font-size: 15px;
}
.heading-13 {
margin-top: 10px;
margin-bottom: 2px;
font-family: 'Raleway', sans-serif;
font-size: 19px;
}
.illustration_section {
padding-top: 118px;
padding-bottom: 82px;
}
.title_ill {
max-width: 520px;
}
.heading-14 {
color: #1d1e20;
font-size: 48px;
line-height: 54px;
}
.ill_block {
margin-top: 70px;
}
.buy_product {
padding-top: 82px;
padding-bottom: 82px;
}
.grid-10 {
margin-top: 60px;
grid-column-gap: 34px;
grid-row-gap: 60px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.text-block-16 {
margin-top: 8px;
}
.hero_branding {
overflow: visible;
padding-top: 60px;
padding-right: 0px;
padding-left: 0px;
}
.heading-16 {
font-size: 80px;
line-height: 90px;
}
.text-block-17 {
font-size: 24px;
}
.section-20 {
height: 170vh;
}
.div-block-99 {
z-index: 0;
}
.black_block_pixels {
position: relative;
z-index: 1;
padding-left: 50px;
}
.heading-18 {
font-size: 48px;
line-height: 56px;
}
.marquee-horizontal {
height: 460px;
margin-top: 50px;
}
.marquee-horizontal.marquee_design_page {
height: 60px;
margin-top: 20px;
}
.marquee-horizontal-2 {
height: 460px;
margin-top: 50px;
}
.marquee-horizontal-2.marque_design_page {
height: 60px;
margin-top: 20px;
}
.logo_block {
display: none;
}
.logo_sticky.logo_sticky_mobile {
overflow: hidden;
padding-top: 148px;
}
.div-block-130 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.left_branding {
position: relative;
left: -196px;
}
.right_branding {
position: relative;
right: -91px;
}
.brand_slide-text {
margin-top: 80px;
}
.brand_title_h1 {
width: 100%;
max-width: 500px;
}
.heading-22 {
font-size: 48px;
line-height: 54px;
}
.heading-22.heading_22_768 {
font-size: 34px;
line-height: 42px;
}
.text-block-18 {
font-family: Montserrat, sans-serif;
font-size: 17px;
}
.div-block-139 {
width: 450px;
max-width: none;
}
.slide_brand_text {
margin-top: 60px;
}
.heading-23.clipped {
font-size: 64px;
line-height: 80px;
}
.heading-24 {
font-size: 48px;
line-height: 54px;
}
.text-block-19 {
font-size: 17px;
line-height: 28px;
}
.div-block-140 {
max-width: 500px;
}
.brand_elements {
padding-top: 80px;
}
.section-21 {
padding-bottom: 120px;
}
.heading-25 {
font-size: 48px;
line-height: 56px;
}
.div-block-144 {
margin-top: 20px;
}
.text-block-20 {
font-family: Montserrat, sans-serif;
font-size: 17px;
line-height: 28px;
}
.gallery_brand {
margin-top: 60px;
padding-left: 50px;
}
.overflow_brand {
display: block;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
-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;
}
.brand_row {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
grid-column-gap: 40px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
.div-block-145 {
padding-left: 0px;
}
.div-block-145.three_image {
display: block;
}
.div-block-145.four_image {
display: block;
}
.section-22 {
padding-top: 120px;
}
.heading-27 {
margin-bottom: 0px;
font-size: 48px;
}
.div-block-157 {
display: block;
margin-top: 4px;
}
.dev_animation_section {
display: block;
padding-top: 18px;
}
.title_dev_animation {
margin-top: -40px;
margin-right: auto;
margin-left: auto;
}
.heading-28 {
font-size: 40px;
line-height: 44px;
}
.text-block-23 {
font-size: 19px;
line-height: 34px;
}
.div-block-158 {
padding-right: 30px;
padding-left: 30px;
}
.dev_animation_json {
max-width: 400px;
}
.div-block-159 {
margin-top: -350px;
}
.title_dev_transition {
width: 110%;
margin-right: auto;
margin-left: auto;
}
.text-block-24 {
width: auto;
font-family: Montserrat, sans-serif;
font-size: 19px;
line-height: 34px;
}
.fron-end_dev {
display: block;
padding: 393px 40px 140px;
}
.text-block-25 {
width: 46ch;
margin-right: auto;
margin-left: auto;
font-family: Montserrat, sans-serif;
font-size: 19px;
line-height: 34px;
}
.section-33 {
display: block;
overflow: visible;
margin-top: 0px;
padding-top: 120px;
padding-bottom: 0px;
}
.desktop_title_dev {
margin-top: -230px;
}
.heading-30 {
color: #1d1d1f;
font-size: 40px;
line-height: 44px;
font-weight: 700;
}
.text-block-26 {
width: auto;
margin-right: auto;
margin-left: auto;
font-size: 17px;
line-height: 28px;
}
.div-block-169 {
max-width: 470px;
margin-top: 14px;
}
.div-block-172 {
overflow: hidden;
height: 70vh;
}
.div-block-173 {
top: 0px;
max-width: 650px;
}
.content_dev_mac {
overflow: visible;
margin-top: 150px;
}
.heading-31 {
font-size: 40px;
line-height: 44px;
font-weight: 700;
}
.text-block-27 {
width: auto;
margin-right: auto;
margin-left: auto;
font-size: 17px;
line-height: 27px;
}
.div-block-174 {
max-width: 470px;
margin-top: 14px;
}
.div-block-175 {
max-width: 260px;
}
.div-block-176 {
max-width: 300px;
}
.text-block-28 {
font-family: Montserrat, sans-serif;
font-size: 17px;
}
.div-block-177 {
max-width: 340px;
}
.black_dev_section {
margin-top: 0px;
padding-top: 115px;
padding-bottom: 115px;
}
.title_support {
max-width: 400px;
}
.heading-33 {
font-size: 40px;
line-height: 44px;
}
.section-34 {
height: 400px;
background-position: 50% 50%;
}
.heading-35 {
font-size: 40px;
line-height: 44px;
}
.div-block-181 {
max-width: 300px;
}
.section-35 {
padding-bottom: 115px;
}
.hero_text_title_dev {
top: 40px;
}
.div-block-184 {
z-index: 200;
height: 90vh;
}
.section-36 {
overflow: hidden;
margin-top: -65px;
padding-top: 80px;
padding-bottom: 60px;
}
/* .works-and-cases {
padding-top: 175px;
} */
.flower_section {
display: none;
}
.flower_section.flower_1440 {
display: block;
}
.div-block-186 {
height: 100vh;
}
.div-block-187 {
margin-top: -38%;
opacity: 0.6;
}
.heading-37 {
width: 100%;
max-width: 15ch;
font-size: 48px;
line-height: 54px;
}
.left_content_design {
padding-left: 60px;
}
.right_mobile_design {
padding-right: 60px;
}
.div-block-193 {
max-width: 280px;
}
.cases_design {
margin-top: -732px;
padding-right: 0;
padding-left: 0;
}
.div-block-203 {
top: -100px;
height: 150vh;
}
.div-block-204 {
height: 100vh;
margin-top: -285px;
}
.bold-text-17 {
font-size: 44px;
line-height: 52px;
}
.heading-41.heading_desogn_1 {
font-size: 32px;
line-height: 33px;
}
.heading-41.heading_design_2 {
margin-top: 37px;
font-family: Helveticanowdisplay, sans-serif;
font-size: 32px;
line-height: 44px;
}
.heading-41.heading_design_3 {
margin-top: 37px;
font-family: Helveticanowdisplay, sans-serif;
font-size: 32px;
line-height: 44px;
}
.heading-41.heading_design_4 {
margin-top: 37px;
font-family: Helveticanowdisplay, sans-serif;
font-size: 32px;
line-height: 44px;
}
.div-block-210 {
height: 100vh;
}
.div-block-218 {
max-width: none;
margin-top: 49px;
}
.div-block-219 {
padding-top: 33px;
}
.section-40 {
display: block;
}
.div-block-221 {
overflow: hidden;
height: 60em;
}
.form {
padding-bottom: 70px;
}
.section-41 {
padding: 70px 40px;
}
.div-block-233 {
max-width: 476px;
}
.div-block-234 {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.text-block-35 {
max-width: 29ch;
font-size: 21px;
line-height: 32px;
}
.ck-modal__btns-w.is--small {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ck-modal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
max-width: none;
margin-left: 0px;
padding-right: 60px;
padding-left: 60px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.ck-cookie-w {
display: block;
margin-right: 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-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: space-around;
-ms-flex-line-pack: distribute;
align-content: space-around;
}
.hero_home_page {
height: 700px;
background-position: 50% 0%;
}
.heading-51 {
font-size: 40px;
line-height: 44px;
}
.div-block-246 {
max-width: 510px;
margin-top: 16px;
font-size: 21px;
}
.home_design_section {
padding-top: 50px;
padding-bottom: 70px;
}
.text-block-36 {
font-size: 17px;
}
.title_design_content {
margin-top: 20px;
}
.heading-52 {
font-size: 40px;
line-height: 44px;
}
.div-block-248 {
width: 64%;
}
.link-8 {
font-size: 17px;
}
.image_block {
max-width: 690px;
margin-top: 50px;
}
.home_branding_section {
padding-top: 80px;
padding-bottom: 80px;
}
.image_branding_block {
max-width: 690px;
margin-top: 50px;
padding-left: 30px;
}
.div-block-250 {
width: 64%;
}
.div-block-251 {
margin-top: 14px;
}
.home_development_section {
padding-top: 80px;
padding-bottom: 80px;
}
.subtitle_development_home {
width: 64%;
}
.link_development_home {
margin-top: 14px;
}
.image_development_home {
margin-top: 50px;
}
.image-57 {
display: block;
}
.image-58 {
display: none;
}
.image-59 {
display: block;
}
.image-60 {
display: none;
}
.text-block-38 {
font-size: 17px;
line-height: 28px;
}
.small_responsive_design_hero {
position: relative;
max-width: none;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
}
.heading-54 {
font-size: 44px;
line-height: 52px;
}
.div-block-260 {
width: 100%;
max-width: none;
}
.div-block-261 {
max-width: none;
}
.branding_elements-2 {
overflow: hidden;
padding-right: 0px;
padding-left: 0px;
}
.div-block-274 {
max-width: 200px;
}
.div-block-275 {
max-width: 140px;
}
.select-field-2 {
position: relative;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
background-color: transparent;
}
.div-block-279 {
position: relative;
}
.section-47 {
height: 350px;
}
.menu-button-2 {
position: static;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 48px;
height: 48px;
max-width: 48px;
padding: 12px 12px 0px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-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;
}
.menu-button-2.w--open {
background-color: #f6f6f6;
}
.menu-button-2.menu_button_404 {
display: block;
}
.div-block-282 {
display: inline-block;
margin-left: 0px;
}
.div-block-283 {
max-width: 500px;
margin-right: auto;
margin-left: auto;
}
.div-block-284 {
background-position: 50% 50%;
background-size: contain;
}
.div-block-285 {
max-width: 500px;
}
.heading-62 {
font-size: 48px;
line-height: 54px;
}
.heading-63 {
width: 100%;
font-size: 48px;
line-height: 54px;
}
.div-block-291 {
padding-right: 50px;
padding-left: 50px;
}
.heading-64 {
font-size: 32px;
line-height: 40px;
}
.heading-65 {
font-size: 32px;
line-height: 40px;
}
.heading-67 {
font-size: 48px;
line-height: 54px;
}
.bold-text-51 {
font-size: 40px;
}
.heading-68.header_pencil_1 {
font-size: 40px;
}
.heading-68.heading_pencil2 {
font-size: 40px;
}
.heading-68.heading_pencil3 {
font-size: 40px;
}
.heading-68.heading_pencil_4 {
font-size: 40px;
}
.div-block-306 {
left: 43%;
}
.text_pencil_1 {
font-size: 19px;
line-height: 28px;
}
.text_pencil_2 {
font-size: 19px;
line-height: 28px;
}
.text_pencil_3 {
font-size: 19px;
line-height: 28px;
}
.text_pencil_4 {
font-size: 19px;
line-height: 28px;
}
.photo_gallery {
margin-top: 0px;
padding-right: 20px;
padding-left: 20px;
}
.text_gallery {
width: 100%;
max-width: none;
margin-right: auto;
margin-left: auto;
}
.text-block-44 {
max-width: 25ch;
font-size: 21px;
line-height: 32px;
}
.grid-11 {
margin-top: 120px;
grid-column-gap: 18px;
grid-row-gap: 18px;
}
.div-block-308 {
height: 500px;
}
.div-block-311 {
height: 450px;
}
.grid-12 {
margin-top: 18px;
grid-column-gap: 18px;
-ms-grid-columns: 1fr 1.25fr;
grid-template-columns: 1fr 1.25fr;
}
.div-block-312 {
height: 250px;
}
.text-block-45 {
font-size: 17px;
}
.div-block-313 {
padding-bottom: 10px;
}
.heading-70 {
color: #1d1e20;
}
.button_contact_block {
margin-top: 60px;
}
.heading-76 {
margin-bottom: 0px;
font-size: 48px;
}
.div-block-342 {
display: none;
height: auto;
background-position: 50% 0%;
}
.div-block-343 {
top: -48px;
background-size: cover;
}
.div-block-345 {
display: block;
margin-top: 4px;
}
.hero_text_title_dev-2 {
top: 40px;
}
.left_image_technology {
margin-right: 20px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.right_technology_stack {
padding-top: 40px;
padding-bottom: 30px;
padding-left: 26px;
}
.title_techology_stack {
position: static;
z-index: 100;
}
.heading-78 {
font-size: 40px;
line-height: 48px;
}
.text-block-53 {
font-size: 17px;
line-height: 28px;
}
.div-block-348 {
margin-top: 0px;
padding-right: 40px;
padding-left: 40px;
}
.mobile_weather_animation {
padding-bottom: 160px;
}
.section-48 {
margin-top: -98px;
}
.element_mobile_logo {
margin-top: 0em;
}
.div-block-369 {
display: none;
}
.image-71 {
position: relative;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.div-block-393 {
margin-top: 40px;
}
.best_team {
margin-top: 0px;
}
.image-95 {
position: absolute;
right: 15px;
display: block;
max-width: 100%;
}
.div-block-403 {
display: none;
}
.cases_mobile_branding {
display: none;
}
.div-block-404 {
margin-top: 14px;
}
.heading-85 {
font-size: 26px;
}
.heading_design_case {
font-size: 26px;
}
.heading-86 {
margin-bottom: 10px;
font-size: 48px;
}
.text-block-56 {
max-width: 50ch;
margin-top: 8px;
font-size: 17px;
}
.cvn_image_section {
margin-top: 60px;
}
.div-block-406 {
margin-top: 14px;
}
.inszu_dev {
margin-top: 60px;
}
.upstride_dev {
margin-top: 60px;
}
.tab {
margin-right: 30px;
margin-left: 0px;
}
.tab.w--current {
margin-right: 30px;
padding-left: 0px;
}
.collection-item-7 {
min-width: 100%;
margin-bottom: 0px;
}
.main_blog {
margin-bottom: 80px;
}
.collection-item-6 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.tabs-menu-3 {
font-size: 16px;
}
.general_div {
max-width: none;
min-width: 90%;
margin-top: 64px;
}
.div-block-411 {
display: none;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.main16 {
display: block;
}
.b_h3 {
margin-bottom: 12px;
}
.div-block-412 {
display: block;
margin-bottom: 0px;
}
.div-block-413 {
margin-top: 20px;
margin-bottom: 24px;
}
.link-block-7 {
max-width: 500px;
padding-left: 0px;
-webkit-box-ordinal-group: 0;
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.div-block-414 {
width: 500px;
}
.div-block-415 {
margin-top: 20px;
}
.image-98 {
width: 100%;
max-width: 96%;
}
.link-block-8 {
min-height: 490px;
min-width: 100%;
margin-bottom: 50px;
}
.rich_blog_outcrowd {
margin-top: 64px;
}
.rich_blog_outcrowd li {
max-width: 668px;
color: #292929;
}
.rich_blog_outcrowd h5 {
max-width: 668px;
font-size: 20px;
line-height: 30px;
}
.rich_blog_outcrowd p {
max-width: 668px;
margin-bottom: 18px;
font-size: 18px;
line-height: 34px;
font-weight: 400;
}
.rich_blog_outcrowd h6 {
max-width: 668px;
}
.rich_blog_outcrowd h3 {
max-width: 668px;
margin-top: 70px;
font-size: 32px;
line-height: 42px;
}
.rich_blog_outcrowd h2 {
width: 90%;
max-width: 668px;
font-size: 20px;
}
.rich_blog_outcrowd h4 {
max-width: 668px;
font-size: 22px;
line-height: 32px;
}
.rich_blog_outcrowd h1 {
max-width: 668px;
font-size: 42px;
line-height: 52px;
}
.div-block-440 {
display: block;
}
.button_v2 {
margin-top: 30px;
}
.heading_h2 {
font-size: 42px;
line-height: 52px;
}
.div-block-441 {
width: 700px;
min-width: 668px;
line-height: 52px;
}
.div-block-441.text_404 {
width: 300px;
min-width: 300px;
}
.div-block-442 {
min-width: 100%;
}
.header {
width: 90%;
max-width: none;
min-width: 90%;
margin-top: 100px;
line-height: 38px;
}
.button-8 {
line-height: 20px;
}
.button_404 {
display: block;
}
.div-block-443 {
margin-top: 100px;
}
.p1_clover {
width: auto;
min-width: 660px;
padding-top: 26px;
}
.p1_clover.p1_clover_project.new_fin_clover_p1._1_ {
padding-top: 80px;
padding-bottom: 80px;
}
.p1_clover.p1_clover_heading {
width: 660px;
padding-bottom: 80px;
}
.p1_clover.p1_clover_strat.title_list_clover {
width: 660px;
}
.p1_clover.p1_style_clover {
width: 90%;
padding-top: 80px;
padding-bottom: 80px;
}
.p1_clover.p1_after_wareframes_clover.p1_before_number_clvoer {
padding-top: 80px;
}
.text-block-57._01 {
font-size: 30px;
}
.background-video-7 {
height: 500px;
}
.image-99 {
margin-bottom: 80px;
}
.div-block-449.new_branding_clover {
margin-top: 80px;
margin-bottom: 80px;
}
.div-block-449.new_branding_clover.new_lorem_clover {
margin-bottom: 80px;
}
.section-52.clover_project {
margin-top: 96px;
}
.div-block-451 {
height: 600px;
}
.div-block-453.good_project_clover.new_clover_good_project {
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-453.good_project_clover.new_brand_pencil {
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-453.good_project_clover.conclusion_title_margin {
margin-top: 125px;
margin-bottom: 80px;
}
.div-block-453.good_project_clover.new_func_pocket {
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-453.div_strategy_header {
margin-bottom: 80px;
}
.div-block-453.div_strategy_header.new_strategy_class {
margin-top: 100px;
}
.div-block-453.branding_clover {
margin-bottom: 80px;
}
.div-block-453.branding_clover.new_branding_1 {
margin-top: 100px;
}
.div-block-453.interface_new_clover {
width: 90%;
margin-bottom: 0px;
}
.div-block-453.interface_new_clover.new_interface_clover {
margin-top: 100px;
}
.div-block-453.text_interface {
width: auto;
margin-bottom: 80px;
}
.div-block-453.text_interface.new_result_clover {
margin-top: 100px;
}
.background-video-6 {
height: 500px;
}
.div-block-454 {
margin-top: 80px;
margin-bottom: 80px;
}
.h1_cover {
display: inline-block;
font-size: 34px;
}
.link_category_header {
font-size: 18px;
}
.div-block-457 {
width: 90%;
}
.h2_clover {
padding-top: 0px;
font-size: 26px;
}
.h2_clover.h2_heading_strategy {
padding-top: 80px;
font-size: 26px;
}
.grid-28 {
display: block;
width: 90%;
margin-right: auto;
margin-left: auto;
-ms-grid-rows: auto 600px;
grid-template-rows: auto 600px;
}
.div-block-458 {
height: 500px;
}
.div-block-459 {
height: 500px;
margin-top: 15px;
background-position: 50% 50%;
background-size: 100%;
}
.div-block-460 {
display: none;
height: 500px;
margin-top: 30px;
background-position: 50% 19%;
background-size: cover;
background-repeat: repeat-y;
}
.div-block-463 {
display: block;
height: 500px;
margin-bottom: 15px;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.div-block-464 {
height: 700px;
margin-bottom: 15px;
}
.div-block-465 {
height: 500px;
margin-bottom: 15px;
}
.div-block-466 {
height: 600px;
}
.grid-27 {
display: block;
}
.div-block-467 {
height: 500px;
margin-bottom: 15px;
}
.posters_section {
margin-bottom: 80px;
}
.background-video-9 {
width: 100%;
height: 500px;
margin-right: auto;
margin-left: auto;
}
.div-block-470 {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.div-block-471 {
width: 100%;
height: 500px;
}
.div-block-473 {
height: 600px;
}
.div-block-474 {
max-width: 600px;
margin-bottom: 80px;
}
.div-block-475 {
width: 90%;
padding-top: 80px;
padding-bottom: 80px;
padding-left: 50px;
}
.image-136 {
min-width: 100%;
}
.hero_section_branding_brief {
padding-right: 0px;
padding-left: 0px;
}
.heading-87 {
font-size: 48px;
}
.div-block-478 {
margin-top: 40px;
}
.content_brief {
margin-top: 60px;
padding-right: 50px;
padding-left: 50px;
}
.section-58 {
height: 550px;
}
.heading-91 {
font-size: 40px;
line-height: 48px;
}
.paragraph-5 {
font-size: 17px;
line-height: 26px;
}
.broshure-video {
padding-top: 100px;
}
.broshure-video_two {
max-width: 550px;
}
.heading-92 {
font-size: 24px;
line-height: 32px;
}
.paragraph-7 {
font-size: 15px;
}
.broshure_block {
padding-top: 100px;
}
.heading-93 {
font-size: 48px;
line-height: 54px;
}
.paragraph-8 {
margin-top: 18px;
font-size: 17px;
line-height: 26px;
font-weight: 400;
}
.paragraph-8.subtitle_video_toyota {
font-weight: 400;
}
.branding_toyota {
margin-top: 50px;
}
.div-block-494 {
padding-right: 40px;
padding-left: 40px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-495 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 360px;
}
.div-block-496 {
position: static;
display: none;
margin-top: 70px;
padding-left: 30px;
}
.paragraph-9 {
max-width: 40ch;
font-size: 17px;
line-height: 24px;
font-weight: 500;
}
.div-block-497 {
display: none;
margin-left: 62px;
}
.video_broshure_list {
margin-top: 100px;
padding-right: 40px;
padding-left: 40px;
}
.heading-94 {
font-size: 17px;
line-height: 24px;
}
.bold-text-68 {
line-height: 24px;
}
.broshure_motion {
margin-top: 100px;
padding-top: 100px;
padding-bottom: 100px;
}
.heading-95 {
margin-top: 0px;
font-size: 48px;
line-height: 54px;
}
.loop_block_toyota {
margin-top: 50px;
}
.broshure_img {
max-width: 300px;
}
.video_block {
padding-right: 40px;
padding-left: 40px;
}
.video_3d_toyota {
margin-top: 50px;
}
.description_video_toyota {
display: block;
margin-top: 100px;
}
.right_video_text_toyota {
margin-top: 20px;
}
.heading-96 {
max-width: 13ch;
font-size: 34px;
line-height: 40px;
}
.gallery_video_toyota {
margin-top: 140px;
}
.heading-97 {
max-width: 26ch;
}
.div-block-501 {
width: 60%;
max-width: 470px;
}
.heading-98 {
max-width: 20ch;
font-size: 17px;
line-height: 26px;
}
.div-block-502 {
padding-right: 0px;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.div-block-503 {
margin-top: 140px;
}
.heading-99 {
font-size: 64px;
line-height: 68px;
}
.div-block-504 {
margin-top: 50px;
}
.contact_toyota {
display: block;
max-width: 720px;
margin-top: 140px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.contact_toyota.contact_toyota_video {
padding-top: 140px;
padding-bottom: 0px;
}
.div-block-505 {
max-width: none;
margin-right: auto;
margin-left: auto;
padding-top: 50px;
padding-bottom: 50px;
}
.paragraph-12 {
margin-top: 16px;
margin-bottom: 26px;
font-size: 19px;
line-height: 26px;
}
.bold-text-70 {
font-size: 40px;
}
.heading-101 {
font-size: 54px;
line-height: 64px;
}
.about_outcrowd_school {
padding-top: 80px;
padding-bottom: 80px;
}
.ideal-candidate {
margin-top: 0px;
padding-top: 80px;
}
.title_ideal-candidate {
padding-left: 0px;
}
.grid_candidate {
margin-top: 60px;
}
.grid-29 {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.div-block-520 {
padding-left: 40px;
}
.heading-104 {
font-size: 22px;
}
.paragraph-16 {
margin-top: 12px;
font-size: 17px;
line-height: 28px;
}
.div-block-521 {
margin-top: 0px;
}
.steps_practice {
margin-top: 0px;
padding: 80px 40px;
background-color: transparent;
}
.practice_finished {
margin-bottom: 80px;
padding: 80px 40px;
background-color: #f9f9f9;
}
.grid-31 {
display: none;
justify-items: center;
-ms-grid-columns: 1.75fr;
grid-template-columns: 1.75fr;
}
.div-block-531 {
display: none;
}
.div-block-532 {
padding-right: 18px;
padding-left: 18px;
}
.div-block-533 {
padding-right: 18px;
padding-left: 18px;
}
.div-block-534 {
padding-right: 18px;
padding-left: 18px;
}
.div-block-535 {
padding-right: 18px;
padding-left: 18px;
}
.div-block-537 {
width: 100%;
}
.div-block-539 {
display: none;
}
.div-block-541 {
margin-top: 80px;
padding-right: 40px;
padding-left: 40px;
}
.heading-110 {
font-size: 40px;
line-height: 48px;
}
.div-block-542 {
margin-top: 40px;
}
.svitoglyad {
padding: 80px 40px;
}
.persistence_erik {
padding: 80px 40px;
}
.motivation_erik {
padding: 80px 40px;
}
.steps_goals_erik {
padding-top: 80px;
padding-right: 40px;
padding-left: 40px;
}
.div-block-550 {
margin-top: 147px;
}
.div-block-551 {
margin-top: 79px;
}
.div-block-552 {
margin-top: 88px;
}
.resources_school {
padding: 80px 40px;
}
.heading-111 {
font-size: 34px;
line-height: 44px;
}
.div-block-555 {
margin-top: 60px;
}
.div-block-556 {
display: block;
}
.div-block-556.div_556_second {
margin-top: 40px;
}
.heading-112 {
max-width: none;
}
.link-17 {
font-size: 21px;
line-height: 30px;
}
.div-block-557 {
margin-top: 10px;
}
.div-block-558 {
margin-top: 20px;
}
.hero_test {
height: 550px;
}
.heading-113 {
margin-top: 0px;
font-size: 40px;
line-height: 48px;
}
.link_figma_test {
padding: 80px 30px;
}
.section-62 {
margin-top: 100px;
margin-bottom: 100px;
padding-top: 80px;
padding-left: 40px;
}
.paragraph-21 {
font-size: 17px;
line-height: 26px;
}
.paragraph-22 {
font-size: 17px;
line-height: 26px;
}
.div-block-561 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 60px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-63 {
top: -128px;
display: block;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.div-block-564 {
top: 0px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.json_1 {
z-index: 1;
}
/* .div-block-565 {
max-width: 220px;
} */
.div-block-566 {
max-width: 160px;
}
.div-block-567 {
max-width: 180px;
}
.div-block-568 {
max-width: 180px;
}
.project_description {
padding-top: 100px;
padding-right: 40px;
padding-left: 40px;
}
.heading-116 {
font-size: 26px;
line-height: 34px;
}
.heading-116.title_json_3_toyota {
font-size: 19px;
line-height: 28px;
}
.paragraph-23 {
font-size: 21px;
line-height: 30px;
}
.heading-117.heading_1_title_toyota {
font-size: 54px;
line-height: 60px;
}
.json_2 {
overflow: visible;
}
.video_toyota_section {
padding-top: 0px;
}
.right_vimeo_description {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0px;
}
.paragraph-24 {
max-width: 32ch;
margin-left: 0px;
}
.details_toyota_video {
padding-top: 140px;
padding-bottom: 140px;
}
.heading-120 {
font-size: 54px;
line-height: 60px;
}
.div-block-575 {
margin-top: 40px;
margin-bottom: 60px;
}
.heading-121 {
font-size: 54px;
line-height: 60px;
}
.paragraph-26 {
max-width: 44ch;
margin-top: 18px;
}
.section-64 {
height: 400px;
padding-left: 40px;
background-position: 0% 30%;
background-repeat: no-repeat;
}
.paragraph-29 {
margin-top: 0px;
font-size: 34px;
}
.section-69 {
padding-top: 0px;
}
.json_3_toyota {
margin-right: 46px;
margin-left: 46px;
}
.div-block-589 {
top: 270px;
}
.section-70 {
padding-top: 140px;
}
.heading-125 {
font-size: 64px;
line-height: 70px;
}
.div-block-591.second_photo_toyota {
margin-top: 60px;
}
.div-block-592 {
max-width: 320px;
}
.div-block-593 {
padding-right: 0px;
padding-left: 40px;
}
.div-block-593.second_text_toyota_images {
padding-right: 40px;
padding-left: 0px;
}
.div-block-594 {
height: 400px;
margin-top: 140px;
padding-top: 40px;
padding-left: 50px;
background-position: 0% 50%;
}
.div-block-595 {
margin-top: 60px;
margin-bottom: 60px;
}
.heading-127 {
font-size: 54px;
line-height: 60px;
}
.div-block-597 {
top: 4%;
}
.section-71 {
padding-right: 0px;
padding-bottom: 140px;
padding-left: 0px;
}
.heading-128 {
font-size: 26px;
line-height: 34px;
}
.heading-129 {
font-size: 21px;
line-height: 28px;
}
.div-block-599 {
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
z-index: 1;
}
.div-block-601 {
margin-top: 0px;
text-align: left;
}
.bold-text-75 {
font-size: 40px;
line-height: 48px;
}
.hero_partnership {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-bottom: 0px;
-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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.heading-130 {
font-size: 64px;
line-height: 70px;
}
.paragraph-32 {
margin-top: 18px;
font-size: 19px;
line-height: 28px;
}
.div-block-604 {
height: 500px;
}
.section-73 {
padding-top: 80px;
padding-bottom: 80px;
}
.div-block-606 {
margin-top: 60px;
}
.heading-132 {
font-size: 40px;
line-height: 48px;
}
.second_icon_partnership {
margin-top: 60px;
}
.paragraph-33 {
font-size: 21px;
line-height: 30px;
}
.section-75 {
padding-top: 80px;
padding-bottom: 80px;
}
.paragraph-35 {
font-size: 19px;
line-height: 26px;
}
.div-block-614 {
margin-top: 40px;
}
.become_partner {
padding: 80px 60px;
}
.paragraph-37 {
font-size: 40px;
line-height: 48px;
}
.heading-135 {
font-size: 54px;
line-height: 60px;
}
.div-block-627 {
height: 100vh;
-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;
}
.div-block-628 {
width: 100%;
}
.div-block-629 {
display: none;
}
.hero_careers {
padding-right: 40px;
padding-left: 40px;
}
.heading-137 {
margin-bottom: 0px;
font-size: 64px;
line-height: 70px;
}
.paragraph-39 {
margin-top: 10px;
font-size: 34px;
line-height: 40px;
}
.hero_photos_careers {
margin-top: 60px;
}
.div-block-634 {
height: 300px;
max-width: 250px;
}
.div-block-635 {
display: none;
}
.div-block-637 {
display: none;
}
.div-block-638 {
display: block;
height: 300px;
}
.hot_vacancies_section {
padding-top: 100px;
padding-bottom: 100px;
}
.heading-139 {
font-size: 21px;
}
.heading-140 {
font-size: 40px;
line-height: 48px;
}
.div-block-642 {
margin-top: 80px;
}
.div-block-643 {
margin-top: 18px;
}
.being-our-teammate {
padding: 100px 40px;
}
.heading-141 {
font-size: 64px;
line-height: 60px;
}
.values_careers {
padding: 100px 40px;
}
.div-block-650 {
margin-top: 100px;
}
.section-79 {
padding-top: 120px;
padding-bottom: 120px;
}
.section-81 {
display: block;
}
.left_careers {
padding-top: 100px;
padding-bottom: 100px;
}
.right_careers {
height: auto;
padding-bottom: 80px;
}
.gallery_our_brand {
width: 100%;
height: 246.2ch;
max-width: 768px;
}
.div-block-672 {
left: -29px;
top: -3px;
width: 513px;
}
.div-block-673 {
top: 116px;
right: 89px;
width: 223px;
}
.div-block-674 {
left: 161px;
top: 366px;
width: 302px;
}
.div-block-675 {
top: 391px;
right: -126px;
width: 500px;
}
.div-block-677 {
left: -211px;
top: 752px;
width: 848px;
}
.div-block-678 {
top: 743px;
right: 85px;
width: 227px;
}
.div-block-679 {
left: 66px;
top: 1201px;
width: 396px;
}
.div-block-680 {
top: 1086px;
right: -143px;
width: 303px;
}
.div-block-681 {
top: 1524px;
right: -310px;
width: 848px;
}
.section-brands {
padding-bottom: 120px;
}
.section-brands-mobile {
padding-bottom: 120px;
}
.description-hero-22 {
margin-top: 18px;
font-size: 19px;
line-height: 28px;
}
.grid-partner-about {
padding-left: 0px;
}
.social-neworks {
display: -ms-grid;
display: grid;
max-width: none;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.div-block-683 {
width: 37ch;
}
.section-84 {
margin-right: 0px;
padding: 128px 60px;
}
.heading-159 {
line-height: 56px;
}
.heading-159.offer {
text-align: center;
}
.image-152 {
width: auto;
max-width: 120%;
margin-right: 0px;
margin-left: 0px;
}
.div-block-686 {
position: static;
left: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: none;
margin-right: 0px;
margin-left: 0px;
-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: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.section-85 {
padding-right: 60px;
padding-left: 60px;
}
.image-154 {
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.v-tab_link {
display: block;
padding-right: 10px;
padding-left: 10px;
font-size: 15px;
text-align: center;
}
.v-tab_menu {
display: -ms-grid;
display: grid;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.video-tab-box {
height: 400px;
background-color: transparent;
}
.div-block-687 {
max-width: 500px;
}
.arrow.tab_previous {
bottom: 0px;
}
.arrow.tab_next {
bottom: 0px;
}
.text-block-61 {
max-width: none;
}
.form-patners {
margin-right: 0px;
padding: 128px 60px;
}
}
@media screen and (max-width: 767px) {
.nav-menu {
padding-top: 40px;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
height: fit-content!important;
padding-bottom:20px;
}
.brand.w--current {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.image {
display: block;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.second_menu {
display: none;
}
.nav_footer {
/* display: -ms-grid;
display: grid; */
display: block;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.devices {
margin-top: 0px;
}
.image-21 {
display: none;
}
.image-22 {
max-width: 120px;
}
.image-23 {
right: -40px;
max-width: 100px;
}
.hero_section {
margin-top: 60px;
}
.hero_title {
padding-right: 21px;
padding-left: 21px;
text-align: left;
padding-top: 100px;
padding-bottom: 70px;
}
.h1_hero {
width: 100%;
font-size: 32px;
line-height: 32px;
text-align: left;
}
.div-block-207 {
padding: 10px;
}
.text-block-3 {
max-width: 45ch;
font-size: 16px;
line-height: 26px;
}
.div-block-24 {
width: 100%;
max-width: none;
margin-top: 14px;
text-align: left;
}
.bold-text-11 {
font-size: 38px;
line-height: 42px;
}
.text-block-4 {
font-size: 17px;
line-height: 30px;
}
.div-block-28.new_animation_text.design_paragraph {
max-width: 400px;
margin-top: 14px;
}
.div-block-29 {
width: 100%;
max-width: 400px;
}
.h1_second_text {
display: block;
width: 100%;
font-size: 38px;
line-height: 42px;
}
.icons_block {
text-align: center;
}
.json_pixel {
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-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;
text-align: left;
}
.grid-3 {
margin-top: 40px;
justify-items: start;
grid-column-gap: 24px;
grid-row-gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.h6 {
margin-top: 26px;
}
.h6.h6_black {
font-size: 21px;
}
.text-block-5 {
width: 100%;
max-width: 20ch;
margin-top: 8px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.text-block-5.text_block_black {
margin-top: 8px;
text-align: left;
}
.heading-9 {
font-size: 32px;
line-height: 40px;
}
.heading-9.h1_cases {
font-size: 32px;
line-height: 40px;
}
.div-block-32 {
width: 100%;
max-width: none;
margin-right: auto;
margin-left: auto;
text-align: left;
}
.text-block-6 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-size: 17px;
line-height: 30px;
}
.div-block-35.case_2 {
margin-top: 20px;
}
.div-block-35.case_2.short_banner {
height: 350px;
padding-top: 30px;
padding-left: 30px;
background-position: 40% 50%;
}
.div-block-35.case_3.plannet_banner {
height: 350px;
margin-top: 20px;
padding-top: 30px;
padding-left: 30px;
background-position: 70% 50%;
}
.div-block-35.case_3.clover_banner {
height: 350px;
margin-top: 20px;
padding-top: 20px;
padding-left: 20px;
background-position: 70% 50%;
}
.div-block-35.toyota_banner {
height: 350px;
padding-top: 30px;
padding-left: 30px;
background-position: 50% 100%;
}
.div-block-35.toyota_banner.my_ai_banner {
margin-top: 20px;
background-position: 80% 50%;
}
.div-block-35.toyota_banner.hatch_bunner {
margin-top: 20px;
}
.div-block-35.veni_banner {
height: 350px;
margin-top: 20px;
padding-top: 30px;
padding-left: 30px;
}
.text-description {
display: block;
}
/* .div-block-36 {
display: none;
} */
.section-16 {
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
.div-block-35.toyota_banner.nexus_banner,.div-block-35.toyota_banner.my_ai_banner {
/* margin: 30px 0 0; */
padding: 15px;
overflow: auto;
}
.grid-4 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
text-align: left;
}
.faq {
padding: 80px 50px;
}
.faq-group-row {
padding-top: 0rem;
padding-bottom: 2rem;
}
.faq-question {
padding-right: 0.5rem;
padding-left: 0rem;
}
.faq-question-label {
font-size: 1rem;
}
.faq-answer {
padding-right: 0.5rem;
padding-left: 0rem;
}
.faq-answer-p {
font-size: 0.875rem;
}
.heading-10 {
font-size: 26px;
line-height: 40px;
}
.h1_about {
font-size: 40px;
line-height: 48px;
}
.about_description {
margin-top: 96px;
}
.about_description.conclusion_toyota {
margin-top: 0px;
padding-top: 80px;
}
.grid-6 {
margin-top: 24px;
padding-right: 34px;
padding-left: 0px;
grid-column-gap: 87px;
grid-row-gap: 34px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.h6_black.heading_teammate {
font-size: 17px;
line-height: 28px;
}
.bold-text-12 {
font-size: 56px;
line-height: 64px;
}
.our_values {
height: auto;
padding-top: 60px;
padding-bottom: 82px;
}
.section-17 {
height: auto;
margin-right: auto;
margin-left: auto;
padding-top: 92px;
padding-bottom: 220px;
}
.clients.client_partnership {
padding: 70px 30px;
}
.grid-7.grid_partnership_2 {
margin-top: 50px;
grid-column-gap: 60px;
grid-row-gap: 50px;
}
.section-19 {
padding-top: 92px;
}
.heading-12 {
padding-right: 20px;
padding-left: 20px;
}
.div-block-61 {
width: 100%;
max-width: 450px;
padding-left: 0px;
}
.illustration_section {
padding-top: 92px;
}
.title_ill {
max-width: 400px;
}
.heading-14 {
font-family: Helveticanowdisplay, sans-serif;
font-size: 40px;
line-height: 48px;
}
.ill_block {
height: 340px;
margin-top: 40px;
}
.buy_product {
padding-right: 20px;
padding-left: 20px;
}
.grid-10 {
margin-top: 40px;
}
.hero_branding {
padding-right: 0px;
padding-left: 0px;
}
.text-block-17 {
font-size: 24px;
line-height: 34px;
}
.div-block-72 {
padding-right: 50px;
padding-left: 50px;
}
.block_icons {
display: block;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
}
.icon_user {
margin-bottom: 0px;
}
.black_block_pixels {
position: relative;
margin-top: -2px;
padding: 0 21px;
}
.heading-18 {
display: none;
}
.heading-18.heading_19 {
display: none;
text-align: left;
}
.marquee-horizontal {
height: 400px;
margin-top: 40px;
}
.marquee-horizontal.marquee_design_page {
height: 60px;
margin-top: 20px;
}
.marquee-horizontal-2 {
height: 400px;
margin-top: 20px;
}
.marquee-horizontal-2.marque_design_page {
height: 60px;
margin-top: 20px;
}
.logo_block {
height: 100vh;
padding-right: 40px;
padding-left: 40px;
}
.logo_block.logo_black_1280 {
display: none;
}
.logo_block.logo_black_mobile {
display: block;
padding-right: 0px;
padding-left: 0px;
}
.logo_block.logo_black_mobile.logo_black_mini {
display: none;
}
.logo_sticky.logo_sticky_mobile {
height: 80vh;
}
.div-block-130 {
top: 24%;
max-width: 320px;
}
.div-block-130.block_130_mobile {
max-width: 480px;
}
.brand_slide-text {
margin-top: 80px;
}
.brand_title_h1 {
max-width: 400px;
}
.heading-22 {
font-size: 32px;
line-height: 44px;
}
.heading-22.heading_22_768 {
font-size: 26px;
}
.div-block-139 {
width: auto;
}
.black_brand_section {
padding: 80px 30px;
}
.heading-24 {
font-size: 32px;
line-height: 44px;
}
.text-block-19 {
font-size: 17px;
}
.brand_elements {
padding-top: 60px;
padding-bottom: 0px;
}
.section-21 {
padding-top: 80px;
}
.title_gallery_brand {
width: 100%;
max-width: 370px;
}
.heading-25 {
font-size: 32px;
line-height: 40px;
}
.div-block-144 {
margin-top: 14px;
}
.gallery_brand {
padding-right: 30px;
padding-left: 30px;
}
.overflow_brand {
padding-right: 0px;
}
.brand_row {
display: -ms-grid;
display: grid;
margin-top: 0px;
-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;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
grid-auto-columns: 1fr;
grid-column-gap: 26px;
grid-row-gap: 26px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.brand_row.brand_small_images {
display: none;
}
.div-block-145 {
max-width: 300px;
padding-top: 16px;
padding-right: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-145.three_image {
display: block;
}
.div-block-145.four_image {
display: block;
}
.section-22 {
padding-top: 80px;
padding-right: 30px;
padding-left: 30px;
}
.heading-27 {
line-height: 54px;
}
.text-block-22 {
font-size: 19px;
line-height: 28px;
}
.dev_animation_section {
padding-top: 82px;
}
.heading-28 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 32px;
line-height: 40px;
}
.text-block-23 {
width: auto;
font-size: 16px;
line-height: 26px;
}
.div-block-158 {
max-width: 360px;
margin-top: 14px;
padding-right: 0px;
padding-left: 0px;
}
.dev_animation_json {
max-width: 300px;
margin-top: 60px;
}
.title_dev_transition {
padding-right: 0px;
padding-left: 0px;
}
.text-block-24 {
width: auto;
font-size: 16px;
line-height: 26px;
}
.fron-end_dev {
padding-top: 480px;
}
.title_dev_frontend {
display: none;
}
.div-block-165 {
padding-right: 30px;
padding-left: 30px;
}
.text-block-25 {
width: auto;
font-size: 16px;
line-height: 26px;
}
.div-block-166 {
margin-top: 40px;
}
.section-33 {
display: none;
}
.heading-30 {
font-size: 32px;
}
.text-block-26 {
width: auto;
font-family: Montserrat, sans-serif;
font-size: 16px;
line-height: 26px;
}
.div-block-169 {
max-width: 380px;
padding-right: 0px;
padding-left: 0px;
}
.div-block-173 {
overflow: hidden;
}
.rows_des {
display: -ms-grid;
display: grid;
margin-top: 60px;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.heading-31 {
font-size: 32px;
}
.text-block-27 {
width: auto;
font-size: 16px;
line-height: 26px;
}
.div-block-174 {
max-width: 380px;
padding-right: 0px;
padding-left: 0px;
}
.div-block-175 {
max-width: 260px;
}
.title_dev_mob {
margin-top: 0px;
}
.heading-32 {
font-size: 32px;
text-align: center;
}
.div-block-176 {
width: 100%;
max-width: 320px;
margin-top: 14px;
margin-right: auto;
margin-left: auto;
}
.text-block-28 {
font-size: 16px;
line-height: 26px;
text-align: center;
}
.div-block-177 {
width: 100%;
max-width: 500px;
margin-top: 30px;
}
.left_sup {
margin-right: 20px;
}
.section-34 {
height: 350px;
}
.heading-35 {
max-width: 260px;
font-size: 32px;
}
.text-block-29 {
font-size: 19px;
line-height: 29px;
}
.div-block-182 {
margin-top: 14px;
}
.hero_text_title_dev {
top: 30px;
}
.div-block-184 {
height: auto;
}
.section-36 {
margin-top: 0px;
padding: 0px 40px 80px;
}
.div-block-187 {
opacity: 0.4;
}
.div-block-188 {
padding-right: 30px;
padding-left: 30px;
}
.heading-37 {
line-height: 46px;
}
.mobile_animation_scroll {
height: auto;
}
.div-block-189 {
display: none;
}
.gallery_row {
margin-top: 0px;
}
.mt-30{
margin-top: 30px;
}
.cases_design {
margin-top: -675px;
padding-right: 0px;
padding-bottom: 80px;
padding-left: 0px;
}
.div-block-203 {
height: 120vh;
}
.div-block-204 {
height: 150vh;
margin-top: 0px;
}
.bold-text-17 {
font-size: 38px;
line-height: 42px;
}
.heading-41.heading_desogn_1 {
max-width: 15ch;
}
.heading-41.heading_design_2 {
max-width: 17ch;
margin-top: 40px;
}
.heading-41.heading_design_3 {
max-width: 15ch;
margin-top: 40px;
}
.heading-41.heading_design_4 {
max-width: 15ch;
margin-top: 40px;
}
.heading-42 {
font-size: 48px;
line-height: 54px;
}
.heading-43 {
font-size: 40px;
line-height: 44px;
}
.heading-44 {
font-size: 48px;
line-height: 54px;
}
.div-block-221 {
height: 50em;
}
.form {
height: 80vh;
padding-bottom: 60px;
}
.heading-48 {
font-size: 40px;
}
.heading-48.white {
font-size: 40px;
line-height: 48px;
}
.form_contact_us {
margin-top: 40px;
}
.div-block-231 {
margin-bottom: 50px;
}
.text-field {
margin-bottom: 15px;
font-size: 19px;
}
.text-field-2 {
margin-bottom: 15px;
font-size: 19px;
}
.textarea {
font-size: 19px;
}
.section-41 {
padding: 60px 30px;
}
.div-block-233 {
width: 100%;
max-width: 476px;
}
.heading-49 {
margin-bottom: 0px;
color: #1d1e20;
font-size: 40px;
line-height: 44px;
}
.div-block-234 {
display: -ms-grid;
display: grid;
margin-top: 26px;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.div-block-235 {
margin-top: 30px;
}
.text-block-35 {
font-size: 17px;
}
.title_devices_design {
max-width: none;
margin-bottom: 30px;
text-align: center;
}
.heading-50 {
font-size: 32px;
text-align: left;
}
.ck-modal__btns-w {
padding: 1.5rem;
}
.ck-modal__btns-w.is--small {
padding-top: 0rem;
}
.ck-modal__btns-w.in-pref-manger {
position: -webkit-sticky;
position: sticky;
bottom: 0rem;
margin: 1.5rem -1.5rem -2rem;
padding-top: 1.25rem;
}
.ck-modal {
padding-top: 10px;
padding-bottom: 10px;
-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;
}
.ck-modal__exit-btn {
top: -1rem;
margin-right: 1.25rem;
}
.ck-modal__content-w {
padding-right: 1.5rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
}
.ck-preference__scroll-w {
padding-top: 2rem;
}
.ck-form {
padding-top: 0.75rem;
}
.hero_home_page {
height: 700px;
}
.heading-51 {
font-size: 32px;
}
.div-block-246 {
max-width: 400px;
margin-top: 14px;
}
.home_design_section {
padding-top: 40px;
padding-bottom: 50px;
}
.heading-52 {
font-size: 32px;
}
.image_block {
max-width: 400px;
margin-top: 38px;
}
.home_branding_section {
padding-top: 40px;
padding-bottom: 50px;
}
.image_branding_block {
max-width: 450px;
margin-top: 38px;
}
.home_development_section {
padding-top: 40px;
padding-bottom: 20px;
}
.image_development_home {
position: relative;
z-index: -1;
max-width: 600px;
margin-top: 0px;
}
.mobile_section_image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.small_responsive_design_hero {
position: static;
display: block;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-254 {
display: block;
-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;
text-align: left;
}
.div-block-255 {
display: block;
-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;
text-align: left;
}
.div-block-256 {
display: block;
-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;
text-align: left;
}
.div-block-257 {
display: block;
-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;
text-align: left;
}
.div-block-258 {
display: block;
-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;
text-align: left;
}
.div-block-259 {
display: block;
-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;
text-align: left;
}
.heading-54 {
font-size: 32px;
line-height: 40px;
text-align: center;
}
.heading-56 {
color: #fff;
font-size: 48px;
line-height: 54px;
}
.div-block-260 {
max-width: none;
}
.div-block-261 {
max-width: none;
padding-right: 58px;
padding-left: 58px;
}
.bold-text-27 {
font-size: 32px;
}
.bold-text-28 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-weight: 600;
}
.animation_blur_logo-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.animation_blur_logo-2.animation_blur_1280 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.animation_blur_logo-2.animation_blur_mobile {
width: auto;
max-width: 480px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.branding_elements-2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.div-block-265 {
padding-right: 30px;
padding-left: 30px;
}
.heading-60 {
font-size: 32px;
}
.div-block-274 {
display: none;
}
.div-block-275 {
display: none;
}
.div-block-282 {
margin-left: 0px;
}
.div-block-285 {
display: block;
max-width: 400px;
margin-right: auto;
margin-left: 0px;
}
.heading-62 {
max-width: 15ch;
margin-bottom: 0px;
font-size: 40px;
line-height: 48px;
text-align: left;
}
.heading-62.title_client_partnership {
text-align: center;
}
.div-block-286 {
display: none;
}
.div-block-289 {
display: block;
height: auto;
}
.heading-63 {
font-family: Helveticanowdisplay, sans-serif;
font-size: 40px;
line-height: 48px;
}
.div-block-292 {
display: none;
}
.div-block-302 {
display: none;
}
.left_pencil_block {
display: none;
}
.right_pencil_block {
display: block;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.content_pencil_right {
left: 197px;
max-width: 240px;
}
.div-block-306 {
left: 0%;
}
.text_pencil_1 {
font-size: 17px;
line-height: 27px;
}
.text_pencil_2 {
font-size: 17px;
line-height: 27px;
}
.text_pencil_3 {
font-size: 17px;
line-height: 27px;
}
.text_pencil_4 {
font-size: 17px;
line-height: 27px;
}
.photo_gallery {
padding-right: 20px;
padding-left: 20px;
}
.text-block-44 {
max-width: 25ch;
}
.div-block-308 {
height: 350px;
}
.div-block-311 {
height: 350px;
}
.div-block-312 {
height: 200px;
}
.div-block-313 {
max-width: 190px;
}
.heading-70 {
font-size: 40px;
line-height: 48px;
}
.div-block-316 {
max-width: 400px;
margin-right: auto;
margin-left: auto;
}
.button_contact_block {
margin-top: 40px;
padding-top: 2px;
padding-bottom: 2px;
}
.mobile_values_section {
display: block;
}
.val_1_mobile {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.div-block-322 {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 400px;
max-width: 568px;
-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;
}
.div-block-323 {
position: relative;
top: -17px;
padding-top: 0px;
padding-bottom: 0px;
}
.div-block-323.rocket {
max-width: 100px;
padding-right: 12px;
}
.heading-72 {
font-family: Helveticanowdisplay, sans-serif;
color: #fff;
}
.div-block-324 {
position: absolute;
bottom: 30px;
}
.div-block-325 {
display: none;
}
.mobile_pencil_static {
display: block;
margin-right: auto;
margin-left: auto;
}
._2018_mob_block {
width: 100%;
max-width: 460px;
margin-right: auto;
margin-left: auto;
padding: 35px 30px 40px;
background-color: #f8f8fa;
text-align: left;
}
._2018_mob_block._2019_mob_content {
margin-top: 18px;
}
.text-block-48 {
display: inline-block;
background-image: -webkit-gradient(linear, left top, right top, from(#1ebcec), to(#7850fc));
background-image: linear-gradient(90deg, #1ebcec, #7850fc);
font-family: Montserrat, sans-serif;
font-weight: 500;
text-align: left;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.text-block-48._2018_gradient {
background-image: -webkit-gradient(linear, left top, right top, from(#b436f2), to(#8542f7));
background-image: linear-gradient(90deg, #b436f2, #8542f7);
}
.text-block-48._2020_gradient {
background-image: -webkit-gradient(linear, left top, right top, from(#f86bb1), to(#bd52da));
background-image: linear-gradient(90deg, #f86bb1, #bd52da);
}
.text-block-48._2021_gradient {
background-image: -webkit-gradient(linear, left top, right top, from(#ffa50d), to(#ff7738));
background-image: linear-gradient(90deg, #ffa50d, #ff7738);
}
.heading-73 {
margin-right: 0px;
margin-left: 0px;
font-size: 21px;
line-height: 31px;
}
.text-block-49 {
max-width: none;
margin-top: 14px;
font-size: 17px;
}
.heading-74 {
font-family: Helveticanowdisplay, sans-serif;
}
.heading-76 {
font-size: 40px;
line-height: 50px;
}
.text-block-52 {
font-family: Montserrat, sans-serif;
font-size: 19px;
line-height: 30px;
}
.div-block-343 {
top: -30px;
}
.hero_text_title_dev-2 {
top: 20px;
}
.mob_front {
display: block;
}
.mob_back {
display: block;
}
.left_image_technology {
display: none;
}
.right_technology_stack {
width: 100%;
}
.div-block-347 {
max-width: 290px;
}
.button_technology {
margin-top: 65px;
}
.mobile_json_animation {
display: block;
overflow: hidden;
margin-top: 100px;
margin-bottom: 100px;
padding-right: 0px;
padding-left: 0px;
}
.text-block-54 {
width: 100%;
max-width: 40vh;
margin-right: auto;
margin-left: auto;
}
.mobile_json_comp {
position: relative;
z-index: -1;
max-width: 700px;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.div-block-351 {
max-width: 240px;
}
.mobile_weather_animation {
display: none;
}
.section-48 {
margin-top: -119px;
padding-right: 30px;
padding-left: 30px;
}
.div-block-364 {
top: -174px;
width: 100%;
height: 360px;
max-width: 700px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.div-block-365 {
margin-bottom: 0px;
}
.div-block-366 {
margin-top: -25px;
}
.div-block-367 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.div-block-368 {
margin-right: auto;
margin-left: auto;
}
.div-block-369 {
display: none;
}
.div-block-370 {
display: block;
}
.image-71 {
left: auto;
display: block;
max-width: 100%;
}
.div-block-393 {
width: 100%;
max-width: 480px;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
}
.background-video-2 {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-o-object-fit: cover;
object-fit: cover;
}
.div-block-403 {
display: none;
}
.cases_mobile_branding {
padding-right: 0px;
padding-left: 0px;
}
.div-block-404 {
margin-top: 14px;
}
.div-block-405 {
/*display: none;*/
}
.section-51 {
margin-top: 60px;
margin-bottom: 60px;
padding-right: 30px;
padding-left: 30px;
}
.heading-86 {
margin-bottom: 4px;
font-size: 34px;
}
.text-block-56 {
margin-top: 4px;
}
.cvn_image_section {
margin-top: 40px;
}
.inszu_dev {
margin-top: 40px;
}
.upstride_dev {
margin-top: 40px;
}
.tab.w--current {
margin-left: 0px;
}
.collection-item-7 {
min-height: 100%;
margin-bottom: 30px;
}
.tabs-menu-3 {
font-size: 14px;
text-align: center;
}
.general_div {
width: 100%;
max-width: 516px;
margin-top: 40px;
}
.main16 {
display: none;
}
.image-98 {
max-width: 100%;
}
.link-block-8 {
min-height: 100%;
margin-bottom: 0px;
}
.rich_blog_outcrowd {
margin-top: 40px;
}
.rich_blog_outcrowd li {
max-width: 516px;
color: #292929;
font-size: 16px;
}
.rich_blog_outcrowd h5 {
max-width: 516px;
}
.rich_blog_outcrowd p {
max-width: 516px;
margin-bottom: 14px;
font-size: 16px;
line-height: 29px;
}
.rich_blog_outcrowd h6 {
max-width: 516px;
}
.rich_blog_outcrowd h3 {
max-width: 516px;
margin-top: 50px;
font-size: 22px;
line-height: 32px;
}
.rich_blog_outcrowd h2 {
max-width: 516px;
font-size: 18px;
line-height: 28px;
}
.rich_blog_outcrowd h4 {
max-width: 516px;
font-size: 20px;
line-height: 30px;
}
.rich_blog_outcrowd h1 {
max-width: 516px;
margin-bottom: 20px;
font-size: 32px;
line-height: 42px;
}
.heading_h2 {
width: 100%;
font-size: 32px;
line-height: 42px;
}
.div-block-441 {
width: 100%;
min-width: 100%;
}
.header {
width: 86%;
margin-top: 78px;
}
.paragraph-3 {
line-height: 25px;
}
.title_section {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.title_clover {
margin-bottom: 0px;
font-size: 32px;
line-height: 30px;
}
.p1_clover {
width: auto;
min-width: 0px;
padding-top: 14px;
font-size: 16px;
}
.p1_clover.title_p1 {
width: 74%;
min-width: 0px;
padding-top: 14px;
font-size: 18px;
}
.p1_clover.p1_clover_heading {
width: auto;
min-width: 0px;
padding-top: 14px;
padding-bottom: 60px;
font-size: 16px;
}
.p1_clover.p1_clover_strat.title_list_clover {
width: auto;
}
.p1_clover.p1_style_clover {
width: 86%;
}
.background-video-7 {
height: 400px;
}
.div-block-447 {
width: 86%;
}
.div-block-448 {
width: 86%;
}
.div-block-449.new_branding_clover {
width: 86%;
}
.div-block-451 {
height: 500px;
}
.div-block-453.good_project_clover {
width: 86%;
}
.div-block-453.div_strategy_header {
width: 86%;
}
.div-block-453.div_strategy_header.new_strategy_class {
margin-top: 0px;
}
.div-block-453.branding_clover {
width: 86%;
}
.div-block-453.branding_clover.new_branding_1 {
margin-top: 0px;
}
.div-block-453.interface_new_clover {
width: 86%;
}
.div-block-453.interface_new_clover.new_interface_clover {
margin-top: 0px;
}
.div-block-453.text_interface {
width: 86%;
}
.div-block-453.text_interface.new_result_clover {
margin-top: 0px;
}
.background-video-6 {
height: 400px;
}
.div-block-455 {
width: 100%;
}
.div-block-457 {
width: 86%;
}
.grid-28 {
width: 100%;
}
.text_clover_brand {
width: auto;
font-size: 20px;
line-height: 30px;
}
.clover_brand_section {
width: 86%;
}
.div-block-469 {
width: 70%;
}
.background-video-9 {
height: 400px;
}
.div-block-470 {
width: 86%;
}
.div-block-471 {
height: 400px;
}
.div-block-474 {
width: 86%;
max-width: 400px;
}
.div-block-475 {
width: 90%;
}
.div-block-476 {
height: 2px;
margin-top: 16px;
margin-bottom: 40px;
padding-bottom: 0px;
background-image: -webkit-gradient(linear, left top, right top, from(#01ecb0), to(#01b1d6));
background-image: linear-gradient(90deg, #01ecb0, #01b1d6);
}
.div-block-476._2018_line {
background-image: -webkit-gradient(linear, left top, right top, from(#b436f2), to(#8542f7));
background-image: linear-gradient(90deg, #b436f2, #8542f7);
}
.div-block-476._2020_line {
background-image: -webkit-gradient(linear, left top, right top, from(#f86bb1), to(#bd52da));
background-image: linear-gradient(90deg, #f86bb1, #bd52da);
}
.div-block-476._2021_line {
background-image: -webkit-gradient(linear, left top, right top, from(#ffa50d), to(#ff7738));
background-image: linear-gradient(90deg, #ffa50d, #ff7738);
}
.div-block-476.line_2017 {
background-image: -webkit-gradient(linear, left top, right top, from(#1ebcec), to(#7850fc));
background-image: linear-gradient(90deg, #1ebcec, #7850fc);
}
.heading-87.heading_practice {
line-height: 54px;
}
.checkbox_wrap {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.form12_checkbox_field {
width: 48%;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
}
.section-58 {
height: 500px;
}
.broshure-video_two {
display: block;
max-width: 280px;
margin-top: 40px;
}
.broshure_category {
margin-bottom: 14px;
}
.heading-92 {
font-size: 21px;
line-height: 28px;
}
.div-block-491 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
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;
}
.broshure_block {
padding-top: 82px;
}
.heading-93 {
font-size: 40px;
line-height: 48px;
}
.paragraph-8 {
margin-top: 19px;
font-size: 17px;
}
.branding_toyota {
display: none;
}
.gallery_block {
margin-top: 100px;
}
.div-block-494 {
display: -ms-grid;
display: grid;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.paragraph-9 {
max-width: 15ch;
}
.div-block-497 {
padding-top: 24px;
}
.video_broshure_list {
margin-top: 82px;
}
.heading-94 {
font-size: 17px;
line-height: 24px;
}
.bold-text-68 {
line-height: 24px;
}
.div-block-498 {
margin-top: 24px;
}
.broshure_motion {
margin-top: 82px;
padding-top: 82px;
padding-bottom: 82px;
}
.heading-95 {
font-size: 34px;
line-height: 40px;
}
.loop_block_toyota {
margin-top: 40px;
}
.broshure_img {
max-width: 220px;
}
.video_block {
padding-top: 82px;
padding-bottom: 82px;
}
.video_3d_toyota {
margin-top: 40px;
}
.description_video_toyota {
margin-top: 64px;
}
.heading-96 {
font-size: 26px;
line-height: 32px;
}
.gallery_video_toyota {
display: block;
}
.div-block-499 {
display: block;
}
.responsive_brand_toyota {
display: block;
margin-top: 40px;
}
.logo_img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.font_img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.color_img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.contact_toyota {
margin-top: 80px;
margin-bottom: 0px;
}
.div-block-505 {
padding-right: 40px;
padding-left: 40px;
border-radius: 0px;
}
.heading-101 {
font-size: 34px;
line-height: 42px;
}
.about_outcrowd_school {
padding-right: 30px;
padding-bottom: 40px;
padding-left: 30px;
}
.right_practice {
margin-top: 18px;
}
.heading-102 {
font-size: 26px;
line-height: 34px;
}
.div-block-514 {
margin-top: 18px;
}
.paragraph-13 {
line-height: 26px;
}
.heading-103 {
font-size: 26px;
line-height: 34px;
}
.paragraph-15 {
margin-top: 8px;
line-height: 26px;
}
.grid_candidate {
margin-top: 40px;
}
.grid-29 {
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.div-block-520 {
width: 100%;
max-width: 480px;
}
.heading-104 {
font-size: 19px;
}
.paragraph-16 {
margin-top: 8px;
}
.div-block-521 {
margin-top: 30px;
padding-bottom: 30px;
}
.heading-105 {
max-width: none;
margin-left: 0px;
font-size: 26px;
line-height: 34px;
text-align: left;
}
.line_steps {
position: relative;
display: block;
margin-top: 40px;
}
.left_line_practice {
padding-left: 70px;
}
.center_line_practice {
position: absolute;
top: 0px;
}
.right_line_practice {
padding-left: 70px;
}
.paragraph-17 {
line-height: 26px;
}
.div-block-523 {
display: none;
margin-top: 195px;
}
.div-block-523.div_523_mobile {
display: block;
margin-top: 217px;
}
.div-block-524 {
display: none;
margin-top: 0px;
}
.div-block-524.div_525 {
display: none;
margin-top: 192px;
}
.div-block-524.div_525.div_525_mobile {
display: block;
margin-top: 217px;
}
.div-block-524.div_524_mobile {
display: block;
}
.heading-106 {
font-size: 26px;
line-height: 34px;
}
.grid_finish_practic {
margin-top: 40px;
}
.heading-107 {
font-size: 19px;
line-height: 26px;
}
.paragraph-18 {
display: block;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 26px;
}
.grid-30 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.title_form_practice {
padding-right: 40px;
padding-left: 40px;
}
.heading-108 {
font-size: 34px;
line-height: 44px;
}
.div-block-532 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-533 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-534 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-535 {
padding-right: 50px;
padding-left: 50px;
}
.div-block-536 {
display: none;
margin-top: 189px;
}
.div-block-536.div_536_mobile {
display: block;
}
.div-block-539 {
display: block;
}
.div-block-540 {
display: block;
}
.div-block-541 {
padding-right: 30px;
padding-left: 30px;
}
.heading-110 {
font-size: 34px;
}
.div-block-542 {
margin-top: 0px;
}
.svitoglyad {
padding: 60px 30px;
}
.h3_pract {
margin-top: 0px;
}
.paragraph-19 {
font-size: 19px;
}
.paragraph-19.paragraph_slide {
font-size: 16px;
}
.persistence_erik {
padding: 60px 30px;
}
.div-block-545 {
display: block;
}
.div-block-546 {
padding-right: 0px;
}
.motivation_erik {
padding: 60px 30px;
}
.steps_goals_erik {
padding: 60px 30px;
}
.paragraph-20 {
max-width: 36ch;
font-size: 19px;
line-height: 29px;
}
.div-block-547 {
margin-top: 60px;
}
.div-block-548 {
display: none;
}
.div-block-549 {
margin-left: 0px;
}
.div-block-550 {
margin-top: 34px;
}
.div-block-551 {
margin-top: 34px;
}
.div-block-552 {
margin-top: 34px;
}
.div-block-553 {
margin-top: 60px;
}
.resources_school {
padding: 0px 30px 60px;
}
.heading-111 {
font-size: 26px;
line-height: 36px;
}
.div-block-555 {
margin-top: 40px;
}
.heading-114 {
font-size: 19px;
}
.heading-114.test_next_title {
margin-top: 20px;
margin-bottom: 20px;
}
.link-18 {
font-size: 19px;
}
.section-62 {
height: 500px;
padding-top: 40px;
background-position: 0% 50%;
}
.div-block-561 {
margin-left: 20px;
}
.section-63 {
top: 0px;
margin-top: -142px;
}
/* .div-block-565 {
max-width: 160px; */
}
.div-block-566 {
max-width: 120px;
}
.div-block-567 {
max-width: 140px;
}
.div-block-568 {
max-width: 140px;
}
.div-block-569.toyota_link {
display: block;
}
.div-block-569.veni_banner_link {
display: block;
}
.div-block-569.short_banner_link {
display: block;
}
.div-block-569.planet_banner_link {
display: block;
}
.div-block-569.clover_banner_link {
display: block;
}
.project_description {
padding-right: 30px;
padding-left: 30px;
}
.heading-116.title_json_3_toyota {
font-size: 17px;
}
.bold-text-73 {
font-size: 21px;
line-height: 30px;
}
.heading-117.heading_1_title_toyota {
font-size: 48px;
line-height: 54px;
}
.right_vimeo_description {
display: block;
}
.paragraph-24.text_second_toyota {
margin-top: 24px;
}
.details_toyota_video {
padding-top: 100px;
padding-bottom: 100px;
}
.heading-120 {
font-size: 48px;
line-height: 54px;
}
.div-block-575 {
margin-bottom: 40px;
}
.heading-121 {
font-size: 48px;
line-height: 54px;
}
.first_row_toyota {
display: block;
}
.div-block-577 {
margin-top: 40px;
}
.paragraph-27 {
width: 100%;
}
.section-64 {
height: 350px;
padding-top: 40px;
}
.paragraph-28 {
font-size: 15px;
}
.paragraph-29 {
margin-top: 8px;
font-size: 26px;
line-height: 34px;
}
.json_3_toyota {
display: none;
margin-right: 36px;
margin-left: 36px;
}
.json_3_toyota.mobile_json_3 {
display: block;
}
.div-block-589 {
padding-right: 40px;
padding-left: 40px;
}
.section-70 {
padding-top: 100px;
padding-right: 0px;
padding-left: 0px;
}
.div-block-590 {
padding-right: 40px;
padding-left: 40px;
}
.heading-125 {
font-size: 48px;
line-height: 54px;
}
.div-block-591 {
display: block;
margin-top: 40px;
}
.div-block-592 {
max-width: none;
}
.div-block-593 {
margin-top: 18px;
padding-left: 0px;
}
.div-block-593.second_text_toyota_images {
display: none;
}
.div-block-593.second_text_toyota_images.second_text_toyota_mobile {
display: block;
}
.paragraph-30 {
max-width: none;
margin-bottom: 0px;
font-size: 17px;
line-height: 26px;
}
.div-block-594 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 700px;
margin-top: 100px;
padding-top: 80px;
padding-left: 0px;
-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;
background-image: url("../62821cf339e6f578f2ded9c4_Frame%20427318725.png"), url("../62446e5795d0bc1dd456e749_Toyota%204.jpg");
background-position: 50% 0%, 0% 50%;
background-size: cover, cover;
background-repeat: no-repeat, repeat;
}
.paragraph-31.parag_toyota_case_broshure {
display: none;
}
.div-block-596 {
padding-right: 0px;
padding-left: 0px;
}
.heading-127 {
font-size: 48px;
line-height: 54px;
}
.div-block-597 {
top: 3%;
}
.section-71 {
padding-bottom: 100px;
}
.div-block-598 {
margin-bottom: 24px;
}
.bold-text-75 {
font-size: 34px;
line-height: 42px;
text-align: left;
}
.div-block-602 {
margin-top: 24px;
}
.hero_partnership {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.div-block-603 {
padding-right: 32px;
padding-left: 32px;
}
.heading-130 {
font-size: 48px;
line-height: 54px;
}
.paragraph-32 {
margin-top: 10px;
}
.div-block-604 {
height: 400px;
background-position: 50% 50%;
background-size: cover;
}
.section-73 {
padding-top: 70px;
padding-bottom: 70px;
}
.heading-131 {
font-size: 21px;
line-height: 26px;
}
.heading-132 {
font-size: 34px;
line-height: 40px;
}
.partner_section {
padding-top: 70px;
padding-right: 30px;
padding-left: 30px;
}
.heading-133 {
max-width: 13ch;
font-size: 48px;
line-height: 54px;
}
.paragraph-33 {
font-size: 17px;
line-height: 28px;
}
.div-block-612 {
display: block;
}
.paragraph-34 {
max-width: 90%;
}
.paragraph-34.integration_paragraph {
max-width: 90%;
}
.section-75 {
padding: 70px 32px;
}
.div-block-615 {
margin-top: 70px;
}
.grid-32 {
display: block;
}
.grid-32.grid_collaboration_2 {
display: -ms-grid;
display: grid;
margin-top: 70px;
grid-auto-columns: 1fr;
grid-column-gap: 98px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.grid-32.grid_collaboration_3 {
margin-top: 70px;
}
.div-block-617 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
-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;
}
.paragraph-36 {
max-width: 40ch;
}
.paragraph-36.text_grid_second {
max-width: 40ch;
}
.become_partner {
padding: 64px 32px;
}
.heading-135 {
font-size: 48px;
line-height: 54px;
}
.div-block-623 {
margin-top: 34px;
}
.div-block-624 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: none;
margin-top: 34px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.div-block-625 {
margin-top: 34px;
}
.div-block-626 {
margin-top: 34px;
}
.section-76 {
padding-right: 20px;
padding-left: 20px;
}
.div-block-630 {
width: 100%;
}
.button-11 {
margin-top: 28px;
margin-right: auto;
margin-left: auto;
border-color: #a1a1a6;
color: #1d1d1f;
}
.heading-136 {
max-width: none;
color: #1d1d1f;
font-size: 40px;
line-height: 34px;
}
.hero_careers {
padding-right: 30px;
padding-left: 30px;
}
.heading-137 {
font-size: 54px;
line-height: 60px;
}
.paragraph-39 {
font-size: 26px;
}
.hero_photos_careers {
margin-top: 40px;
}
.div-block-634 {
display: none;
}
.div-block-636 {
display: none;
}
.grid-34 {
margin-top: 0px;
}
.div-block-638 {
height: 200px;
}
.hot_vacancies_section {
padding-top: 60px;
padding-bottom: 60px;
}
.heading-139 {
margin-bottom: 0px;
}
.vacancies_block {
margin-top: 60px;
}
.div-block-642.second_block_hot {
margin-top: 0px;
}
.being-our-teammate {
padding: 60px 30px;
}
.heading-141 {
font-size: 48px;
line-height: 54px;
}
.values_careers {
padding: 60px 30px;
}
.heading-142 {
font-size: 48px;
line-height: 54px;
}
.grid-35 {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.div-block-650 {
margin-top: 80px;
}
.heading-144 {
font-size: 48px;
line-height: 54px;
}
.div-block-652 {
margin-top: 40px;
}
.section-79 {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-145 {
font-size: 48px;
line-height: 54px;
}
.div-block-654 {
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-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;
}
.left_careers {
padding-top: 100px;
padding-bottom: 100px;
}
.html-embed-6 {
margin-top: 40px;
}
.gallery_our_brand {
height: 150.5ch;
max-width: 480px;
}
.div-block-672 {
left: -19px;
top: -8px;
width: 317px;
}
.div-block-673 {
top: 57px;
right: 64px;
width: 137px;
}
.div-block-674 {
left: 99px;
top: 217px;
width: 186px;
}
.div-block-675 {
top: 232px;
right: -69px;
width: 309px;
}
.div-block-677 {
left: -132px;
top: 453px;
width: 524px;
}
.div-block-678 {
top: 447px;
right: 61px;
width: 140px;
}
.div-block-679 {
left: 40px;
top: 729px;
width: 244px;
}
.div-block-680 {
top: 657px;
right: -79px;
width: 187px;
}
.div-block-681 {
top: 927px;
right: -194px;
width: 524px;
}
.section-brands {
padding-top: 80px;
}
.section-brands-mobile {
padding-top: 80px;
}
.description-hero-22 {
max-width: 41ch;
margin-top: 10px;
font-size: 16px;
}
.grid-partner-about {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-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;
}
.grid-partner-about.reverse {
margin-top: 56px;
margin-bottom: 56px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.title-40.partner {
margin-bottom: 8px;
font-size: 28px;
line-height: 32px;
}
.text-20 {
font-size: 16px;
line-height: 24px;
}
.partner-dark {
padding: 64px 30px;
}
.partner-dark-image-box {
height: 228px;
margin-bottom: 40px;
}
.title-32 {
margin-bottom: 24px;
}
.social-neworks {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
justify-items: start;
}
.div-block-682 {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-row-gap: 40px;
}
.section-84 {
margin-right: 0px;
padding-right: 32px;
padding-left: 32px;
}
.heading-159 {
font-size: 40px;
line-height: 48px;
}
.heading-159.offer {
margin-bottom: 0px;
text-align: center;
}
.div-block-684 {
display: -ms-grid;
display: grid;
margin-top: 40px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 40px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.div-block-686 {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.section-85 {
padding: 64px 24px;
}
.image-153 {
width: 100%;
}
.image-154 {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.v-tab_menu {
display: none;
overflow: visible;
height: auto;
}
.video-tab-box {
height: 228px;
}
.v-tab_contemt {
margin-top: 0px;
}
.div-block-687 {
margin-top: 40px;
padding-right: 20px;
padding-left: 20px;
text-align: center;
}
.arrow.tab_previous {
position: relative;
right: 32px;
bottom: -24px;
margin-right: auto;
margin-left: auto;
}
.arrow.tab_next {
position: relative;
right: -32px;
bottom: 32px;
margin-right: auto;
margin-left: auto;
}
.text-block-61 {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.form-patners {
margin-right: 0px;
padding-right: 32px;
padding-left: 32px;
}
.title-form-partners {
line-height: 48px;
}
.title-form-partners.partner {
margin-bottom: 8px;
font-size: 28px;
line-height: 32px;
}
.title-form-partners.grey {
margin-bottom: 8px;
}
.text-block-62 {
display: block;
margin-top: 24px;
margin-bottom: 24px;
padding-bottom: 0px;
color: #fff;
font-size: 18px;
line-height: 24px;
font-weight: 700;
text-align: center;
}
}
@media screen and (max-width: 479px) {
.navbar {
display: block;
padding-right: 14px;
padding-left: 14px;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.nav-menu {
padding-top: 60px;
}
.brand {
padding-left: 0px;
}
.nav-link {
height: 60px;
font-size: 32px;
}
.second_menu {
padding-right: 30px;
padding-left: 30px;
}
.footer {
padding-right: 40px;
padding-left: 40px;
}
.nav_footer {
display: -ms-grid;
display: grid;
width: 100%;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
justify-items: stretch;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
grid-auto-columns: 1fr;
grid-column-gap: 40px;
grid-row-gap: 34px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto;
grid-template-rows: auto auto;
}
.image-21 {
display: none;
}
.image-22 {
max-width: 100px;
}
.image-23 {
max-width: 80px;
}
.hero_title {
padding-right: 20px;
padding-left: 20px;
}
.h1_hero {
font-size: 32px;
line-height: 46px;
}
.div-block-24 {
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
.div-block-28.new_animation_text.design_paragraph {
margin-right: 50px;
margin-left: 50px;
padding-right: 28px;
padding-left: 28px;
}
.div-block-29 {
padding-right: 30px;
padding-left: 30px;
}
.h1_second_text {
font-size: 26px;
}
.icons_block {
padding-top: 72px;
text-align: center;
}
.json_pixel {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.grid-3 {
margin-top: 30px;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-column-gap: 30px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.h6 {
margin-top: 20px;
margin-bottom: 0px;
}
.h6.h6_black {
line-height: 24px;
}
.text-block-5 {
max-width: 22ch;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-weight: 500;
}
.text-block-5.text_block_black {
text-align: center;
}
.heading-9 {
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
}
.heading-9.h1_cases {
text-align: left;
}
.heading-9.white_heading_icons {
text-align: center;
}
.div-block-32 {
text-align: left;
}
.div-block-35.case_2.short_banner {
height: 250px;
margin-top: 0px;
padding-top: 20px;
padding-left: 20px;
}
.div-block-35.case_3 {
margin-top: 20px;
}
.div-block-35.case_3.plannet_banner {
height: 250px;
margin-top: 0px;
padding-top: 20px;
padding-left: 20px;
}
.div-block-35.case_3.clover_banner {
height: 250px;
margin-top: 0px;
padding-top: 20px;
padding-left: 20px;
}
.div-block-35.toyota_banner {
height: 250px;
padding-top: 20px;
padding-left: 20px;
}
.div-block-35.toyota_banner.my_ai_banner {
margin-top: 0px;
}
.div-block-35.toyota_banner.hatch_bunner {
margin-top: 0px;
}
.div-block-35.veni_banner {
height: 250px;
margin-top: 0px;
padding-top: 20px;
padding-left: 20px;
}
.text-description {
margin-right: 0px;
margin-left: 0px;
}
.section-16 {
padding: 72px 20px;
}
.grid-4 {
margin-top: 40px;
justify-items: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
grid-row-gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
text-align: center;
}
.faq {
padding: 72px 28px;
}
.faq-question {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.faq-question-label {
margin-right: 38px;
font-weight: 500;
}
.faq-answer {
position: relative;
top: -24px;
width: 90%;
padding-top: 0rem;
}
.heading-10 {
margin-top: 0px;
margin-bottom: 0px;
}
.link-5 {
font-size: 12px;
}
.div-block-44.branding_footer {
margin-left: 0px;
}
.div-block-44.development_footer {
margin-left: 0px;
}
.div-block-44.about_footer {
margin-top: 0px;
}
.div-block-44.social_footer {
margin-top: 0px;
margin-left: 0px;
}
.link-6 {
margin-top: 8px;
font-size: 12px;
}
.div-block-45 {
margin-top: 30px;
}
.text-block-8 {
font-size: 10px;
}
.div-block-46 {
-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;
}
.text-block-9 {
font-size: 10px;
}
.hero_about {
height: auto;
margin-bottom: 0px;
}
.h1_about {
font-size: 40px;
}
.logo_image {
margin-top: 50px;
padding: 0px 60px;
}
.image_team {
margin-top: 0px;
}
.about_description {
margin-top: 0px;
margin-bottom: 60px;
padding-top: 60px;
padding-right: 20px;
padding-left: 20px;
}
.about_description.conclusion_toyota.conclussion_toyota_video {
padding-right: 30px;
padding-left: 30px;
}
.grid-6 {
margin-top: 18px;
padding-right: 0px;
padding-left: 0px;
grid-row-gap: 40px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.h6_black {
font-size: 19px;
text-align: left;
}
.h6_black.work_with_us {
text-align: center;
}
.text-block-11 {
margin-top: 20px;
}
.our_values {
margin-top: 60px;
padding-top: 60px;
padding-right: 20px;
padding-left: 20px;
}
.section-17 {
height: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 60px 20px;
}
.text-block-12 {
width: 100%;
max-width: 100%;
text-align: left;
}
.clients {
padding: 60px 20px;
}
.grid-7 {
grid-row-gap: 30px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.heading-12 {
font-size: 32px;
line-height: 38px;
}
.div-block-61 {
max-width: 100%;
margin-top: 14px;
margin-bottom: 30px;
padding-right: 20px;
padding-left: 20px;
}
.text-span-10 {
font-size: 17px;
line-height: 27px;
}
.text-block-15 {
display: none;
}
.heading-13 {
display: none;
font-size: 14px;
}
.illustration_section {
padding-top: 60px;
padding-right: 20px;
padding-left: 20px;
}
.title_ill {
max-width: none;
padding-right: 0px;
padding-left: 0px;
text-align: center;
}
.heading-14 {
max-width: 16ch;
margin-right: auto;
margin-left: auto;
font-size: 32px;
line-height: 38px;
text-align: center;
}
.ill_block {
margin-top: 32px;
}
.buy_product {
padding-top: 60px;
padding-bottom: 60px;
}
.grid-10 {
margin-top: 40px;
grid-row-gap: 30px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.text-block-16 {
max-width: 22ch;
margin-right: auto;
margin-left: auto;
}
.hero_branding {
padding-top: 40px;
padding-right: 0px;
padding-left: 0px;
}
.heading-16 {
margin-top: 0px;
margin-bottom: 0px;
font-size: 40px;
line-height: 50px;
}
.text-block-17 {
font-size: 17px;
line-height: 26px;
}
.div-block-72 {
margin-top: 10px;
padding-right: 40px;
padding-left: 40px;
}
.button_buy {
display: none;
}
.block_icons {
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;
text-align: center;
}
.black_block_pixels {
position: static;
z-index: 10;
overflow: visible;
margin-top: 0px;
}
.heading-18 {
display: block;
font-size: 32px;
line-height: 40px;
}
.heading-18.heading_19 {
display: none;
}
.marquee-horizontal {
height: 320px;
}
.marquee-horizontal.marquee_design_page {
height: 60px;
margin-top: 0px;
}
.marquee-horizontal-2 {
height: 320px;
margin-top: 40px;
}
.marquee-horizontal-2.marque_design_page {
height: 60px;
margin-top: 0px;
}
.logo_block {
padding-right: 0px;
padding-left: 0px;
}
.logo_block.logo_black_mobile {
display: none;
}
.logo_block.logo_black_mobile.logo_black_mini {
display: block;
height: 300vh;
}
.logo_sticky.logo_sticky_mobile.logo_sticky_mini {
top: 0px;
height: 90vh;
padding-top: 0px;
}
.div-block-130 {
width: 70%;
}
.div-block-130.block_130_mobile.block_130_mini {
top: 40%;
width: 100%;
max-width: 320px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.brand_slide-text {
margin-top: 0px;
padding-bottom: 72px;
}
.brand_title_h1 {
padding-right: 20px;
padding-left: 20px;
}
.heading-22 {
margin-bottom: 0px;
line-height: 40px;
}
.text-block-18 {
line-height: 26px;
}
.div-block-139 {
margin-top: 14px;
}
.slide_brand_text {
margin-top: 32px;
}
.heading-23.clipped {
font-size: 40px;
line-height: 44px;
}
.black_brand_section {
padding: 72px 20px;
}
.title_brand_black {
text-align: center;
}
.div-block-140 {
width: 94%;
margin-top: 14px;
}
.brand_elements {
padding-top: 40px;
}
.section-21 {
padding-top: 72px;
padding-bottom: 72px;
}
.title_gallery_brand {
max-width: none;
}
.heading-25 {
max-width: 12ch;
margin-top: 0px;
margin-bottom: 0px;
}
.gallery_brand {
margin-top: 30px;
padding-right: 20px;
padding-left: 20px;
}
.overflow_brand {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.brand_row {
justify-items: start;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.brand_row.brand_small_images {
display: none;
}
.section-22 {
padding: 72px 0px 0px;
}
.heading-27 {
font-size: 40px;
line-height: 50px;
}
.dev_animation_section {
padding-top: 0px;
padding-right: 20px;
padding-left: 20px;
}
.title_dev_animation {
margin-top: 0px;
margin-bottom: 100px;
}
.heading-28 {
font-size: 26px;
line-height: 34px;
}
.text-block-23 {
line-height: 27px;
}
.div-block-158 {
padding-right: 10px;
padding-bottom: 30px;
padding-left: 10px;
}
.dev_animation_json {
margin-top: 0px;
margin-bottom: 50px;
}
.title_dev_transition {
max-width: 360px;
padding-right: 0px;
padding-left: 0px;
}
.text-block-24 {
font-size: 17px;
line-height: 28px;
}
.fron-end_dev {
padding-top: 180px;
padding-right: 20px;
padding-left: 20px;
}
.title_dev_frontend {
display: none;
}
.div-block-165 {
max-width: 320px;
margin-top: 20px;
padding-right: 0px;
padding-left: 0px;
}
.text-block-25 {
line-height: 28px;
}
.section-33 {
position: static;
display: none;
height: auto;
margin-top: 159px;
}
.div-block-168 {
margin-top: 0px;
margin-bottom: 84px;
}
.div-block-169 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-172 {
position: static;
overflow: visible;
height: auto;
margin-top: -158px;
}
.rows_des {
margin-top: 40px;
}
.text-block-27 {
line-height: 28px;
}
.div-block-174 {
margin-top: 14px;
padding-right: 0px;
padding-left: 0px;
}
.div-block-175 {
max-width: 240px;
}
.div-block-176 {
margin-top: 14px;
}
.text-block-28 {
line-height: 26px;
}
.div-block-177 {
margin-right: auto;
margin-left: auto;
}
.black_dev_section {
margin-top: 0px;
}
.support_description {
display: block;
}
.right_sup {
margin-top: 40px;
}
.section-34 {
height: 250px;
padding-top: 29px;
padding-bottom: 29px;
}
.heading-35 {
width: 100%;
max-width: 12ch;
font-size: 24px;
line-height: 32px;
}
.text-block-29 {
max-width: 21ch;
font-size: 16px;
line-height: 27px;
}
.div-block-182 {
width: 100%;
max-width: 220px;
}
.section-35 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-184 {
height: auto;
}
.section-36 {
margin-top: 0px;
padding-right: 0px;
padding-bottom: 72px;
padding-left: 0px;
}
.works-and-cases {
padding-top: 100px;
}
.flower_section {
height: 620vh;
}
.div-block-187 {
opacity: 0.3;
}
.div-block-188 {
top: 62%;
}
.heading-37 {
max-width: 300px;
font-size: 32px;
line-height: 38px;
}
.gallery_new {
padding-top: 40px;
}
.cases_design {
margin-top: -1055px;
}
.div-block-203 {
top: -150px;
height: 140vh;
}
.div-block-204 {
display: none;
height: 110vh;
margin-top: -431px;
}
.heading-41.heading_desogn_1 {
font-size: 26px;
line-height: 34px;
}
.heading-41.heading_design_2 {
font-family: Helveticanowdisplay, sans-serif;
font-size: 26px;
line-height: 34px;
}
.heading-41.heading_design_3 {
font-family: Helveticanowdisplay, sans-serif;
font-size: 26px;
line-height: 34px;
}
.heading-41.heading_design_4 {
font-family: Helveticanowdisplay, sans-serif;
font-size: 26px;
line-height: 34px;
}
.heading-42 {
font-size: 32px;
line-height: 40px;
}
.heading-43 {
margin-bottom: 0px;
font-size: 32px;
line-height: 38px;
}
.heading-44 {
font-size: 32px;
line-height: 40px;
}
.div-block-217 {
height: auto;
}
.div-block-218 {
position: relative;
display: none;
margin-top: 0px;
font-size: 17px;
}
.div-block-219 {
padding-top: 30px;
}
.div-block-221 {
height: 40em;
}
.form {
height: auto;
margin-top: 0px;
margin-bottom: 0px;
padding: 40px 20px;
}
.heading-48 {
font-size: 26px;
line-height: 34px;
}
.text-field {
margin-bottom: 15px;
font-size: 15px;
}
.text-field-2 {
margin-bottom: 15px;
font-size: 15px;
}
.textarea {
font-size: 15px;
}
.section-41 {
padding: 40px 20px;
}
.heading-49 {
font-size: 26px;
line-height: 34px;
}
.div-block-234 {
display: block;
}
.text-block-35 {
font-size: 19px;
line-height: 30px;
}
.title_devices_design {
padding-right: 30px;
padding-left: 30px;
}
.heading-50 {
font-size: 24px;
}
.div-block-244 {
padding-right: 28px;
padding-left: 28px;
}
.div-block-245 {
padding-right: 28px;
padding-left: 28px;
}
.ck-button__txt {
padding-top: 0px;
padding-bottom: 0px;
}
.ck-button__txt.texet_accept {
margin-bottom: 5px;
padding-top: 0px;
padding-bottom: 0px;
}
.ck-modal__btns-w.is--small {
padding: 0.5rem 1.25rem 0rem;
-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;
}
.ck-modal {
max-width: 100%;
padding-top: 10px;
padding-bottom: 10px;
-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;
text-align: center;
}
.ck-cookie-w {
left: 0%;
top: auto;
right: 0%;
bottom: 0%;
display: none;
max-width: 100%;
-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;
}
.ck-button-w {
margin-right: 0px;
padding-right: 1.25em;
padding-left: 1.25em;
}
.ck-button-w.is--secondary {
margin-left: 0px;
padding-right: 20px;
padding-left: 20px;
}
.ck-modal__exit-btn {
margin-top: 1rem;
margin-right: 1rem;
}
.ck-modal__content-w.is--small {
padding-right: 1.25rem;
padding-bottom: 0rem;
padding-left: 1.25rem;
}
.ck-modal-2 {
max-width: 100%;
}
.ck-preference-w {
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
.ck-preference__scroll-w {
max-width: 100%;
padding-right: 0rem;
padding-left: 0rem;
}
.hero_home_page {
display: block;
height: 600px;
padding-top: 58px;
-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;
background-image: url("../62542c86c3de657c7da3b61b_mob.png");
background-position: 50% 50%;
background-size: cover;
background-repeat: repeat;
}
.title_home_hero {
padding-top: 30px;
}
.heading-51 {
font-size: 40px;
}
.div-block-246 {
max-width: 270px;
margin-top: 12px;
}
.div-block-248 {
width: 100%;
padding-right: 30px;
padding-left: 30px;
}
.image_block {
max-width: 280px;
margin-top: 30px;
}
.image_branding_block {
max-width: 280px;
margin-top: 30px;
}
.div-block-250 {
width: 100%;
padding-right: 29px;
padding-left: 29px;
}
.subtitle_development_home {
width: 100%;
padding-right: 30px;
padding-left: 30px;
}
.image_development_home {
max-width: none;
margin-top: 30px;
}
.text-block-38 {
font-size: 17px;
}
.mobile_section_image {
padding-right: 30px;
padding-left: 30px;
}
.small_responsive_design_hero {
position: static;
display: block;
overflow: hidden;
margin-top: 40px;
margin-bottom: 0px;
-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 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.div-block-254 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.div-block-255 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.div-block-256 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.div-block-257 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.div-block-258 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.div-block-259 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.heading-54 {
font-size: 38px;
line-height: 42px;
}
.div-block-261 {
padding: 60px 40px;
}
.div-block-264 {
left: -60%;
width: 736px;
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
}
.animation_blur_logo-2.animation_blur_mobile {
max-width: 480px;
}
.animation_blur_logo-2.animation_blur_mobile.animation_blur_mini {
max-width: 320px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.branding_elements-2 {
display: none;
}
.div-block-265 {
padding-right: 20px;
padding-left: 20px;
}
.div-block-266 {
margin-bottom: 40px;
padding-right: 20px;
padding-left: 20px;
}
.immersion.ideation.wireframing.handoff-support.handoff_1440 {
height: 230px;
padding-right: 20px;
padding-left: 20px;
}
.immersion.ideation.wireframing.visual-design.visual_1440 {
height: 230px;
padding-right: 20px;
padding-left: 20px;
}
.immersion.ideation.wireframing.wireframes_1440 {
height: 230px;
padding-right: 20px;
padding-left: 20px;
}
.immersion.ideation.ideation_1440 {
height: 230px;
padding-right: 20px;
padding-left: 20px;
}
.immersion.immersion_1440 {
height: 230px;
padding-right: 20px;
padding-left: 20px;
}
.heading-60 {
font-size: 26px;
}
.text-block-40 {
font-size: 16px;
}
.heading_ideation {
font-size: 26px;
}
.heading_handoff {
font-size: 26px;
line-height: 34px;
}
.heading_visual {
font-size: 26px;
}
.div-block-273 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding-left: 0px;
-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;
}
.div-block-274 {
left: -20px;
display: none;
max-width: 100px;
}
.div-block-275 {
right: -10px;
display: none;
max-width: 80px;
}
.select-field-2 {
font-size: 15px;
}
.section-47 {
height: 200px;
}
.div-block-284 {
background-attachment: scroll;
}
.div-block-285 {
margin-right: 0px;
margin-left: 0px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: center;
}
.heading-62 {
max-width: 17ch;
font-size: 26px;
line-height: 34px;
text-align: left;
}
.heading-62.title_client_partnership {
margin-right: auto;
margin-left: auto;
}
.div-block-287 {
display: block;
}
.div-block-288 {
display: block;
}
.photo_gallery {
padding-top: 60px;
}
.text-block-44 {
max-width: 20ch;
}
.grid-11 {
margin-top: 60px;
}
.div-block-308 {
height: 200px;
}
.div-block-311 {
height: 200px;
}
.grid-12 {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.div-block-312 {
height: 130px;
}
.div-block-314 {
height: 200px;
}
.heading-70 {
font-size: 32px;
line-height: 38px;
}
.text-block-46 {
max-width: 20ch;
margin-right: auto;
margin-left: auto;
}
.div-block-316 {
max-width: none;
margin-top: 14px;
}
.button_contact_block {
margin-top: 30px;
}
.mobile_values_section {
margin-top: 0px;
}
.header_val {
max-width: 270px;
padding-right: 0px;
padding-left: 0px;
}
.heading-71 {
margin-top: 0px;
font-size: 32px;
line-height: 38px;
}
.div-block-322 {
height: 300px;
}
._2018_mob_block {
margin-top: 40px;
}
._2018_mob_block._2019_mob_content {
margin-top: 14px;
}
.heading-73 {
max-width: 200px;
font-size: 19px;
line-height: 29px;
}
.text-block-49 {
max-width: none;
margin-top: 10px;
margin-right: 0px;
margin-left: 0px;
font-size: 16px;
}
.heading-74 {
color: #1d1e20;
font-size: 32px;
line-height: 38px;
}
.div-block-326 {
display: none;
}
.div-block-327 {
text-align: left;
}
.div-block-328 {
text-align: left;
}
.div-block-329 {
text-align: left;
}
.div-block-330 {
text-align: left;
}
.div-block-331 {
text-align: left;
}
.div-block-332 {
text-align: left;
}
.div-block-333 {
text-align: center;
}
.div-block-334 {
text-align: center;
}
.div-block-335 {
text-align: center;
}
.image-66 {
display: block;
}
.image-67 {
display: none;
}
.heading-76 {
font-size: 26px;
line-height: 34px;
}
.text-block-52 {
font-size: 17px;
line-height: 27px;
}
.div-block-343 {
top: -42px;
}
.technology_stack {
margin-top: -200px;
padding-right: 20px;
padding-left: 20px;
}
.right_technology_stack {
padding-top: 20px;
}
.heading-78 {
font-size: 32px;
line-height: 40px;
}
.text-block-53 {
font-size: 16px;
line-height: 26px;
}
.button_technology {
margin-top: 120px;
}
.div-block-348 {
margin-top: 140px;
padding-right: 0px;
padding-left: 0px;
}
.mobile_json_animation {
padding-right: 30px;
padding-left: 30px;
}
.heading-79 {
font-size: 32px;
}
.div-block-349 {
margin-top: 8px;
}
.mobile_json_comp {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
margin-top: 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;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.mobile_json_weather {
margin-top: 60px;
}
.div-block-351 {
max-width: 140px;
}
.lottie-animation-11 {
width: 130%;
min-width: 0px;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
}
.mobile_weather_animation {
display: none;
}
.section-48 {
margin-top: -175px;
}
.element_mobile_logo {
margin-top: 0em;
}
.div-block-358 {
max-width: 60px;
}
.div-block-359 {
max-width: 60px;
}
.div-block-360 {
max-width: 60px;
}
.div-block-361 {
max-width: 60px;
}
.div-block-362 {
max-width: 60px;
}
.div-block-363 {
max-width: 60px;
}
.div-block-364 {
max-width: 360px;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.div-block-365 {
max-width: 60px;
}
.heading-84 {
font-size: 12px;
}
.div-block-367 {
max-width: 60px;
}
.div-block-368 {
max-width: 60px;
margin-right: auto;
margin-left: auto;
}
.bold-text-63 {
font-size: 17px;
}
.div-block-369 {
position: absolute;
top: 0px;
z-index: 4;
display: block;
width: 100%;
height: 300vh;
background-color: #fff;
color: #fff;
}
.image-71 {
position: static;
left: -33px;
display: block;
max-width: 100%;
margin-left: auto;
}
.image-72 {
max-width: 140%;
}
.div-block-393 {
max-width: 320px;
}
.div-block-394 {
display: none;
}
.div-block-395 {
display: none;
}
.div-block-396 {
display: none;
}
.div-block-397 {
display: none;
}
.div-block-398 {
display: none;
}
.div-block-399 {
display: none;
}
.div-block-400 {
display: none;
}
.div-block-401 {
display: none;
}
.best_team {
margin-top: 0px;
}
.loop_block_outer.loop_out_2.loop_view_2 {
margin-top: 20px;
}
.member_1 {
max-width: 200px;
margin-right: 20px;
}
.image-76 {
border-radius: 14px;
}
.image-77 {
border-radius: 14px;
}
.image-78 {
border-radius: 14px;
}
.image-79 {
border-radius: 14px;
}
.image-80 {
border-radius: 14px;
}
.image-81 {
border-radius: 14px;
}
.image-82 {
border-radius: 14px;
}
.image-83 {
border-radius: 14px;
}
.image-84 {
border-radius: 14px;
}
.image-85 {
border-radius: 14px;
}
.image-86 {
border-radius: 14px;
}
.image-87 {
border-radius: 14px;
}
.image-88 {
border-radius: 14px;
}
.image-89 {
border-radius: 14px;
}
.image-90 {
border-radius: 14px;
}
.image-91 {
border-radius: 14px;
}
.image-92 {
border-radius: 14px;
}
.image-93 {
border-radius: 14px;
}
.image-94 {
border-radius: 14px;
}
.background-video-2 {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.div-block-403 {
display: none;
margin-top: 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;
}
.image-96 {
max-width: 110%;
}
.cases_mobile_branding {
padding-right: 0px;
padding-left: 0px;
}
.cases_mobile_branding.cases_dev {
padding-top: 60px;
}
.cases_mobile_branding.cases_dev.cases_dev_mobile {
padding-right: 0px;
padding-left: 0px;
}
.div-block-404 {
margin-top: 10px;
padding-right: 20px;
padding-left: 20px;
}
.heading-85 {
font-size: 17px;
}
.text-span-29 {
display: none;
}
.heading_design_case {
font-size: 17px;
}
.text_case_grey {
display: none;
}
.bonsai_case {
margin-top: 40px;
}
.nexus_case {
margin-top: 40px;
}
.section-51 {
margin-bottom: 60px;
padding-right: 20px;
padding-left: 20px;
}
.heading-86 {
margin-bottom: 8px;
font-size: 32px;
line-height: 40px;
}
.text-block-56 {
max-width: 40ch;
margin-top: 6px;
font-size: 16px;
}
.cvn_image_section {
margin-top: 30px;
}
.tab {
display: inline-block;
margin-top: 10px;
margin-right: 20px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}
.tab.w--current {
display: inline-block;
height: 50px;
min-height: 30px;
margin-right: 20px;
margin-left: 0px;
}
.tabs-content-2 {
margin-right: auto;
margin-left: auto;
}
.collection-item-7 {
display: inline-block;
min-height: 100%;
margin-right: auto;
margin-left: auto;
}
.b_h5 {
display: inline-block;
}
.tab-pane-tab-1 {
margin-right: auto;
margin-left: auto;
}
.tabs-3 {
margin-right: auto;
margin-left: auto;
}
.tabs-menu-3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
text-align: left;
}
.general_div {
width: 90%;
}
.collection-list-wrapper-4 {
min-height: 100%;
}
.div-block-408 {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.div-block-409 {
padding-right: 14px;
padding-left: 14px;
}
.div-block-410 {
padding-right: 14px;
}
.b_h3 {
width: 100%;
font-size: 22px;
line-height: 32px;
text-align: left;
}
.div-block-412 {
margin-bottom: 40px;
}
.div-block-413 {
margin-bottom: 14px;
}
.link-block-7 {
max-width: 292px;
margin-right: auto;
margin-left: auto;
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
}
.div-block-414 {
width: 100%;
margin-bottom: 60px;
}
.b_h6 {
margin-top: 10px;
}
.link-block-8 {
min-height: 100%;
}
.rich_blog_outcrowd {
margin-top: 30px;
}
.rich_blog_outcrowd li {
color: #292929;
font-size: 15px;
line-height: 30px;
}
.rich_blog_outcrowd p {
margin-bottom: 14px;
font-size: 15px;
line-height: 28px;
}
.rich_blog_outcrowd h3 {
margin-top: 40px;
}
.heading_h2 {
width: 292px;
font-size: 32px;
}
.div-block-441 {
width: 100%;
}
.div-block-441.text_404 {
width: 200px;
min-width: 100%;
}
.div-block-442 {
width: 100%;
}
.header {
width: 86%;
margin-top: 70px;
}
.paragraph-3 {
margin-bottom: 20px;
}
.title_section {
width: 90%;
margin-right: auto;
margin-left: auto;
}
.div-block-443 {
margin-top: 70px;
}
.title_clover {
font-size: 26px;
}
.p1_clover {
width: auto;
padding-top: 12px;
font-size: 15px;
}
.p1_clover.title_p1 {
width: 78%;
font-size: 16px;
line-height: 26px;
}
.p1_clover.p1_clover_heading {
padding-top: 12px;
font-size: 15px;
}
.p1_clover.p1_style_clover {
padding-top: 70px;
padding-bottom: 70px;
}
.p1_clover.p1_after_wareframes_clover.p1_before_number_clvoer {
padding-top: 70px;
}
.background-video-7 {
height: 200px;
}
.image-99 {
margin-bottom: 70px;
}
.div-block-445 {
width: 86%;
}
.div-block-447 {
width: 86%;
}
.div-block-448 {
width: 100%;
}
.div-block-449.new_branding_clover {
width: 86%;
margin-top: 70px;
margin-bottom: 70px;
}
.div-block-449.new_branding_clover.new_lorem_clover {
margin-bottom: 70px;
}
.section-52.clover_project {
margin-top: 40px;
}
.list-3 {
margin-bottom: 0px;
}
.div-block-451 {
height: 300px;
}
.div-block-453.good_project_clover {
width: 86%;
}
.div-block-453.good_project_clover.new_clover_good_project {
padding-top: 70px;
padding-bottom: 70px;
}
.div-block-453.good_project_clover.new_brand_pencil {
padding-top: 70px;
padding-bottom: 70px;
}
.div-block-453.good_project_clover.conclusion_title_margin {
margin-top: 100px;
margin-bottom: 70px;
}
.div-block-453.good_project_clover.new_func_pocket {
padding-top: 70px;
padding-bottom: 70px;
}
.div-block-453.div_strategy_header {
width: 86%;
margin-bottom: 70px;
}
.div-block-453.div_strategy_header.new_strategy_class {
height: 70px;
}
.div-block-453.branding_clover {
width: 86%;
margin-bottom: 70px;
}
.div-block-453.branding_clover.new_branding_1 {
height: 70px;
}
.div-block-453.interface_new_clover {
width: 90%;
}
.div-block-453.interface_new_clover.new_interface_clover {
height: 70px;
}
.div-block-453.text_interface {
width: 86%;
margin-bottom: 70px;
}
.div-block-453.text_interface.interface_wareframes {
width: 100%;
}
.div-block-453.text_interface.new_result_clover {
height: 70px;
}
.background-video-6 {
height: 300px;
}
.div-block-454 {
margin-top: 70px;
}
.h1_cover {
font-size: 22px;
}
.div-block-456 {
width: 100%;
}
.h2_clover {
font-size: 20px;
}
.h2_clover.h2_heading_strategy {
padding-top: 60px;
font-size: 20px;
}
.h2_clover.h2_any_good {
width: auto;
}
.h2_clover.h2_any_good.new_title_lorem {
width: auto;
}
.h2_clover.new_cta-title_clover {
width: 86%;
}
.text_clover_brand {
font-size: 18px;
}
.clover_brand_section {
width: 90%;
}
.background-video-9 {
height: 300px;
}
.div-block-471 {
height: 300px;
}
.div-block-474 {
margin-bottom: 70px;
}
.div-block-475 {
padding-top: 70px;
padding-bottom: 70px;
padding-left: 30px;
}
.div-block-476.line_2017 {
margin-bottom: 30px;
}
.heading-87 {
font-size: 34px;
line-height: 42px;
}
.content_brief {
padding-right: 20px;
padding-left: 20px;
}
.heading-88 {
font-size: 21px;
line-height: 30px;
}
.textarea-2.name-of-the-project.name_of_the-project_partnership {
max-width: 340px;
min-width: 340px;
}
.div-block-479 {
display: block;
}
.div-block-480 {
margin-left: 0px;
}
.checkbox_wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
.form12_checkbox_field {
width: 100%;
height: 130px;
min-width: auto;
margin-right: 0px;
margin-bottom: 15px;
}
.hero_text_toyota {
padding-top: 70px;
}
.heading-91 {
font-size: 32px;
line-height: 40px;
}
.paragraph-5 {
max-width: 24ch;
}
.broshure-video {
padding-top: 80px;
}
.description_broshure-video {
padding-right: 30px;
padding-left: 30px;
}
.broshure_block {
padding-top: 60px;
padding-right: 20px;
padding-left: 20px;
}
.heading-93 {
font-size: 26px;
line-height: 34px;
}
.paragraph-8 {
margin-top: 14px;
}
.gallery_block {
margin-top: 60px;
}
.div-block-494 {
display: block;
padding-right: 30px;
padding-left: 30px;
}
.paragraph-9 {
max-width: 21ch;
}
.div-block-497.descriptioin_gallery_mobile {
display: none;
margin-right: 20px;
margin-left: 20px;
}
.video_broshure_list {
display: block;
padding-right: 0px;
padding-left: 0px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.heading-94 {
display: none;
margin-left: 20px;
}
.heading-94.mobile_heading_94 {
display: block;
margin-left: 30px;
}
.broshure_motion {
margin-top: 60px;
padding-top: 60px;
padding-bottom: 60px;
}
.heading-95 {
padding-right: 30px;
padding-left: 30px;
font-size: 26px;
line-height: 38px;
}
.loop_block_toyota {
margin-top: 30px;
}
.loop_block_toyota.loop_block_right {
margin-top: 40px;
}
.broshure_img {
max-width: 180px;
margin-right: 20px;
}
.video_block {
padding: 60px 20px;
}
.video_3d_toyota {
margin-top: 30px;
}
.description_video_toyota {
margin-top: 40px;
}
.gallery_video_toyota {
margin-top: 60px;
}
.div-block-500 {
margin-top: 30px;
padding-left: 0px;
}
.gallery_video_toyota_2 {
display: -ms-grid;
display: grid;
margin-top: 60px;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto;
}
.div-block-501 {
width: 100%;
}
.heading-98 {
margin-top: 30px;
}
.div-block-502 {
width: 100%;
}
.div-block-503 {
margin-top: 60px;
}
.heading-99 {
font-size: 32px;
line-height: 38px;
}
.div-block-504 {
margin-top: 30px;
}
.contact_toyota {
margin-top: 60px;
margin-bottom: 0px;
}
.contact_toyota.contact_toyota_video {
padding-top: 80px;
}
.div-block-505 {
padding-top: 40px;
padding-bottom: 40px;
border-radius: 0px;
}
.content_contact_toyota {
padding-right: 20px;
padding-left: 20px;
}
.heading-100 {
margin-top: 0px;
font-size: 26px;
line-height: 34px;
}
.paragraph-12 {
max-width: 27ch;
margin-top: 10px;
margin-bottom: 20px;
font-size: 15px;
line-height: 24px;
}
.bold-text-70 {
font-size: 26px;
}
.div-block-506 {
display: none;
height: 260px;
background-image: url("../61c46c27b4d1c87b1a42467b_gallery_2.png");
background-position: 50% 50%;
background-size: cover;
}
.heading-101 {
font-size: 26px;
line-height: 34px;
}
.about_outcrowd_school {
padding-top: 60px;
padding-bottom: 60px;
}
.heading-102 {
font-size: 22px;
line-height: 30px;
}
.ideal-candidate {
margin-top: 0px;
padding-top: 60px;
}
.title_ideal-candidate {
padding-right: 30px;
padding-left: 30px;
}
.heading-103 {
font-size: 22px;
line-height: 30px;
}
.div-block-520 {
padding-left: 30px;
}
.heading-104 {
margin-bottom: 4px;
}
.paragraph-16 {
margin-top: 4px;
}
.div-block-521 {
margin-top: 20px;
padding-bottom: 20px;
}
.steps_practice {
padding: 60px 30px;
}
.heading-105 {
font-size: 22px;
line-height: 30px;
}
.left_line_practice {
padding-left: 50px;
}
.right_line_practice {
padding-left: 50px;
}
.div-block-523 {
margin-top: 190px;
}
.div-block-523.div_523_mobile {
margin-top: 190px;
}
.div-block-524.div_525 {
margin-top: 192px;
}
.practice_finished {
margin-bottom: 60px;
padding: 60px 30px;
}
.heading-106 {
font-size: 22px;
line-height: 30px;
}
.grid_finish_practic {
margin-top: 30px;
}
.grid-30 {
grid-column-gap: 16px;
grid-row-gap: 40px;
}
.title_form_practice {
padding-right: 30px;
padding-left: 30px;
}
.heading-108 {
font-size: 26px;
line-height: 30px;
}
.illustration_footer {
margin-bottom: 60px;
}
.div-block-532 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-533 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-534 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-535 {
padding-right: 0px;
padding-left: 0px;
}
.div-block-536 {
margin-top: 192px;
}
.div-block-537 {
background-color: transparent;
}
.link-16 {
text-align: center;
}
.div-block-538 {
padding-right: 61px;
padding-left: 61px;
text-align: center;
}
.heading-110 {
font-size: 26px;
line-height: 36px;
}
.div-block-542 {
margin-top: 0px;
}
.div-block-546 {
padding-right: 0px;
}
.paragraph-20 {
font-size: 17px;
}
.div-block-547 {
margin-top: 40px;
}
.heading-111 {
font-size: 21px;
line-height: 32px;
}
.heading-112 {
font-size: 19px;
}
.hero_test {
height: 500px;
}
.heading-113 {
font-size: 26px;
line-height: 34px;
}
.link_figma_test {
padding-top: 60px;
padding-bottom: 60px;
}
.section-62 {
margin-top: 60px;
margin-bottom: 0px;
background-position: 20% 50%;
}
.div-block-561 {
margin-top: 20px;
margin-left: 0px;
}
.div-block-562 {
display: block;
padding-right: 40px;
padding-left: 0px;
}
.div-block-565 {
max-width: 120px;
}
.div-block-566 {
max-width: 90px;
}
.div-block-567 {
max-width: 100px;
}
.div-block-568 {
max-width: 100px;
}
.div-block-568.clover_logo_banner {
max-width: 120px;
}
.div-block-569.toyota_link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.project_description {
padding-top: 80px;
padding-right: 20px;
padding-left: 20px;
}
.bold-text-73 {
font-size: 19px;
line-height: 28px;
}
.paragraph-23 {
font-size: 19px;
line-height: 28px;
}
.heading-117.heading_1_title_toyota {
font-size: 40px;
line-height: 48px;
}
.video_toyota_section {
padding-right: 30px;
padding-left: 30px;
}
.vimeo_video_toyota {
margin-bottom: 0px;
}
.details_toyota_video {
padding-top: 80px;
padding-bottom: 80px;
}
.heading-120 {
font-size: 40px;
line-height: 48px;
}
.title_vimeo_text {
padding-right: 30px;
padding-left: 30px;
}
.heading-121 {
font-size: 40px;
line-height: 48px;
}
.section-64 {
display: none;
height: 300px;
}
.json_3_toyota {
overflow: hidden;
margin-right: auto;
margin-left: auto;
}
.div-block-589 {
top: 240px;
}
.section-70 {
padding-top: 80px;
padding-right: 0px;
padding-left: 0px;
}
.div-block-590 {
padding-right: 30px;
padding-left: 30px;
}
.heading-125 {
font-size: 40px;
line-height: 48px;
}
.div-block-591 {
margin-top: 30px;
}
.div-block-593.second_text_toyota_images.second_text_toyota_mobile {
padding-right: 0px;
}
.div-block-594 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 600px;
margin-top: 80px;
padding-top: 60px;
padding-bottom: 40px;
padding-left: 0px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
background-image: url("../62821cf339e6f578f2ded9c4_Frame%20427318725.png"), url("../62446e5795d0bc1dd456e749_Toyota%204.jpg");
background-position: 0px 0px, 100% 50%;
background-size: cover, cover;
background-repeat: repeat, no-repeat;
}
.paragraph-31.parag_toyota_case_broshure {
display: none;
}
.heading-127 {
margin-right: auto;
margin-left: auto;
font-size: 34px;
line-height: 40px;
}
.div-block-597 {
top: 4%;
padding-right: 30px;
padding-left: 30px;
}
.section-71 {
padding-right: 0px;
padding-bottom: 80px;
padding-left: 0px;
}
.heading-128 {
max-width: 100%;
font-size: 21px;
line-height: 30px;
}
.bold-text-75 {
font-size: 26px;
line-height: 34px;
}
.div-block-603 {
padding-right: 32px;
padding-left: 32px;
}
.heading-130 {
max-width: 10ch;
}
.paragraph-32 {
max-width: 24ch;
font-size: 17px;
}
.div-block-604 {
height: 300px;
margin-top: 40px;
}
.section-73 {
padding-top: 60px;
padding-bottom: 60px;
}
.heading-131 {
font-size: 19px;
}
.partner_section {
padding-top: 60px;
padding-right: 20px;
padding-left: 20px;
}
.heading-133 {
font-size: 40px;
line-height: 48px;
}
.div-block-610 {
margin-top: 40px;
}
.div-block-611 {
margin-top: 40px;
}
.paragraph-34 {
max-width: 100%;
}
.paragraph-34.integration_paragraph {
max-width: 100%;
}
.section-75 {
padding-right: 32px;
padding-left: 32px;
}
.paragraph-35 {
font-size: 17px;
}
.div-block-614 {
margin-top: 30px;
}
.div-block-615 {
margin-top: 40px;
}
.grid-32.grid_collaboration_2 {
margin-top: 60px;
}
.div-block-617 {
width: 100%;
max-width: none;
}
.paragraph-36 {
font-size: 17px;
line-height: 26px;
}
.become_partner {
padding: 64px 32px;
}
.paragraph-37 {
font-size: 26px;
line-height: 34px;
}
.social-network {
margin-top: 30px;
}
.button-10.partner-button {
margin-top: 24px;
}
.heading-135 {
font-size: 40px;
line-height: 48px;
}
.div-block-630 {
max-width: 340px;
min-width: 340px;
}
.button-11 {
border-color: rgba(161, 161, 166, 0.3);
color: #fff;
}
.button-11.button_broshure_promo {
color: #1d1d1f;
}
.heading-136 {
display: block;
max-width: 16ch;
font-size: 34px;
}
.hero_careers {
padding-right: 0px;
padding-left: 0px;
}
.hero_title_careers {
padding-right: 20px;
padding-left: 20px;
}
.div-block-638 {
display: none;
}
.div-block-639 {
height: 300px;
}
.button_content_careers {
margin-top: 40px;
}
.hot_vacancies_section {
padding-bottom: 80px;
}
.heading-140 {
max-width: 10ch;
}
.values_careers {
padding-right: 20px;
padding-left: 20px;
}
.grid-35 {
margin-top: 50px;
grid-column-gap: 16px;
grid-row-gap: 50px;
}
.section-79 {
padding-right: 30px;
padding-left: 30px;
}
.div-block-654 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.left_careers {
padding: 60px 20px;
}
.right_careers {
position: static;
display: block;
height: auto;
padding-bottom: 60px;
}
.heading-146 {
font-size: 26px;
}
.div-block-656 {
margin-top: 40px;
}
.paragraph-42 {
margin-top: 18px;
}
.gallery_our_brand {
height: 120ch;
max-width: 239px;
margin-top: 30px;
padding-right: 20px;
padding-left: 20px;
}
.div-block-672 {
left: -106px;
top: -20px;
width: 248px;
}
.div-block-673 {
top: 33px;
right: -31px;
width: 108px;
}
.div-block-674 {
left: -15px;
top: 164px;
width: 147px;
}
.div-block-675 {
top: 177px;
right: -135px;
width: 242px;
}
.div-block-677 {
left: -195px;
top: 357px;
width: 411px;
}
.div-block-678 {
top: 352px;
right: -33px;
width: 110px;
}
.div-block-679 {
left: -61px;
top: 580px;
width: 192px;
}
.div-block-680 {
top: 524px;
right: -142px;
width: 147px;
}
.div-block-681 {
top: 742px;
right: -235px;
width: 411px;
}
.section-brands {
display: none;
padding-top: 72px;
padding-bottom: 72px;
}
.section-brands-mobile {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 72px;
padding-bottom: 72px;
}
.description-hero-22 {
max-width: 28ch;
margin-top: 8px;
font-size: 17px;
}
.partner-dark {
padding-top: 60px;
padding-right: 32px;
padding-left: 32px;
}
.partner-dark-image-box {
margin-top: 0px;
}
.social-neworks {
display: -ms-grid;
display: grid;
width: 100%;
grid-auto-columns: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.social-network-copy {
margin-top: 30px;
}
.social-network-box {
width: 100%;
}
.section-84 {
margin-right: 0px;
padding-right: 32px;
padding-left: 32px;
}
.div-block-684 {
display: -ms-grid;
display: grid;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-items: start;
grid-auto-columns: 1fr;
grid-column-gap: 40px;
grid-row-gap: 40px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-rows: auto auto auto;
grid-template-rows: auto auto auto;
}
.image-152 {
width: 200%;
max-width: none;
}
.div-block-686 {
width: 100%;
max-width: none;
}
.section-85 {
padding-right: 24px;
padding-left: 24px;
}
.image-153 {
max-width: 130%;
}
.div-block-687 {
padding-right: 10px;
padding-left: 10px;
}
.form-patners {
margin-right: 0px;
padding-right: 32px;
padding-left: 32px;
}
.book-a-call.partner-button {
margin-top: 24px;
}
}
#w-node-_40b33f5f-c223-07c1-b6f0-69058589ea24-c4a8fd84 {
-ms-grid-row: span 2;
grid-row-start: span 2;
-ms-grid-row-span: 2;
grid-row-end: span 2;
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
}
#w-node-_2a7b7614-6d17-2fc0-5899-9ec46d74724c-c4a8fd84 {
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column: span 2;
grid-column-start: span 2;
-ms-grid-column-span: 2;
grid-column-end: span 2;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccb0-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccb3-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccb7-cf767e40 {
-ms-grid-column-align: start;
justify-self: start;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccba-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccbd-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccc1-cf767e40 {
-ms-grid-column-align: start;
justify-self: start;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccc4-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccc7-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcacccb-cf767e40 {
-ms-grid-column-align: start;
justify-self: start;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccce-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
#w-node-_6ecbef19-ba53-b4eb-2662-2cfdcdcaccd1-cf767e40 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-ca4dcd91-9f73-a7f5-238c-749057cdc549-cf767e40 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 3;
grid-row-end: 4;
-ms-grid-column: 4;
grid-column-start: 4;
-ms-grid-column-span: 4;
grid-column-end: 8;
}
#w-node-ca4dcd91-9f73-a7f5-238c-749057cdc54a-cf767e40 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 3;
grid-row-end: 4;
-ms-grid-column: 8;
grid-column-start: 8;
-ms-grid-column-span: 4;
grid-column-end: 12;
}
#w-node-ca4dcd91-9f73-a7f5-238c-749057cdc54b-cf767e40 {
-ms-grid-row: 1;
grid-row-start: 1;
-ms-grid-row-span: 3;
grid-row-end: 4;
-ms-grid-column: 12;
grid-column-start: 12;
-ms-grid-column-span: 2;
grid-column-end: 14;
}
#w-node-d12417dc-10f2-1d6a-645c-c1c1d085eb06-cf767e40 {
-ms-grid-row: span 4;
grid-row-start: span 4;
-ms-grid-row-span: 4;
grid-row-end: span 4;
-ms-grid-column: span 8;
grid-column-start: span 8;
-ms-grid-column-span: 8;
grid-column-end: span 8;
}
#w-node-d12417dc-10f2-1d6a-645c-c1c1d085eb07-cf767e40 {
-ms-grid-row: span 4;
grid-row-start: span 4;
-ms-grid-row-span: 4;
grid-row-end: span 4;
-ms-grid-column: span 5;
grid-column-start: span 5;
-ms-grid-column-span: 5;
grid-column-end: span 5;
}
#w-node-d12417dc-10f2-1d6a-645c-c1c1d085eb08-cf767e40 {
-ms-grid-row: span 4;
grid-row-start: span 4;
-ms-grid-row-span: 4;
grid-row-end: span 4;
-ms-grid-column: span 7;
grid-column-start: span 7;
-ms-grid-column-span: 7;
grid-column-end: span 7;
}
#w-node-d12417dc-10f2-1d6a-645c-c1c1d085eb09-cf767e40 {
-ms-grid-row: span 5;
grid-row-start: span 5;
-ms-grid-row-span: 5;
grid-row-end: span 5;
-ms-grid-column: span 13;
grid-column-start: span 13;
-ms-grid-column-span: 13;
grid-column-end: span 13;
}
#w-node-d12417dc-10f2-1d6a-645c-c1c1d085eb0a-cf767e40 {
-ms-grid-row: span 5;
grid-row-start: span 5;
-ms-grid-row-span: 5;
grid-row-end: span 5;
-ms-grid-column: span 7;
grid-column-start: span 7;
-ms-grid-column-span: 7;
grid-column-end: span 7;
}
#w-node-_291286b7-c2b2-bb3c-1ada-e656cfc8ab23-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-ef6d397a-f231-5ef8-5f50-f064164cfe29-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_53834650-af41-d5ae-5eef-8cc613411a8f-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_60dc4a91-3637-ddfc-a468-64df1a3b78bc-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_60313adf-7cb1-9be4-b6fb-e18f14e019d6-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_60313adf-7cb1-9be4-b6fb-e18f14e019d4-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-b73e80cb-bbe7-f1cd-229d-2e246b9b345b-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-b73e80cb-bbe7-f1cd-229d-2e246b9b345d-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_67e1fdbf-dce8-f332-4b3d-e4f9f4bb0fae-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-a14546b7-998f-dd86-da28-b8dda34d2726-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_809e9249-b8cf-bdf1-115f-0c4566e360af-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7ab20556-8036-fb5f-b601-45be8d235330-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-ecde9709-9ecd-ecbb-7d0f-0fdc533b44ba-ce48bbb7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: auto;
justify-self: auto;
}
#w-node-fef932d5-26cd-8e78-d9ac-af9002c50e60-ce48bbb7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_98b50acb-60b6-7d15-d25d-724634e17397-ce48bbb7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_98b50acb-60b6-7d15-d25d-724634e17392-ce48bbb7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: auto;
justify-self: auto;
}
#w-node-_195c49bb-b3a0-9513-3d96-0c65221aa4a6-ce48bbb7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: auto;
justify-self: auto;
}
#w-node-_195c49bb-b3a0-9513-3d96-0c65221aa4ab-ce48bbb7 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c01e7c24-3845-43a7-e657-09d29c804aa8-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_0ee3eb72-0d76-0fd3-2ae8-46dd1273ce78-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_6c027d19-b7ab-4fdf-35dc-13e1900999b0-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c214e0b0-74ee-41f3-310c-3a8296955c4b-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_912a8d41-abfc-e27b-3afb-9c261dec5a2b-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-ecedc0f4-d891-2341-0458-57d5307da1a8-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_4e7c8b92-0ee7-7ba3-6e44-db06ca2b11d6-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_10aff6e5-4ecb-7efa-4db1-da7a38b44d56-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-cc127801-e7c5-82a7-6342-933c1595f87c-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_666e5924-dcb6-2b38-4235-dd10e98b0dfb-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_72e743e6-9e69-852c-c588-efdee462601d-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-e6306205-5b81-1aca-f3d8-fb0bd5e531ce-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-e6306205-5b81-1aca-f3d8-fb0bd5e531d0-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-ef4f0a01-20a8-9c59-00ca-24b9200cbde6-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-a2262cac-13be-6dbf-646f-36e9a921ed73-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-bb712c72-6ce1-c5ab-1130-8eb083ebf7d9-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-e2d8e89b-c192-6823-8406-aacab9850404-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-column-align: end;
justify-self: end;
}
#w-node-_65627657-8f61-e3db-56b5-6233980f33e9-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c372412e-3460-166e-3a8b-c37f66758dcd-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_40c64f01-a0b9-aae2-9815-141d9f2251bf-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_40c64f01-a0b9-aae2-9815-141d9f2251c6-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d43ca7cb-ff4f-cecc-bd25-eea05c4fc025-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-d43ca7cb-ff4f-cecc-bd25-eea05c4fc02c-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_4094ec1e-25e4-14f2-8df5-b8d7a9a43c77-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_4094ec1e-25e4-14f2-8df5-b8d7a9a43c7e-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-_7150e267-82a8-1fb0-24d8-fbe58c8fb470-d59cfd20 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-fef932d5-26cd-8e78-d9ac-af9002c50e60-0fd03ed1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-ecde9709-9ecd-ecbb-7d0f-0fdc533b44ba-0fd03ed1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: auto;
justify-self: auto;
}
#w-node-_1da33598-0d8d-dedb-a06b-cfacd86119a8-0fd03ed1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: auto;
justify-self: auto;
}
#w-node-_1da33598-0d8d-dedb-a06b-cfacd86119a6-0fd03ed1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c30ef249-f24e-c28e-f082-c02e12ac4af5-0fd03ed1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-c30ef249-f24e-c28e-f082-c02e12ac4af7-0fd03ed1 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: auto;
justify-self: auto;
}
@media screen and (min-width: 1920px) {
#w-node-a14546b7-998f-dd86-da28-b8dda34d2726-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
}
@media screen and (min-width: 1440px) {
#w-node-_4e7c8b92-0ee7-7ba3-6e44-db06ca2b11d6-6c54685e {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_10aff6e5-4ecb-7efa-4db1-da7a38b44d56-6c54685e {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-cc127801-e7c5-82a7-6342-933c1595f87c-6c54685e {
-ms-grid-column-align: center;
justify-self: center;
}
}
@media screen and (max-width: 991px) {
#w-node-_291286b7-c2b2-bb3c-1ada-e656cfc8ab23-850ca9f4 {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
#w-node-e6306205-5b81-1aca-f3d8-fb0bd5e531ce-6c54685e {
-ms-grid-column: span 1;
grid-column-start: span 1;
-ms-grid-column-span: 1;
grid-column-end: span 1;
-ms-grid-row: span 1;
grid-row-start: span 1;
-ms-grid-row-span: 1;
grid-row-end: span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-_668afa3d-1317-f822-b000-e0c9bd3d9346-d8a8fd87 {
-ms-grid-column-align: left;
justify-self: left;
}
#w-node-_668afa3d-1317-f822-b000-e0c9bd3d934d-d8a8fd87 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_668afa3d-1317-f822-b000-e0c9bd3d9354-d8a8fd87 {
-ms-grid-column-align: center;
justify-self: center;
margin-bottom:30px;
}
#w-node-_668afa3d-1317-f822-b000-e0c9bd3d935b-d8a8fd87 {
-ms-grid-column-align: left;
justify-self: left;
}
#w-node-_668afa3d-1317-f822-b000-e0c9bd3d9362-d8a8fd87 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_668afa3d-1317-f822-b000-e0c9bd3d9369-d8a8fd87 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_38270b58-8a56-bc84-713b-2518c64bbd3e-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_38270b58-8a56-bc84-713b-2518c64bbd49-caa8fd89 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefabd-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefac4-caa8fd89 {
-webkit-align-self: auto;
-ms-flex-item-align: auto;
-ms-grid-row-align: auto;
align-self: auto;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefacb-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefad2-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefad9-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefae0-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_60313adf-7cb1-9be4-b6fb-e18f14e019d4-850ca9f4 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}
#w-node-_1da33598-0d8d-dedb-a06b-cfacd86119a6-0fd03ed1 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}
}
@media screen and (max-width: 479px) {
#w-node-_2aafff56-2e29-75fb-559a-7f94817c3d47-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_4bea424b-a98d-7b88-0ab1-f61047bf5adf-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_8ca8b1ae-a8fa-1663-782c-e21109cc98be-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_37e40558-c2d8-a09e-fae9-59498d23db98-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-ad7b9f07-49ff-3bee-ce44-4913918258fb-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-fe89dec5-ad59-a464-8676-8df141ce082e-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0a05dae7-b1b3-a03f-d8a0-04e65b695631-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_746985e5-3a5c-43c8-19a8-1a066c9ac288-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-df0031cd-710f-b525-94ad-351d8ab2cc2d-c4a8fd84 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_34550534-0046-a129-f21b-62824bb7b226-a9a8fd85 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefabd-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefac4-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefacb-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefad2-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefad9-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_0b282cc2-3da0-8263-f642-6d661fdefae0-caa8fd89 {
-webkit-align-self: center;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_12d64f89-865c-6519-16cc-38d450620517-fade72f9 {
-webkit-box-ordinal-group: -9998;
-webkit-order: -9999;
-ms-flex-order: -9999;
order: -9999;
}
#w-node-_1b792477-33b0-09aa-2277-299f19144f08-6c54685e {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_1b792477-33b0-09aa-2277-299f19144f0e-6c54685e {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_1b792477-33b0-09aa-2277-299f19144f14-6c54685e {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_1b792477-33b0-09aa-2277-299f19144f1a-6c54685e {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_1b792477-33b0-09aa-2277-299f19144f20-6c54685e {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_1b792477-33b0-09aa-2277-299f19144f28-6c54685e {
-ms-grid-column-align: start;
justify-self: start;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a06-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a0c-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a12-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a18-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a1e-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a26-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a2c-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a32-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
#w-node-_6cde950b-cd48-e8bd-09a6-8d6374228a38-0fd03ed1 {
-ms-grid-column-align: center;
justify-self: center;
}
}
@font-face {
font-family: 'Googlesans';
src: url('../60912b934a50901ac43b8466_GoogleSans-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Googlesans';
src: url('../60912b9373890640c5efef8d_GoogleSans-Italic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Googlesans';
src: url('../60912b9391aa217911d23acb_GoogleSans-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Googlesans';
src: url('../60912b93fd314cb93358f9a1_GoogleSans-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Googlesans';
src: url('../60912b93be0816ac1ada4c50_GoogleSans-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Googlesans';
src: url('../60912b9411aa5a61251a09c0_GoogleSans-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay';
src: url('../60912bcbed38db2383e24bc6_HelveticaNowDisplay-Black.ttf') format('truetype'), url('../60912bcc9c41057d05a2efe2_HelveticaNowDisplay-BlackIta.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay';
src: url('../60912bcb61e34543716a423f_HelveticaNowDisplay-Bold.ttf') format('truetype'), url('../60912bcb6021f3671dc3288c_HelveticaNowDisplay-BoldIta.ttf') format('truetype'), url('../60912bcc4968fc0c1ea05069_HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay extblk';
src: url('../60912bcb8b130052bda8260a_HelveticaNowDisplay-ExtBlk.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay extbdita';
src: url('../60912bcb1b2c3de896be6ad1_HelveticaNowDisplay-ExtBdIta.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay extblkita';
src: url('../60912bcb00969b4d1433e0a2_HelveticaNowDisplay-ExtBlkIta.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay extlt';
src: url('../60912bcc0add8a4f55e89f86_HelveticaNowDisplay-ExtLt.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay extltita';
src: url('../60912bcc1b407300fe34b80c_HelveticaNowDisplay-ExtLtIta.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay hairlinei';
src: url('../60912bccbfd76d17e9432cfe_HelveticaNowDisplay-HairlineI.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay';
src: url('../60912bcc03a470195008e044_HelveticaNowDisplay-Light.ttf') format('truetype'), url('../60912bccdca179186bba8352_HelveticaNowDisplay-LightIta.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay hairline';
src: url('../60912bccbfd76d3f8e432cff_HelveticaNowDisplay-Hairline.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay medita';
src: url('../60912bccbfd76d0756432d00_HelveticaNowDisplay-MedIta.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay';
src: url('../60912bcc26f8d4afef88bdcc_HelveticaNowDisplay-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay';
src: url('../60912bcce8e6f57dffab6068_HelveticaNowDisplay-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay';
src: url('../60912bcc11e229920fe2384e_HelveticaNowDisplay-ThinIta.ttf') format('truetype'), url('../60912bcc61e345a5fa6a4242_HelveticaNowDisplay-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Helveticanowdisplay regita';
src: url('../60912bcd8b1300a144a8260b_HelveticaNowDisplay-RegIta.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bba7cb92ca3cca1a7b_Montserrat-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bbbaabc0741e15d28d_Montserrat-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bb97d71df53befb833_Montserrat-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bb3e7c1910e53e6eb7_Montserrat-Extralight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bb8195ef3376553276_Montserrat-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat super';
src: url('../6113d8bc779fe300b5f105ab_Montserrat-Super.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bc7bbfe2493139ad07_Montserrat-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bc2bce04b6494acc86_Montserrat-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Montserrat';
src: url('../6113d8bcbaabc052b815d28e_Montserrat-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Futurapt book';
src: url('../62357e148df0e2f3ce062e7d_FuturaPT-Book.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('../623c6f4ba23baf3ba7eeb33d_Gilroy-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('../623c6f4b794a7ff3843eac57_Gilroy-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('../623c6f4b9513506575137da4_Gilroy-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Gilroy';
src: url('../623c6f4b951350a98c137da5_Gilroy-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}
.div-block-565 .logo_heading{
font-family: 'Raleway', sans-serif!important;
}
.logo_heading h2{
font-size: 2rem;
font-family: 'Raleway', sans-serif!important;
color: #000000;
}
.team-member {
padding: 1rem 0 2rem;
}
.team-member .owl-carousel{
margin-top: 2rem;
}
.team-member .container-fluid{
padding: 0 15px;
}
.team-member h2{
font-size: 48px;
color: #1d1d1f;
font-weight: 600;
margin: 3rem 0;
line-height:50px;
font-family: 'Raleway', sans-serif;
}
.team-member img{
border-radius: 15px;
}
.team-member .info {
padding: 10px;
}
.team-member .info h3{
color: #1d1d1f;
font-size: 19px;
text-align: left;
margin: 0;
font-family: 'Raleway', sans-serif;
}
.team-member .info p{
color: #86868b;
font-size: 15px;
text-align: left;
font-weight: 600;
}
.ser {
padding: 30px 6rem 0;
background: #000000a1;
}
.footer h3,.footer h4 {
color: #1d1d1f;
font-size: 16px;
font-weight: 600;
margin-bottom: 0;
font-family: 'Raleway', sans-serif;
}
.info_address{
margin-top: 2rem;
font-family: "Montserrat", sans-serif;
}
@media (max-width: 767px){
.div-block-46{
display: block;
}
.div-block-46 > div{
margin: 5px 0;
}
.ser{
padding: 30px 0 0;
}
}
@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800);
.testimonial3 {
font-family: "Montserrat", sans-serif;
color: #8d97ad;
font-weight: 300;
}
.testimonial3 h1,
.testimonial3 h2,
.testimonial3 h3,
.testimonial3 h4,
.testimonial3 h5,
.testimonial3 h6 {
color: #3e4555;
}
.testimonial3 .font-weight-medium {
font-weight: 500;
}
.testimonial3 .bg-light {
background-color: #f2f2f2 !important;
}
.testimonial3 .subtitle {
color: #8d97ad;
line-height: 24px;
}
.testimonial3 .testi3 .card-body {
padding: 40px;
background:#f2f2f2;
height:415px;
border-radius:24px;
}
.testimonial3 .testi3-mob .card-body {
padding: 40px;
background:#f2f2f2;
height:415px;
border-radius:24px;
}
.testimonial3 .testi3 h6 {
line-height: 26px;
}
.testimonial3 .testi3-mob h6 {
line-height: 26px;
}
.testimonial3 .testi3 .thumb-img img {
width: 80px;
height:80px!important;
}
.testimonial3 .testi3-mob .thumb-img img {
width: 80px;
height:80px!important;
}
.font-weight-light{
font-size:14px;
}
.testimonial3 .testi3 .customer {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
.testimonial3 .testi3-mob .customer {
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
}
.testimonial3 .card.card-shadow {
/*-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);*/
/*box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);*/
}
.testimonial3 .font-10 {
font-size: 10px;
}
.testimonial3 .text-success {
color: #2cdd9b !important;
}
.testimonial3 .text-muted {
color: #8d97ad !important;
}
.testimonial3 .owl-theme .owl-dots .owl-dot.active span,
.testimonial3 .owl-theme .owl-dots .owl-dot:hover span {
background: #316ce8;
}
.rounded-circle{
border-radius:50%!important;
}
.testmonial-flex{
display: grid;
grid-column-gap: 0px;
grid-row-gap: 16px;
-ms-grid-columns: 1fr 2fr;
grid-template-columns: 1fr 2fr;
text-align: left;
}
.bg-black{
background:#000000;
height:250px;
}
.bg-black h1{
font-size:48px;
line-height:50px;
padding-top:80px;
}
.margin-chngs-testmonial{
margin-top:-110px;
}
@media(max-width:768px){
.testimonial3 .testi3 .card-body {
padding: 40px;
background:#f2f2f2;
height:100%!important;
border-radius:24px;
}
.div-block-358 {
width: 100%;
max-width: 65px!important;
}
.image-box{
width:220px!important;
}
.bg-black h1 {
font-size: 48px;
line-height: 50px;
padding-top: 34px!important;
}
.testimonial3 .testi3-mob .card-body {
padding: 40px;
background:#f2f2f2;
height:100%!important;
border-radius:24px;
}
.margin-chngs-testmonial{
margin-top:-110px;
}
.bg-black{
background:#000000;
height:180px;
}
.card-body{
width:100%!important;
}
.text-block-7.text_banner_toyota {
max-width: 43ch!important;
color: #000000;
width: 100%;
}
.div-block-35.toyota_banner.nexus_banner{
background:#fff!important;
}
.div-block-35.toyota_banner {
height: 100%!important;
padding:15px;
background-position: 50% 100%;
}
.div-block-35.toyota_banner.nexus_banner1 {
background-image: none!important;
/* margin-top: 30px;
margin: 30px 5rem 0; */
background:#fff!important;
}
.div-block-35.toyota_banner.my_ai_banner {
margin-top: 30px;
background-image: none!important;
/*background-position: 50% 50%;*/
background:#fff;
/* margin: 30px 5rem 0; */
}
.div-block-245 {
position: relative;
z-index: 10;
padding-bottom: 50px;
padding-top: 50px;
padding-right: 35px;
padding-left: 35px!important;
background: #000000a1;
}
}
.hero-bg-color{
background-image: url('assets/img/cyberfrat-bg.png');
background-position:center;
background-size:cover;
}
@media (max-width:320px){
.brand.w-nav-brand{
width:65%!important;
}
}
@media (max-width:996px){
.testimonial3 .testi3 .card-body {
padding: 40px;
background:#f2f2f2;
height:auto;
border-radius:24px;
width:380px!important;
}
.testimonial3 .testi3-mob .card-body {
padding: 18px;
background:#f2f2f2;
height:auto;
border-radius:24px;
}
}
@media screen and (max-width: 768px){
.heading-18.heading_19 {
display: none!important;
text-align: left;
}
.brand.w-nav-brand{
width:50%!important;
}
.div-block-360 {
width: 100%;
max-width: 65px;
}
.w-nav-button {
position: relative;
float: right;
padding: 8px!important;
font-size: 24px;
display: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.image-container {
position: relative;
}
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.content {
position: absolute;
top: 70%;
left: 0;
padding: 10px;
color: white;
font-size: 14px;
}
img {
display: block;
max-width: 100%;
height: auto;
}
.works-and-cases {
height: 190vh;
padding-top: 48px;
padding-bottom: 0px;
background-color: #000;
}
.text-block-5 {
width: 100%;
max-width: 100%!important;
margin-top: 8px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}
.div-block-259{
margin-bottom:40px;
}
}
@media (min-width:768px) and (max-width:996px){
.works-and-cases {
height: 190vh;
padding-top: 240px;
padding-bottom: 0px;
background-color: #000;
}
}
#over-viwe-font{
font-size: 46px;
line-height: 64px;
text-align: center;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
height: auto!important;
}
.link-arrow i {
display: inline-block;
transition: 0.1s ease-in;
}
.link-arrow:hover i {
transform: translateX(50%);
}