html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: sans-serif; } body { margin: 0; } @font-face { font-family: "Test"; src: url(../Fonts/Manolo/manolo-mono.ttf); /* font-size: 16px; */ } :root { --soft-violet: hsl(273, 75%, 66%); --soft-blue: hsl(240, 73%, 65%); --soft-red: hsl(14, 88%, 65%); --very-dark-blue: hsl(238, 29%, 16%); --light-grayish-blue: hsl(240, 5%, 91%); --dark-grayish-blue: hsl(240, 6%, 50%); --very-dark-grayish-blue: hsl(237, 12%, 33%); --mobile-illustration1: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 236.85 179.57'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='1.78' y1='537.83' x2='1.58' y2='537.64' gradientTransform='matrix(52.93 0 0 -35.76 42.83 19334.13)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%237f3500'/%3E%3Cstop offset='1' stop-color='%23231f20' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-2' x1='1.82' y1='531.01' x2='1.3' y2='530.67' gradientTransform='matrix(43.55 0 0 -25.69 29.51 13785.7)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.03' stop-color='%237f3500'/%3E%3Cstop offset='1' stop-color='%23231f20' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-3' x1='1.33' y1='520.5' x2='.74' y2='520.06' gradientTransform='matrix(26.11 0 0 -17.98 42.05 9434.58)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23843c09' stop-opacity='.85'/%3E%3Cstop offset='1' stop-color='%23231f20' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-4' x1='2.04' y1='537.08' x2='1.9' y2='537.14' gradientTransform='matrix(64.69 0 0 -34.67 47.7 18696.01)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.99' stop-color='%23dc841e'/%3E%3C/linearGradient%3E%3ClinearGradient id='linear-gradient-5' x1='1.83' y1='531.61' x2='1.31' y2='531.26' gradientTransform='matrix(43.54 0 0 -26.33 -26.72 14107.68)' xlink:href='%23linear-gradient-2'/%3E%3Cstyle%3E.cls-6%7Bfill:%2368e1fd%7D.cls-8%7Bfill:%23999a1c%7D.cls-10%7Bfill:%23f47b56%7D.cls-11%7Bfill:%23fff%7D.cls-15%7Bfill:%23f2f2f2%7D.cls-16%7Bfill:%23ff8f6f%7D.cls-17%7Bfill:%23003b94%7D.cls-18%7Bfill:%233e2928%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cg id='Page-1'%3E%3Cg id='Group-4'%3E%3Cg id='mention_isometric-2' data-name='mention isometric-2'%3E%3Cg id='mention_isometric' data-name='mention isometric'%3E%3Cpath id='Path' d='M114.92 177.69 4.61 112.51c-3.52-2-6.53-5.21-3.11-7.33l110.72-63.79c1.65-1 4.18-1.7 5.87-.72l115.78 67.19c3.52 2 4.15 7.72.65 9.78l-105.06 60a14.67 14.67 0 0 1-14.54.05Z' style='fill:%235b36a0'/%3E%3Cpath id='Path-Copy' d='M114.92 174.68 4.61 109.5c-3.52-2-6.53-5.21-3.11-7.33l110.72-63.79c1.65-1 4.18-1.7 5.87-.72l115.78 67.19c3.52 2 4.15 7.72.65 9.78l-105.06 60a14.67 14.67 0 0 1-14.54.05Z' style='fill:%236862e6'/%3E%3Cpath id='Path-2' data-name='Path' d='m124 88.69-21.75 12.41s33.53 20.46 40.39 23.34l12.54-18' style='fill:url(%23linear-gradient);isolation:isolate;opacity:.25'/%3E%3Cpath id='Path-3' data-name='Path' d='m116.5 148.26-21.77-12.39L73 148.29s11.34 6.92 22.18 13.27c6.82-4.87 13.72-9.79 21.32-13.3Z' style='fill:url(%23linear-gradient-2);isolation:isolate;opacity:.25'/%3E%3Cpath id='Path-4' data-name='Path' d='m69.59 71.73-13.81 7.88s1.17 7.22 8 10.11l18.11-11.58' style='opacity:.46;fill:url(%23linear-gradient-3);isolation:isolate'/%3E%3Cellipse id='Oval' class='cls-6' cx='76.35' cy='73.75' rx='8.33' ry='5.86'/%3E%3Cellipse id='Oval-2' data-name='Oval' cx='76.34' cy='70.29' rx='6.24' ry='2.55' style='fill:%23974c26'/%3E%3Cpath id='Shape' class='cls-8' d='M76.12 66c0-1.15 0-2.3-.13-3.45l-.09-.9-.06-.58a3.49 3.49 0 0 0-.09-.6l-.12-.7a27.53 27.53 0 0 0-4.45-10.89 16 16 0 0 0-1.25 6.37c0 .65.06 1.29.11 1.9v.37c0 .31.11.65.17.93a27.17 27.17 0 0 0 1 3.45 20.33 20.33 0 0 0 1.35 3c.57 1.09 1.18 2.15 1.85 3.19.51.81 1 1.53 1.49 2.22a41.69 41.69 0 0 0 .22-4.31Zm-3.28-12.91a1.14 1.14 0 0 0 0-.45c.16.16.32.33.47.5a1.24 1.24 0 0 0-.47 0Z'/%3E%3Cpath id='Shape-2' data-name='Shape' class='cls-8' d='M78.26 66.92a31.43 31.43 0 0 0 1.75-3c.15-.27.28-.53.42-.8l.26-.53.25-.55c.09-.22.19-.44.28-.65a27.49 27.49 0 0 0 2.14-11.57 15.85 15.85 0 0 0-4.5 4.69c-.34.54-.65 1.09-.94 1.65l-.13.24v.1l-.36.87a25.67 25.67 0 0 0-1 3.44 21.35 21.35 0 0 0-.5 3.27c-.11 1.22-.17 2.44-.17 3.67 0 1 0 1.83.06 2.67.8-1.12 1.66-2.29 2.44-3.5Zm4.24-12.66a1 1 0 0 0 .22-.4c0 .23.09.44.12.65a1.2 1.2 0 0 0-.34-.25Z'/%3E%3Cpath id='Shape-3' data-name='Shape' class='cls-8' d='M78.21 69.79c.65-.33 1.29-.67 1.93-1.05l.49-.29.31-.2.31-.22.36-.26a17.36 17.36 0 0 0 4.89-5.55 10.2 10.2 0 0 0-3.94 1.08c-.35.18-.69.38-1 .59l-.15.09-.48.36a16 16 0 0 0-1.67 1.52 14.38 14.38 0 0 0-1.32 1.6c-.46.65-.88 1.29-1.29 1.93s-.58 1-.83 1.47c.75-.31 1.58-.67 2.39-1.07Zm6.38-5.47a.77.77 0 0 0 .25-.14c0 .14-.1.27-.16.4a.58.58 0 0 0-.09-.25Z'/%3E%3Cpath id='Shape-4' data-name='Shape' class='cls-8' d='M76.12 66c0-1.15 0-2.3-.13-3.45l-.09-.9-.06-.58a3.49 3.49 0 0 0-.09-.6l-.12-.7a27.53 27.53 0 0 0-4.45-10.89 16 16 0 0 0-1.25 6.37c0 .65.06 1.29.11 1.9v.37c0 .31.11.65.17.93a27.17 27.17 0 0 0 1 3.45 20.33 20.33 0 0 0 1.35 3c.57 1.09 1.18 2.15 1.85 3.19.51.81 1 1.53 1.49 2.22a41.69 41.69 0 0 0 .22-4.31Zm-3.28-12.91a1.14 1.14 0 0 0 0-.45c.16.16.32.33.47.5a1.24 1.24 0 0 0-.47 0Z'/%3E%3Cpath id='Shape-5' data-name='Shape' class='cls-8' d='M78.26 66.92a31.43 31.43 0 0 0 1.75-3c.15-.27.28-.53.42-.8l.26-.53.25-.55c.09-.22.19-.44.28-.65a27.49 27.49 0 0 0 2.14-11.57 15.85 15.85 0 0 0-4.5 4.69c-.34.54-.65 1.09-.94 1.65l-.13.24v.1l-.36.87a25.67 25.67 0 0 0-1 3.44 21.35 21.35 0 0 0-.5 3.27c-.11 1.22-.17 2.44-.17 3.67 0 1 0 1.83.06 2.67.8-1.12 1.66-2.29 2.44-3.5Zm4.24-12.66a1 1 0 0 0 .22-.4c0 .23.09.44.12.65a1.2 1.2 0 0 0-.34-.25Z'/%3E%3Cpath id='Shape-6' data-name='Shape' class='cls-8' d='M78.21 69.79c.65-.33 1.29-.67 1.93-1.05l.49-.29.31-.2.31-.22.36-.26a17.36 17.36 0 0 0 4.89-5.55 10.2 10.2 0 0 0-3.94 1.08c-.35.18-.69.38-1 .59l-.15.09-.48.36a16 16 0 0 0-1.67 1.52 14.38 14.38 0 0 0-1.32 1.6c-.46.65-.88 1.29-1.29 1.93s-.58 1-.83 1.47c.75-.31 1.58-.67 2.39-1.07Zm6.38-5.47a.77.77 0 0 0 .25-.14c0 .14-.1.27-.16.4a.58.58 0 0 0-.09-.25Z'/%3E%3Cpath id='Path-5' data-name='Path' d='m132.66 83.84-12 5.79a2.75 2.75 0 0 0-1.61 2.37 2.79 2.79 0 0 0 1.37 2.51L149 111.18a2.77 2.77 0 0 0 3.73-.9l6.94-10.79' style='fill:%23a1482d'/%3E%3Cpath id='Path-6' data-name='Path' class='cls-10' d='M198.19 55.92 102.12.58a4.33 4.33 0 0 0-6.49 3.75v57.58a3.59 3.59 0 0 0 1.8 3.09l102.42 59.1a2.31 2.31 0 0 0 3.48-2V64.78a10.21 10.21 0 0 0-5.14-8.86Z'/%3E%3Cpath id='Path-7' data-name='Path' class='cls-11' d='m102.13 4.93 93.17 53.59a6.54 6.54 0 0 1 3.27 5.66v43.16a2.36 2.36 0 0 1-3.53 2L100 54.9a2.34 2.34 0 0 1-1.18-2V6.83a2.2 2.2 0 0 1 3.28-1.9Z'/%3E%3Cellipse id='Oval-3' data-name='Oval' cx='140.89' cy='84.06' rx='2.03' ry='2.32' transform='rotate(-10.9 140.901 84.042)' style='fill:%23ab643c'/%3E%3Cpath id='Path-8' data-name='Path' style='opacity:.32;fill:url(%23linear-gradient-4);isolation:isolate' d='m127.17 63.48 43.3 26.01 21.39-12.43-38.22-22.24'/%3E%3Cpath id='Path-9' data-name='Path' d='m180.68 58.31-46.81-28.54a1.62 1.62 0 0 0-2.43 1.46v16.26a1.69 1.69 0 0 0 .81 1.47l46.81 27.93a1.62 1.62 0 0 0 1.61 0 1.64 1.64 0 0 0 .8-1.4l.24-15.16a2.27 2.27 0 0 0-1.03-2.02Z' style='fill:%23e2ac00'/%3E%3Cpath id='Path-10' data-name='Path' class='cls-11' d='M169.48 66.67c1.68 2.35 4.63 3 6.58 1.48s2.19-4.68.51-7-4.63-3-6.59-1.47-2.18 4.65-.5 6.99Z'/%3E%3Cpath id='Path-11' data-name='Path' class='cls-15' d='m164.89 55.41-19.1-11.5a.73.73 0 0 0-.73 1.25l19.09 11.49a.73.73 0 0 0 .74-1.24Z'/%3E%3Cpath id='Path-12' data-name='Path' class='cls-15' d='m164.1 60.08-26.32-15.84a.72.72 0 0 0-.87.33.72.72 0 0 0 .17.91l26.29 15.85a.72.72 0 0 0 .93-.29.73.73 0 0 0-.2-1Z'/%3E%3Cpath id='Path-13' data-name='Path' class='cls-10' d='m171.34 61.46-46.79-28.53a1.62 1.62 0 0 0-2.43 1.46v16.25a1.69 1.69 0 0 0 .81 1.47L169.74 80a1.6 1.6 0 0 0 2.41-1.44l.25-15.15a2.28 2.28 0 0 0-1.06-2Z'/%3E%3Cpath id='Path-14' data-name='Path' class='cls-11' d='M160.14 69.83c1.68 2.34 4.63 3 6.58 1.47s2.19-4.68.51-7-4.63-3-6.59-1.47-2.18 4.65-.5 7Z'/%3E%3Cpath id='Path-15' data-name='Path' class='cls-15' d='m155.54 58.56-19.1-11.49a.72.72 0 0 0-.73 1.24l19.09 11.5a.73.73 0 0 0 .93-.29.72.72 0 0 0-.2-1Z'/%3E%3Cpath id='Path-16' data-name='Path' class='cls-15' d='m154.75 63.26-26.31-15.87a.72.72 0 0 0-.93.29.73.73 0 0 0 .2 1L154 64.48a.72.72 0 0 0 .93-.29.73.73 0 0 0-.2-1Z'/%3E%3Cpath id='Path-17' data-name='Path' class='cls-6' d='m159.6 63.37-46.8-28.52a1.61 1.61 0 0 0-2.43 1.46v16.25a1.7 1.7 0 0 0 .82 1.46L158 82a1.61 1.61 0 0 0 2.42-1.44l.24-15.15a2.3 2.3 0 0 0-1.05-2Z'/%3E%3Cpath id='Path-18' data-name='Path' class='cls-6' d='m159.6 63.37-46.8-28.52a1.61 1.61 0 0 0-2.43 1.46v16.25a1.7 1.7 0 0 0 .82 1.46L158 82a1.61 1.61 0 0 0 2.42-1.44l.24-15.15a2.3 2.3 0 0 0-1.05-2Z'/%3E%3Cpath id='Path-19' data-name='Path' class='cls-11' d='M148.39 71.74c1.68 2.35 4.63 3 6.59 1.47s2.18-4.67.5-7-4.63-3-6.59-1.47-2.16 4.65-.5 7Z'/%3E%3Cpath id='Path-20' data-name='Path' class='cls-15' d='M143.8 60.47 124.7 49a.73.73 0 0 0-.73 1.25l19.09 11.49a.71.71 0 0 0 .93-.29.72.72 0 0 0-.2-1Z'/%3E%3Cpath id='Path-21' data-name='Path' class='cls-15' d='m143 65.15-26.31-15.84a.73.73 0 0 0-.73 1.25l26.31 15.84a.73.73 0 0 0 .74-1.25Z'/%3E%3Cpath id='Path-22' data-name='Path' class='cls-16' d='M98.18 61.78a22.75 22.75 0 0 0-6.63 9.72C89.22 77.93 95 88.44 95 88.44l9.06-7.17'/%3E%3Cpath id='Path-23' data-name='Path' class='cls-17' d='m97.2 146.8-2.46-1.35.65-3.52s3.66.35 4 1.65'/%3E%3Cpath id='Path-24' data-name='Path' class='cls-10' d='M98.1 146.75c.56-.34 1.13-.64 1.71-.94 1.42-.78 3.47-1.59 4.35-3.05a1.69 1.69 0 0 0-.12-1.92c-1.29-1.56-4.1 1-5.55-.73-.28-.34-.41-5.74-.41-5.74l-5.48 1.47s-.93 10.87-.83 11.54 2 1.29 2 1.29a4.76 4.76 0 0 0 1.58-.65c.58-.41 0-5.51.79-4.8s1.05 3.51 1.05 3.51a4.06 4.06 0 0 0 .91.02Z'/%3E%3Cpath id='Path-25' data-name='Path' class='cls-17' d='m107.67 152.06-2.46-1.34.64-3.51s3.66.35 4 1.64'/%3E%3Cpath id='Path-26' data-name='Path' class='cls-10' d='M108.59 152c.56-.35 1.14-.65 1.71-.95 1.42-.78 3.47-1.58 4.35-3a1.71 1.71 0 0 0-.12-1.93c-1.29-1.56-4.1 1-5.54-.72-.29-.34-.42-5.75-.42-5.75l-5.48 1.48s-.94 10.91-.83 11.55 2 1.28 2 1.28a4.62 4.62 0 0 0 1.58-.64c.57-.42 0-5.52.78-4.8s1.06 3.5 1.06 3.5a3.54 3.54 0 0 0 .91-.02Z'/%3E%3Cpath id='Path-27' data-name='Path' class='cls-18' d='m89.81 116.73-1.61 21.58s2.57 3.55 11.2 1.58l.08-14.55'/%3E%3Cpath id='Path-28' data-name='Path' class='cls-18' d='M99.77 121c-.18 1.86 0 22.36 0 22.36s2.39 4.47 12.78 0l-.15-17.42'/%3E%3Cpath id='Path-29' data-name='Path' class='cls-18' d='M89 123.86c.7.49.95-2 1.69-1.6a41.51 41.51 0 0 0 8.53 3.74h.06a.61.61 0 0 1 .46 0 .58.58 0 0 1 .33.32 46.18 46.18 0 0 0 5.59 1.28c2.43.39 4.43-1.4 6.92-1.53 0-9.53 0-36.65-4-42.44l-12-4c-.06 1-5.83 7.68-5.69 15.83a183.16 183.16 0 0 1-1.24 20.74c-.05.44-.65 7.14-.65 7.66Z'/%3E%3Cpath id='Path-30' data-name='Path' class='cls-16' d='m109.67 72.66-1.1 10.93s-9 .36-12.82-2.3V72'/%3E%3Cpath id='Path-31' data-name='Path' d='m121.07 65.46-.92 1.25a28.42 28.42 0 0 0 1.29-3.12c.26-.72-.91-1-1.16-.29l-.14.38c.11-.39.22-.78.32-1.17a.6.6 0 0 0-1.17-.29 28.59 28.59 0 0 1-.91 3 21.36 21.36 0 0 0 .43-2.64c.08-.76-1.13-.73-1.2 0a18.93 18.93 0 0 1-.54 3 6.06 6.06 0 0 0-.09-1 .6.6 0 0 0-.26-.43c0-.13-.07-.26-.11-.4a.62.62 0 0 0-.67-.4.6.6 0 0 0-.51.58l-.08 4.5a5.21 5.21 0 0 1-.84 1.29 19 19 0 0 1 1.67 1.28 16.59 16.59 0 0 1 1.37 1.28c.38-.48.75-1 1.11-1.46l.12-.13q1.6-2.39 3.32-4.68c.47-.57-.58-1.16-1.03-.55Z' style='fill:%23ffb5a9'/%3E%3Cpath id='Path-32' data-name='Path' class='cls-16' d='M104 62.69s4.23 1.14 6 3.86a48.49 48.49 0 0 1 2.83 5.85l3.13-4.86s3.8 1.17 5.3 3c0 0-4.5 9.84-8.43 10.68s-8.09-5.77-8.09-5.77-.86 2.76-.69-.19'/%3E%3Cpath id='Path-33' data-name='Path' d='M106.68 73.21a8.68 8.68 0 0 1-2.68-3.82c-.5-1.73.13-3.25.72-4.86a15.32 15.32 0 0 0 1.11-5 50.08 50.08 0 0 0-.26-5 .81.81 0 0 1 0-.22c-.56-1.9-1.72-3.51-4-3.7-5.91-.5-6.25 6-6.2 8.71s.32 4.46-1.64 5.57-3.38 4-1.5 6.4.19 1.49-1.06 3.59-.92 4.71 1.64 5.66 14.46-.83 15.55-1.93a2.26 2.26 0 0 0 .56-1.61 6.24 6.24 0 0 0-2.23-3.75Z' style='fill:%23007f68'/%3E%3Cpath id='Shape-7' data-name='Shape' class='cls-10' d='M112.49 19.21a9.47 9.47 0 0 1 1.67 4.89 3.18 3.18 0 0 1-.54 2.28 1.33 1.33 0 0 1-1.6.28 2.51 2.51 0 0 1-.86-.58 2.89 2.89 0 0 1-.55-.7l-.16-.3a1.07 1.07 0 0 1-.15.22 1.18 1.18 0 0 1-.53.22 1.63 1.63 0 0 1-1-.11 3.64 3.64 0 0 1-1.69-1.51 4.84 4.84 0 0 1-.74-2.44 2.36 2.36 0 0 1 .6-1.93 1.39 1.39 0 0 1 1.56-.25 2.67 2.67 0 0 1 .7.44 2.47 2.47 0 0 1 .46.51l.12.21v-.58l1.29.5.12 3.62a1.38 1.38 0 0 0 .24.73 1.19 1.19 0 0 0 .52.47c.62.24.91-.3.87-1.61a7 7 0 0 0-1.25-3.64 6 6 0 0 0-2.85-2.43 2.41 2.41 0 0 0-2.67.34 3.67 3.67 0 0 0-1 3 7.69 7.69 0 0 0 1.29 3.85 5.88 5.88 0 0 0 2.75 2.58 3.28 3.28 0 0 0 1.28.25 1.73 1.73 0 0 0 .84-.16l.26-.14.77 1.45-.12.09a3.26 3.26 0 0 1-.38.18 2.52 2.52 0 0 1-.65.18 3 3 0 0 1-.85 0 4.48 4.48 0 0 1-1.09-.28 7 7 0 0 1-2.57-1.89 11.1 11.1 0 0 1-2-3.11 9.58 9.58 0 0 1-.82-3.46 5.51 5.51 0 0 1 .59-2.9 3.24 3.24 0 0 1 1.83-1.6 3.46 3.46 0 0 1 2.53.13 8.16 8.16 0 0 1 3.77 3.22Zm-2.83 4.58a1.32 1.32 0 0 0 .26-1 2.55 2.55 0 0 0-.34-1.19 1.66 1.66 0 0 0-.78-.7.68.68 0 0 0-.79.1 1.14 1.14 0 0 0-.28.93 2.41 2.41 0 0 0 .36 1.2 1.71 1.71 0 0 0 .82.73.65.65 0 0 0 .75-.11'/%3E%3Cpath id='Shape-8' data-name='Shape' class='cls-10' d='M188.44 88.85a9.41 9.41 0 0 1 1.67 4.89 3.19 3.19 0 0 1-.54 2.28 1.33 1.33 0 0 1-1.6.27 2.49 2.49 0 0 1-.86-.57 3.14 3.14 0 0 1-.55-.71l-.16-.3a1.07 1.07 0 0 1-.15.22 1.19 1.19 0 0 1-.53.23 1.63 1.63 0 0 1-.95-.11 3.6 3.6 0 0 1-1.68-1.52 4.73 4.73 0 0 1-.75-2.44 2.38 2.38 0 0 1 .59-1.93 1.37 1.37 0 0 1 1.56-.25 2.13 2.13 0 0 1 .7.44 2.85 2.85 0 0 1 .47.51l.12.21v-.57l1.28.49.13 3.62a1.43 1.43 0 0 0 .23.72 1.15 1.15 0 0 0 .53.47c.65.25.91-.29.87-1.61a6.88 6.88 0 0 0-1.24-3.63 6.11 6.11 0 0 0-2.84-2.43 2.42 2.42 0 0 0-2.68.33 3.67 3.67 0 0 0-1 3 7.6 7.6 0 0 0 1.29 3.85 5.9 5.9 0 0 0 2.78 2.49 3.29 3.29 0 0 0 1.28.26 1.85 1.85 0 0 0 .84-.15l.26-.15.77 1.45-.12.09a3.26 3.26 0 0 1-.38.18 2.52 2.52 0 0 1-.65.18 3.1 3.1 0 0 1-.86 0 4.52 4.52 0 0 1-1.08-.28 7.07 7.07 0 0 1-2.57-1.89 11 11 0 0 1-2-3.12 9.33 9.33 0 0 1-.82-3.45 5.46 5.46 0 0 1 .59-2.89 3.31 3.31 0 0 1 1.83-1.62 3.59 3.59 0 0 1 2.54.13 8.22 8.22 0 0 1 3.68 3.31Zm-2.84 4.57a1.26 1.26 0 0 0 .27-1 2.48 2.48 0 0 0-.34-1.19 1.61 1.61 0 0 0-.77-.71.71.71 0 0 0-.8.1 1.2 1.2 0 0 0-.29.93 2.52 2.52 0 0 0 .37 1.19 1.73 1.73 0 0 0 .82.74.64.64 0 0 0 .74-.11'/%3E%3Cpath id='Path-34' data-name='Path' d='m60.25 116.27-21.77-12.39-21.77 12.41s12.11 7.57 22.95 13.92c6.89-4.86 13-10.42 20.59-13.94Z' style='fill:url(%23linear-gradient-5);isolation:isolate;opacity:.25'/%3E%3C/g%3E%3C/g%3E%3Cpath id='path-6-2' data-name='path-6' style='fill-rule:evenodd' d='M20.93 81.47v26.94l20.98 12.01 23.7-14.01V79.48'/%3E%3Cpath id='path-6-3' data-name='path-6' style='fill:%23ff9271;fill-rule:evenodd' d='M20.93 81.47v26.94l20.98 12.01 23.7-14.01V79.48'/%3E%3Cpath id='Path-35' data-name='Path' style='fill:%23df5c34' d='M41.91 93.49v26.93l23.7-14.01V79.48l-23.7 14.01z'/%3E%3Cpath id='Path-36' data-name='Path' class='cls-10' d='m20.93 81.47 24.35-13.88 20.33 11.89-23.7 14.01-20.98-12.02z'/%3E%3Cpath id='Shape-9' data-name='Shape' class='cls-18' d='M42.47 73.78a12.91 12.91 0 0 1 7.1 1.56c1.25.73 1.93 1.49 2 2.29a2.1 2.1 0 0 1-1.28 2.07 4.69 4.69 0 0 1-1.49.59 5.42 5.42 0 0 1-1.33.14h-.48a1.89 1.89 0 0 1 .09.34 1.64 1.64 0 0 1-.26.77 2.91 2.91 0 0 1-1.05 1 6.34 6.34 0 0 1-3.35.88 6.63 6.63 0 0 1-3.42-.88 2.64 2.64 0 0 1-1.55-2.08 2.25 2.25 0 0 1 1.28-2 4.26 4.26 0 0 1 1.14-.46 4.35 4.35 0 0 1 1-.17h.35l-.64-.39 1.8-1.12 4.17 2.46a2.19 2.19 0 0 0 2.08 0c.88-.56.56-1.28-.95-2.18a9.63 9.63 0 0 0-5.28-1.17A10.81 10.81 0 0 0 36.91 77c-1.51 1-2.26 2.07-2.25 3.38s.8 2.43 2.36 3.34A10.53 10.53 0 0 0 42.59 85a10.46 10.46 0 0 0 5.51-1.46 6.28 6.28 0 0 0 1.53-1.28 2.94 2.94 0 0 0 .64-1.09l.09-.41 2.38.14v.21a5.54 5.54 0 0 1-.17.58 5.22 5.22 0 0 1-.41.86 6.25 6.25 0 0 1-.85 1 8 8 0 0 1-1.38 1.07 12.92 12.92 0 0 1-4.66 1.68 17.72 17.72 0 0 1-5.44.09 12.46 12.46 0 0 1-4.67-1.52 6.12 6.12 0 0 1-2.65-2.79 4.09 4.09 0 0 1 0-3.29 6.28 6.28 0 0 1 2.63-2.88 14.41 14.41 0 0 1 7.33-2.14Zm2.33 6.63a1.34 1.34 0 0 0-.8-1 3.24 3.24 0 0 0-1.66-.41 2.79 2.79 0 0 0-1.55.4 1.13 1.13 0 0 0-.64 1 1.27 1.27 0 0 0 .75 1 3.36 3.36 0 0 0 1.7.43 3.13 3.13 0 0 0 1.63-.43 1 1 0 0 0 .6-1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); --mobile-illustration2: url("data:image/svg+xml,%3Csvg width='240' height='104' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M116.454 102.048L4.667 34.239c-3.56-2.054-6.61-5.42-3.142-7.627l112.184-66.364c1.682-1.07 4.237-1.773 5.951-.75l117.328 69.904c3.559 2.12 4.198 8.028.652 10.17L131.185 101.94a14.53 14.53 0 01-14.731.107z' fill='%236862E6' fill-rule='nonzero' opacity='.099'/%3E%3C/svg%3E"); --desktop-illustration1: url("data:image/svg+xml,%3Csvg width='472' height='359' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient x1='61.181%25' y1='36.82%25' x2='40.788%25' y2='55.54%25' id='a'%3E%3Cstop stop-color='%2378B46A' offset='0%25'/%3E%3Cstop stop-color='%237F3500' offset='3%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='82.186%25' y1='28.519%25' x2='29.852%25' y2='62.464%25' id='b'%3E%3Cstop stop-color='%2378B46A' offset='0%25'/%3E%3Cstop stop-color='%237F3500' offset='3%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='80.66%25' y1='21.864%25' x2='21.557%25' y2='66.62%25' id='c'%3E%3Cstop stop-color='%2378B46A' offset='0%25'/%3E%3Cstop stop-color='%237F3500' offset='3%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='81.016%25' y1='60.589%25' x2='67.462%25' y2='55.277%25' id='d'%3E%3Cstop stop-color='%23FFF' stop-opacity='0' offset='0%25'/%3E%3Cstop stop-color='%23DC841E' offset='99%25'/%3E%3C/linearGradient%3E%3ClinearGradient x1='82.183%25' y1='27.537%25' x2='29.857%25' y2='62.324%25' id='e'%3E%3Cstop stop-color='%2378B46A' offset='0%25'/%3E%3Cstop stop-color='%237F3500' offset='3%25'/%3E%3Cstop stop-color='%23FFF' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill-rule='nonzero' fill='none'%3E%3Cpath d='M229.018 355.203L9.313 225.211c-6.995-3.938-12.99-10.39-6.175-14.622L223.625 83.367c3.305-2.052 8.327-3.399 11.696-1.437l230.595 134.007c6.994 4.066 8.25 15.392 1.28 19.496L257.972 354.998a29.178 29.178 0 01-28.953.205z' fill='%235B36A0'/%3E%3Cpath d='M229.018 349.203L9.313 219.211c-6.995-3.938-12.99-10.39-6.175-14.622L223.625 77.367c3.305-2.052 8.327-3.399 11.696-1.437l230.595 134.007c6.994 4.066 8.25 15.392 1.28 19.496L257.972 348.998a29.178 29.178 0 01-28.953.205z' fill='%236862E6'/%3E%3Cpath d='M247.133 177.693L203.78 202.46s66.783 40.8 80.439 46.546l24.968-35.913' fill='url(%23a)' opacity='.25' style='mix-blend-mode:multiply'/%3E%3Cpath d='M232.157 296.513l-43.365-24.715-43.364 24.767s22.585 13.8 44.171 26.473c13.708-9.71 27.428-19.521 42.558-26.525z' fill='url(%23b)' opacity='.25' style='mix-blend-mode:multiply'/%3E%3Cpath d='M138.728 143.883l-27.505 15.712s2.331 14.404 15.988 20.15l36.01-23.087' fill='url(%23c)' opacity='.46' style='mix-blend-mode:multiply'/%3E%3Cellipse fill='%2368E1FD' cx='152.192' cy='147.898' rx='16.59' ry='11.697'/%3E%3Cellipse fill='%23974C26' cx='152.179' cy='140.997' rx='12.426' ry='5.092'/%3E%3Cpath d='M151.73 132.506c0-2.296-.076-4.591-.256-6.887-.051-.599-.106-1.193-.166-1.783l-.128-1.167c0-.347-.18-1.283-.18-1.193-.077-.47-.158-.936-.243-1.398a54.855 54.855 0 00-8.865-21.715 31.778 31.778 0 00-2.473 12.71c0 1.284.103 2.566.205 3.772v.757c.103.615.218 1.282.346 1.846a50.222 50.222 0 001.96 6.888 41.928 41.928 0 002.678 6.003 82.454 82.454 0 003.676 6.349 90.88 90.88 0 002.985 4.425c.308-2.86.449-5.734.461-8.607zm-6.52-25.819a2.067 2.067 0 000-.897c.316.324.628.658.935 1a2.84 2.84 0 00-.948-.103h.013z' fill='%23999A1C'/%3E%3Cpath d='M155.996 134.276a65.015 65.015 0 003.498-5.938c.282-.53.555-1.06.82-1.59l.525-1.065.5-1.103.55-1.283a54.876 54.876 0 004.266-23.087 31.728 31.728 0 00-8.967 9.363 45.938 45.938 0 00-1.858 3.284l-.256.474-.064.206c-.243.577-.487 1.154-.717 1.744a50.22 50.22 0 00-2.063 6.862 41.95 41.95 0 00-.986 6.503 77.621 77.621 0 00-.333 7.323c0 1.911 0 3.656.115 5.336 1.704-2.27 3.42-4.605 4.97-7.029zm8.456-25.254c.2-.226.349-.493.435-.783.094.445.175.873.244 1.283-.2-.2-.43-.368-.68-.5z' fill='%23999A1C'/%3E%3Cpath d='M155.907 139.997a64.687 64.687 0 003.843-2.078l.96-.59.629-.398.615-.436.717-.526a34.464 34.464 0 009.736-11.069 19.928 19.928 0 00-7.84 2.168c-.705.36-1.384.757-2.063 1.167l-.294.18-.103.09-.948.705a31.541 31.541 0 00-3.33 3.04 26.351 26.351 0 00-2.627 3.193 83.516 83.516 0 00-2.562 3.848 55.792 55.792 0 00-1.653 2.925c1.653-.693 3.306-1.411 4.92-2.22zm12.708-10.902a1.28 1.28 0 00.487-.283c-.094.274-.196.543-.308.808a1.797 1.797 0 00-.179-.513v-.012zM151.73 132.506c0-2.296-.076-4.591-.256-6.887-.051-.599-.106-1.193-.166-1.783l-.128-1.167c0-.347-.18-1.283-.18-1.193-.077-.47-.158-.936-.243-1.398a54.855 54.855 0 00-8.865-21.715 31.778 31.778 0 00-2.473 12.71c0 1.284.103 2.566.205 3.772v.757c.103.615.218 1.282.346 1.846a50.222 50.222 0 001.96 6.888 41.928 41.928 0 002.678 6.003 82.454 82.454 0 003.676 6.349 90.88 90.88 0 002.985 4.425c.308-2.86.449-5.734.461-8.607zm-6.52-25.819a2.067 2.067 0 000-.897c.316.324.628.658.935 1a2.84 2.84 0 00-.948-.103h.013z' fill='%23999A1C'/%3E%3Cpath d='M155.996 134.276a65.015 65.015 0 003.498-5.938c.282-.53.555-1.06.82-1.59l.525-1.065.5-1.103.55-1.283a54.876 54.876 0 004.266-23.087 31.728 31.728 0 00-8.967 9.363 45.938 45.938 0 00-1.858 3.284l-.256.474-.064.206c-.243.577-.487 1.154-.717 1.744a50.22 50.22 0 00-2.063 6.862 41.95 41.95 0 00-.986 6.503 77.621 77.621 0 00-.333 7.323c0 1.911 0 3.656.115 5.336 1.704-2.27 3.42-4.605 4.97-7.029zm8.456-25.254c.2-.226.349-.493.435-.783.094.445.175.873.244 1.283-.2-.2-.43-.368-.68-.5z' fill='%23999A1C'/%3E%3Cpath d='M155.907 139.997a64.687 64.687 0 003.843-2.078l.96-.59.629-.398.615-.436.717-.526a34.464 34.464 0 009.736-11.069 19.928 19.928 0 00-7.84 2.168c-.705.36-1.384.757-2.063 1.167l-.294.18-.103.09-.948.705a31.541 31.541 0 00-3.33 3.04 26.351 26.351 0 00-2.627 3.193 83.516 83.516 0 00-2.562 3.848 55.792 55.792 0 00-1.653 2.925c1.653-.693 3.306-1.411 4.92-2.22zm12.708-10.902a1.28 1.28 0 00.487-.283c-.094.274-.196.543-.308.808a1.797 1.797 0 00-.179-.513v-.012z' fill='%23999A1C'/%3E%3Cpath d='M264.35 168.022l-23.994 11.543a5.53 5.53 0 00-.384 9.76l56.867 33.22a5.518 5.518 0 007.43-1.782l13.823-21.523' fill='%23A1482D'/%3E%3Cpath d='M394.854 112.344L203.524 1.962a8.626 8.626 0 00-8.626.01 8.644 8.644 0 00-4.312 7.48v114.833a7.184 7.184 0 003.587 6.22L398.146 248.39a4.62 4.62 0 004.632.003 4.631 4.631 0 002.312-4.018V130.018a20.398 20.398 0 00-10.236-17.674z' fill='%23F47B56'/%3E%3Cpath d='M203.537 10.646l185.552 106.88a13.034 13.034 0 016.52 11.286v86.076a4.708 4.708 0 01-2.344 4.065 4.697 4.697 0 01-4.688.014L199.348 110.304a4.643 4.643 0 01-2.331-4.027V14.429c0-1.555.827-2.992 2.171-3.772a4.351 4.351 0 014.35-.011z' fill='%23FFF'/%3E%3Cellipse fill='%23AB643C' transform='rotate(-10.9 280.738 168.465)' cx='280.738' cy='168.465' rx='4.036' ry='4.617'/%3E%3Cpath fill='url(%23d)' opacity='.32' d='M253.41 127.427l86.23 51.869 42.595-24.793-76.109-44.353'/%3E%3Cpath d='M359.97 117.102l-93.224-56.91a3.225 3.225 0 00-3.278.028 3.233 3.233 0 00-1.565 2.884V95.53a3.4 3.4 0 001.627 2.924l93.212 55.704c.997.567 2.22.56 3.21-.02a3.22 3.22 0 001.594-2.79l.487-30.23a4.542 4.542 0 00-2.063-4.015z' fill='%23E2AC00'/%3E%3Cpath d='M337.667 133.789c3.343 4.681 9.223 5.99 13.118 2.937 3.894-3.053 4.343-9.324 1-13.993-3.345-4.669-9.225-5.99-13.12-2.937-3.894 3.052-4.342 9.311-.998 13.993z' fill='%23FFF'/%3E%3Cpath d='M328.52 111.318l-38.023-22.92a1.447 1.447 0 00-1.862.578 1.45 1.45 0 00.402 1.91l38.022 22.92a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.401-1.91zM326.957 120.63l-52.41-31.591a1.45 1.45 0 00-1.396 2.488l52.345 31.603a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.401-1.91v-.013z' fill='%23F2F2F2'/%3E%3Cpath d='M341.369 123.387L248.196 66.49a3.225 3.225 0 00-3.278.028 3.233 3.233 0 00-1.565 2.884v32.411a3.4 3.4 0 001.615 2.938l93.211 55.703c1.008.58 2.25.57 3.248-.025a3.22 3.22 0 001.569-2.848l.487-30.23a4.542 4.542 0 00-2.114-3.964z' fill='%23F47B56'/%3E%3Cpath d='M319.065 140.074c3.344 4.681 9.224 5.99 13.119 2.937 3.894-3.053 4.342-9.325.999-13.993-3.344-4.67-9.224-5.99-13.118-2.938-3.895 3.053-4.343 9.312-1 13.994z' fill='%23FFF'/%3E%3Cpath d='M309.918 117.602l-38.048-22.92a1.447 1.447 0 00-1.862.578 1.45 1.45 0 00.402 1.91l38.022 22.92a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.401-1.91h.025zM308.343 126.978l-52.397-31.642a1.447 1.447 0 00-1.862.579 1.45 1.45 0 00.402 1.91l52.409 31.59a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.402-1.91l-.012.051z' fill='%23F2F2F2'/%3E%3Cpath d='M317.99 127.21l-93.2-56.897a3.225 3.225 0 00-3.278.027 3.233 3.233 0 00-1.564 2.884v32.412a3.4 3.4 0 001.627 2.924l93.211 55.704c1.008.58 2.25.57 3.249-.026a3.22 3.22 0 001.568-2.847l.487-30.231a4.542 4.542 0 00-2.1-3.95z' fill='%2368E1FD'/%3E%3Cpath d='M317.99 127.21l-93.2-56.897a3.225 3.225 0 00-3.278.027 3.233 3.233 0 00-1.564 2.884v32.412a3.4 3.4 0 001.627 2.924l93.211 55.704c1.008.58 2.25.57 3.249-.026a3.22 3.22 0 001.568-2.847l.487-30.231a4.542 4.542 0 00-2.1-3.95z' fill='%2368E1FD'/%3E%3Cpath d='M295.673 143.896c3.343 4.681 9.224 5.99 13.118 2.937 3.895-3.053 4.343-9.325 1-13.993-3.344-4.669-9.225-5.99-13.119-2.937-3.894 3.052-4.304 9.311-1 13.993z' fill='%23FFF'/%3E%3Cpath d='M286.526 121.425l-38.035-22.92a1.447 1.447 0 00-1.862.578 1.45 1.45 0 00.401 1.91l38.023 22.92a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.402-1.91h.013zM284.95 130.75l-52.409-31.592a1.447 1.447 0 00-1.862.579 1.45 1.45 0 00.402 1.91l52.409 31.59a1.447 1.447 0 001.862-.578 1.45 1.45 0 00-.402-1.91z' fill='%23F2F2F2'/%3E%3Cpath d='M195.672 124.028a45.406 45.406 0 00-13.208 19.38c-4.638 12.827 6.956 33.784 6.956 33.784l18.038-14.3' fill='%23FF8F6F'/%3E%3Cpath d='M193.724 293.602l-4.893-2.706 1.28-7.003s7.29.692 7.93 3.283' fill='%23003B94'/%3E%3Cpath d='M195.518 293.5c1.102-.68 2.255-1.283 3.395-1.886 2.83-1.552 6.918-3.155 8.66-6.067a3.39 3.39 0 00-.23-3.848c-2.563-3.104-8.174 2.001-11.044-1.436-.563-.68-.832-11.467-.832-11.467l-10.915 2.95s-1.845 21.676-1.64 23.01c.205 1.334 3.959 2.566 3.959 2.566a9.666 9.666 0 003.151-1.283c1.14-.834.102-11.005 1.563-9.581 1.46 1.424 2.1 6.99 2.1 6.99.607.092 1.222.11 1.833.051z' fill='%23F47B56'/%3E%3Cpath d='M214.568 304.08l-4.894-2.667 1.28-7.003s7.29.693 7.93 3.283' fill='%23003B94'/%3E%3Cpath d='M216.412 303.978c1.102-.68 2.255-1.282 3.395-1.885 2.831-1.552 6.918-3.155 8.66-6.067a3.39 3.39 0 00-.23-3.848c-2.563-3.104-8.174 2.001-11.043-1.436-.564-.68-.833-11.467-.833-11.467l-10.915 2.95s-1.857 21.753-1.652 23.036c.205 1.282 3.958 2.565 3.958 2.565a9.666 9.666 0 003.152-1.283c1.14-.833.102-11.004 1.563-9.58 1.46 1.423 2.1 6.99 2.1 6.99a7.498 7.498 0 001.845.025z' fill='%23F47B56'/%3E%3Cpath d='M179.005 233.614l-3.216 43.058s5.125 7.08 22.304 3.142l.166-29.026M198.849 242.144c-.372 3.706 0 44.596 0 44.596s4.752 8.901 25.442 0l-.295-34.746' fill='%233E2928'/%3E%3Cpath d='M177.403 247.838c1.41.975 1.896-4.04 3.37-3.18a83.77 83.77 0 0016.961 7.49h.128a1.165 1.165 0 011.576.577 89.585 89.585 0 0011.133 2.565c4.83.77 8.826-2.808 13.784-3.052 0-19.008.09-73.109-7.994-84.652l-23.918-8.055c-.115 1.975-11.606 15.314-11.325 31.578.32 18.328-2.062 35.618-2.472 41.351-.064.975-1.191 14.34-1.243 15.378z' fill='%233E2928'/%3E%3Cpath d='M218.564 145.73l-2.203 21.804s-17.845.719-25.532-4.591v-18.496' fill='%23FF8F6F'/%3E%3Cpath d='M241.252 131.378l-1.819 2.488c.97-2.024 1.826-4.1 2.562-6.22.513-1.45-1.806-2.027-2.318-.578l-.27.744c.223-.77.432-1.543.628-2.322a1.195 1.195 0 10-2.319-.577 62.236 62.236 0 01-1.806 5.952 42.54 42.54 0 00.846-5.26c.154-1.525-2.242-1.461-2.383 0a37.916 37.916 0 01-1.076 5.965c0-.684-.064-1.368-.192-2.052a1.206 1.206 0 00-.5-.86 9.29 9.29 0 00-.23-.795 1.204 1.204 0 00-2.345.36l-.154 8.978c-.433.93-.999 1.795-1.678 2.565a41.64 41.64 0 013.331 2.565 34.337 34.337 0 012.716 2.565 65.716 65.716 0 002.216-2.924c.088-.075.166-.161.23-.257a255.44 255.44 0 016.611-9.337c.948-1.052-1.14-2.219-2.05-1z' fill='%23FFB5A9'/%3E%3Cpath d='M207.24 125.85s8.43 2.27 11.85 7.695a96.553 96.553 0 015.65 11.66l6.225-9.685s7.559 2.322 10.556 6.042c0 0-8.967 19.623-16.782 21.304-7.814 1.68-16.116-11.518-16.116-11.518s-1.716 5.515-1.383-.372' fill='%23FF8F6F'/%3E%3Cpath d='M212.595 146.82a17.097 17.097 0 01-5.342-7.618c-1.013-3.45.256-6.478 1.434-9.684a31.237 31.237 0 002.204-9.966c.102-3.36-.282-6.72-.513-10.069a.976.976 0 010-.436c-1.127-3.783-3.433-6.99-7.98-7.375-11.774-1-12.44 12.057-12.35 17.367.09 5.31.653 8.901-3.254 11.12-3.908 2.219-6.726 8.042-2.998 12.75 3.728 4.706.384 2.988-2.101 7.169-2.485 4.181-1.845 9.402 3.254 11.287 5.099 1.885 28.799-1.655 30.976-3.848a4.531 4.531 0 001.115-3.206 12.444 12.444 0 00-4.445-7.49z' fill='%23007F68'/%3E%3Cpath d='M224.176 39.132a18.805 18.805 0 013.33 9.748 6.419 6.419 0 01-1.088 4.553 2.624 2.624 0 01-3.178.552 4.906 4.906 0 01-1.716-1.154 5.989 5.989 0 01-1.102-1.398l-.307-.603a2.13 2.13 0 01-.308.436 2.24 2.24 0 01-1.05.449 3.186 3.186 0 01-1.896-.231 7.113 7.113 0 01-3.357-3.014 9.692 9.692 0 01-1.486-4.861 4.775 4.775 0 011.192-3.848 2.739 2.739 0 013.113-.488c.513.205.986.5 1.396.873.35.297.659.637.922 1.013l.23.41v-1.141l2.563 1 .256 7.209c.018.516.178 1.017.462 1.449.24.417.609.745 1.05.936 1.238.488 1.81-.581 1.717-3.206a13.889 13.889 0 00-2.473-7.247 12.136 12.136 0 00-5.675-4.848 4.774 4.774 0 00-5.33.68 7.252 7.252 0 00-2.062 5.925 15.3 15.3 0 002.562 7.696 11.817 11.817 0 005.47 5.13c.812.34 1.684.51 2.563.5a3.417 3.417 0 001.665-.307l.513-.283 1.55 2.886-.257.18a6.133 6.133 0 01-.755.359c-.41.177-.84.298-1.282.36a6.398 6.398 0 01-1.703 0 8.575 8.575 0 01-2.165-.552 14.093 14.093 0 01-5.125-3.771 22.36 22.36 0 01-3.971-6.208 19.027 19.027 0 01-1.64-6.888c-.138-2 .27-3.999 1.179-5.784a6.51 6.51 0 013.638-3.207 7 7 0 015.047.257 16.288 16.288 0 017.508 6.438zm-5.65 9.12c.42-.538.61-1.221.525-1.899a4.904 4.904 0 00-.679-2.372 3.255 3.255 0 00-1.55-1.411 1.395 1.395 0 00-1.576.205 2.35 2.35 0 00-.563 1.86c.029.846.28 1.669.73 2.385.37.652.94 1.165 1.627 1.463a1.28 1.28 0 001.486-.231M375.433 178.013a18.74 18.74 0 013.33 9.748 6.419 6.419 0 01-1.088 4.553 2.637 2.637 0 01-3.177.552 5.047 5.047 0 01-1.717-1.154 6.207 6.207 0 01-1.102-1.399l-.307-.602c-.087.156-.19.302-.308.436-.304.24-.666.395-1.05.449a3.071 3.071 0 01-1.883-.218 7.113 7.113 0 01-3.357-3.027 9.653 9.653 0 01-1.499-4.874 4.724 4.724 0 011.192-3.848 2.726 2.726 0 013.1-.487c.514.204.987.499 1.396.872.35.302.66.647.923 1.026l.243.41v-1.141l2.562.987.257 7.209c.022.515.181 1.015.46 1.449.242.417.61.745 1.051.936 1.281.488 1.807-.577 1.73-3.206a13.953 13.953 0 00-2.473-7.26 12.161 12.161 0 00-5.662-4.835 4.787 4.787 0 00-5.33.667 7.252 7.252 0 00-2.01 5.964 15.25 15.25 0 002.561 7.695 11.868 11.868 0 005.535 4.964 6.668 6.668 0 002.562.513 3.545 3.545 0 001.665-.308l.513-.282 1.55 2.886-.256.18a6.133 6.133 0 01-.756.359c-.412.17-.842.29-1.281.359a6.526 6.526 0 01-1.717 0 8.55 8.55 0 01-2.152-.564 14.093 14.093 0 01-5.125-3.759 22.41 22.41 0 01-3.97-6.22 18.988 18.988 0 01-1.64-6.888 11.003 11.003 0 011.178-5.772 6.562 6.562 0 013.638-3.219 7.09 7.09 0 015.06.257 16.315 16.315 0 017.354 6.592zm-5.65 9.12a2.567 2.567 0 00.538-1.899 4.865 4.865 0 00-.691-2.372 3.204 3.204 0 00-1.538-1.411 1.395 1.395 0 00-1.575.192 2.323 2.323 0 00-.577 1.86c.03.842.281 1.66.73 2.373.369.655.94 1.172 1.627 1.475a1.28 1.28 0 001.486-.218' fill='%23F47B56'/%3E%3Cpath d='M120.139 232.704L76.774 208l-43.351 24.754s24.122 15.083 45.709 27.756c13.707-9.697 25.89-20.791 41.007-27.807z' fill='url(%23e)' opacity='.25' style='mix-blend-mode:multiply'/%3E%3C/g%3E%3C/svg%3E"); --desktop-illustration2: url("data:image/svg+xml,%3Csvg width='966' height='945' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='nonzero' fill='none' opacity='.099'%3E%3Cpath d='M468.755 937.353L19.744 671.73c-14.295-8.047-26.548-21.23-12.62-29.878L457.734 381.89c6.754-4.194 17.018-6.946 23.903-2.936l471.265 273.827c14.296 8.308 16.861 31.45 2.619 39.837L527.925 936.933a59.64 59.64 0 01-59.17.42z' fill='%236862E6'/%3E%3Cpath d='M468.755 561.353L19.744 295.73c-14.295-8.047-26.548-21.23-12.62-29.878L457.734 5.89c6.754-4.194 17.018-6.946 23.903-2.936l471.265 273.827c14.296 8.308 16.861 31.45 2.619 39.837L527.925 560.933a59.64 59.64 0 01-59.17.42z' stroke='%231E1F36'/%3E%3Cpath d='M468.755 636.353L19.744 370.73c-14.295-8.047-26.548-21.23-12.62-29.878L457.734 80.89c6.754-4.194 17.018-6.946 23.903-2.936l471.265 273.827c14.296 8.308 16.861 31.45 2.619 39.837L527.925 635.933a59.64 59.64 0 01-59.17.42z' stroke='%231E1F36'/%3E%3C/g%3E%3C/svg%3E"); --desktop-illustration3: url("data:image/svg+xml,%3Csvg width='191' height='184' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cfilter x='-97.9%25' y='-76.3%25' width='295.8%25' height='313.7%25' filterUnits='objectBoundingBox' id='a'%3E%3CfeOffset dy='25' in='SourceAlpha' result='shadowOffsetOuter1'/%3E%3CfeGaussianBlur stdDeviation='25' in='shadowOffsetOuter1' result='shadowBlurOuter1'/%3E%3CfeColorMatrix values='0 0 0 0 0.209139076 0 0 0 0 0.0691446444 0 0 0 0 0.478091033 0 0 0 0.497159091 0' in='shadowBlurOuter1'/%3E%3C/filter%3E%3Cpath id='b' d='M0 27.756v53.87l41.968 24.035 47.387-28.025v-53.87'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(50.93 2.125)'%3E%3Cuse fill='%23000' filter='url(%23a)' xlink:href='%23b'/%3E%3Cuse fill='%23FF9271' xlink:href='%23b'/%3E%3C/g%3E%3Cpath fill='%23DF5C34' fill-rule='nonzero' d='M92.899 53.917v53.87l47.387-28.026v-53.87z'/%3E%3Cpath fill='%23F47B56' fill-rule='nonzero' d='M50.93 29.88L99.624 2.126l40.662 23.767-47.387 28.025z'/%3E%3Cpath d='M94.013 14.49a25.942 25.942 0 0114.207 3.129c2.486 1.462 3.844 2.988 4.036 4.579.192 1.59-.628 2.975-2.562 4.143a9.115 9.115 0 01-2.985 1.18c-.869.205-1.76.295-2.652.269l-.974-.077c.091.217.151.446.18.68a3.132 3.132 0 01-.513 1.552 5.704 5.704 0 01-2.1 2.065 12.633 12.633 0 01-6.7 1.77 13.247 13.247 0 01-6.957-1.757c-1.999-1.18-3.023-2.566-3.1-4.156a4.49 4.49 0 012.562-4.015 8.488 8.488 0 012.357-1.013 9.175 9.175 0 012.037-.346h.705l-1.282-.77 3.6-2.244 8.34 4.912a4.377 4.377 0 004.15 0c1.769-1.103 1.137-2.552-1.895-4.348a19.261 19.261 0 00-10.556-2.347 21.67 21.67 0 00-11.018 3.168c-3.023 1.89-4.522 4.143-4.496 6.76 0 2.564 1.601 4.848 4.714 6.682a21.015 21.015 0 0011.146 2.655 20.926 20.926 0 0011.017-2.925 12.353 12.353 0 003.062-2.565 5.683 5.683 0 001.28-2.18l.18-.808 4.753.269c.008.145.008.29 0 .436a8.216 8.216 0 01-.346 1.154 8.303 8.303 0 01-.82 1.72 11.912 11.912 0 01-1.69 2 15.952 15.952 0 01-2.755 2.13 25.602 25.602 0 01-9.326 3.36 35.176 35.176 0 01-10.877.192 24.896 24.896 0 01-9.339-3.053 12.127 12.127 0 01-5.304-5.566 8.192 8.192 0 010-6.593 12.692 12.692 0 015.266-5.759 28.966 28.966 0 0114.655-4.284zm4.663 13.262c-.17-.891-.77-1.64-1.601-2.001a6.579 6.579 0 00-3.33-.911 5.619 5.619 0 00-3.101.795 2.283 2.283 0 00-1.281 2.001c.117.89.69 1.654 1.512 2.014a6.54 6.54 0 003.394.86 6.092 6.092 0 003.254-.847 2.065 2.065 0 001.205-1.911' fill='%233E2928' fill-rule='nonzero'/%3E%3C/g%3E%3C/svg%3E"); } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { vertical-align: baseline; display: inline-block; } audio:not([controls]) { height: 0; display: none; } [hidden], template { display: none; } a { background-color: rgba(0, 0, 0, 0); } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { margin: .67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sup { top: -.5em; } sub { bottom: -.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; 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 silver; 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: webflow-icons; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype"); font-weight: normal; font-style: normal; } [class^="w-icon-"], [class*=" w-icon-"] { speak: none; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-weight: normal; line-height: 1; font-family: webflow-icons !important; } .w-icon-slider-right:before { content: ""; } .w-icon-slider-left:before { content: ""; } .w-icon-nav-menu:before { content: ""; } .w-icon-arrow-down:before, .w-icon-dropdown-toggle:before { content: ""; } .w-icon-file-upload-remove:before { content: ""; } .w-icon-file-upload-icon:before { content: ""; } * { box-sizing: border-box; font-family: inherit !important; } html { height: 100%; } body { min-height: 100%; color: #333; background-color: #fff; margin: 0; font-family: "Test", sans-serif !important; font-size: 14px; line-height: 20px; } 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: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-clearfix:after { clear: both; } .w-hidden { display: none; } .w-button { color: #fff; line-height: inherit; cursor: pointer; background-color: #3898ec; border: 0; border-radius: 0; padding: 9px 15px; text-decoration: none; display: inline-block; } input.w-button { -webkit-appearance: button; } html[data-w-dynpage] [data-w-cloak] { color: rgba(0, 0, 0, 0) !important; } .w-webflow-badge, .w-webflow-badge * { z-index: auto; visibility: visible; box-sizing: border-box; width: auto; height: auto; max-height: none; max-width: none; min-height: 0; min-width: 0; float: none; clear: none; box-shadow: none; opacity: 1; 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; -webkit-text-decoration: inherit; text-decoration: inherit; text-indent: 0; text-transform: inherit; text-shadow: none; font-smoothing: auto; vertical-align: baseline; cursor: inherit; white-space: inherit; word-break: normal; word-spacing: normal; word-wrap: normal; background: none; border: 0 rgba(0, 0, 0, 0); border-radius: 0; margin: 0; padding: 0; list-style-type: disc; transition: none; display: block; position: static; top: auto; bottom: auto; left: auto; right: auto; overflow: visible; transform: none; } .w-webflow-badge { white-space: nowrap; cursor: pointer; box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1); visibility: visible !important; z-index: 2147483647 !important; color: #aaadb0 !important; opacity: 1 !important; width: auto !important; height: auto !important; background-color: #fff !important; border-radius: 3px !important; margin: 0 !important; padding: 6px 8px 6px 6px !important; font-size: 12px !important; line-height: 14px !important; text-decoration: none !important; display: inline-block !important; position: fixed !important; top: auto !important; bottom: 12px !important; left: auto !important; right: 12px !important; overflow: visible !important; transform: none !important; } .w-webflow-badge>img { visibility: visible !important; opacity: 1 !important; vertical-align: middle !important; display: inline-block !important; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; font-weight: bold; } h1 { margin-top: 20px; font-size: 38px; line-height: 44px; } h2 { margin-top: 20px; font-size: 32px; line-height: 36px; } h3 { margin-top: 20px; font-size: 24px; line-height: 30px; } h4 { margin-top: 10px; font-size: 18px; line-height: 24px; } h5 { margin-top: 10px; font-size: 14px; line-height: 20px; } h6 { margin-top: 10px; font-size: 12px; line-height: 18px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { border-left: 5px solid #e2e2e2; margin: 0 0 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; } figure { margin: 0 0 10px; } figcaption { text-align: center; margin-top: 5px; } ul, ol { margin-top: 0; margin-bottom: 10px; padding-left: 40px; } .w-list-unstyled { padding-left: 0; list-style: none; } .w-embed:before, .w-embed:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-embed:after { clear: both; } .w-video { width: 100%; padding: 0; position: relative; } .w-video iframe, .w-video object, .w-video embed { width: 100%; height: 100%; border: none; position: absolute; top: 0; left: 0; } fieldset { border: 0; margin: 0; padding: 0; } button, [type="button"], [type="reset"] { cursor: pointer; -webkit-appearance: button; border: 0; } .min-height { min-height: 80vh; @media screen and(max-width:567px) { min-height: none; } } .w-form { margin: 0 0 15px; } .w-form-done { text-align: center; background-color: #ddd; padding: 20px; display: none; } .w-form-fail { background-color: #ffdede; margin-top: 10px; padding: 10px; /* display: none; */ } label { margin-bottom: 5px; font-weight: bold; display: block; } .w-input, .w-select { width: 100%; height: 38px; color: #333; vertical-align: middle; background-color: #fff; border: 1px solid #ccc; margin-bottom: 10px; padding: 8px 12px; font-size: 14px; line-height: 1.42857; display: block; } .w-input:-moz-placeholder, .w-select:-moz-placeholder { color: #999; } .w-input::-moz-placeholder, .w-select::-moz-placeholder { color: #999; opacity: 1; } .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: #eee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { cursor: pointer; margin-bottom: 0; font-weight: normal; display: inline-block; } .w-radio { margin-bottom: 5px; padding-left: 20px; display: block; } .w-radio:before, .w-radio:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-radio:after { clear: both; } .w-radio-input { float: left; margin: 3px 0 0 -20px; line-height: normal; } .w-file-upload { margin-bottom: 10px; display: block; } .w-file-upload-input { width: .1px; height: .1px; opacity: 0; z-index: -100; position: absolute; overflow: hidden; } .w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success { color: #333; display: inline-block; } .w-file-upload-error { margin-top: 10px; display: block; } .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 { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: flex; } .w-file-upload-file { background-color: #fafafa; border: 1px solid #ccc; flex-grow: 1; justify-content: space-between; margin: 0; padding: 8px 9px 8px 11px; display: flex; } .w-file-upload-file-name { font-size: 14px; font-weight: normal; display: block; } .w-file-remove-link { width: auto; height: auto; cursor: pointer; margin-top: 3px; margin-left: 10px; padding: 3px; display: block; } .w-icon-file-upload-remove { margin: auto; font-size: 10px; } .w-file-upload-error-msg { color: #ea384c; padding: 2px 0; display: inline-block; } .w-file-upload-info { padding: 0 12px; line-height: 38px; display: inline-block; } .w-file-upload-label { cursor: pointer; background-color: #fafafa; border: 1px solid #ccc; margin: 0; padding: 8px 12px; font-size: 14px; font-weight: normal; display: inline-block; } .w-icon-file-upload-icon, .w-icon-file-upload-uploading { width: 20px; margin-right: 8px; display: inline-block; } .w-icon-file-upload-uploading { height: 20px; } .w-container { max-width: 940px; margin-left: auto; margin-right: auto; } .w-container:before, .w-container:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-container:after { clear: both; } .w-container .w-row { margin-left: -10px; margin-right: -10px; } .w-row:before, .w-row:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-row:after { clear: both; } .w-row .w-row { margin-left: 0; margin-right: 0; } .w-col { float: left; width: 100%; min-height: 1px; padding-left: 10px; padding-right: 10px; position: relative; } .w-col .w-col { padding-left: 0; padding-right: 0; } .w-col-1 { width: 8.33333%; } .w-col-2 { width: 16.6667%; } .w-col-3 { width: 25%; } .w-col-4 { width: 33.3333%; } .w-col-5 { width: 41.6667%; } .w-col-6 { width: 50%; } .w-col-7 { width: 58.3333%; } .w-col-8 { width: 66.6667%; } .w-col-9 { width: 75%; } .w-col-10 { width: 83.3333%; } .w-col-11 { width: 91.6667%; } .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.33333%; } .w-col-medium-2 { width: 16.6667%; } .w-col-medium-3 { width: 25%; } .w-col-medium-4 { width: 33.3333%; } .w-col-medium-5 { width: 41.6667%; } .w-col-medium-6 { width: 50%; } .w-col-medium-7 { width: 58.3333%; } .w-col-medium-8 { width: 66.6667%; } .w-col-medium-9 { width: 75%; } .w-col-medium-10 { width: 83.3333%; } .w-col-medium-11 { width: 91.6667%; } .w-col-medium-12 { width: 100%; } .w-col-stack { width: 100%; left: auto; right: auto; } } @media screen and (max-width: 767px) { .w-hidden-main, .w-hidden-medium { display: inherit !important; } .w-hidden-small { display: none !important; } .w-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.33333%; } .w-col-small-2 { width: 16.6667%; } .w-col-small-3 { width: 25%; } .w-col-small-4 { width: 33.3333%; } .w-col-small-5 { width: 41.6667%; } .w-col-small-6 { width: 50%; } .w-col-small-7 { width: 58.3333%; } .w-col-small-8 { width: 66.6667%; } .w-col-small-9 { width: 75%; } .w-col-small-10 { width: 83.3333%; } .w-col-small-11 { width: 91.6667%; } .w-col-small-12 { width: 100%; } } @media screen and (max-width: 479px) { .w-container { max-width: none; } .w-hidden-main, .w-hidden-medium, .w-hidden-small { display: inherit !important; } .w-hidden-tiny { display: none !important; } .w-col { width: 100%; } .w-col-tiny-1 { width: 8.33333%; } .w-col-tiny-2 { width: 16.6667%; } .w-col-tiny-3 { width: 25%; } .w-col-tiny-4 { width: 33.3333%; } .w-col-tiny-5 { width: 41.6667%; } .w-col-tiny-6 { width: 50%; } .w-col-tiny-7 { width: 58.3333%; } .w-col-tiny-8 { width: 66.6667%; } .w-col-tiny-9 { width: 75%; } .w-col-tiny-10 { width: 83.3333%; } .w-col-tiny-11 { width: 91.6667%; } .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 { vertical-align: top; width: 28px; height: 20px; text-align: center; background: #fff; border: 1px solid #758696; border-radius: 3px; display: inline-block; position: relative; } .w-widget-twitter-count-shim * { pointer-events: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .w-widget-twitter-count-shim .w-widget-twitter-count-inner { text-align: center; color: #999; font-family: serif; font-size: 15px; line-height: 12px; position: relative; } .w-widget-twitter-count-shim .w-widget-twitter-count-clear { display: block; position: relative; } .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 { content: " "; height: 0; width: 0; pointer-events: none; border: solid rgba(0, 0, 0, 0); position: absolute; top: 50%; left: 0; } .w-widget-twitter-count-shim:not(.w--vertical):before { border-width: 4px; border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-top: -4px; margin-left: -9px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:before { border-width: 5px; margin-top: -5px; margin-left: -10px; } .w-widget-twitter-count-shim:not(.w--vertical):after { border-width: 4px; border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); margin-top: -4px; margin-left: -8px; } .w-widget-twitter-count-shim:not(.w--vertical).w--large:after { border-width: 5px; margin-top: -5px; margin-left: -9px; } .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 { content: " "; height: 0; width: 0; pointer-events: none; border: solid rgba(0, 0, 0, 0); position: absolute; top: 100%; left: 50%; } .w-widget-twitter-count-shim.w--vertical:before { border-width: 5px; border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0); margin-left: -5px; } .w-widget-twitter-count-shim.w--vertical:after { border-width: 4px; border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); 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 { height: 500px; color: #fff; position: relative; overflow: hidden; } .w-background-video>video { width: 100%; height: 100%; object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; margin: auto; position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; } .w-background-video>video::-webkit-media-controls-start-playback-button { -webkit-appearance: none; display: none !important; } .w-background-video--control { background-color: rgba(0, 0, 0, 0); padding: 0; position: absolute; bottom: 1em; right: 1em; } .w-background-video--control>[hidden] { display: none !important; } .w-slider { height: 300px; text-align: center; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); background: #ddd; position: relative; } .w-slider-mask { z-index: 1; height: 100%; white-space: nowrap; display: block; position: relative; left: 0; right: 0; overflow: hidden; } .w-slide { vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; display: inline-block; position: relative; } .w-slider-nav { z-index: 2; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); margin: auto; padding-top: 10px; position: absolute; top: auto; bottom: 0; left: 0; right: 0; } .w-slider-nav.w-round>div { border-radius: 100%; } .w-slider-nav.w-num>div { width: auto; height: auto; font-size: inherit; line-height: inherit; padding: .2em .5em; } .w-slider-nav.w-shadow>div { box-shadow: 0 0 3px rgba(51, 51, 51, .4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert>div { background-color: rgba(34, 34, 34, .4); } .w-slider-nav-invert>div.w-active { background-color: #222; } .w-slider-dot { width: 1em; height: 1em; cursor: pointer; background-color: rgba(255, 255, 255, .4); margin: 0 3px .5em; transition: background-color .1s, color .1s; display: inline-block; position: relative; } .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 { width: 80px; cursor: pointer; color: #fff; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-user-select: none; user-select: none; margin: auto; font-size: 40px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .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 { width: 1em; height: 1em; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .w-slider-aria-label { clip: rect(0 0 0 0); height: 1px; width: 1px; border: 0; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .w-slider-force-show { display: block !important; } .w-dropdown { text-align: left; z-index: 900; margin-left: auto; margin-right: auto; display: inline-block; position: relative; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { vertical-align: top; color: #222; text-align: left; white-space: nowrap; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; position: relative; } .w-dropdown-toggle { -webkit-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding-right: 40px; display: inline-block; } .w-dropdown-toggle:focus { outline: 0; } .w-icon-dropdown-toggle { width: 1em; height: 1em; margin: auto 20px auto auto; position: absolute; top: 0; bottom: 0; right: 0; } .w-dropdown-list { min-width: 100%; background: #ddd; display: none; position: absolute; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { color: #222; padding: 10px 20px; display: block; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } .w-lightbox-backdrop { cursor: auto; letter-spacing: normal; text-indent: 0; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; color: #fff; text-align: center; z-index: 2000; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -webkit-tap-highlight-color: transparent; background: rgba(0, 0, 0, .9); outline: 0; font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif; font-size: 17px; font-style: normal; font-weight: 300; line-height: 1.2; list-style: disc; position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: translate(0); } .w-lightbox-backdrop, .w-lightbox-container { height: 100%; -webkit-overflow-scrolling: touch; overflow: auto; } .w-lightbox-content { height: 100vh; position: relative; overflow: hidden; } .w-lightbox-view { width: 100vw; height: 100vh; opacity: 0; position: absolute; } .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 { vertical-align: middle; display: inline-block; } .w-lightbox-figure { margin: 0; position: relative; } .w-lightbox-group .w-lightbox-figure { cursor: pointer; } .w-lightbox-img { width: auto; height: auto; max-width: none; } .w-lightbox-image { float: none; max-width: 100vw; max-height: 100vh; display: block; } .w-lightbox-group .w-lightbox-image { max-height: 86vh; } .w-lightbox-caption { text-align: left; text-overflow: ellipsis; white-space: nowrap; background: rgba(0, 0, 0, .4); padding: .5em 1em; position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; } .w-lightbox-embed { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .w-lightbox-control { width: 4em; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 24px; transition: all .3s; position: absolute; top: 0; } .w-lightbox-left { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg=="); display: none; bottom: 0; left: 0; } .w-lightbox-right { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+"); display: none; bottom: 0; right: 0; } .w-lightbox-close { height: 2.6em; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4="); background-size: 18px; right: 0; } .w-lightbox-strip { white-space: nowrap; padding: 0 1vh; line-height: 0; position: absolute; bottom: 0; left: 0; right: 0; overflow-x: auto; overflow-y: hidden; } .w-lightbox-item { width: 10vh; box-sizing: content-box; cursor: pointer; padding: 2vh 1vh; display: inline-block; -webkit-transform: translate3d(0, 0, 0); } .w-lightbox-active { opacity: .3; } .w-lightbox-thumbnail { height: 10vh; background: #222; position: relative; overflow: hidden; } .w-lightbox-thumbnail-image { position: absolute; top: 0; left: 0; } .w-lightbox-thumbnail .w-lightbox-tall { width: 100%; top: 50%; transform: translate(0, -50%); } .w-lightbox-thumbnail .w-lightbox-wide { height: 100%; left: 50%; transform: translate(-50%); } .w-lightbox-spinner { box-sizing: border-box; width: 40px; height: 40px; border: 5px solid rgba(0, 0, 0, .4); border-radius: 50%; margin-top: -20px; margin-left: -20px; animation: .8s linear infinite spin; position: absolute; top: 50%; left: 50%; } .w-lightbox-spinner:after { content: ""; border: 3px solid rgba(0, 0, 0, 0); border-bottom-color: #fff; border-radius: 50%; position: absolute; top: -4px; bottom: -4px; left: -4px; right: -4px; } .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 { opacity: .5; display: block; } .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: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .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, .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: ""; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .w-richtext figure { max-width: 60%; position: relative; } .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 { color: rgba(0, 0, 0, 0); font-size: 0; } .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 { caption-side: bottom; display: table-caption; } .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 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .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 { clear: both; margin-left: auto; margin-right: auto; } .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; margin-left: auto; margin-right: auto; display: block; } .w-richtext figure.w-richtext-align-fullwidth>div { padding-bottom: inherit; display: inline-block; } .w-richtext figure.w-richtext-align-fullwidth>figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; clear: none; margin-right: 15px; } .w-richtext figure.w-richtext-align-floatright { float: right; clear: none; margin-left: 15px; } .w-nav { z-index: 1000; background: #ddd; position: relative; } .w-nav:before, .w-nav:after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-nav:after { clear: both; } .w-nav-brand { float: left; color: #333; text-decoration: none; position: relative; } .w-nav-link { vertical-align: top; color: #222; text-align: left; margin-left: auto; margin-right: auto; padding: 20px; text-decoration: none; display: inline-block; position: relative; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { float: right; position: relative; } [data-nav-menu-open] { text-align: center; min-width: 200px; background: #c8c8c8; position: absolute; top: 100%; left: 0; right: 0; overflow: visible; display: block !important; } .w--nav-link-open { display: block; position: relative; } .w-nav-overlay { width: 100%; display: none; position: absolute; top: 100%; left: 0; right: 0; overflow: hidden; } .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] { z-index: 1; top: 0; right: auto; } .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] { z-index: 1; top: 0; left: auto; } .w-nav-button { float: right; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-user-select: none; user-select: none; padding: 18px; font-size: 24px; display: none; position: relative; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { color: #fff; background-color: #c8c8c8; } .w-nav[data-collapse="all"] .w-nav-menu { display: none; } .w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .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: " "; grid-area: 1 / 1 / 2 / 2; display: table; } .w-tabs:after { clear: both; } .w-tab-menu { position: relative; } .w-tab-link { vertical-align: top; text-align: left; cursor: pointer; color: #222; background-color: #ddd; padding: 9px 30px; text-decoration: none; display: inline-block; position: relative; } .w-tab-link.w--current { background-color: #c8c8c8; } .w-tab-link:focus { outline: 0; } .w-tab-content { display: block; position: relative; overflow: hidden; } .w-tab-pane { display: none; position: relative; } .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(0); } 100% { transform: rotate(360deg); } } .w-dyn-empty { background-color: #ddd; padding: 10px; } .w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible { display: none !important; } .wf-layout-layout { display: grid; } .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; } .w-commerce-commercecartwrapper { display: inline-block; position: relative; } .w-commerce-commercecartopenlink { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commercecartopenlinkcount { height: 18px; min-width: 18px; color: #3898ec; text-align: center; background-color: #fff; border-radius: 9px; margin-left: 8px; padding-left: 6px; padding-right: 6px; font-size: 11px; font-weight: 700; line-height: 18px; display: inline-block; } .w-commerce-commercecartcontainerwrapper { z-index: 1001; background-color: rgba(0, 0, 0, .8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .w-commerce-commercecartcontainerwrapper--cartType-modal { flex-direction: column; justify-content: center; align-items: center; display: flex; } .w-commerce-commercecartcontainerwrapper--cartType-leftSidebar { flex-direction: row; justify-content: flex-start; align-items: stretch; display: flex; } .w-commerce-commercecartcontainerwrapper--cartType-rightSidebar { flex-direction: row; justify-content: flex-end; align-items: stretch; display: flex; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown { background-color: rgba(0, 0, 0, 0); position: absolute; top: 100%; bottom: auto; left: 0; right: auto; } .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { background-color: rgba(0, 0, 0, 0); position: absolute; top: 100%; bottom: auto; left: auto; right: 0; } .w-commerce-commercecartcontainer { width: 100%; max-width: 480px; min-width: 320px; background-color: #fff; flex-direction: column; display: flex; overflow: auto; box-shadow: 0 5px 25px rgba(0, 0, 0, .25); } .w-commerce-commercecartheader { border-bottom: 1px solid #e6e6e6; flex: none; justify-content: space-between; align-items: center; padding: 16px 24px; display: flex; position: relative; } .w-commerce-commercecartheading { margin-top: 0; margin-bottom: 0; padding-left: 0; padding-right: 0; } .w-commerce-commercecartcloselink { width: 16px; height: 16px; } .w-commerce-commercecartformwrapper { flex-direction: column; flex: 1; display: flex; } .w-commerce-commercecartform { flex-direction: column; flex: 1; justify-content: flex-start; display: flex; } .w-commerce-commercecartlist { -webkit-overflow-scrolling: touch; flex: 1; padding: 12px 24px; overflow: auto; } .w-commerce-commercecartitem { align-items: flex-start; padding-top: 12px; padding-bottom: 12px; display: flex; } .w-commerce-commercecartitemimage { width: 60px; height: 0%; } .w-commerce-commercecartiteminfo { flex-direction: column; flex: 1; margin-left: 16px; margin-right: 16px; display: flex; } .w-commerce-commercecartproductname { font-weight: 700; } .w-commerce-commercecartoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none; } .w-commerce-commercecartquantity { height: 38px; width: 60px; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecartquantity::-ms-input-placeholder { color: #999; } .w-commerce-commercecartquantity::placeholder { color: #999; } .w-commerce-commercecartquantity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecartfooter { border-top: 1px solid #e6e6e6; flex-direction: column; flex: none; padding: 16px 24px 24px; display: flex; } .w-commerce-commercecartlineitem { flex: none; justify-content: space-between; align-items: baseline; margin-bottom: 16px; display: flex; } .w-commerce-commercecartordervalue { font-weight: 700; } .w-commerce-commercecartapplepaybutton { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; height: 38px; min-height: 30px; background-color: #000; border-width: 0; border-radius: 2px; align-items: center; margin-bottom: 8px; padding: 0; text-decoration: none; display: flex; } .w-commerce-commercecartapplepayicon { width: 100%; height: 50%; min-height: 20px; } .w-commerce-commercecartquickcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; height: 38px; background-color: #000; border-width: 0; border-radius: 2px; justify-content: center; align-items: center; margin-bottom: 8px; padding: 0 15px; text-decoration: none; display: flex; } .w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon { margin-right: 8px; display: block; } .w-commerce-commercecartcheckoutbutton { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 2px; align-items: center; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecartemptystate { flex: 1; justify-content: center; align-items: center; padding-top: 100px; padding-bottom: 100px; display: flex; } .w-commerce-commercecarterrorstate { background-color: #ffdede; flex: none; margin: 0 24px 24px; padding: 10px; } .w-commerce-commercecheckoutformcontainer { width: 100%; min-height: 100vh; background-color: #f5f5f5; padding: 20px; } .w-commerce-commercelayoutcontainer { justify-content: center; align-items: flex-start; display: flex; } .w-commerce-commercelayoutmain { flex: 0 800px; margin-right: 20px; } .w-commerce-commercecheckoutcustomerinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutblockcontent { background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px; } .w-commerce-commercecheckoutlabel { margin-bottom: 8px; } .w-commerce-commercecheckoutemailinput { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutemailinput::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutemailinput::placeholder { color: #999; } .w-commerce-commercecheckoutemailinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingaddresswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingfullname { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutshippingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddress { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstreetaddressoptional { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutrow { margin-left: -8px; margin-right: -8px; display: flex; } .w-commerce-commercecheckoutcolumn { flex: 1; padding-left: 8px; padding-right: 8px; } .w-commerce-commercecheckoutshippingcity { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcity::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingstateprovince { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutshippingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingzippostalcode { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutshippingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingcountryselector { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutshippingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutshippingmethodswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutshippingmethodslist { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .w-commerce-commercecheckoutshippingmethoditem { background-color: #fff; border-bottom: 1px solid #e6e6e6; flex-direction: row; align-items: baseline; margin-bottom: 0; padding: 16px; font-weight: 400; display: flex; } .w-commerce-commercecheckoutshippingmethoddescriptionblock { flex-direction: column; flex-grow: 1; margin-left: 12px; margin-right: 12px; display: flex; } .w-commerce-commerceboldtextblock { font-weight: 700; } .w-commerce-commercecheckoutshippingmethodsemptystate { text-align: center; background-color: #fff; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 64px 16px; } .w-commerce-commercecheckoutpaymentinfowrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutcardnumber { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardnumber::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber::placeholder { color: #999; } .w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardexpirationdate { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate::placeholder { color: #999; } .w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutcardsecuritycode { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; cursor: text; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode::placeholder { color: #999; } .w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingaddresstogglewrapper { flex-direction: row; display: flex; } .w-commerce-commercecheckoutbillingaddresstogglecheckbox { margin-top: 4px; } .w-commerce-commercecheckoutbillingaddresstogglelabel { margin-left: 8px; font-weight: 400; } .w-commerce-commercecheckoutbillingaddresswrapper { margin-top: 16px; margin-bottom: 20px; } .w-commerce-commercecheckoutbillingfullname { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname::placeholder { color: #999; } .w-commerce-commercecheckoutbillingfullname:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddress { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddress:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstreetaddressoptional { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstreetaddressoptional:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcity { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcity::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcity:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingstateprovince { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince::placeholder { color: #999; } .w-commerce-commercecheckoutbillingstateprovince:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingzippostalcode { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 16px; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode::placeholder { color: #999; } .w-commerce-commercecheckoutbillingzippostalcode:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutbillingcountryselector { height: 38px; width: 100%; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 0; padding: 8px 12px; line-height: 20px; display: block; } .w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector::placeholder { color: #999; } .w-commerce-commercecheckoutbillingcountryselector:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercecheckoutorderitemswrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryblockheader { background-color: #fff; border: 1px solid #e6e6e6; justify-content: space-between; align-items: baseline; padding: 4px 20px; display: flex; } .w-commerce-commercecheckoutorderitemslist { margin-bottom: -20px; } .w-commerce-commercecheckoutorderitem { margin-bottom: 20px; display: flex; } .w-commerce-commercecheckoutorderitemdescriptionwrapper { flex-grow: 1; margin-left: 16px; margin-right: 16px; } .w-commerce-commercecheckoutorderitemquantitywrapper { white-space: pre-wrap; display: flex; } .w-commerce-commercecheckoutorderitemoptionlist { margin-bottom: 0; padding-left: 0; text-decoration: none; list-style-type: none; } .w-commerce-commercelayoutsidebar { flex: 0 0 320px; position: -webkit-sticky; position: sticky; top: 20px; } .w-commerce-commercecheckoutordersummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem { flex-direction: row; justify-content: space-between; margin-bottom: 8px; display: flex; } .w-commerce-commercecheckoutsummarytotal { font-weight: 700; } .w-commerce-commercecheckoutplaceorderbutton { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; text-align: center; background-color: #3898ec; border-width: 0; border-radius: 3px; align-items: center; margin-bottom: 20px; padding: 9px 15px; text-decoration: none; display: block; } .w-commerce-commercecheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } .w-commerce-commerceaddtocartform { margin: 0 0 15px; } .w-commerce-commerceaddtocartoptionpillgroup { margin-bottom: 10px; display: flex; } .w-commerce-commerceaddtocartoptionpill { color: #000; cursor: pointer; background-color: #fff; border: 1px solid #000; margin-right: 10px; padding: 8px 15px; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected { color: #fff; background-color: #000; } .w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartbutton { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; padding: 9px 15px; text-decoration: none; display: flex; } .w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartquantityinput { height: 38px; width: 60px; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; margin-bottom: 10px; padding: 8px 6px 8px 12px; line-height: 20px; display: block; } .w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput::placeholder { color: #999; } .w-commerce-commerceaddtocartquantityinput:focus { border-color: #3898ec; outline-style: none; } .w-commerce-commercebuynowbutton { color: #fff; cursor: pointer; -webkit-appearance: none; -ms-appearance: none; appearance: none; background-color: #3898ec; border-width: 0; border-radius: 0; align-items: center; margin-top: 10px; padding: 9px 15px; text-decoration: none; display: inline-block; } .w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled { color: #666; cursor: not-allowed; background-color: #e6e6e6; border-color: #e6e6e6; outline-style: none; } .w-commerce-commerceaddtocartoutofstock { background-color: #ddd; margin-top: 10px; padding: 10px; } .w-commerce-commerceaddtocarterror { background-color: #ffdede; margin-top: 10px; padding: 10px; } .w-layout-grid { grid-row-gap: 16px; grid-column-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .w-commerce-commerceorderconfirmationcontainer { width: 100%; min-height: 100vh; background-color: #f5f5f5; padding: 20px; } .w-commerce-commercecheckoutcustomerinfosummarywrapper { margin-bottom: 20px; } .w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel { margin-bottom: 8px; } .w-commerce-commercecheckoutsummaryflexboxdiv { flex-direction: row; justify-content: flex-start; display: flex; } .w-commerce-commercecheckoutsummarytextspacingondiv { margin-right: .33em; } .w-commerce-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper { margin-bottom: 20px; } .w-commerce-commercepaypalcheckoutformcontainer { width: 100%; min-height: 100vh; background-color: #f5f5f5; padding: 20px; } .w-commerce-commercepaypalcheckouterrorstate { background-color: #ffdede; margin-top: 16px; margin-bottom: 16px; padding: 10px 16px; } @media screen and (max-width: 991px) { .w-layout-blockcontainer { max-width: 728px; } } @media screen and (max-width: 767px) { .w-layout-blockcontainer { max-width: none; } .w-commerce-commercelayoutcontainer { flex-direction: column; align-items: stretch; } .w-commerce-commercelayoutmain { flex-basis: auto; margin-right: 0; } .w-commerce-commercelayoutsidebar { flex-basis: auto; } } @media screen and (max-width: 479px) { .w-commerce-commercecartcontainerwrapper--cartType-modal { flex-direction: row; justify-content: center; align-items: stretch; } .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown { flex-direction: row; justify-content: center; align-items: stretch; display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .w-commerce-commercecartquantity, .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional { font-size: 16px; } .w-commerce-commercecheckoutrow { flex-direction: column; } .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector, .w-commerce-commerceaddtocartquantityinput { font-size: 16px; } } body { color: #bbb; background-color: #1e1e1e; font-family: "Test", sans-serif !important; font-size: 1vw; line-height: 2em; } h1 { color: #fff; letter-spacing: -.02px; margin-top: .4em; margin-bottom: .2em; font-family: Onest, sans-serif; font-size: 4em; font-weight: 700; line-height: 1.25em; } h2 { color: #fff; letter-spacing: -.02px; margin-top: .5em; margin-bottom: .25em; font-family: Onest, sans-serif; font-size: 3em; font-weight: 700; line-height: 1.25em; } h3 { color: #fff; margin-top: .8em; margin-bottom: .4em; font-family: Onest, sans-serif; font-size: 2.5em; font-weight: 700; line-height: 1.25em; } h4 { color: #fff; margin-top: .5em; margin-bottom: .5em; font-family: Onest, sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.25em; } h5 { color: #fff; margin-top: .6em; margin-bottom: .6em; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.25em; } h6 { color: #fff; margin-top: .65em; margin-bottom: .65em; font-family: Onest, sans-serif; font-size: 1.6em; font-weight: 700; line-height: 1.25em; } p { color: #bbb; margin-bottom: 1em; font-family: Inter, sans-serif; font-size: 1.1em; line-height: 2em; } a { color: #fff; font-size: 1em; font-weight: 500; text-decoration: none; } ul { margin-top: 0; margin-bottom: 10px; padding-left: 0; } li { background-image: url("https://assets.website-files.com/64d9e7b1693ca5d7a467c4b4/64d9e7b1693ca5d7a467c50b_list-dot-black-white.svg"); background-position: 0 48%; background-repeat: no-repeat; background-size: .7em .7em; padding-left: 1.7em; list-style-type: none; } img { max-width: 100%; display: inline-block; } label { margin-bottom: 5px; font-size: 1em; font-weight: 700; display: block; } strong { font-size: 1em; font-weight: 700; } em { font-size: 1em; font-style: italic; } blockquote { border-left: 5px solid #fff; margin-bottom: 2em; padding: 1em 2em; font-size: 1.1em; line-height: 2em; } .container { max-width: 100%; padding-left: 4em; padding-right: 4em; position: relative; } .container._80 { max-width: 80em; } .ds-nav { width: 100%; background-color: #fff; border: 0 #000; border-right-color: rgba(0, 0, 0, 0); display: block; position: fixed; top: 0%; bottom: auto; left: 0%; right: auto; overflow: visible; } .ds-nav.shadow-01 { background-color: #1e1e1e; } .ds-menu-link { width: 100%; color: #667085; text-align: left; padding-top: 10px; padding-bottom: 10px; padding-left: 27px; font-size: 16px; text-decoration: none; } .ds-menu-link:hover { background-color: #f7f7f7; } .ds-menu-link.w--current { color: #101828; background-color: #f2f4f7; font-weight: 400; } .ds-menu { max-height: 80vh; background-color: #fff; padding-top: 0; padding-bottom: 0; padding-left: 0; overflow: auto; } .ds-menu-brand { color: #fff; margin-top: 14px; margin-bottom: 14px; text-decoration: none; } .menu-button-2.w--open { background-color: #667085; } .form-text-field { height: 3.6em; border: 1.5px solid rgba(102, 112, 133, .5); border-radius: 4px; margin-top: .5em; margin-bottom: 1em; padding: .5em .9em; } .form-text-field:hover, .form-text-field:focus { border-color: #667085; } .accordion-plus-icon { width: 1.6em; } .margin-bottom { margin-bottom: 1vw; } .visible-spacer { background-color: #667085; border-radius: 5px; display: inline-block; } .color-block { width: 100%; height: 60px; background-color: #f9fafb; border-radius: 5px; margin-bottom: 10px; margin-left: 0; margin-right: 0; } .color-block.error-100 { background-color: #ffe4e6; } .color-block.error-50 { background-color: #fef2f2; } .color-block.secondary-50 { background-color: #fefce8; } .color-block.primary-500 { background-color: #3b82f6; } .color-block.neutral-600 { background-color: #475467; } .color-block.secondary-700 { background-color: #a16207; } .color-block.neutral-700 { background-color: #344054; } .color-block.neutral-200 { background-color: #eaecf0; } .color-block.secondary-100 { background-color: #fef9c3; } .color-block.error-500 { background-color: #ef4444; } .color-block.neutral-100 { background-color: #f2f4f7; } .color-block.base-black { background-color: #000; } .color-block.success-300 { background-color: #86efac; } .color-block.error-900 { background-color: #7f1d1d; } .color-block.success-900 { background-color: #14532d; } .color-block.error-700 { background-color: #b91c1c; } .color-block.secondary-900 { background-color: #713f12; } .color-block.primary-100 { background-color: #dbeafe; } .color-block.success-500 { background-color: #22c55e; } .color-block.primary-800 { background-color: #1e40af; } .color-block.success-100 { background-color: #dcfce7; } .color-block.primary-700 { background-color: #1d4ed8; } .color-block.base-white { background-color: #fff; } .color-block.neutral-300 { background-color: #d0d5dd; } .color-block.warning-500 { background-color: #f59e0b; } .color-block.primary-600 { background-color: #2563eb; } .color-block.success-700 { background-color: #15803d; } .color-block.secondary-300 { background-color: #fde047; } .color-block.primary-200 { background-color: #bfdbfe; } .color-block.primary-900 { background-color: #1e3a8a; } .color-block.neutral-900 { background-color: #101828; } .color-block.neutral-800 { background-color: #1d2939; } .color-block.warning-100 { background-color: #fef3c7; } .color-block.primary-400 { background-color: #60a5fa; } .color-block.warning-50 { background-color: #fffbeb; } .color-block.warning-700 { background-color: #b45309; } .color-block.primary-300 { background-color: #93c5fd; } .color-block.neutral-50 { background-color: #f9fafb; } .color-block.success-50 { background-color: #f0fdf4; } .color-block.secondary-500 { background-color: #eab308; } .color-block.warning-300 { background-color: #fcd34d; } .color-block.neutral-400 { background-color: #98a2b3; } .color-block.primary-50 { background-color: #eff6ff; } .color-block.warning-900 { background-color: #78350f; } .color-block.neutral-500 { background-color: #667085; } .color-block.error-300 { background-color: #fca5a5; } .spacer-4em---48px { width: 4em; height: 4em; } .text-md { color: #bbb; white-space: normal; margin-bottom: 0; font-size: 1.3em; font-weight: 400; line-height: 2em; } .text-md.bold { font-weight: 700; } .text-md.bold.white, .text-md.withe { color: #fff; } .text-md.withe:hover { text-decoration: none; } .text-md.semibold { font-weight: 600; } .text-md.medium { font-weight: 500; } .text-md.medium.white, .text-md.black { color: #fff; } .ds-section { padding: 5em 0; font-weight: 400; } .ds-section.header { color: #101828; background-color: #303030; margin-top: 5em; padding-left: 5em; padding-right: 5em; } .rich-text { text-align: left; } .rich-text img { margin-top: 3em; margin-bottom: 3em; font-size: 1vw; } .accordion-content { background-color: rgba(0, 0, 0, 0); display: block; position: relative; } .accordion-content.w--open { background-color: rgba(0, 0, 0, 0); } .overline-small { letter-spacing: .06em; text-transform: uppercase; margin-bottom: 0; font-size: 1em; font-weight: 400; line-height: 2em; } .overline-small.gray-900 { color: #fff; } .heading-h6 { color: #fff; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 1.6em; font-weight: 400; line-height: 1.25em; } .heading-h6.medium { font-weight: 500; } .heading-h6.bold { font-weight: 700; } .heading-h6.semibold { font-weight: 600; } .accordion-title-text { padding-top: 1.1em; padding-bottom: 1.1em; } .text-sm { color: #bbb; margin-bottom: 0; font-size: .9em; font-weight: 400; line-height: 2em; } .text-sm.medium { font-weight: 500; } .text-sm.bold { font-weight: 700; } .text-sm.gray-700 { color: #344054; } .text-sm.semibold { font-weight: 600; } .button { color: #fff; text-align: center; background-color: #667085; border-radius: 4px; flex: none; margin-bottom: 0; padding: .5em 2.5em; font-size: 1.1em; font-weight: 400; line-height: 1.5em; transition: border-color .2s, color .2s, box-shadow .2s, background-color .2s; box-shadow: 0 2px 8px rgba(0, 0, 0, .03); } .button:hover { background-color: #475467; text-decoration: none; box-shadow: 0 7px 20px -10px rgba(0, 0, 0, .2); } .button:active { background-color: #344054; } .button.outline { color: #101828; background-color: rgba(0, 0, 0, 0); box-shadow: inset 0 0 0 1.5px rgba(102, 112, 133, .5); } .button.outline:hover { background-color: #f9fafb; box-shadow: inset 0 0 0 2px #667085; } .button.outline:active { background-color: #f2f4f7; } .button.outline.width-100 { width: 100%; } .spacer-6-5em---80px { width: 6.5em; height: 6.5em; } .shadow-02 { box-shadow: 0 8px 11.5px -2px rgba(255, 255, 255, .1), 0 4px 7.68px -3.84px rgba(255, 255, 255, .12); } .sg-label { color: #fff; letter-spacing: .5px; text-transform: uppercase; margin-top: 2vw; font-size: 14px; font-weight: 500; line-height: 1.2em; } .contact-form { width: 100%; margin-bottom: 0; } .spacer-0-7em---8px { width: .7em; height: .7em; } .column { min-height: 32px; flex-flow: column; flex: 0 auto; align-items: stretch; padding-left: 16px; padding-right: 16px; display: flex; position: relative; } .column._4-column { width: 33.33%; } .column._9-column { width: 75%; } .heading-h3 { letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 2.5em; font-weight: 400; line-height: 1.25em; } .heading-h3.bold { font-weight: 700; } .heading-h3.medium { font-weight: 500; } .heading-h3.semibold { font-weight: 600; } .error-message { color: #7f1d1d; background-color: #fef2f2; border-radius: 4px; margin-top: 20px; } .ds-section-header { margin-bottom: 4em; } .column-styleguide { width: 100%; height: 40px; background-color: #667085; border-radius: 6px; } .link { color: #bbb; font-weight: 500; } .link:hover { color: #101828; } .ds-title { font-weight: 700; } .ds-colour-block { width: 12.5%; padding-right: 16px; display: inline-block; } .ds-page { justify-content: center; margin-left: auto; margin-right: auto; display: flex; } .text-align-right { text-align: right; } .ds-border { height: 100%; border: 1px solid #cfcfcf; border-radius: 5px; padding: 10px; } .featured-icon { width: 5em; height: 5em; background-color: #f2f4f7; border-radius: 50em; justify-content: center; align-items: center; padding: 1.2em; display: flex; } .section { padding-top: 0; padding-bottom: 9em; position: relative; } .section.no-top-padding { padding-top: 0; } .section.bottom-pading-50 { padding-bottom: 4.5em; } .section.bottom-pading-66 { padding-bottom: 6em; } .heading-h2 { letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 3em; font-weight: 400; line-height: 1.25em; } .heading-h2.medium { font-weight: 500; } .heading-h2.bold { font-weight: 700; } .heading-h2.margin-bottom { margin-bottom: 1vw; font-weight: 700; } .heading-h2.semibold { font-weight: 600; } .sg-block { margin-bottom: 32px; } .heading-h4 { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 2.1em; font-weight: 400; line-height: 1.25em; text-decoration: none; } .heading-h4.semibold { font-weight: 600; } .heading-h4.bold { font-weight: 700; } .heading-h4.medium { font-weight: 500; } .spacer-5em---64px { width: 5em; height: 5em; } .spacer-2-5em---32px { width: 2.5em; height: 2.5em; } .shadow-01 { box-shadow: 0 1px 2px rgba(255, 255, 255, .25), 0 1px 3px 1px rgba(255, 255, 255, .1); } .ds-colour-grid { flex-wrap: wrap; margin-top: 24px; display: flex; } .accordion-inner { width: 100%; flex-flow: column wrap; align-items: flex-start; padding: 2.5em 2em; display: flex; } .ds-box { width: 100%; height: 60px; } ._12-columns { flex-flow: wrap; align-content: stretch; justify-content: center; align-items: center; margin-left: -16px; margin-right: -16px; display: flex; } ._12-columns.align-left { justify-content: flex-start; } .overline { letter-spacing: .06em; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 2.5em; font-weight: 400; line-height: 2em; } .overline.white { color: #fff; } .text-align-center { text-align: center; } .badge { background-color: #f2f4f7; border-radius: 1.1em; padding: .2em 1em; display: inline-block; } .accordion-icon { width: 4em; border-bottom: 1px solid #6e6e6e; flex-direction: column; flex: none; justify-content: center; align-items: center; margin-bottom: -1px; display: flex; } .success-message { color: #344054; background-color: #f2f4f7; border-radius: 4px; } .accordion-toggle { grid-column-gap: 1em; grid-row-gap: 1em; border-bottom: 1px solid #d0d5dd; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; padding: 0; display: flex; } .spacer-1-3em---16px { width: 1.3em; height: 1.3em; } .spacer-10em---128px { width: 10em; height: 10em; } .text-lg { white-space: normal; margin-bottom: 0; font-size: 1.3em; font-weight: 400; line-height: 2em; } .text-lg.semibold { font-weight: 600; } .text-lg.white { color: #fff; } .text-lg.medium { font-weight: 500; } .text-lg.bold { color: #bbb; font-weight: 700; } .heading-h5 { color: #fff; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.4em; } .heading-h5.semibold { font-weight: 600; } .heading-h5.medium { font-weight: 500; } .heading-h5.bold { font-weight: 700; } .accordion-container { flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; } .form-label-and-field-container { width: 100%; } .spacer-2em---24px { width: 2em; height: 2em; } .spacer-8em---96px { width: 8em; height: 8em; } .block-quote { border-left-color: #fff; font-size: 16px; line-height: 32px; } .text-area { height: auto; min-height: 8em; border: 1.5px solid rgba(102, 112, 133, .5); border-radius: 4px; margin-bottom: 2em; padding: .5em .9em; } .text-area:hover, .text-area:focus { border-color: #667085; } .accordion { width: 100%; margin-left: 0; margin-right: 0; display: block; position: relative; overflow: hidden; } .heading-h1 { letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 4em; font-weight: 400; line-height: 1.25em; } .heading-h1.medium { font-weight: 500; } .heading-h1.bold { font-weight: 700; } .heading-h1.semibold { font-weight: 600; } .paragraph-400px { max-width: 40em; } .pexels-images { grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; } .pexel-image { width: 100%; height: 300px; object-fit: cover; } .main { flex: 1; } .container-center { max-width: 1232px; text-align: center; flex-direction: column; align-items: center; padding-left: 16px; padding-right: 16px; display: flex; } .changelog-box { max-width: 850px; background-color: rgba(255, 255, 255, .2); border: 1px solid #fff; padding: 20px; } .body-flex { flex-direction: column; display: flex; } .utility-page-wrap { width: 100vw; height: 100%; max-height: 100%; max-width: 100%; flex: 1; justify-content: center; align-items: center; padding-left: 5em; padding-right: 5em; display: flex; } .utility-page-content { text-align: center; flex-direction: column; display: flex; } .utility-page-form { grid-column-gap: 1.25em; grid-row-gap: 1.25em; flex-direction: column; align-items: stretch; display: flex; } ._404-text { color: #fff; font-size: 5em; font-weight: 900; line-height: 1em; } .utility-page-text-field { color: #fff; background-color: rgba(255, 255, 255, .2); border: 1px solid #fff; border-radius: 0; flex: 1; padding: 1em; font-size: 1.1em; } .utility-page-text-field::-ms-input-placeholder { color: #fff; } .utility-page-text-field::placeholder { color: #fff; } .utility-page-submit-button { color: #fff; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 0; font-size: 1.1em; } .feature-icon-svg { width: 1.8em; } .animation-text-reveal-opacity { display: block; position: relative; } .overlay-animation-text-reveal-opacity { width: 0%; height: 100%; opacity: .8; background-color: rgba(39, 39, 39, .6); margin-right: -2%; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; } .heading-animation-trigger { overflow: hidden; } .heading-animation-trigger.padding { padding: .4em 1em .1em; } .heading-animation-trigger.padding-hero { margin-left: -.5em; padding-left: .5em; } .animation-content { height: 100%; position: relative; } .position-right { float: right; } .ds-animation-grid { grid-column-gap: 1em; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .animation-image-swipe-reveal-overlay { width: 101%; height: 100%; background-color: #1e1e1e; margin-left: -1px; display: none; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .animation-image-swipe-reveal { overflow: hidden; } .animation-rotate-text-container { position: relative; overflow: hidden; } .animation-rotate-text-two { position: absolute; } .image-size-container { width: 100%; height: 35em; } .animation-image-zoom-container { width: 100%; height: 100%; justify-content: center; align-items: center; display: flex; position: relative; overflow: hidden; } .animation-image-zoom { width: 100%; height: 100%; object-fit: cover; position: absolute; } .animation-image-swipte { width: 100%; height: 100%; } .triangle-list-item { min-height: 14px; color: #fff; background-image: url("https://assets.website-files.com/64d9e7b1693ca5d7a467c4b4/64d9e7b1693ca5d7a467c509_triangle-white.svg"); background-position: 0%; background-repeat: no-repeat; background-size: .9em; padding-left: 2.5em; } .privecy-policy-contant-container { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; margin-top: 2em; margin-bottom: 4em; display: flex; } .triangle-list { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; display: flex; } .nav-menu-mobile { cursor: pointer; display: none; } .nav-logo { object-fit: cover; width: 10em; height: 100%; padding-top: 0; display: block; } .nav-menu-text { color: #fff; text-transform: uppercase; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 1em; font-weight: 500; } .nav-bar-container { z-index: 1000; width: 100%; background-color: #1e1e1e; border: 2px #fff; justify-content: space-between; align-items: center; padding-top: 2em; padding-bottom: 1.75em; display: flex; position: fixed; top: 0%; bottom: auto; left: 0%; right: auto; } .nav-logo-container { margin-top: 0; padding-left: 0; } .nav-logoNlottie-arrange { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; max-height: 70px; margin-left: -1rem; @media screen and (max-width:479px) { /* margin-left: 50px; */ width: 100%; /* margin-right: -100px; */ } } .nav-logoNlottie-arrange dotlottie-player { @media screen and ( max-width:479px) { min-width: fit-content; margin-right: -125px; } } .nav-logoNlottie-arrange img { @media screen and (max-width:479px) { margin-right: -30px; } } .nav-menu-link { color: #101828; align-items: center; margin-left: 0; margin-right: 0; padding: .5em 1em; text-decoration: none; transition: background-color .2s; } .nav-menu-link.w--current { color: #101828; font-weight: 400; } .nav-menu-link.last { padding-right: 0; } .nav-menu-links { grid-column-gap: .5em; grid-row-gap: .5em; display: flex; position: absolute; left: 50%; transform: translate(-50%); } .paragraph-footer { max-width: 50em; color: #bbb; } .footer-grid { z-index: 0; grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; overflow: hidden; } .footer-attribution { display: inline-block; } .footer-attribution-container { grid-column-gap: 12px; grid-row-gap: 12px; justify-content: space-between; padding: 3em 4em; display: flex; position: relative; } .footer-link-title { color: #fff; font-weight: 700; } .image { width: 1.25em; margin-top: -1px; margin-right: .5em; } .link-attribution { color: #fff; font-weight: 700; transition: color .2s; } .link-attribution:hover { color: #535353; } .footer-links-container { grid-column-gap: 1.2em; grid-row-gap: 1.2em; flex-direction: column; align-items: flex-start; display: flex; } .logo-container { width: 9em; margin-top: 0; padding-left: 0; } .footer-link-block { grid-column-gap: 110px; grid-row-gap: 110px; justify-content: flex-end; display: flex; } .div-block { grid-column-gap: 20px; grid-row-gap: 20px; flex-direction: column; justify-content: space-between; display: flex; } .attribution-container { align-items: center; display: flex; } .social-links { grid-column-gap: 2em; grid-row-gap: 2em; display: flex; } .footer-header { grid-column-gap: 20px; grid-row-gap: 20px; flex-direction: column; display: flex; } .luminous-borders-blur { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-blur.no-bottom { border-bottom-width: 0; } .luminous-borders-blur.no-right { border-right-width: 0; } .luminous-borders-blur.no-top { border-top-width: 0; } .luminous-borders-blur.only-right { border-top-width: 0; border-bottom-width: 0; border-left-width: 0; } .luminous-borders-blur.blog-card-image { border-bottom-width: 0; border-right-width: 0; } .luminous-borders-blur.blog-card-text { border-bottom-width: 0; } .luminous-borders-blur.no-left { border-left-width: 0; } .luminous-borders-blur.plan { border-top-width: 0; border-bottom-width: 0; border-right-width: 0; } .luminous-borders-blur.team-card-image { border-width: 1px 1px 0; } .luminous-borders-blur.team-card-text { border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } .space-nav { z-index: -1; width: 100%; height: 6.8em; position: relative; @media screen and (max-width: 991px) { height: 90px; } } .blog-card-image { width: 100%; height: 100%; object-fit: cover; } .blog-cards-list { grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; display: flex; } .blog-cards-list-flex { grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; display: flex; height: 90vh; @media screen and (max-width:479px) { height: 100vh; } /* The above height will change the height of all the carousel items */ } .blog-card-post-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 2fr; grid-auto-columns: 1fr; display: grid; } .blog-card-image-link { position: relative; } .blog-card-text-container { flex-direction: column; justify-content: space-between; align-items: flex-end; padding: 2em 4em; display: flex; position: relative; } .blog-card-read-time { -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background-color: rgba(0, 0, 0, .3); padding: 2px 12px; position: absolute; top: auto; bottom: 0%; left: auto; right: 0%; } .featured-blog-post-card-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 2fr 1fr; grid-auto-columns: 1fr; display: grid; } .featured-blog-post-card-info-container { justify-content: space-between; display: flex; } .featured-blog-post-card-text-container { flex-direction: column; justify-content: space-between; padding: 4em; display: flex; position: relative; } .section-header { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; display: flex; } .fa-icon-container { width: 100%; height: 100%; display: grid; place-items: center; } .animated-arrow-button-container { grid-column-gap: 10px; grid-row-gap: 10px; cursor: pointer; justify-content: flex-end; padding: 0 10px; display: flex; overflow: hidden; } .arrow-button-text { color: #fff; text-transform: uppercase; font-size: .9em; font-weight: 400; } .button-arrow { width: 40px; justify-content: flex-end; align-items: center; display: flex; position: relative; } .button-arrow-head { height: .9em; margin-top: -1px; margin-right: -2px; position: absolute; } .animated-arrow-button-blog-post-card { margin-top: 1em; padding-top: 0; padding-bottom: 0; transition: letter-spacing .6s cubic-bezier(.165, .84, .44, 1); } .animated-arrow-button-blog-post-card:hover { letter-spacing: .1em; } .blog-post-card-title { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.4em; text-decoration: none; } .blog-post-card-text-container { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: column; display: flex; } .nav-bar-container-box { width: 100%; max-width: 100%; justify-content: space-between; align-items: center; margin-left: auto; margin-right: auto; padding-left: 4em; padding-right: 4em; display: flex; } .featured-blog-post-card-image { width: 100%; height: 40em; object-fit: cover; } .featured-blog-post-card-image-link { position: relative; } .blog-post-body { max-width: 70em; margin-left: auto; margin-right: auto; } .blog-post-main-image { width: 100%; height: 40em; object-fit: cover; } .blog-post-header-container { max-width: 50em; margin-left: auto; margin-right: auto; } .blog-post-heading { text-align: center; letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 3em; font-weight: 700; line-height: 1.3em; } .blog-post-header-text { color: #bbb; text-align: center; white-space: normal; margin-bottom: 0; font-size: 1.1em; font-weight: 400; line-height: 2em; } .blog-post-overline { color: #fff; text-align: center; letter-spacing: .5em; text-transform: uppercase; margin-bottom: 0; font-size: 1em; font-weight: 400; line-height: 2em; } .project-image-container { justify-content: center; align-items: center; display: flex; position: relative; overflow: visible; } .project-image-circle-container { width: 6em; height: 6em; opacity: 0; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background-color: rgba(255, 255, 255, .15); border-radius: 100px; justify-content: center; align-items: center; display: flex; position: absolute; } .project-image-circle-container.shadow-01 { z-index: 2; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); background-color: rgba(0, 0, 0, .52); } .masonary-image-vertical { width: 100%; height: 30em; filter: saturate(0%); object-fit: cover; } .masonry-grid-image-vertical { width: 100%; cursor: pointer; margin-bottom: 14px; display: inline-block; } .collection-list-wrapper-desktop { display: block; } .masonary-image-horizontal { width: 100%; height: 18em; filter: saturate(0%); object-fit: cover; } .project-image-hover-overlay { z-index: 2; width: 100%; height: 100%; color: rgba(0, 0, 0, 0); background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; display: flex; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .masonary-grid-container { column-count: 4; } .animation-swipe-reveal-overlay { width: 101%; height: 101%; background-color: #1e1e1e; margin-top: -1px; margin-left: -1px; display: none; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .masonry-grid-image-horizontal { width: 100%; cursor: pointer; margin-bottom: 14px; display: inline-block; } .project-image-hover-overlay-background { z-index: 1; width: 100%; height: 100%; background-color: rgba(16, 24, 40, .4); display: none; position: absolute; } .empty-state { background-color: rgba(0, 0, 0, 0); } .collection-list-wrapper-mobile { display: none; } .gallery-tabs { justify-content: flex-end; margin-bottom: 2em; display: flex; } .gallery-tab { color: #bbb; letter-spacing: .06em; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); margin-bottom: 0; padding: 1em 1.5em; font-size: 1em; font-weight: 400; line-height: 2em; } .gallery-tab.w--current { color: #fff; background-color: rgba(0, 0, 0, 0); } .gallery-tab.last { padding-right: 0; } .gallery-header-container { display: inline-block; position: relative; top: 3.1em; } .moder-form-text-field { color: #fff; text-transform: none; background-color: rgba(0, 0, 0, 0); border: 0 solid #000; border-bottom: 1px solid #fff; border-radius: 0; margin-bottom: 3em; padding: .8em 0 2.5em; font-size: 1em; line-height: 2em; transition: border .2s; } .moder-form-text-field:hover { color: #fff; border-bottom-color: #fff; } .moder-form-text-field:focus { border-bottom-width: 1px; border-bottom-color: #fff; border-radius: 0; } .moder-form-text-field::-ms-input-placeholder { color: #fff; text-transform: uppercase; font-size: .9em; font-weight: 400; } .moder-form-text-field::placeholder { color: #fff; text-transform: uppercase; font-size: .9em; font-weight: 400; } .modern-text-area { height: auto; min-height: 100px; background-color: rgba(0, 0, 0, 0); border: 0 rgba(102, 112, 133, .5); border-bottom: 1px solid #fff; border-radius: 0; margin-bottom: 3em; padding: .8em 0 2.5em; font-size: 1em; font-weight: 400; transition: border .2s; } .modern-text-area:hover { color: #fff; border-color: #667085 #667085 #fff; } .modern-text-area:focus { border-color: #667085 #667085 #101828; } .modern-text-area::-ms-input-placeholder { color: #fff; text-transform: uppercase; font-size: .9em; } .modern-text-area::placeholder { color: #fff; text-transform: uppercase; font-size: .9em; } .button-contact-us { color: #fff; text-align: center; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #fff; border-radius: 0; flex: none; margin-bottom: 0; padding: .7em 0 1.8em; font-size: .9em; font-weight: 400; line-height: 2em; transition: border-color .2s, color .2s; } .button-contact-us:hover { color: #fff; background-color: rgba(0, 0, 0, 0); border-bottom-color: #fff; text-decoration: none; } .google-maps-image { /* width: 100%; */ /* height: 100%; */ object-fit: cover; } .contact-form-and-map-container, .contact-header { grid-column-gap: 6em; grid-row-gap: 6em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .contact-social-media { grid-column-gap: 2.5em; grid-row-gap: 2.5em; justify-content: flex-end; align-items: flex-end; display: flex; } .link-overline { color: #fff; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 0; font-size: .9em; font-weight: 400; line-height: 2em; transition: color .2s; } .contact-info-main-container { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; align-items: flex-start; margin-top: 4em; display: flex; } .contact-info-container { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; align-items: flex-start; display: flex; } .nav-item-line { width: 0%; height: 1px; background-color: #fff; } .nav-item { grid-column-gap: 2px; grid-row-gap: 2px; flex-direction: column; align-items: flex-start; display: flex; } .collection-list { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .services-cards-green-lines-container { grid-column-gap: 1em; grid-row-gap: 1em; display: flex; } .services-cards-green-circle { width: 1.25em; height: 1.25em; grid-column-gap: 10px; grid-row-gap: 10px; background-color: #fff; border: 0 solid #000; border-right-style: none; border-radius: 50px; position: relative; } .services-cards-green-circle.blur { filter: blur(3px); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .animated-arrow-button-container-card { grid-column-gap: 10px; grid-row-gap: 10px; cursor: pointer; justify-content: flex-end; padding: 0 0 0 10px; display: flex; overflow: hidden; } .animated-arrow-button-container-card.margin-bottom-small { padding-bottom: 1em; padding-left: 0; } .animated-arrow-button-container-card-in-page { grid-column-gap: 10px; grid-row-gap: 10px; cursor: pointer; justify-content: flex-end; padding: 0 3px 0 10px; transition: letter-spacing .6s cubic-bezier(.165, .84, .44, 1); display: flex; overflow: hidden; } .animated-arrow-button-container-card-in-page:hover { letter-spacing: .1em; } .glow-cards { height: 100%; grid-column-gap: 2em; grid-row-gap: 2em; border: 0 #000; flex-direction: column; justify-content: flex-start; padding: 0; display: flex; position: relative; } .glow-card-subtitle { height: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .glow-card-title { grid-column-gap: 4em; grid-row-gap: 4em; margin-top: 2.5em; padding-left: 4em; padding-right: 4em; display: flex; position: relative; } .glow-card-title-icon { width: 1em; height: 100%; max-width: 11px; background-color: #fff; border: 0 #000; margin-left: 0; } .glow-card-title-icon.blur { filter: blur(9px); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .pricing-grid { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; position: relative; } .product-card-container { grid-column-gap: 2em; grid-row-gap: 2em; border: 1px #000; flex-direction: column; align-items: stretch; padding: 2em 4em; display: flex; position: relative; } .plan-price-text { color: #fff; text-align: center; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 3em; font-weight: 700; line-height: 1.25em; } .pricing-image { width: 3.5em; position: absolute; top: 1.5em; bottom: auto; left: auto; right: 1.5em; } .product-card-text { color: #bbb; white-space: normal; margin-top: 1em; margin-bottom: 0; font-size: 1.1em; font-weight: 400; line-height: 2em; } .product-popular { width: 100%; height: 1em; background-color: #fff; position: absolute; top: auto; bottom: 0%; left: 0%; right: auto; } .product-popular.blur { filter: blur(9px); } .plan-features-item { grid-column-gap: 1em; grid-row-gap: 1em; align-items: center; display: flex; } .plan-features-list { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; display: flex; } .cta-title-container { grid-column-gap: 2em; grid-row-gap: 2em; align-items: stretch; display: flex; } .cta-decor-blur { z-index: 1; width: 1em; height: 100%; max-width: 11px; filter: blur(9px); border: 0 #000; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; background: rgb(0, 73, 211); background: -moz-linear-gradient(180deg, rgba(0, 73, 211, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(254, 103, 38, 1) 70%); background: -webkit-linear-gradient(180deg, rgba(0, 73, 211, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(254, 103, 38, 1) 70%); background: linear-gradient(180deg, rgba(0, 73, 211, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(254, 103, 38, 1) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0049d3", endColorstr="#fe6726", GradientType=1); } .cta-tilte { letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.5em; font-weight: 400; line-height: 1.25em; -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .cta-tilte i { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; } .cta-tilte strong { -webkit-transition: letter-spacing 0.3s ease-in-out; transition: letter-spacing 0.3s ease-in-out; } a.explore:hover .cta-tilte i { -webkit-transform: translateX(8px); transform: translateX(8px); } a.explore:hover .cta-tilte { letter-spacing: 2px; } .cta-container { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; display: flex; } .cta-text-container { grid-column-gap: 1em; grid-row-gap: 1em; justify-content: space-between; align-items: flex-end; display: flex; } .cta-button { color: #000; letter-spacing: .06em; background-color: #fff; border: 1px solid #fff; margin-bottom: 0; padding: .5em 1em; font-size: .9em; transition: background-color .2s, color .2s; } .cta-button:hover { color: #fff; background-color: #000; } .cta-button.blur { z-index: -1; filter: blur(9px); position: absolute; } .featured-blog-post-tile { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.3em; text-decoration: none; } .plan-features-icon { width: 1.3em; } .page-header-container { max-width: 60em; } .section-subtitle { letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.5em; font-weight: 700; line-height: 1.25em; } .careers-why-us-grid { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .careers-why-us-step-point-container { grid-column-gap: 1em; grid-row-gap: 1em; align-items: flex-start; display: flex; } .careers-step-container { grid-column-gap: 3em; grid-row-gap: 3em; flex-direction: row; grid-template-rows: auto; grid-template-columns: .3fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .careers-why-us-steps-point-svg { width: .9em; margin-top: .6em; } .how-we-hire-point { color: #fff; white-space: normal; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.1em; font-weight: 700; line-height: 2em; } .careers-steps-container { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; display: flex; } .how-we-hire-image { width: 100%; height: 56.5em; object-fit: cover; object-position: 50% 100%; } .articles-title-container { grid-column-gap: 4em; grid-row-gap: 4em; grid-template-rows: auto; grid-template-columns: 2fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .articles-link-container { grid-column-gap: 3.6em; grid-row-gap: 3.6em; justify-content: flex-end; display: flex; } .blog-category-list { grid-column-gap: 3.6em; grid-row-gap: 3.6em; display: flex; } .title-404 { letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.5em; font-weight: 700; line-height: 1.25em; } .password-page-title { letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 3em; font-weight: 400; line-height: 1.25em; } .case-study-image { width: 100%; height: 30em; object-fit: cover; } .case-studie-body-title { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: .5em; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 600; line-height: 1.4em; text-decoration: none; } .cart-quantity { width: 1.1em; height: 1.25em; min-width: auto; color: #101828; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center; margin-left: 0; padding-left: 0; padding-right: 0; display: flex; } .cart-quantity.nav-menu-text { color: #fff; } .cart-button { color: #000; background-color: rgba(0, 0, 0, 0); padding: .5em 1em; } .checkout-button { color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 1px #000; border-radius: 0; margin-top: .9em; padding-top: .45em; padding-bottom: .45em; font-size: .9em; font-weight: 500; } .cart-quantity-window { width: 4.5em; height: 3em; background-color: rgba(0, 0, 0, 0); border-color: #fff; border-radius: 0; font-size: 1em; } .empty-state-2 { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; padding-top: 9em; padding-bottom: 9em; } .glow-button { color: #101828; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; padding: .5em 1em; font-size: .9em; transition: background-color .2s, color .2s; } .glow-button:hover { color: #fff; background-color: #000; } .cart-container { min-width: 26em; box-shadow: none; background-color: #1e1e1e; border: 1px solid #fff; margin-top: 3em; margin-right: -19em; } .cart-header { padding: 1.2em 1.9em; } .icon { width: 1.4em; } .dropdown-links-container { background-color: #1e1e1e; border: 1px solid #fff; padding-bottom: 1em; display: flex; position: relative; } .dropdown-list { top: 3em; } .dropdown-list.w--open { top: 6em; } .green-salad-line-dropdown { width: 100%; height: 1em; background-color: #fff; position: absolute; top: auto; bottom: 0%; left: 0%; right: auto; } .dropdown-toggle { grid-column-gap: 1.25em; grid-row-gap: 1.25em; padding: .5em 0 .5em 1em; display: flex; } .dropdown-icon { width: 1em; margin-right: 1em; } .mobile-menu { z-index: 1001; display: none; position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; } .mobile-menu-fixed-bg { z-index: 1; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); background-color: rgba(255, 255, 255, .03); position: fixed; top: 0%; bottom: 0%; left: 0%; right: 0%; } .mobile-menu-container { z-index: 1001; width: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: 0%; } .mobile-menu-links { z-index: 2; padding: 2.5em 9vw 2.5em 8vw; position: static; } .mobile-menu-social { z-index: 0; position: relative; } .mobile-menu-close-button { z-index: 2; justify-content: center; align-items: center; display: flex; position: relative; } .mobile-menu-bg { z-index: -1; background-color: #1e1e1e; position: absolute; top: 0%; bottom: 0%; left: 0%; right: 0%; } .mobile-menu-line-decoration { width: 100%; height: 1em; background-color: #fff; position: absolute; top: auto; bottom: 0%; left: 0%; right: 0%; } .mobile-menu-line-decoration.blur { filter: blur(9px); } .mobile-menu-social-links-container { grid-column-gap: 2em; grid-row-gap: 2em; justify-content: center; padding-top: 2em; padding-bottom: 3em; display: flex; } .mobile-menu-link-text { color: #fff; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.4em; } .mobile-menu-main-links-container { grid-column-gap: 2.5em; grid-row-gap: 2.5em; flex-wrap: wrap; align-content: space-between; justify-content: center; align-items: center; display: flex; } .mobile-nav-line-separator { z-index: 1; width: 100%; height: 1px; filter: saturate(200%); color: #fff; background-color: rgba(0, 0, 0, 0); position: relative; } .plan-butto-container { justify-content: flex-end; display: flex; } .about-image { z-index: -1; width: 100%; height: 100%; object-fit: cover; } .spacer-16px { width: 16px; height: 16px; } .contact-form-container { flex-direction: column; justify-content: flex-start; display: flex; } .about-us-image-container { z-index: -102; width: 100%; height: 100%; position: relative; } .about-us-contaienr { grid-column-gap: 6em; grid-row-gap: 6em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .about-plus-for-number { color: #101828; font-size: 40px; font-weight: 600; line-height: 40px; display: none; position: absolute; top: -15px; bottom: auto; left: auto; right: -15px; } .project-number-container-absolute { display: flex; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .number-span-text { color: #fff; font-size: 3.8em; font-weight: 600; line-height: 1.25em; } .number-wraper-animation { position: relative; overflow: hidden; } .number-container { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; align-items: center; display: flex; } .project-number-container { display: flex; position: relative; } .numbers-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex; position: relative; } .number-wraper { position: relative; } .about-services-image-2 { z-index: -101; width: 70%; height: 80%; object-fit: cover; position: absolute; top: auto; bottom: 0%; left: auto; right: 0%; } .services-featured-container { width: 5em; height: 5em; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 50em; justify-content: center; align-items: center; padding: 1.2em; display: flex; position: relative; overflow: hidden; } .services-images-container { position: relative; } .sevices-container { grid-column-gap: 3em; grid-row-gap: 3em; flex-direction: column; display: flex; } .services-container { grid-column-gap: 6em; grid-row-gap: 6em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .about-services-image-1 { z-index: -102; width: 70%; height: 80%; object-fit: cover; position: absolute; } .service-container { grid-column-gap: 2em; grid-row-gap: 2em; grid-template-rows: auto; grid-template-columns: .5fr 1fr; grid-auto-columns: 1fr; justify-content: flex-start; align-items: flex-start; display: flex; } .about-service { width: 100%; height: 100%; object-fit: cover; } .services-featured-icon { width: 100%; height: 100%; } .services-text-container { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; display: flex; } .fqa-title { color: #fff; white-space: normal; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.3em; font-weight: 700; line-height: 2em; } .award-unordered-list { grid-column-gap: 1.25em; grid-row-gap: 1.25em; flex-direction: column; margin-bottom: 0; padding-left: 0; list-style-type: none; display: flex; } .awards-container { grid-column-gap: 6em; grid-row-gap: 6em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .award-list-item { min-height: 14px; color: #fff; background-image: url("https://assets.website-files.com/64d9e7b1693ca5d7a467c4b4/64d9e7b1693ca5d7a467c509_triangle-white.svg"); background-position: 0%; background-repeat: no-repeat; background-size: .9em; padding-left: 2.5em; } .team-member-container { grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; padding: 0; display: flex; position: relative; } .team-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .team-member-container-text { z-index: 1; grid-column-gap: .7em; grid-row-gap: .7em; flex-direction: column; padding: 2.5em 4em; display: flex; position: relative; } .team-image-container { width: 100%; height: 33em; position: relative; } .team-member-image { width: 100%; height: 100%; object-fit: cover; } .case-studie-header-container { max-width: 60em; } .case-studie-heading { text-align: left; letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 3em; font-weight: 700; line-height: 1.3em; } .product-page-container { grid-column-gap: 4em; grid-row-gap: 4em; border: 0 solid #000; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding: 4em; display: grid; position: relative; } .product-page-variant-image { position: absolute; top: 2em; bottom: auto; left: auto; right: 2em; } .product-page-variant-image.blur { filter: blur(4px); } .product-page-price { color: #fff; text-align: center; letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 4em; font-weight: 700; line-height: 1.25em; } .product-price-container-decor { width: 100%; height: .5em; background-color: #fff; position: absolute; top: auto; bottom: 0%; left: 0%; right: auto; } .product-price-container-decor.blur { filter: blur(9px); } .quantity { width: 100%; height: 100%; } .add-to-cart-button { width: 100%; height: 4em; color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 1px solid #000; justify-content: center; padding: 0; font-size: .9em; transition: background-color .2s, color .2s; } .add-to-cart-button:hover { color: #fff; background-color: #000; } .buy-now-button { width: 100%; height: 4em; color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 1px solid #000; justify-content: center; margin-top: 0; padding: 0; font-size: .9em; font-weight: 400; transition: background-color .2s, color .2s; display: flex; } .buy-now-button:hover { color: #fff; background-color: #000; } .default-state { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; margin-bottom: 0; display: grid; } .option { height: 100%; margin-right: 1em; } .select-field { height: 100%; color: #fff; background-color: rgba(0, 0, 0, 0); border: 0 solid #fff; margin-bottom: 0; padding: 0 0 0 1em; } .option-list { border: 1px solid #fff; } .product-text-container { grid-column-gap: 1.25em; grid-row-gap: 1.25em; flex-direction: column; display: flex; } .product-key-points-container { grid-column-gap: .5em; grid-row-gap: .5em; flex-direction: column; flex: 1; justify-content: flex-end; margin-top: .5em; display: flex; } .apple-pay { border-radius: 0; } .product-page-title { letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.2em; font-weight: 700; line-height: 1.25em; } .submit-button { color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 1px #000; border-radius: 0; } .category-page-title-container { grid-column-gap: .8em; grid-row-gap: .8em; display: flex; } .submit-button-2 { color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 1px #000; border-radius: 0; } .cart-container-mobile { min-width: 26em; box-shadow: none; background-color: #1e1e1e; border: 1px solid #fff; } .cart-wrapper { z-index: 3001; } .mobile-cart-button { color: #000; background-color: rgba(0, 0, 0, 0); padding: 16px; } .dropdown-link, .dropdown-link.w--current { color: #fff; } .mobile-menu-close-icon-container { padding: 2em 10%; } .mobile-menu-card-icon-container { position: absolute; right: 5vw; } .mobile-card-number { color: #000; background-color: #fff; border: 0 solid #000; margin-left: 0; padding-top: 0; padding-left: 0; padding-right: 0; font-size: 9px; font-weight: 600; position: absolute; top: 8px; right: 5px; } .product-price-container { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; justify-content: center; display: flex; } .link-overline-copy { color: #fff; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 0; font-size: .9em; font-weight: 400; line-height: 2em; transition: color .2s; } .customer-info { border: 0 solid #000; } .order-confirmation, .checkout-form { background-color: rgba(0, 0, 0, 0); padding: 0; } .product-form-body { background-color: rgba(0, 0, 0, 0); border: 1px #000; position: relative; } .product-form-header { background-color: rgba(0, 0, 0, 0); border-top-style: none; border-top-color: #000; border-bottom-width: 0; border-left-style: none; border-left-color: #000; border-right-style: none; border-right-color: #000; position: relative; } .paypal-checkout-form { background-color: rgba(0, 0, 0, 0); } .product-form-bold-text { color: #fff; white-space: normal; margin-bottom: 0; font-size: 1.1em; font-weight: 700; line-height: 2em; } .product-page-description-container { grid-column-gap: 4em; grid-row-gap: 4em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .service-header-container { max-width: 60em; } .heading-case-studie { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.25em; text-decoration: none; } .services-page-case-study-container { grid-column-gap: 6em; grid-row-gap: 6em; grid-template-rows: auto; grid-template-columns: 1.75fr 1fr; grid-auto-columns: 1fr; display: grid; } .button-green { color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 0 #000; margin-bottom: .5em; padding: .5em 1em; font-size: .9em; transition: background-color .2s, color .2s; } .button-green:hover { color: #fff; background-color: #000; } .button-outline { color: #fff; letter-spacing: .06em; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; margin-bottom: .5em; padding: .5em 1em; font-size: .9em; transition: background-color .2s, color .2s; } .button-outline:hover { color: #fff; background-color: #000; } .services-page-case-study-buttons-contianer { grid-column-gap: 3em; grid-row-gap: 3em; display: flex; } .services-page-case-study-text-contianer { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; display: flex; } .case-studie-post { grid-column-gap: 4em; grid-row-gap: 4em; grid-template-rows: auto; grid-template-columns: 1fr 2.5fr; grid-auto-columns: 1fr; display: grid; } .div-block-7 { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: start; display: grid; } .div-block-8 { flex-direction: column; justify-content: center; align-items: center; display: flex; } .services-single-image { width: 100%; height: 35em; object-fit: cover; } .single-service-about-container { grid-column-gap: 5em; grid-row-gap: 5em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; grid-auto-flow: row; display: grid; } .single-service-process-container { grid-column-gap: 5em; grid-row-gap: 5em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .single-service-process-title-decor { width: 1em; height: 100%; max-width: 11px; background-color: #fff; border: 0 #000; position: relative; } .single-service-process-title-decor.glow { filter: blur(9px); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .single-service-process-title { grid-column-gap: 1.5em; grid-row-gap: 1.5em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; align-items: stretch; display: flex; } .services-page-process-title { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.25em; text-decoration: none; } .single-service-process { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; display: flex; } .card-title-text { color: #fff; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.6em; font-weight: 700; line-height: 1.25em; } .card-title-header { color: #fff; text-align: center; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.9em; font-weight: 700; line-height: 1.4em; } .glow-services-cards { height: 100%; grid-column-gap: 3em; grid-row-gap: 3em; border: 1px #000; flex-direction: column; justify-content: space-between; padding-bottom: 3em; display: flex; position: relative; } .glow-services-card-section-one, .glow-services-card-section-two { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; padding-left: 4em; padding-right: 4em; display: flex; } .glow-services-card-title { border-bottom: 1px #000; padding-top: 1.5em; padding-bottom: 1.5em; position: relative; } .services-card-decor { width: 100%; height: .6em; background-color: #fff; position: absolute; top: auto; bottom: 0%; left: 0%; right: auto; } .services-card-decor.glow { filter: blur(9px); } .hero-grid-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .heading-h1-copy { color: #fff; letter-spacing: -.02em; margin-top: 0; margin-bottom: 0; padding-top: .1em; padding-bottom: .1em; font-family: Onest, sans-serif; font-size: 3.63em; font-weight: 700; line-height: 1.25em; } .heading-h1-copy.blur { z-index: -1; filter: blur(3px); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .center-content { display: flex; justify-content: center; align-items: center; } .heading-logo { width: 40em; height: auto; /* padding: 10px; */ margin-left: -50px; } .overline-small-copy { color: #fff; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 0; font-size: .8em; font-weight: 500; line-height: 2em; } .herro-number { font-family: Inter, sans-serif; font-size: 2.7em; font-weight: 700; } .hero-image { z-index: -1; width: 100%; height: 100%; filter: saturate(0%); object-fit: cover; position: relative; } .hero-buttons-container { grid-column-gap: 2.25em; grid-row-gap: 3em; margin-top: 2em; display: flex; } .hero-image-container { position: relative; } .welcom-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-top: 5em; padding-bottom: 5em; display: grid; } .welcom-text { color: #fff; font-size: 1.3em; font-weight: 500; } .hero-text-line-container { grid-column-gap: .65em; grid-row-gap: .65em; display: flex; } .div-block-18 { z-index: -1; width: 100%; height: 1em; background-color: rgba(255, 255, 255, .3); position: absolute; top: auto; bottom: 17%; left: 0%; right: auto; } .div-block-19 { padding-left: .3em; padding-right: .3em; position: relative; } .hero-text-div { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: column; padding: 5em 4em; display: flex; } .hero-button-outline { width: 10.5em; color: #fff; letter-spacing: .06em; text-transform: uppercase; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; justify-content: center; align-items: center; padding: .5em 1em; font-size: .9em; transition: background-color .2s, color .2s; display: flex; } .hero-button-outline:hover { color: #fff; background-color: #000; } .hero-button-outline.blur { z-index: -1; filter: blur(5px); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .hero-button-green { width: 10.5em; color: #000; letter-spacing: .06em; text-transform: uppercase; background-color: #fff; border: 1px #000; flex-direction: row; justify-content: center; align-items: center; padding: .5em 1em; font-size: .9em; transition: background-color .2s, color .2s; display: flex; } .hero-button-green:hover { color: #fff; background-color: #000; } .hero-button-green.blur { z-index: -1; filter: blur(5px); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .hero-numbers-container { grid-column-gap: 1em; grid-row-gap: 16px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: flex; position: relative; } .logos-rotation-animation { background-color: rgba(255, 255, 255, .05); flex-direction: row; justify-content: flex-start; align-items: flex-start; padding-top: 4em; padding-bottom: 4em; display: flex; position: relative; overflow: hidden; } .logo-rotation-container-one { grid-column-gap: 2em; flex-wrap: nowrap; flex: none; justify-content: flex-start; padding-right: 2em; display: flex; position: static; } .logo-rotation-container-two { grid-column-gap: 2em; flex: none; justify-content: flex-start; padding-right: 2em; display: flex; position: relative; } .rotate-image-size { width: 13em; } .star-rating { width: 1.8em; } .testimonial-text { color: #bbb; white-space: normal; margin-bottom: 0; font-size: 1.1em; font-weight: 400; line-height: 2em; } .testimonial-container { padding: 4em; position: relative; } .star-rating-container { grid-column-gap: .5em; grid-row-gap: .5em; display: flex; } .testimonials-container { grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; padding-left: 0; padding-right: 0; display: grid; } .testimonial-header { justify-content: space-between; margin-bottom: 1.5em; display: flex; overflow: hidden; } .overflow-hidden { display: inline-block; overflow: hidden; } .testimonial-footer { justify-content: space-between; margin-top: 2em; display: flex; } .div-block-22 { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; display: flex; } .testimonial-image-container { width: 4.9em; box-shadow: none; object-fit: cover; background-color: #fff; border: 1px solid #000; border-radius: 50%; overflow: hidden; } .testimonial-image { width: 100%; height: 100%; object-fit: cover; } .process-card-list-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .process-card-container { grid-column-gap: 1em; grid-row-gap: 1em; border: 0 #000; flex-direction: column; padding: 3em 4em; display: flex; position: relative; } .process-card-decor { z-index: -1; width: .6em; height: 100%; background-color: #fff; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .process-card-decor-color { z-index: -1; width: .6em; height: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; background-image: linear-gradient(180deg, #003fbd 0%, #0050f0 29%, #1f69ff 38%, #528bff 42%, #85adff 45%, #b3ccff 47%, #e6efff 49%, #fff4f0 51%, #ffdbcc 52%, #ffc7ad 54%, #fead8b 58%, #fe9467 62%, #fe7f48 71%, #fe6625 100%); background-size: 100% 500%; animation: textShine 4.5s ease-in-out infinite alternate; } .process-card-decor.blur { filter: blur(9px); } .process-card-title { color: #fff; text-align: left; letter-spacing: 0; text-transform: none; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.4em; } .blog-post-card-title-copy { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 1.8em; font-weight: 700; line-height: 1.4em; text-decoration: none; } .gradient-border { --border-width: 3px; position: relative; display: flex; justify-content: center; align-items: center; color: white; } .gradient-border::after { position: absolute; content: ""; top: calc(-1 * var(--border-width)); left: calc(-1 * var(--border-width)); z-index: -1; width: calc(100% + var(--border-width) * 2); height: calc(100% + var(--border-width) * 2); background: linear-gradient(35deg, #003fbd 0%, #0050f0 29%, #1f69ff 38%, #528bff 42%, #85adff 45%, #b3ccff 47%, #e6efff 49%, #fff4f0 51%, #ffdbcc 52%, #ffc7ad 54%, #fead8b 58%, #fe9467 62%, #fe7f48 71%, #fe6625 100%); background-size: 500% 500%; background-position: 0 50%; /* border-radius: calc(2 * var(--border-width)); */ animation: moveGradient 9s ease-in-out alternate infinite; } @keyframes moveGradient { 50% { background-position: 100% 50%; } } .title { background-image: linear-gradient(35deg, #003fbd 0%, #0050f0 29%, #1f69ff 38%, #528bff 42%, #85adff 45%, #b3ccff 47%, #e6efff 49%, #fff4f0 51%, #ffdbcc 52%, #ffc7ad 54%, #fead8b 58%, #fe9467 62%, #fe7f48 71%, #fe6625 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-clip: text; /* font-size: 3rem; */ margin-top: 0px; margin-bottom: 0px; /* font-weight: 800; */ min-width: max-content; background-size: 500% auto; animation: textShine 4.5s ease-in-out infinite alternate; } @keyframes textShine { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } } .luminous-borders-container { z-index: -100; width: 100%; height: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-container.z-index-100 { z-index: -100; } .luminous-borders-container.z-index-1 { z-index: 1; } .luminous-borders-solid { width: 100%; height: 100%; border: 2px solid #fff; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-solid.no-bottom { border-bottom-width: 0; } .luminous-borders-solid.no-right { border-right-width: 0; } .luminous-borders-solid.no-top { border-top-width: 0; } .luminous-borders-solid.only-right { border-top-width: 0; border-bottom-width: 0; border-left-width: 0; } .luminous-borders-solid.blog-card-image { border-bottom-width: 0; border-right-width: 0; } .luminous-borders-solid.blog-card-text { border-bottom-width: 0; } .luminous-borders-solid.no-left { border-left-width: 0; } .luminous-borders-solid.plan { border-top-width: 0; border-bottom-width: 0; } .luminous-borders-solid.team-card-image { border-width: 1px 1px 0; } .luminous-borders-solid.team-card-text { border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; } .luminous-borders-container-copy { z-index: -100; width: 100%; height: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-blur-copy { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; border-top-width: 0; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-solid-copy { width: 100%; height: 100%; border: 2px solid #fff; border-top-width: 0; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .section-title-container { justify-content: center; padding-top: 2.5em; padding-bottom: 2.5em; display: flex; } .section-title-line.fontsize-control-secondary, .section-title-blur.fontsize-control-secondary { font-size: 3.3em; } .section-title-line { color: rgba(0, 0, 0, 0); letter-spacing: 0; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 4em; font-weight: 700; line-height: 1em; } .section-title-blur { z-index: 1; filter: blur(5px); color: rgba(0, 0, 0, 0); letter-spacing: 0; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 4em; font-weight: 700; line-height: 1em; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .noise-background { z-index: -100; width: 100%; height: 100%; opacity: .1; background-image: url("/images/general/noise.gif"); background-position: 0 0; background-size: auto; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .cta-section { padding-top: 6em; padding-bottom: 6em; position: relative; } .white-background { z-index: -101; width: 100%; height: 100%; background-image: linear-gradient(rgba(255, 255, 255, .05), rgba(255, 255, 255, .05)); position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-separator-nav-container { z-index: -100; width: 60vw; height: 100%; margin-left: 20vw; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .cta-decor-solid { z-index: 2; width: 1em; height: 100%; max-width: 11px; border: 1px #000; position: absolute; background: rgb(0, 73, 211); background: -moz-linear-gradient(180deg, rgba(0, 73, 211, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(254, 103, 38, 1) 70%); background: -webkit-linear-gradient(180deg, rgba(0, 73, 211, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(254, 103, 38, 1) 70%); background: linear-gradient(180deg, rgba(0, 73, 211, 1) 30%, rgba(255, 255, 255, 1) 50%, rgba(254, 103, 38, 1) 70%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0049d3", endColorstr="#fe6726", GradientType=1); } .cta-title-decoration-container { width: 1em; position: relative; } .mobile-nav-line-separator-solid { z-index: 1; width: 100%; height: 1px; filter: saturate(200%); color: #fff; background-color: #fff; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .mobile-nav-line-separator-blur { z-index: 1; width: 100%; height: 1px; filter: blur(9px); color: #fff; background-color: #fff; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .pricing-image-copy { width: 3.5em; position: absolute; top: 2em; bottom: auto; left: auto; right: 3em; } .pricing-image-copy.blur { filter: blur(2px); } .cta-button-container { position: relative; } .shoping-page-title-text { color: #fff; white-space: normal; margin-bottom: 0; font-size: 1.1em; font-weight: 700; line-height: 2em; } .option-confirmation-page { padding-left: 0; } .input-style { background-color: rgba(255, 255, 255, .2); border-radius: 0; } .relative-container { position: relative; } .glow-circle-line { width: 100%; height: 100%; filter: blur(4px); border: 1px solid #fff; border-radius: 50em; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .mision-icon-container { position: relative; } .blog-post-container-line { display: none; } .footer-main-container { padding: 4em; position: relative; } .noise-background-copy { z-index: 1; width: 100%; height: 100%; opacity: .1; background-image: url("/images/general/noise.gif"); background-position: 0 0; background-size: auto; position: relative; top: 0%; bottom: auto; left: 0%; right: auto; } .relative-container-copy { position: relative; } .cart-heading-h4 { color: #fff; letter-spacing: 0; margin-top: 0; margin-bottom: 0; font-family: Onest, sans-serif; font-size: 2.1em; font-weight: 700; line-height: 1.25em; text-decoration: none; } .container-overflow-hidden { max-width: 100%; position: relative; } .glow-card-text-container { height: 100%; grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: column; justify-content: space-between; margin-bottom: 2.5em; margin-left: 4em; margin-right: 4em; display: flex; } .services-container-line { width: 15px; height: 100%; display: block; position: absolute; top: auto; bottom: 0%; left: auto; right: 0%; } .relative-container-overflow-hidden { position: relative; overflow: hidden; } .why-us-container { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .why-us-text-container { padding-left: 4em; padding-right: 4em; position: relative; } .cart-close-button { width: 2em; } .relative-container-copy { width: 100%; height: 100%; position: relative; } .luminous-borders-solid-hero { width: 100%; height: 100%; border: 2px solid #fff; border-top-width: 0; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-hero { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; border-top-width: 0; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .container-services { max-width: 100%; padding-left: 4em; padding-right: 0; position: relative; } .luminous-borders-solid-featured-image-blog { width: 100%; height: 100%; border: 0 solid #fff; border-width: 0 0 2px 2px; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-blur-featured-image-blog { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 0 solid #fff; border-width: 0 0 2px 2px; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .blog-post-container-line-left { display: none; } .author-social-media { grid-column-gap: 2.5em; grid-row-gap: 2.5em; justify-content: flex-end; align-items: flex-end; display: flex; } .author-container { width: 100%; height: 100%; position: relative; } .nav-item-line-2 { width: 0%; height: 1px; background-color: #000; } .autor-image { z-index: -1; width: 100%; height: 50em; object-fit: cover; } .author-form-container { flex-direction: column; justify-content: space-between; padding: 4em; display: flex; position: relative; } .author-contaienr { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .autors-luminous-borders-solid { width: 100%; height: 100%; border: 2px solid #fff; border-left-width: 0; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .authors-luminous-borders-blur { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; border-left-width: 0; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-blur-services { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-width: 0 1px 2px; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-solid-services { width: 100%; height: 100%; border: 1px solid #fff; border-width: 0 1px 2px; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .services-post-container-line-left { width: 15px; height: 100%; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .hero-container { margin-top: -2px; } .div-block-23 { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: column; display: flex; } .testimonials-post-container-line { display: none; } .luminous-borders-blur-2 { width: 100%; height: 100%; filter: blur(4px); background-color: rgba(0, 0, 0, 0); border: 2px solid #fff; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .luminous-borders-blur-2.only-right { border-top-width: 0; border-bottom-width: 0; border-left-width: 0; } @media screen and (min-width: 1280px) { .luminous-borders-blur.blog-card-image { border-bottom-width: 2px; border-left-width: 1px; border-right-width: 1px; } .luminous-borders-blur.blog-card-text { border-width: 2px 1px 1px; } .luminous-borders-blur.team-card-image { border-bottom-width: 2px; border-left-width: 1px; border-right-width: 1px; } .luminous-borders-blur.team-card-text { border-width: 2px 1px 1px; } .blog-cards-list { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .blog-cards-list-flex { display: flex; justify-content: center; align-items: center; } .blog-card-post-container { height: 100%; grid-column-gap: 0em; grid-row-gap: 0em; flex-direction: column; grid-template-columns: 1fr; display: flex; } .blog-card-image-link { width: 100%; height: 22.5em; } .blog-card-text-container { height: 100%; grid-column-gap: 1em; grid-row-gap: 1em; padding-top: 3em; padding-bottom: 3em; } .featured-blog-post-card-container { grid-template-columns: 2fr 1fr; } .animated-arrow-button-blog-post-card { display: block; } .blog-post-card-title { font-size: 1.8em; } .blog-post-card-text-container { z-index: 0; padding: 0; position: relative; } .articles-link-container { grid-column-gap: 3em; grid-row-gap: 3em; display: flex; } .blog-category-list { grid-column-gap: 3em; grid-row-gap: 3em; } .case-studie-body-title { font-size: 1.8em; } .testimonial-container { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; } .star-rating-container { grid-column-gap: .5em; grid-row-gap: .5em; } .blog-post-card-title-copy { font-size: 1.8em; } .luminous-borders-solid.blog-card-image { border-bottom-width: 2px; border-left-width: 1px; border-right-width: 1px; } .luminous-borders-solid.blog-card-text { border-width: 0 1px 1px; } .luminous-borders-solid.team-card-image { border-bottom-width: 2px; border-left-width: 1px; border-right-width: 1px; } .luminous-borders-solid.team-card-text { border-width: 0 1px 1px; } .blog-post-container-line { width: 15px; height: 100%; display: block; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; } .services-container-line { width: 15px; height: 100%; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; } .blog-post-container-line-left, .team-post-container-line-left { width: 15px; height: 100%; display: block; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .team-post-container-line { width: 15px; height: 100%; display: block; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; } .services-post-container-line-left { width: 15px; height: 100%; display: block; position: absolute; top: 0%; bottom: auto; left: 0%; right: auto; } .testimonials-post-container-line { width: 15px; height: 100%; display: none; position: absolute; top: 0%; bottom: auto; left: auto; right: 0%; } } @media screen and (min-width: 1440px) { body { font-size: .9vw; } .heading-h1-copy { font-size: 4.13em; } } @media screen and (min-width: 1920px) { body { font-size: .8vw; } .heading-h1-copy { font-size: 4.75em; } } @media screen and (max-width: 991px) { body { font-size: 16px; } h1 { margin-top: 20px; margin-bottom: 10px; font-size: 48px; line-height: 60px; } h2 { margin-top: 20px; margin-bottom: 10px; font-size: 36px; line-height: 44px; } h3 { margin-top: 20px; margin-bottom: 10px; font-size: 30px; line-height: 38px; } h4 { margin-top: 10px; margin-bottom: 10px; font-size: 24px; line-height: 32px; } h5 { margin-top: 10px; margin-bottom: 10px; font-size: 20px; line-height: 30px; } h6 { margin-top: 10px; margin-bottom: 10px; font-size: 18px; line-height: 28px; } p { margin-bottom: 10px; font-size: 16px; line-height: 32px; } li { background-position: 0 48%; font-size: 16px; line-height: 32px; } blockquote { margin-bottom: 20px; padding: 10px 20px; font-size: 16px; line-height: 32px; } .container { max-width: 1280px; padding-left: 32px; padding-right: 32px; } .ds-nav { width: 100%; height: 63px; } .ds-menu-link { width: 100vw; border-bottom: 1px #e6e6e6; padding: 12px 20px; transition: background-color .2s; } .ds-menu-link:hover { background-color: rgba(173, 173, 173, .07); } .ds-menu { width: 100%; color: #fff; background-color: #fff; padding-bottom: 20px; position: absolute; box-shadow: 1px 1px 3px #d0d5dd; } .ds-menu-brand { margin-top: 15px; margin-bottom: 15px; margin-left: 0; } .menu-button-2.w--open { background-color: #3b82f6; } .form-text-field { height: 50px; margin-bottom: 10px; padding: 8px 12px; } .margin-bottom { margin-bottom: 10px; } .spacer-4em---48px { width: 48px; height: 48px; display: block; } .text-md { font-size: 16px; line-height: 32px; } .rich-text img { margin-top: 32px; margin-bottom: 32px; } .overline-small { font-size: 12px; line-height: 24px; } .heading-h6 { font-size: 18px; line-height: 28px; } .accordion-title-text { padding-top: 16px; padding-bottom: 16px; } .text-sm { font-size: 14px; line-height: 28px; } .button { padding: 8px 32px; font-size: 16px; line-height: 1.5em; position: relative; } .button.outline.width-100 { padding: 8px 32px; } .spacer-6-5em---80px { width: 80px; height: 80px; } .spacer-0-7em---8px { width: 8px; height: 8px; } .column { width: 50%; } .heading-h3 { font-size: 30px; line-height: 38px; } .featured-icon { width: 56px; height: 56px; padding: 13px; } .heading-h2 { font-size: 36px; line-height: 44px; } .heading-h2.margin-bottom { margin-bottom: 10px; } .sg-block { margin-bottom: 40px; } .heading-h4 { font-size: 24px; line-height: 32px; } .spacer-5em---64px { width: 64px; height: 64px; } .spacer-2-5em---32px { width: 32px; height: 32px; } .accordion-inner { padding: 32px 24px; } ._12-columns { flex-flow: wrap; } .overline { font-size: 14px; line-height: 28px; } .badge { padding: 2px 10px; } .accordion-icon { width: 50px; margin-bottom: -1px; } .spacer-1-3em---16px { width: 16px; height: 16px; } .spacer-10em---128px { width: 128px; height: 128px; } .text-lg { font-size: 18px; line-height: 36px; } .heading-h5 { font-size: 20px; line-height: 30px; } .spacer-2em---24px { width: 24px; height: 24px; } .spacer-8em---96px { width: 96px; height: 96px; } .text-area { min-height: 100px; } .heading-h1 { font-size: 48px; line-height: 60px; } .paragraph-400px { max-width: 400px; } .pexel-image { height: 200px; } .utility-page-wrap { padding-left: 32px; padding-right: 32px; } .utility-page-content { grid-column-gap: 0px; grid-row-gap: 0px; } .utility-page-form { grid-column-gap: 1em; grid-row-gap: 1em; } ._404-text { font-size: 50px; } .utility-page-text-field { border: 1px solid #000; border-radius: 0; flex: 1; margin-bottom: 1em; padding: .8em 1em; font-size: 1em; } .utility-page-submit-button { color: #000; background-color: rgba(0, 0, 0, 0); border: 1px solid #000; border-radius: 0; padding: .3em 1em; font-size: 1em; } .feature-icon-svg { width: 22px; } .triangle-list { grid-column-gap: 5px; grid-row-gap: 5px; } .nav-menu-mobile { z-index: 2000; margin-right: -1.2em; padding: 1.2em; display: block; position: relative; } .nav-logo { width: 100%; } .nav-menu-text { font-size: 14px; } .nav-bar-container { margin-top: 0; margin-bottom: 0; padding: 10px 32px; } .nav-logo-container { width: 95px; } .nav-menu-link { border-bottom: 1px #e2e2e2; } .nav-menu-link.last, .nav-menu-links { display: none; } .footer-grid { grid-column-gap: 32px; grid-row-gap: 32px; margin-bottom: 0; } .footer-attribution-container { margin-top: 0; margin-bottom: 0; padding: 3em 32px; } .logo-container { width: 95px; } .footer-link-block { grid-column-gap: 60px; grid-row-gap: 60px; } .social-links { grid-column-gap: 1em; grid-row-gap: 1em; } .luminous-borders-blur.plan { border-bottom-width: 2px; } .luminous-borders-blur.team-card-image { border-width: 0 2px 2px; } .luminous-borders-blur.team-card-text { border-top-width: 0; border-left-width: 0; border-right-width: 2px; } .space-nav { height: 90px; } .blog-card-post-container { grid-column-gap: 0em; grid-row-gap: 0em; } .blog-card-image-link { width: 100%; height: 100%; } .blog-card-text-container { padding-top: 3em; padding-left: 32px; padding-right: 32px; } .featured-blog-post-card-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 2fr; } .featured-blog-post-card-text-container { padding-left: 32px; padding-right: 32px; } .arrow-button-text { font-size: 12px; } .blog-post-card-title { font-size: 24px; line-height: 32px; } .nav-bar-container-box { padding-left: 0; padding-right: 0; } .featured-blog-post-card-image { height: 50vw; } .blog-post-main-image { height: 60vw; } .blog-post-header-container { margin-left: 32px; margin-right: 32px; } .blog-post-heading { font-size: 36px; line-height: 44px; } .blog-post-header-text { font-size: 16px; line-height: 32px; } .blog-post-overline { font-size: 14px; line-height: 28px; } .masonary-image-vertical { height: 50vw; } .collection-list-wrapper-desktop { display: none; } .masonary-image-horizontal { height: 30vw; } .masonary-grid-container { column-count: 3; } .collection-list-wrapper-mobile { display: block; } .gallery-tabs { margin-top: 1em; } .gallery-tab { padding-left: 1em; padding-right: 1em; font-size: 14px; line-height: 28px; } .gallery-tab.last { padding-right: 0; } .gallery-header-container { position: static; } .moder-form-text-field, .modern-text-area { margin-bottom: 48px; padding: 12px 0 32px; font-size: 1em; } .button-contact-us { padding: 8px 0 16px; font-size: .9em; position: relative; } .google-maps-image { min-height: 400px; object-fit: cover; } .contact-form-and-map-container { grid-column-gap: 4em; grid-row-gap: 4em; grid-template-columns: 1fr; } .contact-header { grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr; } .contact-social-media { justify-content: flex-start; } .link-overline { font-size: 12px; line-height: 28px; } .contact-info-main-container { margin-top: 6em; } .nav-item-line { display: none; } .collection-list { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 1fr 1fr; } .services-cards-green-lines-container { grid-column-gap: 13px; grid-row-gap: 13px; } .glow-card-subtitle { left: 0; } .glow-card-title { padding-left: 32px; padding-right: 32px; } .glow-card-title-icon { width: 10px; } .pricing-grid { grid-template-columns: 1fr; } .product-card-container { padding-left: 32px; padding-right: 32px; } .plan-price-text { font-size: 42px; line-height: 50px; } .product-card-text { font-size: 16px; line-height: 32px; } .cta-tilte { font-size: 30px; line-height: 38px; } .cta-container { grid-column-gap: 1.5em; grid-row-gap: 1.5em; } .cta-text-container { grid-column-gap: 2em; grid-row-gap: 2em; flex-direction: row; } .cta-button { margin-bottom: 0; margin-left: 0; } .cta-button.blur { z-index: -1; } .featured-blog-post-tile { font-size: 24px; line-height: 32px; } .section-subtitle { font-size: 30px ; line-height: 38px; } .careers-why-us-grid { grid-template-columns: 1fr; } .how-we-hire-point { font-size: 16px; line-height: 32px; } .how-we-hire-image { height: 80vw; } .articles-title-container { display: flex; } .articles-link-container, .blog-category-list { grid-column-gap: 2em; grid-row-gap: 2em; } .title-404 { font-size: 30px; line-height: 38px; } .password-page-title { font-size: 36px; line-height: 44px; } .case-study-image { height: 55vw; } .case-studie-body-title { font-size: 24px; line-height: 32px; } .green-salad-line-dropdown { height: 10px; } .mobile-menu-container { position: fixed; } .mobile-menu-link-text { font-size: 20px; line-height: 30px; } .about-image { height: 55vw; } .about-us-image-container { z-index: 0; position: relative; overflow: hidden; } .about-us-contaienr { grid-column-gap: 48px; grid-row-gap: 48px; grid-template-columns: 1fr; } .number-span-text { font-size: 48px; } .numbers-container { grid-column-gap: 6px; grid-row-gap: 6px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .services-featured-container { width: 56px; height: 56px; padding: 13px; } .services-images-container { height: 100vw; } .sevices-container { grid-column-gap: 32px; grid-row-gap: 32px; } .services-container { grid-column-gap: 64px; grid-row-gap: 64px; grid-template-columns: 1fr; } .service-container { grid-column-gap: 20px; grid-row-gap: 20px; } .services-text-container { grid-column-gap: 5px; grid-row-gap: 5px; } .fqa-title { font-size: 18px; line-height: 36px; } .award-unordered-list { grid-column-gap: 14px; grid-row-gap: 14px; } .awards-container { grid-column-gap: 32px; grid-row-gap: 32px; grid-template-columns: 1fr; } .team-member-container { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-rows: auto; grid-template-columns: .5fr 1fr; grid-auto-columns: 1fr; display: grid; } .team-container { grid-template-columns: 1fr; } .team-member-container-text { grid-column-gap: .7em; grid-row-gap: .7em; padding-left: 32px; padding-right: 32px; } .team-image-container { height: 100%; overflow: hidden; } .case-studie-heading { font-size: 36px; line-height: 44px; } .product-page-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 1fr; padding-left: 32px; padding-right: 32px; } .product-page-variant-image { top: 2em; right: 32px; } .product-page-price { font-size: 48px; line-height: 60px; } .add-to-cart-button, .buy-now-button { height: 47px; font-size: 14px; } .product-page-title { font-size: 30px; line-height: 38px; } .mobile-menu-card-icon-container { right: 2em; } .product-price-container { margin-top: 2em; margin-bottom: 2.5em; } .link-overline-copy { font-size: 12px; line-height: 28px; } .product-form-bold-text { font-size: 16px; line-height: 32px; } .product-page-description-container { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 1fr; } .heading-case-studie { font-size: 24px; line-height: 32px; } .services-page-case-study-container { grid-column-gap: 4em; grid-row-gap: 4em; grid-template-columns: 2fr; } .button-green, .button-outline { justify-content: center; align-items: center; margin-bottom: 0; display: flex; } .services-page-case-study-buttons-contianer { grid-column-gap: 4em; grid-row-gap: 4em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .services-page-case-study-text-contianer { padding-left: 32px; padding-right: 32px; } .case-studie-post { align-items: start; } .div-block-7 { grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr; } .services-page-process-title { font-size: 24px; line-height: 32px; } .card-title-text { font-size: 18px; line-height: 28px; } .card-title-header { font-size: 20px; line-height: 30px; } .glow-services-card-section-one, .glow-services-card-section-two { padding-left: 32px; padding-right: 32px; } .hero-grid-container { grid-template-columns: 1fr; } .heading-h1-copy { padding-top: 1.5vw; padding-bottom: 1.5vw; font-size: 7.9vw; line-height: 1em; } .overline-small-copy { font-size: 12px; line-height: 24px; } .herro-number { font-size: 32px; } .hero-image { height: 60vw; } .hero-buttons-container { grid-column-gap: 2.5em; grid-row-gap: 4em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .hero-text-container { grid-column-gap: 20px; grid-row-gap: 20px; flex-direction: column; display: flex; } .hero-text-div { padding-left: 32px; padding-right: 32px; } .hero-button-outline, .hero-button-green { justify-content: center; align-items: center; margin-bottom: 0; display: flex; } .hero-numbers-container { grid-column-gap: 6px; grid-row-gap: 6px; grid-template-rows: auto; grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .rotate-image-size { width: 9em; } .testimonial-text { font-size: 16px; line-height: 32px; } .testimonial-container { padding-left: 32px; padding-right: 32px; } .testimonials-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 1fr; } .process-card-list-container { grid-template-columns: 1fr 1fr; } .process-card-container { padding-left: 32px; padding-right: 32px; } .process-card-decor { width: .6em; } .process-card-title { font-size: 20px; line-height: 30px; } .blog-post-card-title-copy { font-size: 24px; line-height: 32px; } .luminous-borders-solid.plan { border-bottom-width: 2px; } .luminous-borders-solid.team-card-image { border-width: 0 2px 2px; } .luminous-borders-solid.team-card-text { border-top-width: 0; border-left-width: 0; border-right-width: 2px; } .section-title-container { padding-top: 1.5em; padding-bottom: 1.5em; } .section-title-line, .section-title-blur { font-size: 32px; line-height: 60px; } .luminous-borders-separator-nav-container { width: 50vw; flex: 0 auto; margin-left: 25vw; } .pricing-image-copy { right: 32px; } .cta-button-container { height: 100%; padding-left: 0; } .shoping-page-title-text { font-size: 16px; line-height: 32px; } .footer-main-container { padding: 4em 32px; } .cart-heading-h4 { font-size: 24px; line-height: 32px; } .container-overflow-hidden { max-width: 1280px; padding-left: 0; padding-right: 0; overflow: hidden; } .glow-card-text-container { margin-left: 32px; margin-right: 32px; } .why-us-container { grid-template-columns: 1fr 1fr; } .why-us-text-container { padding-left: 32px; padding-right: 32px; } .luminous-borders-solid-hero, .luminous-borders-hero { border-top-width: 2px; } .container-services { max-width: 1280px; padding-left: 0; padding-right: 0; } .luminous-borders-solid-featured-image-blog, .luminous-borders-blur-featured-image-blog { border-right-width: 2px; } .author-social-media { justify-content: flex-start; } .author-container { z-index: 0; position: relative; overflow: hidden; } .nav-item-line-2 { display: none; } .autor-image { height: 65vw; } .author-form-container { padding: 2em 32px; } .author-contaienr { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; } .autors-luminous-borders-solid, .authors-luminous-borders-blur { border-left-width: 2px; } .team-post-container-line-left, .team-post-container-line { display: none; } .testimonials-post-container-line { display: block; } } @media screen and (max-width: 767px) { h1 { font-size: 36px; line-height: 44px; } h2 { font-size: 32px; line-height: 40px; } h3 { font-size: 28px; line-height: 36px; } .menu-button-2 { background-color: rgba(0, 0, 0, 0); } .menu-button-2.w--open { background-color: #2d99ff; } .ds-section.header { padding-left: 1em; padding-right: 1em; } .heading-h6 { line-height: 24px; } .button.outline { cursor: pointer; box-shadow: inset 0 0 0 1.5px rgba(102, 112, 133, .5); } .button.outline:hover { background-color: #f9fafb; box-shadow: inset 0 0 0 2px #667085; } .button.outline:active { background-color: #f2f4f7; } .column._4-column { width: 100%; } .heading-h3 { font-size: 28px; line-height: 36px; } .ds-colour-block { width: 25%; } .heading-h2 { font-size: 32px; line-height: 40px; } .accordion-inner { padding-left: 0; padding-right: 0; } ._12-columns { flex-wrap: wrap; } .overline { margin-top: 0; } .heading-h5 { line-height: 28px; } .heading-h1 { font-size: 36px; line-height: 44px; } .heading-h1.bold.w--current { color: #fff; } .pexels-images { grid-template-columns: 1fr 1fr 1fr; } .utility-page-wrap { padding-top: 5em; padding-bottom: 5em; } .nav-menu-mobile { cursor: pointer; display: block; } .nav-menu-links { display: none; } .footer-grid { grid-row-gap: 32px; grid-template-columns: 1fr; } .footer-attribution-container { padding-top: 2em; padding-bottom: 2em; } .footer-link-block { justify-content: space-between; } .luminous-borders-blur.blog-card-image, .luminous-borders-blur.team-card-image { border-right-width: 2px; } .luminous-borders-blur.team-card-text { border-bottom-width: 0; border-left-width: 2px; } .blog-card-image { height: 60vw; } .blog-card-post-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 1fr; min-height: 700px; } .blog-card-text-container { grid-column-gap: 16px; grid-row-gap: 16px; } .featured-blog-post-card-container { grid-column-gap: 0em; grid-row-gap: 0em; grid-template-columns: 2fr; } .blog-post-card-text-container { grid-column-gap: 1em; grid-row-gap: 1em; } .featured-blog-post-card-image { height: 60vw; } .blog-post-heading { font-size: 32px; line-height: 40px; } .masonary-image-vertical { height: 60vw; } .masonary-image-horizontal { height: 40vw; } .masonary-grid-container { column-count: 2; } .contact-social-media { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: row; align-items: flex-start; } .collection-list { grid-template-columns: 1fr; } .services-cards-green-lines-container { grid-column-gap: 13px; grid-row-gap: 13px; } .glow-card-title-icon { width: 10px; } .plan-price-text { line-height: 36px; } .cta-tilte { font-size: 22px; line-height: 36px; } .cta-text-container { grid-column-gap: 1.5em; grid-row-gap: 1.5em; flex-direction: column; } .cta-button { justify-content: center; align-items: center; display: flex; } .section-subtitle { font-size: 28px ; line-height: 36px; } .careers-step-container { grid-template-columns: .4fr 1fr; } .articles-link-container { grid-column-gap: 1.2em; grid-row-gap: 1.2em; flex-direction: column; } .blog-category-list { grid-column-gap: 1.2em; grid-row-gap: 1.2em; flex-direction: column; display: flex; } .title-404 { font-size: 28px; line-height: 36px; } .password-page-title { font-size: 32px; line-height: 40px; } .mobile-menu-link-text { line-height: 28px; } .about-image { height: 60vw; } .numbers-container { grid-column-gap: 16px; grid-row-gap: 16px; grid-template-columns: 1fr 1fr; } .team-member-container { grid-template-columns: 1fr; } .team-image-container { height: 75vw; } .case-studie-heading { font-size: 32px; line-height: 40px; } .product-page-price { font-size: 36px; line-height: 44px; } .add-to-cart-button, .buy-now-button { height: 47px; } .product-page-title { font-size: 28px; line-height: 36px; } .button-green, .button-outline { justify-content: center; align-items: center; display: flex; } .services-page-case-study-buttons-contianer { grid-column-gap: 3em; grid-row-gap: 3em; } .case-studie-post { grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr; } .div-block-7 { grid-template-columns: 1fr 1fr; } .single-service-about-container { grid-column-gap: 3em; grid-row-gap: 3em; } .card-title-text { line-height: 24px; } .card-title-header { line-height: 28px; } .heading-h1-copy { font-size: 7.5vw; line-height: 1em; } .hero-buttons-container { grid-column-gap: 3em; grid-row-gap: 3em; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; justify-content: space-between; display: grid; } .welcom-container { grid-column-gap: 3em; grid-row-gap: 3em; grid-template-columns: 1fr; } .div-block-18 { height: 2vw; } .hero-button-outline, .hero-button-green { width: 100%; justify-content: center; align-items: center; display: flex; } .hero-numbers-container { grid-column-gap: 16px; grid-row-gap: 32px; grid-template-columns: 1fr 1fr; } .process-card-list-container { grid-template-columns: 1fr; } .process-card-title { line-height: 28px; } .luminous-borders-solid.blog-card-image, .luminous-borders-solid.team-card-image { border-right-width: 2px; } .luminous-borders-solid.team-card-text { border-bottom-width: 0; border-left-width: 2px; } .section-title-line, .section-title-blur { font-size: 36px; line-height: 44px; } .luminous-borders-separator-nav-container { width: 40vw; margin-left: 30vw; } .footer-main-container { padding-top: 4em; padding-bottom: 4em; } .why-us-container { grid-template-columns: 1fr; } .author-social-media { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: row; align-items: flex-start; } .autor-image { height: 75vw; } } @media screen and (max-width: 479px) { .container { padding-left: 16px; padding-right: 16px; } .ds-nav { display: block; } .color-block { margin-bottom: 20px; } .ds-section { padding-left: 0; padding-right: 0; } .button { width: 100%; font-size: 16px; } .column { margin-bottom: 0; } .section { padding-bottom: 64px; } .pexels-images { grid-template-columns: 1fr 1fr; } .pexel-image { height: 100px; } .utility-page-wrap { padding-left: 16px; padding-right: 16px; } ._404-text { font-size: 60px; } .animation-text-reveal-opacity { display: block; } .ds-animation-grid { grid-template-columns: 1fr 1fr; } .nav-menu-mobile { margin-right: -16px; display: block; } .nav-menu-text { font-size: 3.2vw; } .nav-bar-container { padding-left: 16px; padding-right: 16px; } .nav-menu-link { padding-left: 20px; padding-right: 20px; } .nav-menu-link.w--current { background-color: #fff; } .footer-attribution-container { flex-direction: column; padding-left: 16px; padding-right: 16px; } .logo-container { padding-left: 0; } .footer-link-block { grid-column-gap: 32px; grid-row-gap: 60px; grid-template-rows: auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .social-links { grid-column-gap: 32px; grid-row-gap: 16px; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .blog-card-image { height: 75vw; } .blog-card-text-container { padding-top:0; padding-left: 16px; padding-right: 16px; } .featured-blog-post-card-text-container { padding: 3em 16px; } .featured-blog-post-card-image, .blog-post-main-image { height: 75vw; } .blog-post-header-container { margin-left: 16px; margin-right: 16px; } .gallery-tabs { flex-direction: column; } .gallery-tab { padding: .5em 0; } .moder-form-text-field { border-radius: 0; } .button-contact-us { font-size: .9em; } .contact-header { grid-row-gap: 2em; grid-template-rows: auto auto; display: block; } .contact-social-media { display: none; } .contact-info-main-container { margin-top: 4em; } .glow-card-title { justify-content: flex-start; padding-left: 16px; padding-right: 16px; } .product-card-container { padding-left: 16px; padding-right: 16px; } .plan-price-text { font-size: 36px; } .cta-container, .cta-text-container { grid-column-gap: 2.5em; grid-row-gap: 2.5em; } .cta-button { width: 100%; justify-content: center; align-items: center; font-size: 14px; display: flex; } .cta-button.blur { width: 100%; } .careers-step-container { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: 1fr; } .how-we-hire-image { height: 100vw; } .articles-title-container { flex-direction: row-reverse; } .case-study-image { height: 75vw; } .mobile-menu-links { padding-top: 1em; padding-left: 16px; padding-right: 16px; } .mobile-menu-line-decoration { position: absolute; top: auto; bottom: 0%; left: 0%; right: auto; } .mobile-menu-social-links-container { grid-column-gap: 1.75em; grid-row-gap: 1.75em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; padding-left: 16px; padding-right: 16px; display: flex; } .mobile-menu-main-links-container { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: flex; } .about-image { height: 75vw; } .project-number-container-absolute { justify-content: flex-start; top: 0%; bottom: auto; left: auto; right: 0%; } .project-number-container { justify-content: flex-end; } .numbers-container { grid-template-columns: 1fr 1fr; } .team-member-container { grid-column-gap: 0px; grid-row-gap: 0px; grid-template-columns: 1fr; } .team-member-container-text { padding-left: 16px; padding-right: 16px; } .team-image-container { height: 80vw; } .product-page-container { padding: 3em 16px; } .product-page-variant-image { right: 16px; } .add-to-cart-button, .buy-now-button { height: 42px; } .default-state { grid-template-columns: 1fr; } .select-field { height: 42px; } .mobile-menu-card-icon-container { right: 1em; } .order-item, .order-item-2, .order-item-3 { flex-direction: column; } .order-item-box { margin-left: 0; } .button-green, .button-outline { width: 100%; height: 42px; justify-content: center; align-items: center; margin-left: 0; padding-top: 9px; padding-bottom: 9px; font-size: 14px; display: flex; } .services-page-case-study-buttons-contianer { grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr; } .services-page-case-study-text-contianer { padding-left: 16px; padding-right: 16px; } .div-block-7 { grid-column-gap: 1em; grid-row-gap: 1em; } .single-service-about-container, .single-service-process-container { grid-template-columns: 1fr; } .glow-services-card-section-two { padding-left: 16px; padding-right: 16px; } .heading-h1-copy { font-family: Onest Black, sans-serif; font-size: 7.2vw; } .herro-number { font-weight: 800; } .hero-image { height: 75vw; } .hero-buttons-container { grid-column-gap: 2em; grid-row-gap: 2em; grid-template-columns: 1fr; } .hero-text-div { padding: 3em 16px 4em; } .hero-button-outline, .hero-button-green { width: 100%; height: 42px; justify-content: center; align-items: center; margin-left: 0; padding-top: 9px; padding-bottom: 9px; font-size: 14px; display: flex; } .hero-numbers-container { grid-template-columns: 1fr 1fr; } .testimonial-container { padding: 3em 16px; } .testimonial-header { grid-column-gap: 1em; grid-row-gap: 1em; flex-direction: column; } .section-title-line, .section-title-blur { text-align: center; } .cta-section { padding-top: 4em; padding-bottom: 4em; } .luminous-borders-separator-nav-container { display: none; } .pricing-image-copy { right: 16px; } .cta-button-container { width: 100%; } .footer-main-container { padding: 3em 16px; } .container-overflow-hidden { padding-left: 0; padding-right: 0; } .glow-card-text-container { margin-left: 16px; margin-right: 16px; } .why-us-text-container { padding-left: 16px; padding-right: 16px; } .container-services { padding-left: 0; padding-right: 0; } .author-social-media { grid-column-gap: 1em; grid-row-gap: 1em; grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; grid-auto-columns: 1fr; display: grid; } .autor-image { height: 75vw; } .author-form-container { padding-left: 16px; padding-right: 16px; } } #w-node-_0facef01-944c-8304-862a-8572b776da23-a467c499 { align-self: start; } #w-node-ab834a86-c962-a4c8-91c5-761156414def-a467c499, #w-node-_681334c6-0e0b-815f-54cd-98cb10937ca3-a467c499, #w-node-_3fdfb9fa-cbce-776f-99b2-0f4c5772c9f2-a467c499, #w-node-cf2796e4-b767-de8a-174e-2fad9869da65-a467c499, #w-node-d313a666-c9e8-57c2-98e6-6f9455449f92-a467c499, #w-node-_92f1b11f-2e2b-8702-2241-78fd4b8ba4e8-a467c499, #w-node-c617c460-f7c8-d8b5-98c0-f8290c58c99c-0c58c999, #w-node-c617c460-f7c8-d8b5-98c0-f8290c58c9b7-0c58c999, #w-node-_34453770-f826-db30-51a8-7ac9a843521e-a467c49c, #w-node-c84fed59-83ef-f754-203f-b15f9168fc22-a467c49c, #w-node-c84fed59-83ef-f754-203f-b15f9168fc29-a467c49c, #w-node-c84fed59-83ef-f754-203f-b15f9168fc36-a467c49c, #w-node-f45e9a03-45eb-ea8e-b68f-3a69e0223ec4-a467c49c, #w-node-e79f076f-2706-a596-eab9-ebc916d3d916-a467c49c, #w-node-_2d4f6a12-2360-9c7a-e773-30952a9d27b1-a467c49c, #w-node-_28a3aaa7-b6ec-6664-4dd9-9117c784652f-a467c49e, #w-node-_051912d0-4dad-6793-9193-30fdf284e565-a467c49e, #w-node-_138f359f-906b-b30b-c9a0-e692af2f1c8b-a467c49f, #w-node-_619480dd-c56f-36e8-b93a-b837be3e0993-a467c4a5 { grid-area: span 1 / span 1 / span 1 / span 1; } #w-node-_7483768e-c061-4ebc-f895-85015131d793-a467c4a9 { grid-area: span 1 / span 2 / span 1 / span 2; } #w-node-_0eb96ead-1ebd-07f7-e229-6187d1fb51da-a467c4a9, #w-node-_1e27c52c-bcac-baf4-bd7a-d452697d7691-a467c4a9, #w-node-ef40212c-eb7a-db37-f1b8-0ef37a3ff5e1-a467c4a9, #w-node-_0f46ee62-6142-8a85-5de6-53e8b1b6ea70-a467c4aa, #w-node-b947fe5f-079e-9b00-0f20-1e61716ae546-a467c4aa, #w-node-_9592e3aa-435a-3dea-4f55-1b1238f02c26-a467c4aa, #w-node-fe0d878f-8c7d-6df1-7b94-c4e684b064cc-a467c4aa, #w-node-_4512b8ff-2e8c-31b8-3a58-384f4e7f8bf1-a467c4aa, #w-node-_62076fa1-6e4e-7daf-06eb-b7a1c44a68a4-a467c4aa, #w-node-a1aecef1-b9bb-61ce-f80d-c89c88a7666e-a467c4aa, #w-node-_6d4605f5-222c-7c0e-59b8-b26618d628fd-a467c4ad, #w-node-e23723e9-d4c2-87f7-efc6-8f4dc94a6350-a467c4ad, #w-node-_216120dd-ee93-2055-e3c2-14f766f87ebc-a467c4ad, #w-node-_7b63b83f-3cfa-566a-a682-de70579d043e-a467c4ad, #w-node-f3578640-ad71-e25d-0cac-6bddafc7b5e1-a467c4ad, #w-node-d8c6db29-0ad6-cdb2-1a7b-155ce662ada0-a467c4ad, #w-node-_23392d8f-7fa6-e285-535a-7f9ed368d553-a467c4ad, #w-node-_5bccb0d4-3edb-2a51-f98d-f0b6549226e3-a467c4ad, #w-node-aee9da9a-423f-f5cd-3ef4-8773cca8c2e6-a467c4ad, #w-node-_607a1592-4fde-daa2-cf6a-672c4ada1a79-a467c4ad, #w-node-b1da111e-eb03-cd66-d186-dd5b1cc41b97-a467c4ad, #w-node-_1111736a-78ff-6279-8557-eccb38096a8b-a467c4ad, #w-node-e7b32fa6-5932-6df1-4d33-fb4686be11fb-bda45ab7, #w-node-fb18ddd7-040d-eb64-83e0-253c77777e99-bda45ab7 { grid-area: span 1 / span 1 / span 1 / span 1; } @media screen and (max-width: 991px) { #w-node-_34453770-f826-db30-51a8-7ac9a843521e-a467c49c, #w-node-e7b32fa6-5932-6df1-4d33-fb4686be11fb-bda45ab7 { grid-area: 2 / 1 / 3 / 2; } } @media screen and (max-width: 479px) { #w-node-_7483768e-c061-4ebc-f895-85015131d793-a467c4a9 { grid-area: span 1 / span 1 / span 1 / span 1; } } @font-face { font-family: 'Onest'; src: url("../Fonts/Franchise/Franchise-Free-Bold.otf") format('otf'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Onest Black'; src: url("../Fonts/League_Gothic/LeagueGothic-Condensed.otf") format('otf'); font-weight: 900; font-style: normal; font-display: swap; } section.hide { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-in-out; } section.show { max-height: none; } .button-container { display: flex; justify-content: space-between; } .carousel { width: 100vw; height: 100%; } .carousel-cell { width: 33%; height: 100%; margin-right: 60px; @media screen and (max-width: 479px) { width: 100%; } } .carousel-team { width: 100vw; height: 100%; } .carousel-cell-team { width: 33%; min-height: fit-content; margin-right: 60px; @media screen and (max-width: 467px) { width: 100%; } } #canvasParent { position: relative; width: 100vw; height: 100%; overflow: hidden; display: flex; justify-content: flex-start; align-items: flex-end; } #myCanvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } #canvasParent .heading { /* color: #1e1e1e; */ color: transparent; z-index: 2; } .heading h1 { margin: 0; margin-left: 20px; font-weight: 900; font-size: 9rem; line-height: 9rem; text-wrap: wrap; word-break: break-all; word-wrap: break-word; white-space: normal; color: #1e1e1e; text-align: left; @media screen and (max-width:479px ){ font-size: 4rem; line-height:4rem; /* margin-bottom: 10px; */ /* margin-left: 5px; */ } } .gradient-background { background: linear-gradient(to right, #ff6725, #0000FF); } .title-container { display: flex; justify-content: center; align-items: center; padding:20px; } .h-container { flex: 1; } .font-control { font-size: 2rem !important; overflow-wrap:normal; text-wrap:wrap; font-weight: 900; @media screen and (max-width:479px) { font-size: 1.3rem !important; } } .font-control-subtitle { font-size: 2rem !important; overflow-wrap:normal; text-wrap:wrap; font-weight: 900; @media screen and (max-width:479px) { font-size: 1rem !important; } } .no-marker { list-style: none; } .faq-parent { display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin-left: 30px; @media screen and (max-width:479px) { margin-left: 0; } } .container-faq { width: 90vw; max-width: 56.25rem; } article.article-faq { display: grid; margin-top: min(1.5rem, 5vw); background-color: #1e1e1e; width: 90vw; } @media (min-width: 57.06rem) { article.article-faq { grid-template-columns: 22.5rem 1fr; } } .img-container { grid-row: 1/span 2; grid-column: 1/span 2; z-index: 1; height: min(15rem, 60vw); width: 100%; background-image: var(--mobile-illustration1), var(--mobile-illustration2); background-repeat: no-repeat; background-size: auto 85%, auto 50%; background-position: 50% 0%, 50% 100%; } @media (min-width: 57.06rem) { .img-container { grid-row: 1; grid-column: 1; height: 100%; background-color: white; border-radius: 1.25rem 0 0 1.25rem; background-image: var(--desktop-illustration1), var(--desktop-illustration2); background-size: 120%, auto; background-position: 100% 50%, 100% 60%; } .img-container::before { content: ""; display: block; height: 100%; width: 50%; background-image: var(--desktop-illustration3); background-repeat: no-repeat; background-size: 100%; background-position: left 65%; position: relative; left: -24.5%; } } .faq { grid-row: 2/span 2; grid-column: 1; padding: min(7.5rem, 30vw) 1.5rem 2.5rem; background-color: #1e1e1e; border-radius: 1.25rem; box-shadow: 0 0.62rem 1.87rem rgba(0, 0, 0, 0.2); } @media (min-width: 57.06rem) { .faq { grid-row: 1; grid-column: 2; padding: 3.5rem 4rem 3.5rem; border-radius: 0 1.25rem 1.25rem 0; } } .faq h2 { font-weight: 700; font-size: 1.8rem; text-align: center; margin: 1.2em 0; } @media (min-width: 57.06rem) { .faq h2 { text-align: left; margin: 0 0 1.65em 0; } } .faq .q-a { font-size: 0.95rem; border-bottom: 1.5px solid var(--light-grayish-blue); padding-bottom: 1.05em; margin-top: 1.05em; } .faq .q-wrapper { display: grid; grid-template-columns: 1fr auto; } .faq h3 { grid-column: 1; font-size: 1rem; color: white; cursor: pointer; } .faq h3:hover { color: var(--soft-red); } .faq h3.h3-active { color: orange; font-weight: 700; } .faq svg { grid-column: 2; padding: 0.5rem 0 0 0.7rem; min-width: 10px; justify-self: end; cursor: pointer; overflow: visible; padding: 0; transition: transform 0.2s; margin-top: 20px; animation-duration: 600ms; @media screen and (max-width:479px) { margin-top: 50px; } } .faq svg.svg-animation { transform: rotate(180deg); padding: 0 0.7rem 0.5rem 0; } .faq p { width: calc(100% - calc(10px + 0.7rem)); color: var(--light-grayish-blue); margin-top: 1.05em; animation-duration: 1s; } .faq p.p-visible { display: block; } .align-container { width: 100%; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; } .plus_icon { transition: all 0.5s ease; transform-origin: center; transform: rotate(0deg); } .rotate { transition: all 0.5s ease; transform: rotate(45deg); } .height-0 { max-height: 0px; overflow: hidden; transition: height 0.3s ease; } .height-fit { max-height: none; overflow: initial; } #expand-button { background-color: transparent; } .black{ color: #1e1e1e; } .section-title-line.font-control { @media screen and (max-width:479px){ font-size: 1.8rem !important; } }