.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; } .wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; } .wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { border-color: #dc3232; } .wpcf7 form.spam .wpcf7-response-output { border-color: #f56e28; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7-form-control-wrap { position: relative; } .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; } .use-floating-validation-tip .wpcf7-not-valid-tip { position: relative; top: -2ex; left: 1em; z-index: 100; border: 1px solid #dc3232; background: #fff; padding: .2em .8em; width: 24em; } .wpcf7-list-item { display: inline-block; margin: 0 0 0 1em; } .wpcf7-list-item-label::before, .wpcf7-list-item-label::after { content: " "; } .wpcf7-spinner { visibility: hidden; display: inline-block; background-color: #23282d; opacity: 0.75; width: 24px; height: 24px; border: none; border-radius: 100%; padding: 0; margin: 0 24px; position: relative; } form.submitting .wpcf7-spinner { visibility: visible; } .wpcf7-spinner::before { content: ''; position: absolute; background-color: #fbfbfc; top: 4px; left: 4px; width: 6px; height: 6px; border: none; border-radius: 100%; transform-origin: 8px 8px; animation-name: spin; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; } @media (prefers-reduced-motion: reduce) { .wpcf7-spinner::before { animation-name: blink; animation-duration: 2000ms; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes blink { from { opacity: 0; } 50% { opacity: 1; } to { opacity: 0; } } .wpcf7 [inert] { opacity: 0.5; } .wpcf7 input[type="file"] { cursor: pointer; } .wpcf7 input[type="file"]:disabled { cursor: default; } .wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; } .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] { direction: ltr; } .wpcf7-reflection > output { display: list-item; list-style: none; } .wpcf7-reflection > output[hidden] { display: none; }@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}@-moz-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.instagram-gallery-feed a,.instagram-gallery-modal a{text-decoration:none !important}@font-face{font-family:"qligg";src:url(data:font/opentype;charset=utf-8;base64,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);src:url(data:font/opentype;charset=utf-8;base64,TBEAALAQAAABAAIAAAAAAAAAAAAAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAA5cMM+AAAAAAAAAAAAAAAAAAAAAAAAAoAcQBsAGkAZwBnAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHEAbABpAGcAZwAAAAAAAAEAAAALAIAAAwAwT1MvMg8SB5QAAAC8AAAAYGNtYXDqzunMAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZpBTx8kAAAGAAAAMsGhlYWQVTiJdAAAOMAAAADZoaGVhB8cD0AAADmgAAAAkaG10eEGABdkAAA6MAAAATGxvY2EWvhqaAAAO2AAAAChtYXhwABkAyQAADwAAAAAgbmFtZaNwe4sAAA8gAAABbnBvc3QAAwAAAAAQkAAAACAAAwPYAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADqkgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg6Q3qkv/9//8AAAAAACDpAOqS//3//wAB/+MXBBWAAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAIAgP/rA4ADkgBCAGkAABMRFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JiMiBhURFAYHDgEHDgEHDgEjISImJy4BJy4BJy4BNRE0JiMiBhUBERQWMzI2NREXFjI3NjQvATgBMS4BJyYiBw4BBzgBMQcGFBcWMjeABQUFDgkIFQwLGQ0CAA0ZCwwVCQgOBQUFGRIRGQICAQUDAwcEAwkE/gAECQMEBwMDBQECAhkREhkBVRkSEhliDCMNDAyrAwcEBxIHBAcDqwwMDSMMAcD+qw0ZCwwVCQkOBQQFBQQFDgkJFQwLGQ0BVRIZGRL+qwUIBAQHAgMFAgECAgECBQMCBwQECAUBVRIZGRIBRP48EhkZEgHEYg0NDCQMqwMFAQMDAQUDqwwkDA0NAAEAAP/NA1EDswAMAAAJASYGFREUFjcBNjQnA1H9QCtmYTACwC8vAhMBoBktP/zAODccAaAcbhwAAgAA/8YD8wN6ADEATwAACQEuASMOAR0BBgcOAQcGBwYHDgEHBhUcARUUFjMyNjc2Nz4BNzYzFRQWMxY2NwE2JicBNTQmNSImIyIGBw4BBz4BNzY3PgE3NjMyNj0BCQED7f5ABRAFCQpbRERnJyciGg4PDQEBEB0dEQU+Ly9aMjJGCgkFFgUBwA8CE/5gBwQQBVt8Qz5SMAUVJh0iI15BQFkOEgFN/rMCDQFmBQIFEgm6AhISQS4vPDA1NGkxMSkFEAQKKhcJbz49PAcHtAkQBQIJAW0TJxP+zXMFEAQHCh0cZExDeUQ3KSk2DQ0SDof+5v76AAIAK//rA94DlQAmAFMAABMUFx4BFxYzMjY3FzoBMzI2NTwBNSc+ATUmJy4BJyYjIgcOAQcGFTM0Nz4BNzYzMhceARcWFRQGBzEOARUcATkBFycqASMiBgcxDgEjIicuAScmNSskJH5WVmM9cjPVBAIDDQ04HR8DJyeCVlVgYlVWfyUkOyEgbkpKU1VKS28gIB4ZAwEvrwQCAwMHAy1pN1FJSW0hIAHEYFZWgSYmMxk3EAoDAgPRM109Y1ZWfiQkJCV+VVVgU0pKbiAhIB9uSkpVNlksBAYDAwKuLgEDGTQhIXFLS1UAAAACAAAAAAQEA4AANABpAAABIgYHMAYHLgExLgEjIgcOAQcGFRQXHgEXFhceARceATMyNjc+ATc2Nz4BNzY1JicuAScmIwMOAQcuAScmJy4BJyY1NDc+ATc2MzIWFx4BMR4BFzI2NzA2Nz4BMzIXHgEXFhUUBw4BBwYHAvNAXjMUCgkVM2JAPTIySBQUGhpgRERTHT8gAwwGBgkGJEEgTENCYhscARUVSDEyO4QaOB0dNBpQQEBZGBgQDzgnJi0wTCYgEwoKCgoNBxMgKkI2LSYnOA8QGBlZPz9NA4AmNBQJCRQ0JhcXTzU1O0M7O3M8PEcZNRwEBQUEIDYdQTs6czw8RTo0M08XF/0mFjIaFywXQzk5aTQ0OjErKz8SExomIBQMCgMKBxQjKhYSEj8rKzE4MzNoNzdAAAAFACv/6wPRA5UAIAAxAFAAaQCBAAABISIHDgEHBhURFBceARcWMyEyNz4BNzY1ETYnLgEnJiMTFAYjISImNRE0NjMhMhYVEScuAScuAScmIgcOAQcOARceARceATMyNjc+ATc+AScHBiYnLgEnJjY3PgE3OgEzOgEzHgEXFgYHEy4BIyIGBw4BFRQWFx4BMzI2Nz4BNTQmAtr+TDMuLUUUFBQURS0uMwGvNS4uRBQTAhQTRC4tM7tvTP5MTG9vTAG4TW/JBhwaGTsjEB8NKUYZGhMGBycjHT8gBhEHKUkWHRQGtx05GRcfBgMNEBMyHQYJBgYJBjBGBg1IPPcGDQcGEAMHBgYHBg0GBxADBgcHA5UUFEUtLjP+UTUvLkYUFBQURS0uMwG0My4tRRQU/VFMb29MAbRMb29M/kz8IzsaGRwGBAQJLCAgVCopRhkUFwEDByogI1IpswMNEBMyHRw5GhYfBgZFMD1kCgGiBgcHBgYNBwYQAwcGBgcGDQYKDQABAQUAHwLHA3sAEgAAJRYUBw4BJwEmNDcBNjIXFhQHAQLHCwsKHQr+bwsLAZEKHQoLC/6TUQoeCgoBCwGVCh0LAZUKCgsdCv6EAAAAAQEzALQCfgLmACIAAAEeAQ8BFxYGBwYmJyYnLgEnJjEuATU0NjcwNz4BNzY3PgEXAn4RARLAwBIBERIxEAglJVMhIQgJCQghIVMlJQgQMRIC5hEsFMjIFSsREQEQCCYnViMjCBULCxUIIyJXJicIDwEQAAABATkAHwL7A3sAEwAACQEmNDc2MhcBFhQHAQYiJyY0NwECpv6TCwsKHQoBkQsL/m8KHQoLCwFtAc0BfAodCwoK/msKHgr+awoKCh4KAXwAAAEBggC0As0C5gAiAAABFhceARcWMR4BFRQGBzAHDgEHBgcOAScuAT8BJyY2NzYWFwHVCCUlUyEhCAkJCCEhUyUlCBAxEhEBEsDAEgEREjEQAuYIJyZXIiMIFQsLFQgjI1YnJggQARERKxXIyBQsERABDwAAAQAAAAAEAAOAACoAAAEiBgc4ATkBByc4ATkBLgEjIgYHDgEVFBYXAR4BMzI2NwE+ATU0JicuASMC4DpeKR8fKV46OmkpKCwsKAF/CRcNDRcJAX8oLCwoKWk6A4ApKSclKCwsKClpOjppKf5/CQoKCQGBKWk6OmkpKCwAAAEAAP/EBAADwAAuAAAlIiYnDgEHDgEnLgEnNBY3PgE3JicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGIwIAECgPK189GykGCBQCCwclMRA6LzBEEhMoKIteXWpqXV6LKCgoKIteXWpBGAEkTRcLCgcJFQQFAQcQSjEdKSlkOjk+XVJReSQjIyR5UVJdXFJReiMjAAADABD/0APwA7AAGwA3AE0AAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGNycuATURNDY7ATIWFREXHgEPAQ4BJwIAZ1pahycnJyeHWlpnZ1pahycnJyeHWlpnU0lJbCAfHyBsSUlTU0lJbCAfHyBsSUkpqgUFDgpACg6GCAMGJgYTCAOwJyeHWlpnZ1pahycnJyeHWlpnZ1pahycn/IAfIGxJSVNTSUlsIB8fIGxJSVNTSUlsIB/RewQKBgFICg4OCv7lYgUUCDQIAwYAAAMAAP/ABAADwAAZAC4AQgAAASEiBh0BIyIGFREUFjMhMjY9ATMyNjURNCYDISImNTERNDYzMTMRFBYzIRUUBiM3ISImNTERNDYzMSEyFhUxERQGIwOg/YAoOGAoODgoAoAoOGAoODj0/ZgFBwcFVDgoAcAHBcD9mAUHBwUCaAUHBwUDwDgoYDgo/YAoODgoYDgoAoAoOPxgBwUCaAUH/kAoOFQFB8AHBQJoBQcHBf2YBQcAAAUAAP/AA/8DwABIAJIArgC6AMYAAAEyFhceARceARceARceARceARUUBgcOAQcOAQcOAQcOAQcOASMiJicuAScuAScuAScuAScuATU0Njc+ATc+ATc+ATc+ATc+ATM1IgYHDgEHDgEHDgEHDgEHDgEVFBYXHgEXHgEXHgEXHgEXHgEzMjY3PgE3PgE3PgE3PgE3PgE1NCYnLgEnLgEnLgEnLgEnLgEjMRUiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIiY1NDYzMhYVFAYBFAYjIiY1NDYzMhYCAGc/KSUsDhIbDg0SBwULAgECAgECCwUHEg0OGxIOLCUpP2dmQCklLA4RHA0OEgcFCwECAQECAQsFBxINDhsSDiwlKT9naEIpKTsYGiwVFRwKCgwCAgEBAgIMCgocFRUsGhg7KSlCaGhCKSk7GBksFhUcCgkNAQIBAQIBDQkKHBUVLBoYOykpQmg2MDBIFBUVFEgwMDY2MDBIFBUVFEgwMDZHZGRHR2RkAQgkGhkkJBkaJANkAQICCwUHEg0NHBINLCYoQGdmQCgmLA0SHA0OEgcFCwECAQECAQsFBxIODRwRDiwlKUBmZ0AoJSwOEhsODRIHBQsCAgFcAQICDAoKHBUVLBoYOykpQmhoQikpOxgaLBUVHAoJDQICAQECAg0JChwVFSwaGDspKUJoaEIpKTsYGS0VFRwKCQ0CAgH5FRRIMDA2NjAwSBQVFRRIMDA2NjAwSBQV/k5kR0dkZEdHZAG8GSQkGRokJAAAAQAAAAEAAPgMw+VfDzz1AAsEAAAAAADZFW7wAAAAANkVbvAAAP/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAA//wEBAABAAAAAAAAAAAAAAAAAAAAEwQAAAAAAAAAAAAAAAIAAAAEAACAA4AAAAQAAAAEAAArBAAAAAQAACsEAAEFBAABMwQAATkEAAGCBAAAAAQAAAAEAAAQBAAAAAQAAAAAAAAAAAoAFAAeALQA0AFKAb4CWgMaA0ADegOiA9wEGgRkBNoFNAZYAAEAAAATAMcABQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAFAAAAAQAAAAAAAgAHAE4AAQAAAAAAAwAFADAAAQAAAAAABAAFAGMAAQAAAAAABQALAA8AAQAAAAAABgAFAD8AAQAAAAAACgAaAHIAAwABBAkAAQAKAAUAAwABBAkAAgAOAFUAAwABBAkAAwAKADUAAwABBAkABAAKAGgAAwABBAkABQAWABoAAwABBAkABgAKAEQAAwABBAkACgA0AIxxbGlnZwBxAGwAaQBnAGdWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBxbGlnZwBxAGwAaQBnAGdxbGlnZwBxAGwAaQBnAGdSZWd1bGFyAFIAZQBnAHUAbABhAHJxbGlnZwBxAGwAaQBnAGdGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("embedded-opentype"),url(data:font/opentype;charset=utf-8;base64,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) format("truetype"),url(data:font/opentype;charset=utf-8;base64,d09GRgABAAAAABD8AAsAAAAAELAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIHlGNtYXAAAAFoAAAAXAAAAFzqzunMZ2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAADLAAAAywkFPHyWhlYWQAAA58AAAANgAAADYVTiJdaGhlYQAADrQAAAAkAAAAJAfHA9BobXR4AAAO2AAAAEwAAABMQYAF2WxvY2EAAA8kAAAAKAAAACgWvhqabWF4cAAAD0wAAAAgAAAAIAAZAMluYW1lAAAPbAAAAW4AAAFuo3B7i3Bvc3QAABDcAAAAIAAAACAAAwAAAAMD2AGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6pIDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIOkN6pL//f//AAAAAAAg6QDqkv/9//8AAf/jFwQVgAADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAID/6wOAA5IAQgBpAAATERQWFx4BFx4BFx4BMyEyNjc+ATc+ATc+ATURNCYjIgYVERQGBw4BBw4BBw4BIyEiJicuAScuAScuATURNCYjIgYVAREUFjMyNjURFxYyNzY0LwE4ATEuAScmIgcOAQc4ATEHBhQXFjI3gAUFBQ4JCBUMCxkNAgANGQsMFQkIDgUFBRkSERkCAgEFAwMHBAMJBP4ABAkDBAcDAwUBAgIZERIZAVUZEhIZYgwjDQwMqwMHBAcSBwQHA6sMDA0jDAHA/qsNGQsMFQkJDgUEBQUEBQ4JCRUMCxkNAVUSGRkS/qsFCAQEBwIDBQIBAgIBAgUDAgcEBAgFAVUSGRkSAUT+PBIZGRIBxGINDQwkDKsDBQEDAwEFA6sMJAwNDQABAAD/zQNRA7MADAAACQEmBhURFBY3ATY0JwNR/UArZmEwAsAvLwITAaAZLT/8wDg3HAGgHG4cAAIAAP/GA/MDegAxAE8AAAkBLgEjDgEdAQYHDgEHBgcGBw4BBwYVHAEVFBYzMjY3Njc+ATc2MxUUFjMWNjcBNiYnATU0JjUiJiMiBgcOAQc+ATc2Nz4BNzYzMjY9AQkBA+3+QAUQBQkKW0REZycnIhoODw0BARAdHREFPi8vWjIyRgoJBRYFAcAPAhP+YAcEEAVbfEM+UjAFFSYdIiNeQUBZDhIBTf6zAg0BZgUCBRIJugISEkEuLzwwNTRpMTEpBRAECioXCW8+PTwHB7QJEAUCCQFtEycT/s1zBRAEBwodHGRMQ3lENykpNg0NEg6H/ub++gACACv/6wPeA5UAJgBTAAATFBceARcWMzI2Nxc6ATMyNjU8ATUnPgE1JicuAScmIyIHDgEHBhUzNDc+ATc2MzIXHgEXFhUUBgcxDgEVHAE5ARcnKgEjIgYHMQ4BIyInLgEnJjUrJCR+VlZjPXIz1QQCAw0NOB0fAycnglZVYGJVVn8lJDshIG5KSlNVSktvICAeGQMBL68EAgMDBwMtaTdRSUltISABxGBWVoEmJjMZNxAKAwID0TNdPWNWVn4kJCQlflVVYFNKSm4gISAfbkpKVTZZLAQGAwMCri4BAxk0ISFxS0tVAAAAAgAAAAAEBAOAADQAaQAAASIGBzAGBy4BMS4BIyIHDgEHBhUUFx4BFxYXHgEXHgEzMjY3PgE3Njc+ATc2NSYnLgEnJiMDDgEHLgEnJicuAScmNTQ3PgE3NjMyFhceATEeARcyNjcwNjc+ATMyFx4BFxYVFAcOAQcGBwLzQF4zFAoJFTNiQD0yMkgUFBoaYEREUx0/IAMMBgYJBiRBIExDQmIbHAEVFUgxMjuEGjgdHTQaUEBAWRgYEA84JyYtMEwmIBMKCgoKDQcTICpCNi0mJzgPEBgZWT8/TQOAJjQUCQkUNCYXF081NTtDOztzPDxHGTUcBAUFBCA2HUE7OnM8PEU6NDNPFxf9JhYyGhcsF0M5OWk0NDoxKys/EhMaJiAUDAoDCgcUIyoWEhI/KysxODMzaDc3QAAABQAr/+sD0QOVACAAMQBQAGkAgQAAASEiBw4BBwYVERQXHgEXFjMhMjc+ATc2NRE2Jy4BJyYjExQGIyEiJjURNDYzITIWFREnLgEnLgEnJiIHDgEHDgEXHgEXHgEzMjY3PgE3PgEnBwYmJy4BJyY2Nz4BNzoBMzoBMx4BFxYGBxMuASMiBgcOARUUFhceATMyNjc+ATU0JgLa/kwzLi1FFBQUFEUtLjMBrzUuLkQUEwIUE0QuLTO7b0z+TExvb0wBuE1vyQYcGhk7IxAfDSlGGRoTBgcnIx0/IAYRBylJFh0UBrcdORkXHwYDDRATMh0GCQYGCQYwRgYNSDz3Bg0HBhADBwYGBwYNBgcQAwYHBwOVFBRFLS4z/lE1Ly5GFBQUFEUtLjMBtDMuLUUUFP1RTG9vTAG0TG9vTP5M/CM7GhkcBgQECSwgIFQqKUYZFBcBAwcqICNSKbMDDRATMh0cORoWHwYGRTA9ZAoBogYHBwYGDQcGEAMHBgYHBg0GCg0AAQEFAB8CxwN7ABIAACUWFAcOAScBJjQ3ATYyFxYUBwECxwsLCh0K/m8LCwGRCh0KCwv+k1EKHgoKAQsBlQodCwGVCgoLHQr+hAAAAAEBMwC0An4C5gAiAAABHgEPARcWBgcGJicmJy4BJyYxLgE1NDY3MDc+ATc2Nz4BFwJ+EQESwMASARESMRAIJSVTISEICQkIISFTJSUIEDESAuYRLBTIyBUrEREBEAgmJ1YjIwgVCwsVCCMiVyYnCA8BEAAAAQE5AB8C+wN7ABMAAAkBJjQ3NjIXARYUBwEGIicmNDcBAqb+kwsLCh0KAZELC/5vCh0KCwsBbQHNAXwKHQsKCv5rCh4K/msKCgoeCgF8AAABAYIAtALNAuYAIgAAARYXHgEXFjEeARUUBgcwBw4BBwYHDgEnLgE/AScmNjc2FhcB1QglJVMhIQgJCQghIVMlJQgQMRIRARLAwBIBERIxEALmCCcmVyIjCBULCxUIIyNWJyYIEAERESsVyMgULBEQAQ8AAAEAAAAABAADgAAqAAABIgYHOAE5AQcnOAE5AS4BIyIGBw4BFRQWFwEeATMyNjcBPgE1NCYnLgEjAuA6XikfHyleOjppKSgsLCgBfwkXDQ0XCQF/KCwsKClpOgOAKSknJSgsLCgpaTo6aSn+fwkKCgkBgSlpOjppKSgsAAABAAD/xAQAA8AALgAAJSImJw4BBw4BJy4BJzQWNz4BNyYnLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiMCABAoDytfPRspBggUAgsHJTEQOi8wRBITKCiLXl1qal1eiygoKCiLXl1qQRgBJE0XCwoHCRUEBQEHEEoxHSkpZDo5Pl1SUXkkIyMkeVFSXVxSUXojIwAAAwAQ/9AD8AOwABsANwBNAAABIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBjcnLgE1ETQ2OwEyFhURFx4BDwEOAScCAGdaWocnJycnh1paZ2daWocnJycnh1paZ1NJSWwgHx8gbElJU1NJSWwgHx8gbElJKaoFBQ4KQAoOhggDBiYGEwgDsCcnh1paZ2daWocnJycnh1paZ2daWocnJ/yAHyBsSUlTU0lJbCAfHyBsSUlTU0lJbCAf0XsECgYBSAoODgr+5WIFFAg0CAMGAAADAAD/wAQAA8AAGQAuAEIAAAEhIgYdASMiBhURFBYzITI2PQEzMjY1ETQmAyEiJjUxETQ2MzEzERQWMyEVFAYjNyEiJjUxETQ2MzEhMhYVMREUBiMDoP2AKDhgKDg4KAKAKDhgKDg49P2YBQcHBVQ4KAHABwXA/ZgFBwcFAmgFBwcFA8A4KGA4KP2AKDg4KGA4KAKAKDj8YAcFAmgFB/5AKDhUBQfABwUCaAUHBwX9mAUHAAAFAAD/wAP/A8AASACSAK4AugDGAAABMhYXHgEXHgEXHgEXHgEXHgEVFAYHDgEHDgEHDgEHDgEHDgEjIiYnLgEnLgEnLgEnLgEnLgE1NDY3PgE3PgE3PgE3PgE3PgEzNSIGBw4BBw4BBw4BBw4BBw4BFRQWFx4BFx4BFx4BFx4BFx4BMzI2Nz4BNz4BNz4BNz4BNz4BNTQmJy4BJy4BJy4BJy4BJy4BIzEVIgcOAQcGFRQXHgEXFjMyNz4BNzY1NCcuAScmAyImNTQ2MzIWFRQGARQGIyImNTQ2MzIWAgBnPyklLA4SGw4NEgcFCwIBAgIBAgsFBxINDhsSDiwlKT9nZkApJSwOERwNDhIHBQsBAgEBAgELBQcSDQ4bEg4sJSk/Z2hCKSk7GBosFRUcCgoMAgIBAQICDAoKHBUVLBoYOykpQmhoQikpOxgZLBYVHAoJDQECAQECAQ0JChwVFSwaGDspKUJoNjAwSBQVFRRIMDA2NjAwSBQVFRRIMDA2R2RkR0dkZAEIJBoZJCQZGiQDZAECAgsFBxINDRwSDSwmKEBnZkAoJiwNEhwNDhIHBQsBAgEBAgELBQcSDg0cEQ4sJSlAZmdAKCUsDhIbDg0SBwULAgIBXAECAgwKChwVFSwaGDspKUJoaEIpKTsYGiwVFRwKCQ0CAgEBAgINCQocFRUsGhg7KSlCaGhCKSk7GBktFRUcCgkNAgIB+RUUSDAwNjYwMEgUFRUUSDAwNjYwMEgUFf5OZEdHZGRHR2QBvBkkJBkaJCQAAAEAAAABAAD4DMPlXw889QALBAAAAAAA2RVu8AAAAADZFW7wAAD/wAQEA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAP/8BAQAAQAAAAAAAAAAAAAAAAAAABMEAAAAAAAAAAAAAAACAAAABAAAgAOAAAAEAAAABAAAKwQAAAAEAAArBAABBQQAATMEAAE5BAABggQAAAAEAAAABAAAEAQAAAAEAAAAAAAAAAAKABQAHgC0ANABSgG+AloDGgNAA3oDogPcBBoEZATaBTQGWAABAAAAEwDHAAUAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABQAAAAEAAAAAAAIABwBOAAEAAAAAAAMABQAwAAEAAAAAAAQABQBjAAEAAAAAAAUACwAPAAEAAAAAAAYABQA/AAEAAAAAAAoAGgByAAMAAQQJAAEACgAFAAMAAQQJAAIADgBVAAMAAQQJAAMACgA1AAMAAQQJAAQACgBoAAMAAQQJAAUAFgAaAAMAAQQJAAYACgBEAAMAAQQJAAoANACMcWxpZ2cAcQBsAGkAZwBnVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwcWxpZ2cAcQBsAGkAZwBncWxpZ2cAcQBsAGkAZwBnUmVndWxhcgBSAGUAZwB1AGwAYQBycWxpZ2cAcQBsAGkAZwBnRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"),url(data:font/opentype;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiID4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEljb01vb248L21ldGFkYXRhPgo8ZGVmcz4KPGZvbnQgaWQ9InFsaWdnIiBob3Jpei1hZHYteD0iMTAyNCI+Cjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0IiAvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iMTAyNCIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeDIwOyIgaG9yaXotYWR2LXg9IjUxMiIgZD0iIiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwMDsiIGdseXBoLW5hbWU9InVwbG9hZCIgZD0iTTEyOCA0NDh2LTM0MS4zMzNjMC0xNy4yOCAzLjQ1Ni0zMy44MzUgOS43MjgtNDguOTgxIDYuNDg1LTE1LjcwMSAxNi0yOS43ODEgMjcuNzc2LTQxLjU1N3MyNS44NTYtMjEuMjkxIDQxLjU1Ny0yNy43NzZjMTUuMTA0LTYuMjI5IDMxLjY1OS05LjY4NSA0OC45MzktOS42ODVoNTEyYzE3LjI4IDAgMzMuODM1IDMuNDU2IDQ4Ljk4MSA5LjcyOCAxNS43MDEgNi40ODUgMjkuNzgxIDE2IDQxLjU1NyAyNy43NzZzMjEuMjkxIDI1Ljg1NiAyNy43NzYgNDEuNTU3YzYuMjI5IDE1LjEwNCA5LjY4NSAzMS42NTkgOS42ODUgNDguOTM5djM0MS4zMzNjMCAyMy41NTItMTkuMTE1IDQyLjY2Ny00Mi42NjcgNDIuNjY3cy00Mi42NjctMTkuMTE1LTQyLjY2Ny00Mi42Njd2LTM0MS4zMzNjMC01Ljg0NS0xLjE1Mi0xMS4zNDktMy4yLTE2LjI5OS0yLjEzMy01LjIwNS01LjMzMy05Ljg5OS05LjMwMS0xMy44NjdzLTguNjYxLTcuMTI1LTEzLjg2Ny05LjMwMWMtNC45NDktMi4wNDgtMTAuNDUzLTMuMi0xNi4yOTktMy4yaC01MTJjLTUuODQ1IDAtMTEuMzQ5IDEuMTUyLTE2LjI5OSAzLjItNS4yMDUgMi4xMzMtOS44OTkgNS4zMzMtMTMuODY3IDkuMzAxcy03LjEyNSA4LjY2MS05LjMwMSAxMy44NjdjLTIuMDQ4IDQuOTQ5LTMuMiAxMC40NTMtMy4yIDE2LjI5OXYzNDEuMzMzYzAgMjMuNTUyLTE5LjExNSA0Mi42NjctNDIuNjY3IDQyLjY2N3MtNDIuNjY3LTE5LjExNS00Mi42NjctNDIuNjY3ek00NjkuMzMzIDc3MS42Njl2LTQ1MS42NjljMC0yMy41NTIgMTkuMTE1LTQyLjY2NyA0Mi42NjctNDIuNjY3czQyLjY2NyAxOS4xMTUgNDIuNjY3IDQyLjY2N3Y0NTEuNjY5bDk3LjgzNS05Ny44MzVjMTYuNjgzLTE2LjY4MyA0My42OTEtMTYuNjgzIDYwLjMzMSAwczE2LjY4MyA0My42OTEgMCA2MC4zMzFsLTE3MC42NjcgMTcwLjY2N2MtMC4wNDMgMC4wNDMtMC4xMjggMC4wODUtMC4xNzEgMC4xNzEtNC4wNTMgNC4wMTEtOC43MDQgNy4wNDAtMTMuNjUzIDkuMDg4LTEwLjQ1MyA0LjMwOS0yMi4yMjkgNC4zMDktMzIuNjgzIDAtNC45NDktMi4wNDgtOS42NDMtNS4wNzctMTMuNjUzLTkuMDg4LTAuMDQzLTAuMDQzLTAuMTI4LTAuMDg1LTAuMTcxLTAuMTcxbC0xNzAuNjY3LTE3MC42NjdjLTE2LjY4My0xNi42ODMtMTYuNjgzLTQzLjY5MSAwLTYwLjMzMXM0My42OTEtMTYuNjgzIDYwLjMzMSAweiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDE7IiBnbHlwaC1uYW1lPSJ2aWRlbyIgaG9yaXotYWR2LXg9Ijg5NiIgZD0iTTg0OC44IDUzMC42bC03MDQgNDE2LjJjLTU3LjIgMzMuOC0xNDQuOCAxLTE0NC44LTgyLjZ2LTgzMi4yYzAtNzUgODEuNC0xMjAuMiAxNDQuOC04Mi42bDcwNCA0MTZjNjIuOCAzNyA2MyAxMjguMiAwIDE2NS4yeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDI7IiBnbHlwaC1uYW1lPSJzaGFyZS1vIiBkPSJNMTAwNC44IDUyNC44bC00NDggMzU4LjRjLTYuNCA2LjQtMTkuMiA2LjQtMjUuNiA2LjQtMTIuOC02LjQtMTkuMi0xOS4yLTE5LjItMzJ2LTE4NS42Yy0yNDMuMi02LjQtMzUyLTk2LTQ0MS42LTI1Ni03MC40LTEyOC03MC40LTI4OC03MC40LTM5Ni44IDAtNi40IDAtMTkuMiAwLTI1LjYgMC0xMi44IDYuNC01MS4yIDQ0LjgtNTEuMnM0NC44IDE5LjIgNTEuMiAzMmMxNjYuNCAyOTQuNCAyMzAuNCAzMDcuMiA0MTYgMzA3LjJ2LTE3OS4yYzAtMTIuOCA2LjQtMjUuNiAxOS4yLTI1LjYgNi40LTYuNCAyNS42LTYuNCAzMiA2LjRsNDQ4IDM2NC44YzE5LjIgMjUuNiAxOS4yIDUxLjItNi40IDc2Ljh6TTU4OC44IDIxNy42djExNS4yYzAgNi40LTYuNCAxOS4yLTYuNCAyNS42LTYuNCAwLTE5LjIgNi40LTI1LjYgNi40LTEyMS42IDAtMTkyIDAtMjgxLjYtMzguNC04My4yLTM4LjQtMTI4LTEwMi40LTE5Mi0yMDQuOCA2LjQgODkuNiAxMi44IDE2Ni40IDY0IDI1NiA3Ni44IDE0Ny4yIDE3Mi44IDIxNy42IDQwOS42IDIxNy42IDE5LjIgMCAzMiAxMi44IDMyIDMydjEzNC40bDMzMi44LTI4MS42LTMzMi44LTI2Mi40eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDM7IiBnbHlwaC1uYW1lPSJjb21tZW50IiBkPSJNNDIuNjY3IDQ1Mi4yNjdjMC0yNTYgMjA0LjgtNDczLjYgNDY5LjMzMy00NzMuNiA4MS4wNjcgMCAxNTcuODY3IDQyLjY2NyAyMjYuMTMzIDc2LjhsMjEzLjMzMy01NS40NjdjNC4yNjcgMCA0LjI2NyAwIDguNTMzIDAgMTcuMDY3IDAgMjUuNiAxMi44IDI1LjYgMjUuNiAwIDQuMjY3IDAgNC4yNjcgMCA4LjUzM2wtNTUuNDY3IDIwOS4wNjdjMzguNCA2OC4yNjcgNTkuNzMzIDEyMy43MzMgNTkuNzMzIDIwNC44LTguNTMzIDI2NC41MzMtMjIxLjg2NyA0NjkuMzMzLTQ3Ny44NjcgNDY5LjMzMy0yNjAuMjY3IDAtNDY5LjMzMy0yMDkuMDY3LTQ2OS4zMzMtNDY1LjA2N3pNMTAyLjQgNDUyLjI2N2MwIDIyMS44NjcgMTgzLjQ2NyA0MDUuMzMzIDQwNS4zMzMgNDA1LjMzMyAyMjYuMTMzIDAgNDA5LjYtMTc5LjIgNDA5LjYtNDA1LjMzMyAwLTcyLjUzMy0yMS4zMzMtMTI4LTU1LjQ2Ny0xODcuNzMzdjBjLTQuMjY3LTQuMjY3LTQuMjY3LTguNTMzLTQuMjY3LTEyLjhzMC00LjI2NyAwLTQuMjY3djBsNDYuOTMzLTE3NC45MzMtMTc0LjkzMyA0Ni45MzNjLTQuMjY3IDAtNC4yNjcgMC04LjUzMyAwcy04LjUzMyAwLTEyLjgtNC4yNjd2MGMtNTkuNzMzLTM0LjEzMy0xMzIuMjY3LTc2LjgtMjA0LjgtNzYuOC0yMTcuNiAwLTQwMS4wNjcgMTg3LjczMy00MDEuMDY3IDQxMy44Njd6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNDsiIGdseXBoLW5hbWU9ImhlYXJ0IiBkPSJNNzU1LjIgODk2Yy04NS4zMzMgMC0xNDAuOC0yMS4zMzMtMjA5LjA2Ny04OS42IDAgMC0xNy4wNjctMTcuMDY3LTI5Ljg2Ny0yOS44NjctMTIuOCAxMi44LTI5Ljg2NyAyOS44NjctMjkuODY3IDI5Ljg2Ny02OC4yNjcgNjguMjY3LTEyOCA4OS42LTIxMy4zMzMgODkuNi0xNjIuMTMzIDAtMjczLjA2Ny0xMzIuMjY3LTI3My4wNjctMjkwLjEzMyAwLTE3OS4yIDE0NS4wNjctMzAyLjkzMyAzNjYuOTMzLTQ5MC42NjcgMzguNC0zNC4xMzMgODEuMDY3LTY4LjI2NyAxMjMuNzMzLTEwNi42NjcgNC4yNjctNC4yNjcgMTIuOC04LjUzMyAyMS4zMzMtOC41MzNzMTIuOCA0LjI2NyAyMS4zMzMgOC41MzNjNDYuOTMzIDQyLjY2NyA4OS42IDc2LjggMTMyLjI2NyAxMTUuMiAyMDQuOCAxNzQuOTMzIDM2Mi42NjcgMzAyLjkzMyAzNjIuNjY3IDQ4Ni40LTQuMjY3IDE1My42LTExNS4yIDI4NS44NjctMjczLjA2NyAyODUuODY3ek02MjIuOTMzIDE2Ni40Yy0zNC4xMzMtMjkuODY3LTcyLjUzMy02NC0xMTAuOTMzLTk4LjEzMy0zOC40IDI5Ljg2Ny03Mi41MzMgNTkuNzMzLTEwNi42NjcgODkuNi0yMTMuMzMzIDE3OS4yLTM0NS42IDI5NC40LTM0NS42IDQ0OCAwIDEzMi4yNjcgODkuNiAyMzQuNjY3IDIwOS4wNjcgMjM0LjY2NyA2NCAwIDExMC45MzMtMTIuOCAxNjIuMTMzLTY0IDQyLjY2Ny00Mi42NjcgNTEuMi01MS4yIDUxLjItNTEuMiAxMi44LTE3LjA2NyAxNy4wNjctMjEuMzMzIDI5Ljg2Ny0yNS42IDEyLjggMCAyMS4zMzMgOC41MzMgMjkuODY3IDE3LjA2NyAwIDAgOC41MzMgOC41MzMgNTEuMiA1NS40NjcgNTUuNDY3IDU1LjQ2NyA4OS42IDY0IDE2Mi4xMzMgNjQgMTE5LjQ2NyAwIDIwOS4wNjctMTAyLjQgMjA5LjA2Ny0yMzQuNjY3IDAtMTQ5LjMzMy0xMzYuNTMzLTI2NC41MzMtMzQxLjMzMy00MzUuMnoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTA1OyIgZ2x5cGgtbmFtZT0iaW5zdGFncmFtIiBkPSJNNzI5LjYgOTE3LjMzM2gtNDM1LjJjLTEzNi41MzMgMC0yNTEuNzMzLTExNS4yLTI1MS43MzMtMjUxLjczM3YtNDMwLjkzM2MwLTE0MC44IDExNS4yLTI1NiAyNTEuNzMzLTI1Nmg0MzAuOTMzYzE0MC44IDAgMjUxLjczMyAxMTUuMiAyNTEuNzMzIDI1MS43MzN2NDM1LjJjNC4yNjcgMTM2LjUzMy0xMTAuOTMzIDI1MS43MzMtMjQ3LjQ2NyAyNTEuNzMzek05MTcuMzMzIDIzMC40YzAtMTAyLjQtODUuMzMzLTE4Ny43MzMtMTg3LjczMy0xODcuNzMzaC00MzUuMmMtMTAyLjQgMC0xODcuNzMzIDg1LjMzMy0xODcuNzMzIDE4Ny43MzN2NDM1LjJjMCAxMDIuNCA4NS4zMzMgMTg3LjczMyAxODcuNzMzIDE4Ny43MzNoNDM5LjQ2N2MxMDIuNCAwIDE4Ny43MzMtODUuMzMzIDE4Ny43MzMtMTg3LjczM3YtNDM1LjJ6TTcyMS4wNjcgNDgyLjEzM2MtOC41MzMgNDYuOTMzLTI1LjYgODUuMzMzLTU5LjczMyAxMTkuNDY3cy03Mi41MzMgNTEuMi0xMTkuNDY3IDU5LjczM2MtMjEuMzMzIDQuMjY3LTQyLjY2NyA0LjI2Ny01OS43MzMgMC01NS40NjctMTIuOC0xMDIuNC00Mi42NjctMTM2LjUzMy04NS4zMzNzLTQ2LjkzMy0xMDIuNC0zOC40LTE1Ny44NjdjOC41MzMtNTUuNDY3IDM0LjEzMy0xMDIuNCA4MS4wNjctMTM2LjUzMyAzOC40LTI1LjYgODEuMDY3LTQyLjY2NyAxMjMuNzMzLTQyLjY2NyA4LjUzMyAwIDIxLjMzMyAwIDI5Ljg2NyA0LjI2NyA1NS40NjcgOC41MzMgMTA2LjY2NyAzOC40IDEzNi41MzMgODEuMDY3IDM4LjQgNDYuOTMzIDUxLjIgMTAyLjQgNDIuNjY3IDE1Ny44Njd6TTUzNy42IDMwMi45MzNjLTM4LjQtNC4yNjctNzYuOCA0LjI2Ny0xMTAuOTMzIDI1LjYtMjkuODY3IDI1LjYtNTEuMiA1OS43MzMtNTkuNzMzIDk4LjEzMy00LjI2NyAzOC40IDQuMjY3IDc2LjggMjUuNiAxMTAuOTMzIDI1LjYgMjkuODY3IDU5LjczMyA1MS4yIDk4LjEzMyA1OS43MzMgOC41MzMgMCAxMi44IDAgMjEuMzMzIDBzMTIuOCAwIDIxLjMzMyAwYzY0LTguNTMzIDExNS4yLTU5LjczMyAxMjMuNzMzLTEyMy43MzMgMTcuMDY3LTgxLjA2Ny0zOC40LTE1Ny44NjctMTE5LjQ2Ny0xNzAuNjY3ek03ODUuMDY3IDcyMS4wNjdjLTguNTMzIDguNTMzLTE3LjA2NyAxMi44LTI1LjYgMTIuOHMtMjEuMzMzLTQuMjY3LTI1LjYtMTIuOGMtOC41MzMtOC41MzMtMTIuOC0xNy4wNjctMTIuOC0yNS42czQuMjY3LTIxLjMzMyAxMi44LTI1LjZjOC41MzMtOC41MzMgMTcuMDY3LTEyLjggMjUuNi0xMi44czIxLjMzMyA0LjI2NyAyNS42IDEyLjhjOC41MzMgOC41MzMgMTIuOCAxNy4wNjcgMTIuOCAyNS42IDAgMTIuOC00LjI2NyAyMS4zMzMtMTIuOCAyNS42eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDY7IiBnbHlwaC1uYW1lPSJwcmV2IiBkPSJNNzExLjIxOSA4MC45OThjMTMuNzIyLTEzLjkyNiAxMy43MjItMzYuMzAxIDAtNTAuMTI1cy0zNS44OTEtMTMuODc1LTQ5LjYxMyAwbC00MDAuODk2IDQwNC44OWMtMTMuNzIyIDEzLjgyNC0xMy43MjIgMzYuMTk4IDAgNTAuMTI1bDQwMC44OTYgNDA0Ljg5YzEzLjcyMiAxMy44MjQgMzUuODkxIDEzLjgyNCA0OS42MTMgMCAxMy43MjItMTMuODc1IDEzLjcyMi0zNi4zMDEgMC01MC4xMjVsLTM2NS42MTktMzc5Ljg1MyAzNjUuNjE5LTM3OS44MDJ6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwNzsiIGdseXBoLW5hbWU9InByZXYtbyIgZD0iTTYzNy41NDIgNzQxLjU4MWMyMi44MzUtMjIuMzIzIDI0LjYyNy01My40MDIgMC04MC42OTFsLTE5MS44NDYtMjAwLjA5MCAxOTEuODQ2LTIwMC4wOTBjMjQuNjI3LTI3LjI5IDIyLjgzNS01OC40MTkgMC04MC41ODktMjIuNzg0LTIyLjMyMy02MS4yODYtMjAuODktODIuNjg4IDAtMjEuNDAyIDIwLjc4Ny0yMzAuNTAyIDI0MC4zODQtMjMwLjUwMiAyNDAuMzg0LTExLjQxOCAxMS4xMS0xNy4xNTIgMjUuNzAyLTE3LjE1MiA0MC4yOTRzNS43MzQgMjkuMTg0IDE3LjE1MiA0MC4zOTdjMCAwIDIwOS4xMDEgMjE5LjQ5NCAyMzAuNTAyIDI0MC4zODQgMjEuNDAyIDIwLjk0MSA1OS45MDQgMjIuMzIzIDgyLjY4OCAweiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDg7IiBnbHlwaC1uYW1lPSJuZXh0IiBkPSJNNjc4LjQgNDYwLjhsLTM2NS42MTkgMzc5LjkwNGMtMTMuNzIyIDEzLjgyNC0xMy43MjIgMzYuMTk4IDAgNTAuMTI1IDEzLjcyMiAxMy44MjQgMzUuODkxIDEzLjgyNCA0OS42MTMgMGw0MDAuODk2LTQwNC44OWMxMy43MjItMTMuODc1IDEzLjcyMi0zNi4zMDEgMC01MC4xMjVsLTQwMC44OTYtNDA0Ljg5Yy0xMy43MjItMTMuODc1LTM1Ljg5MS0xMy44MjQtNDkuNjEzIDAtMTMuNzIyIDEzLjc3My0xMy43MjIgMzYuMTk4IDAgNTAuMTI1bDM2NS42MTkgMzc5Ljc1eiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MDk7IiBnbHlwaC1uYW1lPSJuZXh0LW8iIGQ9Ik00NjkuMTQ2IDc0MS41ODFjMjEuNDAyLTIwLjg5IDIzMC41MDItMjQwLjM4NCAyMzAuNTAyLTI0MC4zODQgMTEuNDE4LTExLjIxMyAxNy4xNTItMjUuODA1IDE3LjE1Mi00MC4zOTdzLTUuNzM0LTI5LjE4NC0xNy4xNTItNDAuMjk0YzAgMC0yMDkuMTAxLTIxOS41OTctMjMwLjUwMi0yNDAuMzg0LTIxLjQwMi0yMC44OS01OS45MDQtMjIuMzIzLTgyLjY4OCAwLTIyLjgzNSAyMi4yMjEtMjQuNjI3IDUzLjI5OSAwIDgwLjU4OWwxOTEuODQ2IDIwMC4wOTAtMTkxLjg0NiAyMDAuMDkwYy0yNC42MjcgMjcuMjktMjIuODM1IDU4LjQxOSAwIDgwLjY5MSAyMi43ODQgMjIuMzIzIDYxLjI4NiAyMC45NDEgODIuNjg4IDB6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYTsiIGdseXBoLW5hbWU9ImhlYXJ0LW8iIGQ9Ik03MzYgODk2Yy03Ni45MjggMC0xMzguNTkyLTI3LjYxNi0xOTIuOTYtODIuMDE2LTAuMDMyLTAuMDMyLTAuMDY0LTAuMDY0LTAuMDk2LTAuMDk2aC0wLjAzMmwtMzAuOTEyLTM4Ljk0NC0zMC45MTIgMzYuNTc2Yy0wLjAzMiAwLjAzMi0wLjA2NCAwLjA2NC0wLjA5NiAwLjA5NmgtMC4wMzJjLTU0LjQgNTQuNDMyLTExNi4wMzIgODQuMzg0LTE5Mi45NiA4NC4zODRzLTE0OS4yNDgtMjkuOTUyLTIwMy42NDgtODQuMzUyYy01NC4zNjgtNTQuNC04NC4zNTItMTI2LjcyLTg0LjM1Mi0yMDMuNjQ4IDAtNzYuODY0IDI5LjkyLTE0OS4xODQgODQuMjU2LTIwMy41NTJsMzgyLjMwNC0zODUuNTA0YzEyLTEyLjEyOCAyOC4zODQtMTguOTQ0IDQ1LjQ0LTE4Ljk0NHMzMy40NCA2LjgxNiA0NS40NCAxOC45NDRsMzgyLjI3MiAzODUuNTA0YzU0LjMzNiA1NC4zNjggODQuMjg4IDEyNi42NTYgODQuMjg4IDIwMy41NTIgMCA3Ni45MjgtMjkuOTg0IDE0OS4yNDgtODQuMzUyIDIwMy42NDgtNTQuNCA1NC40LTEyNi43MiA4NC4zNTItMjAzLjY0OCA4NC4zNTJ2MHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlOTBiOyIgZ2x5cGgtbmFtZT0iY29tbWVudC1vIiBkPSJNNTEyIDY0Ljk5MmMtMjAuNzY4IDAtNTEuMTY4IDIzLjM2LTcxLjMyOCAyNS41MDQtNTcuNTA0LTQ4LjIyNC0xMTcuNDA4LTEwNi4yNzItMTk4Ljg0OC0xMzYuNDQ4LTM1LjU1Mi0xNS4wNzItNjYuMDgwLTIzLjgwOC03NC4wMTYtMTQuMzA0LTEwLjY1NiAxMi4zODQtMjYuNzUyIDI5LjU2OC0yOS42IDM0LjE3NiAwLjE2IDYuODQ4IDguNDQ4IDEuNDQgMTcuNDcyIDExLjE2OCA0OS4xNTIgMjAuNjcyIDgwLjg5NiA3NC4wMTYgMTAyLjI0IDEzOS4yMzItMTUzLjk1MiA3Ny4xNTItMjU3LjkyIDIyMS44ODgtMjU3LjkyIDM4OC4wOTYgMCAyNDcuMDcyIDIyOS4yNDggNDQ3LjM5MiA1MTIgNDQ3LjM5MnM1MTItMjAwLjI4OCA1MTItNDQ3LjM5Mi0yMjkuMjQ4LTQ0Ny40MjQtNTEyLTQ0Ny40MjR6IiAvPgo8Z2x5cGggdW5pY29kZT0iJiN4ZTkwYzsiIGdseXBoLW5hbWU9ImNsb2NrLW8iIGQ9Ik01MTIgOTQ0Yy0yNzQgMC00OTYtMjIyLTQ5Ni00OTZzMjIyLTQ5NiA0OTYtNDk2IDQ5NiAyMjIgNDk2IDQ5Ni0yMjIgNDk2LTQ5NiA0OTZ6TTUxMiA0OGMtMjIxIDAtNDAwIDE3OS00MDAgNDAwczE3OSA0MDAgNDAwIDQwMCA0MDAtMTc5IDQwMC00MDAtMTc5LTQwMC00MDAtNDAwek02MzUuNiAyNTYuOGwtMTY5LjggMTIzLjRjLTYuMiA0LjYtOS44IDExLjgtOS44IDE5LjR2MzI4LjRjMCAxMy4yIDEwLjggMjQgMjQgMjRoNjRjMTMuMiAwIDI0LTEwLjggMjQtMjR2LTI4My40bDEzMy42LTk3LjJjMTAuOC03LjggMTMtMjIuOCA1LjItMzMuNmwtMzcuNi01MS44Yy03LjgtMTAuNi0yMi44LTEzLTMzLjYtNS4yeiIgLz4KPGdseXBoIHVuaWNvZGU9IiYjeGU5MGQ7IiBnbHlwaC1uYW1lPSJnYWxsZXJ5IiBkPSJNOTI4IDk2MGgtNjQwYy01My4wMjAgMC05Ni00Mi45OC05Ni05NnYtOTZoLTk2Yy01My4wMjAgMC05Ni00Mi45OC05Ni05NnYtNjQwYzAtNTMuMDIwIDQyLjk4LTk2IDk2LTk2aDY0MGM1My4wMjAgMCA5NiA0Mi45OCA5NiA5NnY5Nmg5NmM1My4wMjAgMCA5NiA0Mi45OCA5NiA5NnY2NDBjMCA1My4wMjAtNDIuOTggOTYtOTYgOTZ6TTcyNCAzMmgtNjE2Yy02LjYyNyAwLTEyIDUuMzczLTEyIDEydjAgNjE2YzAgNi42MjcgNS4zNzMgMTIgMTIgMTJ2MGg4NHYtNDQ4YzAtNTMuMDIwIDQyLjk4LTk2IDk2LTk2aDQ0OHYtODRjMC02LjYyNy01LjM3My0xMi0xMi0xMnYwek05MTYgMjI0aC02MTZjLTYuNjI3IDAtMTIgNS4zNzMtMTIgMTJ2MCA2MTZjMCA2LjYyNyA1LjM3MyAxMiAxMiAxMnYwaDYxNmM2LjYyNyAwIDEyLTUuMzczIDEyLTEydjAtNjE2YzAtNi42MjctNS4zNzMtMTItMTItMTJ2MHoiIC8+CjxnbHlwaCB1bmljb2RlPSImI3hlYTkyOyIgZ2x5cGgtbmFtZT0iaW5zdGFncmFtLW8iIGQ9Ik01MTIgODY3LjhjMTM2LjggMCAxNTMtMC42IDIwNi44LTMgNTAtMi4yIDc3LTEwLjYgOTUtMTcuNiAyMy44LTkuMiA0MS0yMC40IDU4LjgtMzguMiAxOC0xOCAyOS0zNSAzOC40LTU4LjggNy0xOCAxNS40LTQ1LjIgMTcuNi05NSAyLjQtNTQgMy03MC4yIDMtMjA2LjhzLTAuNi0xNTMtMy0yMDYuOGMtMi4yLTUwLTEwLjYtNzctMTcuNi05NS05LjItMjMuOC0yMC40LTQxLTM4LjItNTguOC0xOC0xOC0zNS0yOS01OC44LTM4LjQtMTgtNy00NS4yLTE1LjQtOTUtMTcuNi01NC0yLjQtNzAuMi0zLTIwNi44LTNzLTE1MyAwLjYtMjA2LjggM2MtNTAgMi4yLTc3IDEwLjYtOTUgMTcuNi0yMy44IDkuMi00MSAyMC40LTU4LjggMzguMi0xOCAxOC0yOSAzNS0zOC40IDU4LjgtNyAxOC0xNS40IDQ1LjItMTcuNiA5NS0yLjQgNTQtMyA3MC4yLTMgMjA2LjhzMC42IDE1MyAzIDIwNi44YzIuMiA1MCAxMC42IDc3IDE3LjYgOTUgOS4yIDIzLjggMjAuNCA0MSAzOC4yIDU4LjggMTggMTggMzUgMjkgNTguOCAzOC40IDE4IDcgNDUuMiAxNS40IDk1IDE3LjYgNTMuOCAyLjQgNzAgMyAyMDYuOCAzek01MTIgOTYwYy0xMzkgMC0xNTYuNC0wLjYtMjExLTMtNTQuNC0yLjQtOTEuOC0xMS4yLTEyNC4yLTIzLjgtMzMuOC0xMy4yLTYyLjQtMzAuNi05MC44LTU5LjItMjguNi0yOC40LTQ2LTU3LTU5LjItOTAuNi0xMi42LTMyLjYtMjEuNC02OS44LTIzLjgtMTI0LjItMi40LTU0LjgtMy03Mi4yLTMtMjExLjJzMC42LTE1Ni40IDMtMjExYzIuNC01NC40IDExLjItOTEuOCAyMy44LTEyNC4yIDEzLjItMzMuOCAzMC42LTYyLjQgNTkuMi05MC44IDI4LjQtMjguNCA1Ny00NiA5MC42LTU5IDMyLjYtMTIuNiA2OS44LTIxLjQgMTI0LjItMjMuOCA1NC42LTIuNCA3Mi0zIDIxMS0zczE1Ni40IDAuNiAyMTEgM2M1NC40IDIuNCA5MS44IDExLjIgMTI0LjIgMjMuOCAzMy42IDEzIDYyLjIgMzAuNiA5MC42IDU5czQ2IDU3IDU5IDkwLjZjMTIuNiAzMi42IDIxLjQgNjkuOCAyMy44IDEyNC4yIDIuNCA1NC42IDMgNzIgMyAyMTFzLTAuNiAxNTYuNC0zIDIxMWMtMi40IDU0LjQtMTEuMiA5MS44LTIzLjggMTI0LjItMTIuNiAzNC0zMCA2Mi42LTU4LjYgOTEtMjguNCAyOC40LTU3IDQ2LTkwLjYgNTktMzIuNiAxMi42LTY5LjggMjEuNC0xMjQuMiAyMy44LTU0LjggMi42LTcyLjIgMy4yLTIxMS4yIDMuMnYwek01MTIgNzExYy0xNDUuMiAwLTI2My0xMTcuOC0yNjMtMjYzczExNy44LTI2MyAyNjMtMjYzIDI2MyAxMTcuOCAyNjMgMjYzYzAgMTQ1LjItMTE3LjggMjYzLTI2MyAyNjN6TTUxMiAyNzcuNGMtOTQuMiAwLTE3MC42IDc2LjQtMTcwLjYgMTcwLjZzNzYuNCAxNzAuNiAxNzAuNiAxNzAuNmM5NC4yIDAgMTcwLjYtNzYuNCAxNzAuNi0xNzAuNnMtNzYuNC0xNzAuNi0xNzAuNi0xNzAuNnpNODQ2LjggNzIxLjRjMC0zMy45MS0yNy40OS02MS40LTYxLjQtNjEuNHMtNjEuNCAyNy40OS02MS40IDYxLjRjMCAzMy45MSAyNy40OSA2MS40IDYxLjQgNjEuNHM2MS40LTI3LjQ5IDYxLjQtNjEuNHoiIC8+CjwvZm9udD48L2RlZnM+PC9zdmc+) format("svg");font-weight:normal;font-style:normal}[class^=qligg-icon-],[class*=" qligg-icon-"]{font-family:"qligg" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qligg-icon-video:before{content:""}.qligg-icon-gallery:before{content:""}.qligg-icon-clock-o:before{content:""}.qligg-icon-upload:before{content:""}.qligg-icon-share-o:before{content:""}.qligg-icon-comment:before{content:""}.qligg-icon-heart:before{content:""}.qligg-icon-instagram:before{content:""}.qligg-icon-prev:before{content:""}.qligg-icon-prev-o:before{content:""}.qligg-icon-next:before{content:""}.qligg-icon-next-o:before{content:""}.qligg-icon-heart-o:before{content:""}.qligg-icon-comment-o:before{content:""}.qligg-icon-instagram-o:before{content:""}.instagram-gallery-feed{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1}.instagram-gallery-feed .instagram-gallery-item,.instagram-gallery-feed .instagram-gallery-image,.instagram-gallery-feed .instagram-gallery__actions{opacity:0;transition:all .4s}.instagram-gallery-feed.loaded .instagram-gallery-item,.instagram-gallery-feed.loaded .instagram-gallery-image,.instagram-gallery-feed.loaded .instagram-gallery__actions{opacity:1}.instagram-gallery-feed a{text-decoration:none !important}.instagram-gallery__button{display:inline-block;font-size:14px;padding:12px 24px;transition:all .3s;text-decoration:none;border-radius:3px;background-color:#0095f6;color:#fff;vertical-align:middle;line-height:16px;text-decoration:none !important}.instagram-gallery__button>i{margin:0 8px 0 0;font-size:12px}.instagram-gallery__button>svg{margin:0 8px 0 0;max-height:14px;display:inline-block;width:auto;vertical-align:bottom}.instagram-gallery__button:focus,.instagram-gallery__button:hover{box-shadow:inset 0 0 20px 20px hsla(0,0%,100%,.2)}.instagram-gallery__button--follow{background-color:#0095f6}.instagram-gallery__button--load{background-color:#000;text-transform:capitalize;cursor:pointer}.instagram-gallery__button--disabled{opacity:.6;pointer-events:none}.instagram-gallery__actions{text-align:center;margin:15px 0px;display:flex;gap:10px;align-items:center;justify-content:center}.instagram-gallery__alert{background-color:#f44336;padding:15px;color:#fff;border-radius:3px;margin:0 0 15px 0;display:block}.instagram-gallery__alert::after,.instagram-gallery__alert::before{content:" ";display:table}.instagram-gallery__alert::after{clear:both}.instagram-gallery__alert .button{float:right}.instagram-gallery__alert ul{padding:0;margin:0}.instagram-gallery__alert li{list-style:none outside !important;padding-left:0 !important;margin-left:0 !important}.instagram-gallery-item__wrap{background-color:#fff;font-size:12px;line-height:1.2}.instagram-gallery-item__info,.instagram-gallery-item__media_description{display:flex;clear:both;margin:0;padding:1em 0}.instagram-gallery-item__media_description{display:block}.instagram-gallery-item__icons{margin:0 0 0 auto;margin-right:5px}.instagram-gallery-item__comments_count i,.instagram-gallery-item__likes_count i{font-weight:bold;margin:0 2px}.instagram-gallery-item__info{border-bottom:1px solid rgba(0,0,0,.05);font-size:.9em;margin:0 2px}.instagram-gallery-item__date{display:inline-block;text-transform:uppercase;opacity:.6}.instagram-gallery-item__comments_count,.instagram-gallery-item__likes_count{display:inline-block;margin:0}.instagram-gallery-item__date{display:inline-block;margin:0 5px 0px 0}.instagram-gallery-item__media-mask{position:absolute;content:"";top:0;bottom:0;left:0;right:0;z-index:8;transition:all .5s ease-out;opacity:0;background:rgba(0,122,255,.55);width:100%;height:100%}.instagram-gallery-item__media-mask--content{position:absolute;top:50%;left:0px;right:0;margin:-10px 0 0 0;z-index:9;width:100%;color:#fff;transition:all .5s ease;opacity:0;line-height:20px;font-size:18px;text-align:center}.instagram-gallery-item__likes_count--mask,.instagram-gallery-item__comments_count--mask{padding:0 4px;font-size:15px;font-weight:600;vertical-align:middle;line-height:20px}.instagram-gallery-item__icon-heart,.instagram-gallery-item__icon-bubble_chat{font-size:12px;margin-right:3px;font-weight:800;color:#0095f6}.instagram-gallery-item__media-wrap{display:block;position:relative;text-align:center;background-color:#eee;cursor:pointer}.instagram-gallery-item__media{width:100%;height:auto;overflow:hidden;vertical-align:middle}.instagram-gallery-item__icon,.instagram-gallery-item__media{transition:all .3s}.instagram-gallery-item__icon{position:absolute;z-index:1;font-size:16px;color:#fff;opacity:.66;top:0;margin:10px;right:0;text-shadow:1px 1px rgba(0,0,0,.15);display:flex;text-decoration:none}.instagram-gallery-item__icon--views{left:auto;right:0;font-size:24px}.instagram-gallery-item__icon--views_count{top:auto;bottom:0;opacity:0;right:auto;left:0;pointer-events:none}.instagram-gallery-item__icon>span{margin:0 5px;line-height:16px;font-size:13px;font-weight:600;position:relative;top:-1px}.instagram-gallery-item{box-sizing:border-box;overflow:hidden;display:block;line-height:0}.instagram-gallery-item--cols-1{width:100%}.instagram-gallery-item--cols-2{width:50%}.instagram-gallery-item--cols-2.highlight{width:100%}.instagram-gallery-item--cols-3{width:33.333%}.instagram-gallery-item--cols-3.highlight{width:66.666%}.instagram-gallery-item--cols-4{width:25%}.instagram-gallery-item--cols-4.highlight{width:50%}.instagram-gallery-item--cols-5{width:20%}.instagram-gallery-item--cols-5.highlight{width:40%}.instagram-gallery-item--cols-6{width:16.666%}.instagram-gallery-item--cols-6.highlight{width:33.333%}.instagram-gallery-item--cols-7{width:14.285%}.instagram-gallery-item--cols-7.highlight{width:42.855%}.instagram-gallery-item--cols-8{width:12.5%}.instagram-gallery-item--cols-8.highlight{width:37.5}.instagram-gallery-item--cols-9{width:11.111%}.instagram-gallery-item--cols-9.highlight{width:33.333%}.instagram-gallery-item--cols-10{width:10%}.instagram-gallery-item--cols-10.highlight{width:30%}.instagram-gallery-item--cols-11{width:9.09%}.instagram-gallery-item--cols-11.highlight{width:27.27%}.instagram-gallery-item--cols-12{width:8.33%}.instagram-gallery-item--cols-12.highlight{width:33.32%}.instagram-gallery-item--cols-13{width:7.692%}.instagram-gallery-item--cols-13.highlight{width:30.768%}.instagram-gallery-item--cols-14{width:7.142%}.instagram-gallery-item--cols-14.highlight{width:28.568%}.instagram-gallery-item--cols-15{width:6.666%}.instagram-gallery-item--cols-15.highlight{width:26.664%}.instagram-gallery-item--cols-16{width:6.25%}.instagram-gallery-item--cols-16.highlight{width:31.25%}.instagram-gallery-item--cols-17{width:5.882%}.instagram-gallery-item--cols-17.highlight{width:29.41%}.instagram-gallery-item--cols-18{width:5.555%}.instagram-gallery-item--cols-19{width:5.263%}.instagram-gallery-item--cols-19.highlight{width:33.33%}.instagram-gallery-item--cols-20{width:5%}.instagram-gallery-item--cols-20.highlight{width:30%}.instagram-gallery-item__wrap{width:100%;overflow:hidden}.instagram-gallery-item:hover .instagram-gallery-item__icon--views_count{opacity:.8;pointer-events:all;z-index:99}.instagram-gallery-item:hover .instagram-gallery-item__icon--views_count:hover{opacity:1}.instagram-gallery-item:hover .instagram-gallery-item__media-mask{opacity:1;transition:all .5s ease-out}.instagram-gallery-item:hover .instagram-gallery-item__media-mask--content{opacity:1}.instagram-gallery-square .instagram-gallery-item{display:flex;justify-content:center;align-items:stretch;box-sizing:border-box}.instagram-gallery-square .instagram-gallery-item__media-wrap{display:flex;justify-content:center;align-items:center;overflow:hidden;width:100%;padding-top:100%}.instagram-gallery-square .instagram-gallery-item__media{overflow:hidden;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;right:0;left:0}.instagram-gallery-list:after{content:"";display:block;clear:both}.instagram-gallery-modal__button-arrow{background:none;border:none;width:auto;display:flex;align-items:center;border-radius:100%;margin:0;font-size:1.5rem;color:#fff;opacity:.6;text-align:center;transition:all .2s;cursor:pointer}.instagram-gallery-modal__button-arrow:hover{opacity:1}@media(min-width: 27.0625rem){.instagram-gallery-modal__button-arrow{position:absolute;padding:10px;font-size:2rem;top:50vh}.instagram-gallery-modal__button-arrow:hover{background-color:hsla(0,0%,80%,.3)}.qligg-icon-prev{left:10px}.qligg-icon-next{right:10px}}.instagram-gallery-modal__button-close{background:none;border:none;color:#fff;font-size:1.5rem;transition:all .2s;cursor:pointer}.instagram-gallery-modal__button-close::before{content:"✕"}.instagram-gallery-modal__button-close:hover{color:#ed4337}.insta-gallery-slider-container{position:relative}.insta-gallery-slider{display:flex;flex-wrap:nowrap;justify-content:left}.insta-gallery__media{min-width:100%}.insta-gallery-slider__button{cursor:pointer;background:none;border:none;outline:none;padding:10px;border-radius:100%;background-color:rgba(0,0,0,.4);position:absolute;color:hsla(0,0%,100%,.6);top:45%;opacity:.8;font-size:1.2em;transition:.3s ease all}.insta-gallery-slider__button:hover{opacity:1;color:#fff;background-color:rgba(0,0,0,.6)}.insta-gallery-slider__button--right{right:0;margin-right:5px}.insta-gallery-slider__button--left{left:0;margin-left:5px}.instagram-gallery-modal__media-container{background-color:#0b0b0b !important;width:70%;overflow:hidden;text-align:center;display:flex;justify-content:center;position:relative}.instagram-gallery-modal__media{max-height:50vh;max-width:100%;object-fit:contain;min-height:100%}.instagram-gallery-modal__spinner{position:relative;display:flex;justify-content:center;align-items:center;height:100%}.instagram-gallery-modal__spinner--img{max-height:70vh;max-width:100%;object-fit:cover;filter:blur(1em)}@media(max-width: 48em){.instagram-gallery-modal__media-container{width:100%;overflow:visible}}.instagram-gallery-modal__media-sidebar{display:flex;flex-direction:column;width:30%;font-size:13px;font-weight:400;color:#999;padding:0;overflow:auto}.instagram-gallery-modal__profile{display:flex;align-items:center;border-bottom:1px solid #eee;width:auto;font-weight:bold;padding:20px}.instagram-gallery-modal__profile img{border:none;width:48px;height:48px;margin-right:20px;border-radius:40px}.instagram-gallery-modal__profile span{display:block;text-transform:uppercase;color:#000;font-weight:700}.instagram-gallery-modal__profile a{margin:0;padding:0;text-decoration:none;font-size:13px;color:#999}.instagram-gallery-modal__icons{padding:20px}.instagram-gallery-modal__counter,.instagram-gallery-modal__link{position:inherit;display:inline-block;font-size:12px;font-weight:400;color:#999 !important;margin:0 20px 0 0}.instagram-gallery-modal__counter i,.instagram-gallery-modal__link i{vertical-align:middle}.instagram-gallery-modal__counter:hover,.instagram-gallery-modal__link:hover{color:#0095f6 !important}.instagram-gallery-modal__media_description{margin:0;padding:20px;overflow:auto;overflow-wrap:break-word;border-top:1px solid #eee}.instagram-gallery-modal__media_description a{text-decoration:none;color:#0095f6;font-weight:600}.instagram-gallery-modal__info{border-top:1px solid #eee;padding:20px}.instagram-gallery-modal__likes_count,.instagram-gallery-modal__comments_count,.instagram-gallery-modal__date{display:inline-block;margin:0 5px 0px 0}.instagram-gallery-modal__likes_count i,.instagram-gallery-modal__comments_count i,.instagram-gallery-modal__date i{margin:0 4px 0px 0;font-weight:bold}.instagram-gallery-modal__date{text-transform:uppercase;font-size:12px;color:#999;float:right;position:relative;bottom:-1px}@media(max-width: 48em){.instagram-gallery-modal__media-sidebar{width:100%}.instagram-gallery-modal__media_description{width:auto}}@keyframes OverlayAnimation{from{opacity:.2}to{opacity:1}}.instagram-gallery-modal__overlay{display:flex;position:fixed;min-width:100% !important;min-height:100% !important;margin-block-start:0 !important;z-index:9999;top:0;left:0;right:0;bottom:0;background-color:rgba(11,11,11,.8);transition:all .2s linear;animation-name:OverlayAnimation;animation-duration:.3s;animation-timing-function:linear}@media(max-width: 27em){.instagram-gallery-modal__overlay{flex-direction:column}}.instagram-gallery-modal{z-index:3000;max-width:60%;margin:auto;background:none;text-align:right;transition:all .3s linear;animation-name:modal-animation;animation-duration:.3s;animation-timing-function:ease-in-out}.instagram-gallery-modal__options{display:flex;justify-content:space-between}.instagram-gallery-modal__options--arrows{display:flex;flex-direction:row;width:100px;justify-content:space-between}.instagram-gallery-modal__body{background-color:#fff;max-height:70vh;width:100%;overflow:auto;margin:auto;text-align:left;display:flex;border-radius:3px}.instagram-gallery-modal__body--sidebar-left{flex-direction:row-reverse}.instagram-gallery-modal__body--sidebar-bottom,.instagram-gallery-modal__body--sidebar-top{flex-direction:column;max-width:700px}.instagram-gallery-modal__body--sidebar-bottom section,.instagram-gallery-modal__body--sidebar-top section{width:100%}.instagram-gallery-modal__body--sidebar-bottom .insta-gallery-slider img,.instagram-gallery-modal__body--sidebar-top .insta-gallery-slider img{height:100%}.instagram-gallery-modal__body--sidebar-bottom .instagram-gallery-modal__media-sidebar,.instagram-gallery-modal__body--sidebar-top .instagram-gallery-modal__media-sidebar{max-height:250px}.instagram-gallery-modal__body--sidebar-bottom .instagram-gallery-modal__media_description,.instagram-gallery-modal__body--sidebar-top .instagram-gallery-modal__media_description{overflow:unset}.instagram-gallery-modal__body--sidebar-top{flex-direction:column-reverse}@media(max-width: 48em){.instagram-gallery-modal{max-width:60vw}.instagram-gallery-modal__body{flex-direction:column;overflow-x:hidden}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background-color:rgba(11,11,11,.4);border-radius:10px}::-webkit-scrollbar-thumb{background:#016aa7;border-radius:10px}}@media(max-width: 27em){.instagram-gallery-modal{max-width:90vw}}@keyframes modal-animation{from{top:-100%}to{top:50%}}.instagram-gallery-list[data-feed_layout=carousel]{display:flex}.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-next,.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-prev{transition:all .3s;background:none;top:0;bottom:0;height:100%;margin:0;background:rgba(0,0,0,0);width:32px;display:flex;align-items:center}.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-next>i,.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-prev>i{text-align:center;color:#0095f6;width:32px;font-size:26px}.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-next:hover,.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-prev:hover{background-color:rgba(0,0,0,.2)}.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-prev{left:0}.instagram-gallery-list[data-feed_layout=carousel] .swiper-button-next{right:0}.instagram-gallery-list[data-feed_layout=carousel] .swiper-pagination-bullet-active{background-color:#0095f6}.instagram-gallery-list[data-feed_layout=gallery]{display:flex;flex-wrap:wrap;justify-content:start;overflow:hidden}@media screen and (max-width: 1023px)and (min-width: 768px){.instagram-gallery-list[data-feed_layout=masonry] .instagram-gallery-item,.instagram-gallery-list[data-feed_layout=gallery] .instagram-gallery-item{min-width:33.333%}}@media screen and (max-width: 767px){.instagram-gallery-list[data-feed_layout=masonry] .instagram-gallery-item,.instagram-gallery-list[data-feed_layout=gallery] .instagram-gallery-item{min-width:33.333%}}@media screen and (max-width: 480px){.instagram-gallery-list[data-feed_layout=masonry] .instagram-gallery-item,.instagram-gallery-list[data-feed_layout=gallery] .instagram-gallery-item{min-width:50%}}.instagram-gallery__profile{width:auto;margin:15px 0}.instagram-gallery__profile,.instagram-gallery__profile .avatar,.instagram-gallery__profile .info{height:46px;display:flex;align-items:center}.instagram-gallery__profile img{border:none;width:46px;height:46px;margin-right:10px;border-radius:60px}.instagram-gallery__profile .avatar{margin:0 10px 0 0}.instagram-gallery__profile .separator,.instagram-gallery__profile .follow,.instagram-gallery__profile .user{margin:0;padding:0;text-decoration:none;font-weight:600;font-size:16px;color:#000;display:inline-block;vertical-align:middle;line-height:18px}.instagram-gallery__profile .separator{color:#000;margin-left:4px;margin-right:4px}.instagram-gallery__profile .follow{color:#0095f6}.instagram-gallery__profile .follow:hover{color:#000}.instagram-gallery__profile .description{line-height:18px;font-size:12px;font-weight:600}.instagram-gallery__spinner{position:relative;height:60px;width:60px;margin:auto;box-sizing:content-box;background-size:60px;background-position:50% 50%;background-repeat:no-repeat;background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZTJlMmUyIiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiIHRyYW5zZm9ybT0icm90YXRlKDE3OS4yNzMgMjUgMjUpIj48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVUeXBlPSJ4bWwiIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgdHlwZT0icm90YXRlIiBmcm9tPSIwIDI1IDI1IiB0bz0iMzYwIDI1IDI1IiBkdXI9IjAuNnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGVUcmFuc2Zvcm0+PC9wYXRoPjwvc3ZnPg==)}.instagram-gallery-modal__spinner .instagram-gallery__spinner{position:absolute}#hero { width:100%; height:auto; position:relative; z-index:20; overflow:hidden; } #hero.has-image { z-index:2; overflow:hidden; } #hero-styles { position: relative; width: 100%; height:auto; top: 0; left: 0; right: 0; display: block; margin: 0 auto; z-index:2; } #hero.has-image #hero-styles { position: relative; height:auto; } #hero-caption { display: flex; align-items: center; width: 100%; height:auto; padding-top:80px; padding-bottom:120px; margin: 0 auto; position: relative; box-sizing: border-box; text-align:left; pointer-events:initial; } #hero-caption.text-align-center { justify-content: center; } #hero-caption.height-title { height: 100vh; padding-top:80px; padding-bottom:80px; } #hero #hero-caption.no-padding-bottom { padding-bottom:0; } #hero.has-image #hero-caption { align-items: center; justify-content: center; height:100vh; padding-top:80px; padding-bottom:80px; } #hero.has-image #hero-caption.align-start { align-items: flex-end; justify-content: flex-start; } #hero #hero-caption .inner { display: block; width: auto; height: auto; } #hero-caption.text-align-center .inner { text-align:center; } #hero.has-image #hero-caption .inner { -webkit-transform: scale(1); transform: scale(1); transform-origin: bottom left; } #hero.has-image #hero-caption.align-start .inner { -webkit-transform: scale(0.5); transform: scale(0.5); } #hero-image-wrapper { position: absolute; width: 100vw; height: 100vh; z-index: 0; margin: 0 auto; left: 0; top:0; right: 0; } #hero-background-layer { position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; overflow:hidden; } #hero-bg-image { background-size:cover; position:absolute; background-position:center center; width:100%; height:100%; z-index:0; opacity:0; overflow:visible; image-rendering: pixelated; } .load-project-page #hero-bg-image, .load-next-project #hero-bg-image, .load-project-thumb-with-title #hero-bg-image { opacity:1!important; -webkit-transform: scale(1.02); transform: scale(1.02); } .hero-title { font-size: calc(1rem + 24.15vw); line-height: calc(1rem + 22vw); font-weight: 500; position: relative; display:block; width:auto; overflow:hidden; padding: 0; margin-bottom:0; margin-left:-0.6vw; color:#000; } .text-align-center .hero-title { margin-left:0; } .height-title .hero-title { position:relative; overflow:visible; white-space: nowrap; } .height-title .hero-title div { display:inline-block; } .hero-title span { opacity:0; display: block; margin-top:0; min-width:3vw; transform: translateY(160px); -webkit-transform: translateY(160px); } .height-title .hero-title span { box-sizing:border-box; display:inline-block; transform-origin: bottom center; } .light-content .hero-title { color:#fff; } .change-header .hero-title { color:#000; } .hero-subtitle { font-size: 18px; font-weight:400; line-height:24px; margin-top:50px; width: 100%; z-index: 10; position:relative; display:block; overflow:hidden; margin-left: 0px; color:#000; opacity:0.4; } .subtitle-padding-left .hero-subtitle { margin-left:0; margin-right:0; box-sizing:border-box; padding-left:50%; text-align:left; } .hero-subtitle span { position:relative; display:block; opacity:0; transform: translateY(60px); -webkit-transform: translateY(60px); } .inline-title .hero-subtitle span { display: inline-block; } .light-content .hero-subtitle { color: #fff; } .change-header .hero-subtitle { color: #000!important; } .hero-arrow { width: 36px; height: 50px; position: absolute; bottom: 50px; left: 80px; right: auto; margin: 0; display: flex; background: transparent; justify-content: center; align-items: center; } .text-align-center .hero-arrow { left: 0; right: 0; margin: auto; } .hero-arrow span { position:relative; height:100%; width:100%; opacity: 0; display: flex; box-sizing:border-box; background: transparent; justify-content: center; align-items: center; transform: translateY(30px); -webkit-transform: translateY(30px); border-radius: 50px; border: 2px solid rgba(0,0,0,0.4); cursor:pointer; -webkit-transition: border 0.2s ease-in-out 0s; transition: border 0.2s ease-in-out 0s; } .hero-arrow:hover span { border: 2px solid rgba(0,0,0,1); } .light-content .hero-arrow span { border: 2px solid rgba(255,255,255,0.5); } .light-content .hero-arrow:hover span { border: 2px solid rgba(255,255,255,1); } .hero-arrow i.arrow-icon { border: solid #000; border-width: 0px 3px 3px 0px; box-sizing: border-box; display: block; position: relative; top: 0px; left: 0px; height: 20px; width: 20px; transform: rotate(45deg) scale(0.5); } #hero-footer { position: absolute; width: 100%; padding: 28px 80px; box-sizing: border-box; bottom: 0; left: 0; font-weight: 500; font-size: 14px; line-height:60px; color:#222; } #hero-footer.has-border::after { content:""; position:absolute; left:0; right:0; bottom:0; width:100%; height:1px; opacity:0; background-color:rgba(0,0,0,0.15); transform: scaleX(0); transform-origin: center; transition: all 0.3s ease-out 0s; } .light-content #hero-footer.has-border::after { background-color:rgba(255,255,255,0.15); } #hero-footer.has-border.visible::after { opacity:1; transform: scaleX(1); } .light-content #hero-footer { color:#fff; } #hero-footer:after { content: ""; clear: both; display: table; } .hero-footer-left { float:left; opacity:0; cursor:pointer; transform: translateY(10px); -webkit-transform: translateY(10px); } .hero-footer-right { float:right; opacity:0; transform: translateY(10px); -webkit-transform: translateY(10px); } .no-grid-option .hero-footer-right { float:none; } #hero-description { position:relative; display: table; width: 100%; height: auto; padding-top: 20px; padding-bottom: 200px; margin: 0 auto; box-sizing: border-box; pointer-events: initial; } #hero-description .inner { padding-right:55%; } #hero-description p { color:#000; } .light-content #hero-description p { color: #fff; } #share { top:-3px; right: -10px; position: relative; font-size:14px; } #share::before { position: absolute; top: 0; left: -140px; content: attr(data-text); width: 120px; text-align:right; } #share .parallax-wrap { width: 50px; height: 60px; display: flex; position: relative; justify-content: center; align-items: center; float: left; } .jssocials-share-link i { opacity:0; } .jssocials-share-facebook a:before { content:"Fb"; position:absolute; } .jssocials-share-linkedin a:before { content:"Li"; position:absolute; } .jssocials-share-twitter a:before { content:"Tw"; position:absolute; } .jssocials-share-pinterest a:before { content:"Pn"; position:absolute; } .jssocials-share-stumbleupon a:before { content:"St"; position:absolute; } .jssocials-share-whatsapp a:before { content:"Wa"; position:absolute; } .jssocials-share-viber a:before { content:"Vb"; position:absolute; } .jssocials-share-email a:before { content:"Em"; position:absolute; } .jssocials-share-vkontakte a:before { content:"Vk"; position:absolute; } #main { position:relative; opacity:0; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } .load-project-page #main, .load-next-project #main, .load-next-page #main { opacity:1; } #main-content, #main-content-bg { position:relative; opacity:1; z-index:10; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } #main-page-content { position: relative; box-sizing:border-box; opacity: 0; width:100%; margin:0 auto; margin-bottom: 0; overflow:hidden; max-width:none; } #main-page-content::after { clear: both; content: " "; display: table; } #main-page-content.project-page { margin-bottom: calc(200vh - 120px); } .hero-below-caption #main-page-content.project-page { margin-bottom: calc(200vh - 120px); } #main-content.portfolio-page { overflow:hidden; } #main-content.portfolio-page #main-page-content { overflow:visible; width:100%; max-width:none; padding:0; } #page-nav { height: auto; width: 100%; color: #000; position: relative; margin-bottom: 0; opacity:0; overflow:hidden; } .light-content #page-nav { color: #fff; } .page-nav-wrap { position: relative; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 3; transform: translateY(0px); -webkit-transform: translateY(0px); } .page-nav-caption { display: flex; align-items: center; justify-content: flex-start; width: 100%; margin: 0 auto; padding-top: 180px; padding-bottom: 130px; margin: 0 auto; height: 100%; top:0; opacity:0; position: relative; box-sizing: border-box; } .page-nav-caption.text-align-center { justify-content: center; } .page-nav-caption.height-title { height: calc(100vh - 120px); padding-top:80px; padding-bottom:80px; } #page-nav .inner { display: block; width: auto; height: auto; text-align:left; } #page-nav .text-align-center .inner { text-align:center; } .page-title { margin:0; width:auto; z-index:10; color:#000; position:relative; display:table; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .text-align-center .page-title { margin:0 auto; } .light-content .page-title { color:#fff; } .next-hero-title { font-size: calc(1rem + 24.15vw); line-height: calc(1rem + 14.5vw); font-weight: 500; position: relative; display:block; width:auto; overflow:hidden; padding: 0; margin-top:0px; margin-left:-0.6vw; color:#000; } .height-title .next-hero-title { position:relative; overflow:visible; white-space: nowrap; } .text-align-center .next-hero-title, .text-align-center .next-hero-subtitle { display:table; width:auto; margin-left:auto; margin-right:auto; text-align:center; } .height-title .next-hero-title div { display:inline-block; } .next-hero-title span { display: block; min-width:3vw; transform: translateY(0px); -webkit-transform: translateY(0px); } .height-title .next-hero-title span { box-sizing:border-box; display:inline-block; transform-origin: top center; } .light-content .next-hero-title { color:#fff; } .change-header .next-hero-title { color:#000; } .next-hero-subtitle { font-size: 18px; font-weight:400; line-height:30px; margin-top:0px; margin-bottom:40px; width: 100%; z-index: 10; position:relative; display:block; overflow:hidden; margin-left: 0px; color:#000; opacity:0.4; } #page-nav .next-hero-subtitle { margin-top: 0px; margin-bottom:50px; } .next-hero-subtitle span { position:relative; display:block; } .inline-title .next-hero-subtitle span { display: inline-block; } .light-content .next-hero-subtitle { color: #fff; } .change-header .next-hero-subtitle { color: #000; } #project-nav { height: 200vh; width: 100%; color: #fff; position: absolute; margin-bottom: 0; bottom: -200vh; overflow:hidden; } #project-nav.change-header { color: #000; background-color:#fff; } .dark-content #project-nav.change-header { color: #fff; background-color:#000; } .next-project-wrap { display: table; width: 100%; margin: 0 auto; height: 50%; position: absolute; box-sizing: border-box; opacity:1; z-index:10; } .hero-below-caption .next-project-wrap { top:0; } .next-project-image-wrapper { position: absolute; width: 100vw; height: 100%; top:0; left:0; opacity:1; } .next-project-image-wrapper.temporary { position:fixed; } .next-project-image-wrapper.active { opacity:1; } .next-project-image { position: absolute; top:0; opacity:1; left: 0; right:0; margin:0 auto; height: 100%; width: 100%; overflow:hidden; clip-path: inset(100% 0% 0% 0%); -webkit-transform: scale(1.25) rotate(-5deg); transform: scale(1.25) rotate(-5deg); } .load-project-thumb-with-title .next-project-image { z-index:10; } .next-project-image.temporary { top:0px!important; } .next-project-image.visible { opacity:1!important; clip-path: inset(0 0%)!important; -webkit-transform: scale(1.02) rotate(0)!important; transform: scale(1.02) rotate(0)!important; } .next-project-image-bg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position:center center; background-repeat: no-repeat; z-index:1; -webkit-transform: scale(1); transform: scale(1); } .next-project-image.visible .next-project-image-bg { opacity:1!important; top: 0!important; } .all-works { position: absolute; top: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto; margin: 0 auto; margin-top: 25px; display: table; z-index:100; } .all-works::after { content: ""; position: absolute; height: 100%; top: 0; left: 0px; line-height: 30px; opacity: 1; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; width: 100%; border: 2px solid #fff; border-radius: 30px; box-sizing: border-box; clip-path: inset(50% 0% ); pointer-events: none; } .change-header .all-works::after { border: 2px solid #000; } .dark-content .change-header .all-works::after { border: 2px solid #fff; } .all-works:hover::after { clip-path: inset(0% 0% ); } .all-works span, .all-works span::before { padding:0 16px; } .next-project-caption { position:absolute; display: table; left:0; right:0; margin: 0 auto; width: 100%; height: 100%; box-sizing: border-box; padding-top:20px; padding-bottom: 20px; } .next-caption-wrapper { display: table-cell; box-sizing: border-box; vertical-align: middle; text-align:left; position:relative; } #project-nav .caption-wrapper { position: relative; display: table; margin: 0; } #project-nav .text-align-center .caption-wrapper { margin: 0 auto; text-align:center; } .next-caption { display:table; position:relative; z-index:1; -webkit-transform: scale(1); transform: scale(1); transform-origin: center center; } .text-align-center .next-caption { margin: 0 auto; text-align:center; } #project-nav .next-ajax-link-project { display: block; margin: 0; width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; } .next-ajax-link-project.auto-trigger { pointer-events:none; } .disable-ajaxload .next-ajax-link-project.auto-trigger { pointer-events:initial; } .next-hero-counter { position: absolute; height: 20px; width:30px; text-align:right; top:6px; right:-45px; overflow:hidden; opacity:0; } .next-hero-counter span { position:absolute; display:block; font-size: 14px; font-weight:500; line-height:20px; color:#000; } .change-header .next-hero-counter span { color: #000; } .light-content .next-hero-counter span { color: #fff; } .light-content .change-header .next-hero-counter span { color: #000; } .dark-content .change-header .next-hero-counter span { color: #fff; } .next-hero-progress { position: absolute; top:0; right:0; height: 6px; width: 100%; z-index:100; } .next-hero-progress span { position: absolute; left:0; height: 6px; width: 0; background-color: #000; } .change-header .next-hero-progress span { background-color: #000; } .light-content .next-hero-progress span { background-color: #fff; } .light-content .change-header .next-hero-progress span { background-color: #000; } .dark-content .change-header .next-hero-progress span { background-color: #fff; } #project-nav .next-hero-title, #project-nav .next-hero-subtitle { color:#000; } #project-nav.change-header .next-hero-title, #project-nav.change-header .next-hero-subtitle { color:#000; } .light-content #project-nav .next-hero-title, .light-content #project-nav .next-hero-subtitle { color:#fff; } .light-content #project-nav.change-header .next-hero-title, .light-content #project-nav.change-header .next-hero-subtitle { color:#000; } .dark-content #project-nav.change-header .next-hero-title, .dark-content #project-nav.change-header .next-hero-subtitle { color:#fff; } #project-nav.change-header .all-works, #project-nav.change-header .all-works .link-text { color:#000; } .light-content #project-nav .all-works, .light-content #project-nav .all-works .link-text { color:#fff; } .light-content #project-nav.change-header .all-works, .light-content #project-nav.change-header .all-works .link-text { color:#000; } .dark-content #project-nav.change-header .all-works, .dark-content #project-nav.change-header .all-works .link-text { color:#fff; } .temporary-hero { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; pointer-events: none; z-index:10; } .temporary-hero .outer { width: 100%; padding-top:120px; padding-bottom:160px; height: 100%; position: relative; margin: 0 auto; box-sizing: border-box; z-index:10; } .temporary-hero .outer.middle { padding-top:160px; padding-bottom:160px; } .hero-below-caption .temporary-hero .outer { padding-top:315px; } .temporary-hero .inner { vertical-align: top; } .temporary-hero .middle .inner { vertical-align: middle; } .hero-below-caption .temporary-hero .inner { vertical-align: top; text-align:left; } .temporary-hero .inner .caption-wrapper, .temporary-hero .inner .next-caption { position: relative; } .temporary-hero .inner .caption-wrapper .title span { color: #000; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); } .temporary-hero .inner .caption-wrapper .subtitle span { position: relative; display: block; opacity: 1; color: #000; transform: translateY(0px); -webkit-transform: translateY(0px); } .temporary-hero.light-content .inner .caption-wrapper .title span, .temporary-hero.light-content .inner .caption-wrapper .subtitle span { color: #fff; } .temporary-hero .next-hero-progress { background-color: rgba(0,0,0,0.3); } .temporary-hero .next-hero-progress span { background-color: #000; } .temporary-hero.light-content .next-hero-progress { background-color: rgba(255,255,255,0.3); } .temporary-hero.light-content .next-hero-progress span { background-color: #fff; } .temporary-hero .next-hero-counter span { color: #000; } .temporary-hero.light-content .next-hero-counter span { color: #fff; } .temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::before { opacity: 0; -webkit-transition: opacity 0.3s ease-out 0.2s; transition: opacity 0.3s ease-out 0.2s; } .temporary-hero .inner .caption-wrapper .title div:first-child span:first-child::after { opacity: 0; -webkit-transition: opacity 0.3s ease-out 0.2s; transition: opacity 0.3s ease-out 0.2s; } .content-max-width { box-sizing:border-box; padding-left:80px; padding-right:80px; max-width:1320px; } .content-full-width { box-sizing:border-box; padding-left:80px; padding-right:80px; max-width:100%; } @media only screen and (max-width: 1537px) { .hero-title { font-size: calc(1rem + 22.15vw); line-height: calc(1rem + 20.5vw); } .hero-subtitle { margin-top: 30px; } .hero-text { font-size: 26px; line-height: 36px; } #page-nav .next-hero-subtitle { margin-bottom: 30px; } .next-hero-title { font-size: calc(1rem + 22.15vw); line-height: calc(1rem + 12.5vw); } } @media only screen and (max-width: 1466px) { #hero-caption { padding-top:160px; padding-bottom:160px; } #hero.has-image #hero-caption, .temporary-hero .outer { padding-bottom: 60px; } .temporary-hero .outer.middle { padding-top: 140px; padding-bottom: 140px; } #hero-description { padding-bottom: 220px; } #hero-description .inner { padding-right: 45%; } #hero-footer { padding: 25px 60px; } .page-nav-caption { padding-top: 160px; padding-bottom: 120px; } .content-max-width, .content-full-width { padding-left:60px; padding-right:60px; } } @media only screen and (max-width: 1024px) { #hero-caption { padding-top:140px; padding-bottom:140px; } #hero.has-image #hero-caption, .temporary-hero .outer { padding-bottom: 40px; } .hero-subtitle { margin-top: 20px; font-size: 18px; } #hero-description { padding-bottom: 200px; } #hero-description .inner { padding-right: 35%; } #hero-footer { padding: 10px 40px; } .page-nav-caption { padding-top: 140px; padding-bottom: 100px; } #page-nav .next-hero-subtitle { margin-top: 20px; } .next-hero-subtitle { font-size: 18px; } .next-hero-counter { top: 0px; } .content-max-width, .content-full-width { padding-left:40px; padding-right:40px; } } @media only screen and (max-width: 767px) { #hero-caption { padding-top:120px; padding-bottom:120px; } #hero.has-image #hero-caption, .temporary-hero .outer { padding-bottom: 30px; } .temporary-hero .outer.middle { padding-top: 120px; padding-bottom: 120px; } .hero-subtitle { margin-top: 10px; font-size: 16px; } .subtitle-padding-left .hero-subtitle { margin-left: 0; margin-right: 0; margin: auto; margin-top: 10px; padding-left: 0; text-align: center; } .hero-arrow { width: 30px; height: 45px; left: 30px; bottom:38px; } #hero-description { padding-bottom: 180px; } #hero-description .inner { padding-right: 15%; } .hero-text { font-size: 22px; line-height: 32px; } #hero-footer { padding: 10px 30px; } .hero-footer-left { transform: translateX(-20px); -webkit-transform: translateX(-20px); } .hero-footer-left .button-text { display:none; } .page-nav-caption { padding-top: 120px; padding-bottom: 120px; } #page-nav .next-hero-subtitle { margin-top: 10px; font-size: 16px; } .next-hero-counter { top: -2px; } .content-max-width, .content-full-width { padding-left:30px; padding-right:30px; } } @media only screen and (max-width: 479px) { #hero-caption { padding-top:100px; padding-bottom:100px; } #hero.has-image #hero-caption, .temporary-hero .outer { padding-bottom: 20px; } #hero-description { padding-bottom: 160px; } #hero-description .inner { padding-right: 0; } #hero-footer { padding: 10px 20px; } #hero .button-wrap .button-text { display: none; } .page-nav-caption { padding-top: 100px; padding-bottom: 100px; } .all-works { top: 0; } .next-hero-counter { top: -4px; right: -38px; } .content-max-width, .content-full-width { padding-left:20px; padding-right:20px; } }#app { top: 0; left: 0; position: fixed; width: 100%; height: 100vh; overflow: hidden; pointer-events: none; opacity:0; -webkit-transition: all 0.1s ease-in-out 0.3s; transition: all 0.1s ease-in-out 0.3s; } .load-project-thumb #app, .load-project-thumb-with-title #app, .load-project-thumb-with-title-and-scale #app { opacity:1; } .grid__item-img--large { pointer-events: none; position: absolute ; opacity: 0; } .grid__item-hidden { pointer-events: none; position: fixed; opacity: 0; } .clapat-slide a { height: 0px; } .clapat-slider-wrapper { width:100%; height: 100vh; position:relative; } .clapat-slider { position:absolute; left:0; top:0; padding: 0 42vw 0 42vw; display: flex; align-items: center; height: 100%; width:100%; user-select: none; cursor: grab; z-index: 2; overflow:hidden; box-sizing:border-box; } .clapat-state-dragging .clapat-slider { cursor:grabbing; } .clapat-state-dragging .cp-button-prev, .clapat-state-dragging .cp-button-next { pointer-events:none; } .clapat-slider-viewport { display: flex; position: relative; } .clapat-slide { overflow: hidden; width: 16vw; box-sizing:border-box; } .clapat-slide:first-child { position: relative; } .clapat-slide:not(:first-child) { position: absolute; height: 100%; } .slide-inner { position: relative; overflow: hidden; cursor:pointer; } .clapat-state-dragging .clapat-slider .slide-inner { cursor:grabbing; pointer-events:none; } .disable-ajaxload .slide-link { display: block; position: absolute; width: 100%; height: 100%; z-index: 1000; } .disable-ajaxload .snap-slide-caption .slide-link { top:0; } .img-mask { width: 100%; height: 100%; display: block; position: absolute; top:0; left: 0; margin: 0 auto; box-sizing: border-box; z-index: 0; overflow:hidden; border-radius:0px; -webkit-transition: border-radius 0.4s ease-in-out 0s; transition: border-radius 0.4s ease-in-out 0s; } .rounded-borders .img-mask { border-radius: 12px; } .rounded-borders .above .img-mask { border-radius:0px; } .section-image { position:relative; display:block; width:100%; height:100%; } .item-image { width:100%; height: 100%!important; position:relative; display:block; z-index:100; object-position: center; object-fit: cover; } .clapat-slider img { pointer-events:none; } .clapat-pagination { width: 100%; max-width:900px; height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; left:0; right:0; bottom: 40px; margin:auto; z-index: 20; text-align: center; opacity:0; } .clapat-pagination-bullet { position:relative; width: 40px; height: 40px; display:inline-flex; margin:0; cursor:pointer; } .showcase-carousel .clapat-pagination-bullet { position:relative; width:1px; height:10px; border-radius:0px; display:inline-table; background-color:rgba(0,0,0,0.5); margin: 0 7px; cursor:pointer; transition: all 0.4s ease-out 0s; } .light-content .showcase-carousel .clapat-pagination-bullet { background-color:rgba(255,255,255,0.5); } .disable-scroll .showcase-carousel .clapat-pagination-bullet { transition: all 0s ease-out 0s; } .showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-prev { height:14px; } .showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-next { height:14px; } .showcase-carousel .clapat-pagination-bullet-active { height:26px; background-color:#000; } .light-content .showcase-carousel .clapat-pagination-bullet-active { background-color:#fff; } .showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-prev:last-child { height:10px; } .showcase-carousel .clapat-pagination-bullet.clapat-pagination-bullet-next:first-child { height:10px; } .clapat-pagination { width: 100%; max-width:900px; height: 40px; display: flex; justify-content: center; position: absolute; left:0; right:0; bottom: 40px; margin:auto; z-index: 20; text-align: center; opacity:0; overflow:hidden; } .carousel-nav-wrapper { position: absolute; height: 60px; width: 100%; max-width: calc(84% + 60px); top: calc(50% - 30px); left: 0; right: 0; z-index:300; pointer-events: none; margin: 0 auto; } .cp-button-prev, .cp-button-next { float:left; pointer-events:initial; background-color:#000; height: 44px; line-height: 44px; border-radius: 44px; box-sizing:border-box; top:18px; position: relative; cursor:pointer; } .light-content .cp-button-prev, .light-content .cp-button-next { background-color:#fff; } .clapat-button.cp-button-prev, .clapat-button.cp-button-next { opacity:0; } .cp-button-next { float:right; } .cp-button-prev .icon-wrap-scale, .cp-button-next .icon-wrap-scale { transform: scale(0) ; -webkit-transform: scale(0); display: block; position:absolute; left:0; width: 44px; transition: all .3s ease-out; height:44px; } .cp-button-next .icon-wrap-scale { left:auto; right:0; } .cp-button-prev:hover .icon-wrap-scale, .cp-button-next:hover .icon-wrap-scale { transform: scale(1); -webkit-transform: scale(1); } .cp-button-prev .icon-wrap, .cp-button-next .icon-wrap { width: 36px; height: 36px; display: flex; position: relative; justify-content: center; align-items: center; top:4px; left:4px; } .cp-button-prev .button-icon, .cp-button-next .button-icon { height: 36px; width: 36px; color: #000; text-align: center; line-height: 36px; font-size: 14px; background-color:#fff; border-radius:36px; } .light-content .cp-button-prev .button-icon, .light-content .cp-button-next .button-icon { color: #fff; background-color:#000; } .cp-button-prev .button-icon i, .cp-button-next .button-icon i { height: 36px; line-height: 36px; width: 36px; text-align: center; } .vertical-arrows .cp-button-prev .button-icon i, .vertical-arrows .cp-button-next .button-icon i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .cp-button-prev .button-text, .cp-button-next .button-text { font-weight: 500; font-size: 14px; line-height: 44px; margin: 0; overflow: hidden; width: auto; padding: 0 36px 0 36px; color: #fff; -webkit-transition:padding .3s ease-out; transition: padding .3s ease-out; } .light-content .cp-button-prev .button-text, .light-content .cp-button-next .button-text { color:#000; } .cp-button-prev:hover .button-text { padding: 0 36px 0 60px; } .cp-button-next:hover .button-text { padding: 0 60px 0 36px; } .disable-scroll .cp-button-prev, .disable-scroll .cp-button-next { pointer-events:none; } .grid-open.disable-scroll .cp-button-prev, .grid-open.disable-scroll .cp-button-next { pointer-events:initial; } .progress-info { position:absolute; display:flex; justify-content: center; width:auto; margin:0 auto; margin-top:30px; height:20px; line-height:20px; font-size:14px; font-weight: 500; left:0; right:0; z-index:10; opacity:0; } .progress-info > .progress-info-fill, .progress-info > .progress-info-fill-2 { position: relative; width:auto; -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); background-size: 0% 100%; } .progress-info > .progress-info-fill-2 { position: absolute; top: 0px; left: auto; background-size: 100% 100%; background-position: right; right: auto; margin: auto; width: auto; display: block; } .light-content .progress-info > .progress-info-fill { -webkit-text-fill-color: rgba(255,255,255,0.1); background-image: linear-gradient(#fff, #fff); } .light-content .progress-info > .progress-info-fill-2 { -webkit-text-fill-color: rgba(255,255,255,0.1); background-image: linear-gradient(#fff, #fff); } .disable-scroll .clapat-slider { pointer-events:none; } .overlapping-image { box-sizing:border-box; position:relative; width:100%; height:100vh; display:flex; align-items: center; justify-content: center; } .overlapping-image-inner { width:100%; height:calc(100% - 120px); position: relative; cursor:pointer; } .overlapping-image:first-child .overlapping-image-inner { align-self:flex-start; } .overlapping-image:last-child { z-index:10; } .rounded-borders .overlapping-image img { border-radius:8px; } .overlapping-image .slide-caption { position:absolute; box-sizing:border-box; padding:80px; width:100%; height:100%; display:flex; align-items: flex-end; justify-content: center; color: #fff; pointer-events:none; } .overlapping-image .change-header .slide-caption { color: #000; } .overlapping-image .slide-caption .slide-title { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); font-weight: 500; overflow:hidden; } .overlapping-image .slide-caption span { display: block; margin-top:0; } .overlapping-image .slide-caption .slide-date { position: absolute; bottom: 80px; left: 80px; padding: 2px 16px; background: rgba(255,255,255,0.2); border-radius: 35px; font-size: 14px; } .overlapping-image .change-header .slide-caption .slide-date { color: #fff; background: rgba(0, 0, 0, 0.4); } .overlapping-image .slide-caption .slide-cat { position:absolute; bottom:80px; right:80px; padding: 2px 16px; background: rgba(255,255,255,0.2); border-radius: 35px; font-size: 14px; } .overlapping-image .change-header .slide-caption .slide-cat { color: #fff; background: rgba(0, 0, 0, 0.4); } .curtains { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; } .curtains .curtain-row { overflow: hidden; background-color: #232323; transform-origin: center bottom; width:100%; position:absolute; } .filters-options-wrapper { position: relative; right: -14px; height: auto; min-height:60px; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; } .filter-option { position:relative; opacity:0.4; pointer-events:initial; margin-left:12px; line-height:30px; overflow:hidden; -webkit-transition: opacity 0.15s ease-out 0s; transition: opacity 0.15s ease-out 0s; } .filter-option:first-child { margin-left:0px; } .filter-option.is_active, .filter-option.is_active span, .filter-option:hover { opacity:1; pointer-events:none; } .filter-option::after { content: ""; position: absolute; height: 100%; top: 0; left: 0px; line-height: 30px; opacity: 1; -webkit-transition: all 0.15s ease-out 0s; transition: all 0.15s ease-out 0s; width: 100%; border: 2px solid #000; border-radius: 30px; box-sizing: border-box; clip-path: inset(50% 0% ); } .filter-option:hover::after { clip-path: inset(0% 0% ); } .filter-option.is_active::after { clip-path: inset(0% 0% ); opacity:1; } .light-content .filter-option::after { border: 2px solid #fff; } .filter-option span, .grid-option span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; width:auto; text-align:center; transform-origin: 100% 0%; pointer-events:initial; cursor:pointer; padding:0 16px; } .filter-option span::before, .grid-option span::before { position: absolute; width:auto; top: 100%; left:0; content: attr(data-hover); padding:0 16px; } .filter-option:hover span, .grid-option:hover span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } .showcase-portfolio { position: relative; display: flex; flex-wrap: wrap; width:calc(100% - 80px); margin:0 auto; margin-top:20px; } .showcase-portfolio .clapat-item { position:relative; width: calc(33.3333% - 80px); height:18vw; margin:60px 40px 120px 40px; box-sizing:border-box; padding:0px; z-index:10; display:block; } .showcase-portfolio .clapat-item:nth-of-type(6n + 1) { width: calc(40% - 80px); height:44vw; } .showcase-portfolio .clapat-item:nth-of-type(6n + 2) { width: calc(40% - 80px); height:22vw; margin-left: calc(20% + 40px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 3) { width: calc(60% - 80px); height:33vw; margin-left: calc(20% + 40px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 4) { width: calc(40% - 80px); height:22vw; } .showcase-portfolio .clapat-item:nth-of-type(6n + 5) { width: calc(40% - 80px); height:44vw; margin-left: calc(20% + 40px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 6) { width: calc(60% - 80px); height:33vw; margin-left: calc(20% + 40px); } .showcase-portfolio .clapat-item.filtered { position:relative; width: calc(33.3333% - 80px); height:18vw; margin:60px 40px 120px 40px; box-sizing:border-box; padding:0px; z-index:10; display:block; } .showcase-portfolio .slide-inner { padding-top: 0; width: 100%; height: 100%; margin:0; overflow:visible; } .showcase-portfolio .slide-inner::after { display: block; content: ""; clear: both; } .showcase-portfolio.items-filtered .slide-inner { transform:none!important; } .showcase-portfolio.ease-transform .slide-inner { transition-property: transform; transition-duration: 0.5s; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .showcase-portfolio .slide-inner.disabled { pointer-events:none; } .showcase-portfolio .section-image { width:100%; height:100%; left:0; overflow:hidden; -webkit-transform:scale(1.03); transform: scale(1.03); -webkit-transition: transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s; } .showcase-portfolio .slide-inner:hover .section-image, .showcase-portfolio .above .section-image { -webkit-transform:scale(1); transform: scale(1); } .showcase-portfolio .slide-caption { z-index: 10; position: absolute; left: 0px; top: 0; height: calc(100% + 50px); width: 100%; cursor: default; pointer-events: none; text-align: left; opacity: 0; display: flex; align-items: flex-end; justify-content: space-between; } .showcase-portfolio .slide-caption .slide-title { font-size: 24px; line-height:32px; font-weight: 500; color: #000; overflow:hidden; } .light-content .showcase-portfolio .slide-caption .slide-title { color: #fff; } .showcase-portfolio .slide-caption .slide-title span { display: block; } .showcase-portfolio .slide-caption .slide-cat { font-size: 14px; line-height:32px; font-weight: 500; color: #000; z-index:10; overflow:hidden; opacity:0.4; } .light-content .showcase-portfolio .slide-caption .slide-cat { color: #fff; } .showcase-portfolio .slide-caption .slide-cat span { display: block; } .showcase-portfolio .clapat-item .slide-date { display: block; color: #fff; position: absolute; top: 30px; left: 30px; padding: 2px 16px; background: rgba(255,255,255,0.2); border-radius: 35px; font-size: 14px; } .showcase-portfolio .clapat-item .change-header .slide-date { color: #fff; background: rgba(0, 0, 0, 0.4); } .gallery-close-thumbs { width: 100%; position: fixed; top: 0; height: 100%; left: 0; display:flex; align-content: center; justify-content: center; z-index:50; pointer-events:none; } .grid-open .gallery-close-thumbs { pointer-events:initial; } .gallery-thumbs-wrapper { width: 100%; height:auto; min-height:50%; position: fixed; right:0px; bottom: 20px; z-index:100; pointer-events:none; display:flex; justify-content: center; align-items: flex-end; align-content: flex-end; flex-wrap: wrap; } .gallery-thumbs-wrapper .trigger-item::before { float: left; padding-top: 62.5%; content: ""; } .gallery-thumbs-wrapper .trigger-item { position:relative; width:calc(100% / 18 - 30px); height:auto; margin:15px; aspect-ratio: 16/10; } .gallery-thumbs-wrapper .trigger-item::after { display: block; content: ""; clear: both; } .gallery-zoom-wrapper { width: 55%; position: fixed; top: 130px; height: calc(100% - 340px); left: 0; right:0; margin:0 auto; display:flex; flex-direction: column; align-content: center; justify-content: center; z-index:200; pointer-events:none; } .gallery-zoom-wrapper .trigger-item::before { float: left; padding-top: 140%; content: ""; } .gallery-zoom-wrapper .trigger-item { width: 100%; height:100%; aspect-ratio: unset; position: relative; align-self: center; } .gallery-zoom-wrapper .trigger-item::after { display: block; content: ""; clear: both; } .enable-trigger .gallery-zoom-wrapper .trigger-item { pointer-events:initial; cursor:pointer; } .show-loader .showcase-gallery .clapat-slider { pointer-events:none; } .disable-scroll .showcase-gallery .cp-button-prev, .disable-scroll .showcase-gallery .cp-button-next { pointer-events:initial; } .showcase-gallery .clapat-slider { padding:0 35vw 0 35vw; } .showcase-gallery .clapat-slider-viewport { z-index:10; height:100%; } .showcase-gallery .clapat-slide { width: 30vw; height:100%; box-sizing:border-box; padding:0 10px; display: flex; justify-content: space-between; z-index:10; overflow:visible; } .showcase-gallery .clapat-slide:hover { z-index:10; } .hidden-element { opacity:0; pointer-events:none; } .clapat-state-dragging .clapat-slider .clapat-slide { cursor:grabbing; pointer-events:none; } .showcase-gallery .trigger-item { pointer-events:none; overflow:hidden; } .showcase-gallery:not(.preview-mode-enabled) .trigger-item { pointer-events:initial } .showcase-gallery .clapat-slide .slide-moving, .showcase-gallery .clapat-slide .trigger-item { width: 100%; height: 100%; display: block; position: absolute; top:0; left: 0; box-sizing: border-box; z-index: 0; } .showcase-gallery .slide-inner::before { float: left; padding-top: 65%; content: ""; } .showcase-gallery .slide-inner { padding-top: 0; width: 100%; height: auto; margin:0px; overflow:visible; } .showcase-gallery .slide-inner::after { display: block; content: ""; clear: both; } .slide-events { transform: translateY(0%); position: relative; display: flex; align-items:flex-start; height: 100%; width: 100%; left:0; top:0; box-sizing:border-box; padding:60px 0 80px 0; } .showcase-gallery .clapat-slide.s50 .slide-inner { top:50%; transform:translateY(-50%) } .showcase-gallery .clapat-slide.s100 .slide-inner { top:100%; transform:translateY(-100%) } .showcase-gallery .clapat-slide.s0 .slide-inner { top:0; transform:translateY(0) } .showcase-gallery .clapat-slide.s75 .slide-inner { top:75%; transform:translateY(-75%) } .showcase-gallery .clapat-slide.s25 .slide-inner { top:25%; transform:translateY(-25%) } .showcase-gallery .slide-inner.disabled { pointer-events:none; } .showcase-gallery .slide-inner .trigger-item { width: 100%; height:100%; position:relative; } .showcase-gallery a.slide-link { font-size:14px; font-weight:500; position:absolute; width:auto; height:auto; top:0px; right:0px; z-index:10; opacity:0; pointer-events:none; webkit-transform:scale(0.8); transform: scale(0.8); } .grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link { } .disable-ajaxload.grid-open .showcase-gallery .gallery-zoom-wrapper a.slide-link { pointer-events:initial; width:100%; height:100%; } .disable-ajaxload .showcase-gallery .gallery-zoom-wrapper a.slide-link .parallax-wrap { display:none; } .showcase-gallery a.slide-link .parallax-wrap { width: 80px; height: 80px; display: flex; position: relative; justify-content: center; align-items: center; } .showcase-gallery a.slide-link .parallax-element { height: 40px; width: 40px; text-align: center; line-height: 40px; font-size: 18px; } .showcase-gallery a.slide-link > i { font-size:18px; } .showcase-gallery .img-mask { overflow:visible; } .showcase-gallery .section-image { width:100%; height:100%; left:0; overflow:hidden; z-index:0; } .rounded-borders .showcase-gallery .section-image { border-radius:12px; } .showcase-gallery.preview-mode-enabled .has-scale-small .section-image { -webkit-transform:scale(0.6); transform: scale(0.6); } .showcase-gallery.preview-mode-enabled .has-scale-medium .section-image { -webkit-transform:scale(0.8); transform: scale(0.8); } .showcase-gallery:not(.preview-mode-enabled) .has-scale-small .img-mask { -webkit-transform:scale(0.6); transform: scale(0.6); } .showcase-gallery:not(.preview-mode-enabled) .has-scale-medium .img-mask { -webkit-transform:scale(0.8); transform: scale(0.8); } .showcase-gallery .slide-caption::before { float: left; padding-top: calc(140% - 30px); content: ""; } .showcase-gallery .slide-caption { position: absolute; left:auto; bottom:auto; height: 100%; aspect-ratio: unset; display:flex; flex-direction: column; justify-content: end; width: 100%; pointer-events: none; transform: translateY(50px); -webkit-transform: translateY(50px); } .showcase-gallery .slide-caption::after { display: block; content: ""; clear: both; } .showcase-gallery .clapat-slide .slide-caption { opacity:0!important; } .showcase-gallery .slide-caption .slide-title { font-size: 20px; line-height:30px; font-weight: 500; color: #000; z-index:10; overflow:hidden; position:absolute; } .light-content .showcase-gallery .slide-caption .slide-title { color: #fff; } .showcase-gallery .slide-caption .slide-title span { display: block; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } .showcase-gallery .slide-caption .slide-title span em { font-family:inherit; } .showcase-gallery .slide-caption .slide-cat { position: absolute; bottom: 0; right: 0; font-size: 14px; line-height:30px; font-weight: 500; color: #000; overflow:hidden; opacity:0.4; } .light-content .showcase-gallery .slide-caption .slide-cat { color: #fff; } .showcase-gallery .slide-caption .slide-cat span { display: block; opacity: 0; } .disable-ajaxload .showcase-gallery a.slide-link { display: block; position: absolute; width: 100%; height: 100%; z-index: 1000; pointer-events: initial; webkit-transform:scale(1); transform: scale(1); } .slider-fixed-content { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index:0; pointer-events:none; overflow:hidden; } .grid-open .slider-fixed-content { opacity:0.4!important; } #slide-inner-caption { display:table; width: 100%; padding-top:20px; padding-bottom:20px; margin: 0 auto; height: 100%; position: relative; box-sizing: border-box; } .slide-hero-title { font-size: calc(1rem + 24.15vw); line-height: calc(1rem + 22vw); font-weight: 500; color: #000; position:relative; display:table; width:auto; } .light-content .slide-hero-title { color: #fff; } .text-align-center .slide-hero-title, .text-align-center .slide-hero-title span, .text-align-center .slide-hero-subtitle { display:table; width:auto; margin-left:auto; margin-right:auto; text-align:center; } .slide-hero-title div { overflow:hidden; } .height-title .slide-hero-title div { display:inline-block; } .slide-hero-title span { opacity:0; display: block; margin-top:0; min-width:3vw; transform: translateY(160px); -webkit-transform: translateY(160px); } .height-title .slide-hero-title span { box-sizing:border-box; display:inline-block; transform-origin: bottom center; } .grid-open .height-title .slide-hero-title span { box-sizing:border-box; display:inline-block; transform-origin: top center; } .slide-hero-subtitle { font-size:18px; line-height:24px; font-weight: 400; color: #000; position:relative; margin-top:50px; opacity:0.4; } .light-content .slide-hero-subtitle { color: #fff; } .slide-hero-subtitle div { overflow:hidden; } .slide-hero-subtitle span { opacity:0; display: block; transform: translateY(20px); -webkit-transform: translateY(20px); margin-top: 0; } .inline-title .slide-hero-subtitle span { display: inline-table; } .snap-slider-holder { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .snap-slider-images { } .snap-slider-container { position: relative; margin: 0 auto; } .snap-slide { width:100%; height:100vh; position:relative; overflow:hidden; display: flex; justify-content: center; align-items: center; } .snap-slide .img-mask { width:100%; height:100%; display: block; position: relative; top: 0; left: 0; } .rounded-borders .snap-slide .img-mask { border-radius: 0px; } .snap-slide .section-image img { width:100%; height: 100%; position:relative; display:block; z-index:100; object-position: center; object-fit: cover; } .snap-slider-captions { position: absolute; top: 0; z-index: 10; box-sizing: border-box; padding: 0; width: 100%; height:100vh; overflow:hidden; display: flex; justify-content: flex-end; align-items: center; pointer-events:none; } .snap-slider-captions-wrapper { width: 100%; height: 100%; display: block; position: relative; top: 0; left: 0; overflow: hidden; } .snap-slide-caption { position: relative; display: block; margin: 0 auto; text-align:center; width: auto; height:auto; box-sizing:border-box; opacity:0.1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .in-view.snap-slide-caption { opacity:1; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .snap-slider-captions .inner { vertical-align:middle; position:relative; } .snap-slider-captions .slide-title-wrapper { margin: 0 auto; cursor:pointer; pointer-events: none; } .in-view.snap-slide-caption .slide-title-wrapper { pointer-events: initial; } .snap-slider-captions .slide-title { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); font-weight: 500; color:#fff; overflow:hidden; padding:30px 0; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .snap-slider-captions .change-header .slide-title { } .in-view.snap-slide-caption.change-header .slide-title { color:#000; } .snap-slider-captions .slide-title span { display:block; opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); } .snap-slider-captions .slide-subtitle { font-size: 14px; line-height: 26px; opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; display: flex; position: absolute; width: 100%; height: 100%; top: 0; justify-content: space-between; align-items: center; } .in-view.snap-slide-caption .slide-subtitle { opacity:1; } .snap-slider-captions .slide-subtitle span { display:block; margin-bottom: 0; color:#fff; background: rgba(255,255,255,0.2); margin-bottom: 0; padding: 2px 16px; border-radius: 35px; display: table; margin-top: 20px; position: relative; transform: translateY(0px); -webkit-transform: translateY(0px); } .snap-slider-captions .change-header .slide-subtitle span { color:#fff; background: rgba(0, 0, 0, 0.3); } @media only screen and (max-width: 1537px) { .gallery-zoom-wrapper { width: 40%; top: 100px; height: calc(100% - 280px); } .gallery-thumbs-wrapper { bottom: 30px; } .slide-hero-title { font-size: calc(1rem + 22.15vw); line-height: calc(1rem + 20.5vw); } .slide-hero-subtitle { margin-top:30px; } } @media only screen and (max-width: 1466px) { .clapat-pagination { bottom: 30px; } .overlapping-image .slide-caption { padding: 60px; } .overlapping-image .slide-caption .slide-date { bottom: 60px; left: 60px; } .overlapping-image .slide-caption .slide-cat { bottom: 60px; right: 60px; } .showcase-portfolio { width: calc(100% - 60px); } .showcase-portfolio .clapat-item { width: calc(33.3333% - 60px); margin: 60px 30px 120px 30px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 1) { width: calc(40% - 60px); height:44vw; } .showcase-portfolio .clapat-item:nth-of-type(6n + 2) { width: calc(40% - 60px); height:22vw; margin-left: calc(20% + 30px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 3) { width: calc(60% - 60px); height:33vw; margin-left: calc(20% + 30px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 4) { width: calc(40% - 60px); height:22vw; } .showcase-portfolio .clapat-item:nth-of-type(6n + 5) { width: calc(40% - 60px); height:44vw; margin-left: calc(20% + 30px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 6) { width: calc(60% - 60px); height:33vw; margin-left: calc(20% + 30px); } .showcase-portfolio .clapat-item.filtered { width: calc(33.3333% - 60px); height: 18vw; margin: 60px 30px 120px 30px; } .showcase-portfolio .slide-caption .slide-title { font-size: 20px; line-height: 28px; } .showcase-portfolio .slide-caption .slide-cat { line-height: 28px; } .gallery-thumbs-wrapper { bottom: 25px; } .gallery-thumbs-wrapper .trigger-item { width:calc(100% / 16 - 20px); margin:10px; } } @media only screen and (max-width: 1024px) { .progress-info { margin-top: 30px; } .clapat-pagination { bottom: 30px; } .overlapping-image .slide-caption { padding: 40px; } .overlapping-image .slide-caption .slide-title { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); } .overlapping-image .slide-caption .slide-date { bottom: 40px; left: 40px; } .overlapping-image .slide-caption .slide-cat { bottom: 40px; right: 40px; } .showcase-portfolio { width: calc(100% - 40px); } .showcase-portfolio .clapat-item { width: calc(33.3333% - 40px); margin: 40px 20px 120px 20px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 1) { width: calc(45% - 40px); height:48vw; } .showcase-portfolio .clapat-item:nth-of-type(6n + 2) { width: calc(45% - 40px); height:25vw; margin-left: calc(10% + 20px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 3) { width: calc(60% - 40px); height:33vw; margin-left: calc(20% + 20px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 4) { width: calc(45% - 40px); height:25vw; } .showcase-portfolio .clapat-item:nth-of-type(6n + 5) { width: calc(45% - 40px); height:48vw; margin-left: calc(10% + 20px); } .showcase-portfolio .clapat-item:nth-of-type(6n + 6) { width: calc(60% - 40px); height:33vw; margin-left: calc(20% + 20px); } .showcase-portfolio .clapat-item.filtered { width: calc(50% - 40px); height: 28vw; margin: 40px 20px 60px 20px; } .showcase-portfolio .section-image { -webkit-transform:scale(1); transform: scale(1); } .showcase-portfolio .slide-caption .slide-title { font-size: 18px; } .showcase-gallery .clapat-slider { padding:0 25vw 0 25vw; } .showcase-gallery .clapat-slide { width: 50vw; } .gallery-thumbs-wrapper { width: 100%; height:100%; min-height:100%; overflow:hidden; bottom:0; } .gallery-thumbs-wrapper .trigger-item { width:calc(100% / 10 - 20px); margin:10px; top: 120px; } .gallery-zoom-wrapper { width: 80%; top: 20%; height: calc(60% - 50px); } .snap-slider-captions .slide-title { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); } } @media only screen and (max-width: 767px) { .progress-info { margin-top: 30px; } .clapat-pagination { height: 20px; bottom: 30px; } .clapat-pagination-bullet { width: 20px; height: 20px; } .clapat-pagination-bullet .parallax-wrap { width: 20px; height: 20px; } .showcase-carousel .clapat-pagination-bullet { margin: 0px 5px; } .overlapping-image .slide-caption { padding: 30px; } .overlapping-image .slide-caption .slide-title { font-size: calc(1rem + 13vw); line-height: calc(1rem + 12.5vw); } .overlapping-image .slide-caption .slide-date { top:30px; bottom: auto; left: 30px; } .overlapping-image .slide-caption .slide-cat { top:30px; bottom: auto; right: 30px; } .showcase-portfolio { width: calc(100% - 30px); } .showcase-portfolio .clapat-item { width: calc(33.3333% - 30px); margin: 30px 15px 60px 15px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 1) { width: calc(100% - 30px); height:55vw; margin-left: 15px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 2) { width: calc(100% - 30px); height:55vw; margin-left: 15px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 3) { width: calc(100% - 30px); height:55vw; margin-left: 15px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 4) { width: calc(100% - 30px); height:55vw; margin-left: 15px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 5) { width: calc(100% - 30px); height:55vw; margin-left: 15px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 6) { width: calc(100% - 30px); height:55vw; margin-left: 15px; } .showcase-portfolio .clapat-item.filtered { width: calc(100% - 30px); height:55vw; margin: 30px 15px 60px 15px; } .showcase-gallery .clapat-slider { padding:0 20vw 0 20vw; } .showcase-gallery .clapat-slide { width: 60vw; } .snap-slider-captions .slide-title { font-size: calc(1rem + 13vw); line-height: calc(1rem + 12.5vw); padding: 50px 0; } .snap-slider-captions .slide-subtitle { align-items: flex-end; justify-content: space-evenly; } } @media only screen and (max-width: 479px) { .cp-button-prev .button-icon, .cp-button-next .button-icon { color: #fff; background-color: #000; } .light-content .cp-button-prev .button-icon, .light-content .cp-button-next .button-icon { color: #000; background-color: #fff; } .cp-button-prev .icon-wrap-scale, .cp-button-next .icon-wrap-scale { transform: scale(1) ; -webkit-transform: scale(1); } .slide-hero-subtitle { font-size:16px; line-height:24px; margin-top:20px; max-width: 100%; } .overlapping-image .slide-caption { padding: 20px; } .overlapping-image .slide-caption .slide-title { font-size: calc(1rem + 14vw); line-height: calc(1rem + 13.5vw); } .overlapping-image .slide-caption .slide-date { top:20px; bottom: auto; left: 20px; } .overlapping-image .slide-caption .slide-cat { top:20px; bottom: auto; right: 20px; } .showcase-portfolio { width: calc(100% - 20px); } .showcase-portfolio .clapat-item { width: calc(33.3333% - 20px); margin: 20px 10px 60px 10px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 1) { width: calc(100% - 20px); height:55vw; margin-left: 10px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 2) { width: calc(100% - 20px); height:55vw; margin-left: 10px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 3) { width: calc(100% - 20px); height:55vw; margin-left: 10px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 4) { width: calc(100% - 20px); height:55vw; margin-left: 10px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 5) { width: calc(100% - 20px); height:55vw; margin-left: 10px; } .showcase-portfolio .clapat-item:nth-of-type(6n + 6) { width: calc(100% - 20px); height:55vw; margin-left: 10px; } .showcase-portfolio .clapat-item.filtered { width: calc(100% - 20px); height:55vw; margin: 20px 10px 60px 10px; } .showcase-gallery .clapat-slider { padding:0 15vw 0 15vw; } .showcase-gallery .clapat-slide { width: 70vw; } .showcase-gallery .clapat-slide.s25 .slide-inner { top:0; transform:translateY(0) } .showcase-gallery .clapat-slide.s75 .slide-inner { top:100%; transform:translateY(-100%) } .snap-slider-captions .slide-title { font-size: calc(1rem + 14vw); line-height: calc(1rem + 13.5vw); } }#project-holder { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index:100; pointer-events:none; } #project-holder.open { pointer-events:initial; } #showcase-height { position:relative; width:100vw; height:0; } #project-holder #main, #project-holder #main-page-content { opacity:1; } .clone-wrapper { overflow:hidden; height:100vh; width: 100%; left:0px; position: fixed; top:0; z-index:100; opacity:1; } .clone-container { overflow:hidden; height:100%; width: 100%; left:0px; position: absolute; top:0; opacity:1; } .thumb-wrapper { visibility: hidden; overflow:hidden; height:100vh; width: 100%; left:0px; position: fixed; top:0; z-index:100; opacity:1; } .thumb-container { visibility: hidden; height:100vh; width: 100%; left:0px; position: fixed; top:0; z-index:100; opacity:1; background-color:#161717; } .thumb-page { cursor: pointer; position: absolute; height:100vh; width:100%; top:0; left:0px; position: fixed; visibility:hidden; background-position:center center; background-size:cover; background-repeat:no-repeat; } .portfolio-wrap { position:relative; margin:0 auto; width: 100%; padding:0; box-sizing:border-box; min-height:50vh; } .portfolio { position: relative; margin: 0 auto; box-sizing: border-box; -webkit-transition: height 0.5s ease-out; transition: height 0.5s ease-out; } .portfolio:after { content:""; display:table; clear:both; } .item { display: block; position: relative; box-sizing: border-box; z-index: 0; margin:0px; width: 50%; z-index:0; pointer-events:none; } .item.hover { z-index:1; } .overlapping-grid .item { margin:350px 0px 350px 0px; width: 50%; } .overlapping-grid .item::after { content: ""; display: block; padding-bottom: 135%; } .overlapping-grid .item:nth-of-type(2n+1) { transform: translateX(80px); -webkit-transform: translateX(80px); } .overlapping-grid .item:nth-of-type(2n+2) { transform: translateX(-80px); -webkit-transform: translateX(-80px); } .overlapping-grid .item:first-child { margin-top:0px; } .overlapping-grid .item:last-child { margin-bottom:0px; } .overlapping-grid.below-caption .item:last-child { margin-bottom:100px; } .parallax-two-grid .item { margin-bottom:300px; width: 50%; } .parallax-two-grid .item::after { content: ""; display: block; padding-bottom: 135%; } .parallax-two-grid .item:nth-of-type(2n+1) { transform: translateX(80px); -webkit-transform: translateX(80px); } .parallax-two-grid .item:nth-of-type(2n+2) { transform: translateX(-80px); -webkit-transform: translateX(-80px); } .vertical-parallax { z-index:0; } .parallax-two-grid .item:last-child, .parallax-two-grid .item:nth-last-child(2) { margin-bottom:0px; } .parallax-two-grid.below-caption .item:last-child, .parallax-two-grid.below-caption .item:nth-last-child(2) { margin-bottom:100px; } .parallax-two-grid .item:nth-of-type(4n+1) .item-parallax { height: 100%; width: 100%; } .parallax-two-grid .item:nth-of-type(4n+2) .item-parallax { height: 60%; width: 55%; bottom:0; right:0; } .parallax-two-grid .item:nth-of-type(4n+3) .item-parallax { height: 60%; width: 55%; bottom:0; left:0; } .parallax-two-grid .item:nth-of-type(4n+4) .item-parallax { height: 100%; width: 100%; } .parallax-three-grid .item { margin:0px 0px; width: 100%; } .parallax-three-grid .item:nth-of-type(6n+1)::after { content: ""; display: block; padding-bottom: 46%; } .parallax-three-grid .item:nth-of-type(6n+2)::after { content: ""; display: block; padding-bottom: 40%; } .parallax-three-grid .item:nth-of-type(6n+3)::after { content: ""; display: block; padding-bottom: 30%; } .parallax-three-grid .item:nth-of-type(6n+4)::after { content: ""; display: block; padding-bottom: 40%; } .parallax-three-grid .item:nth-of-type(6n+5)::after { content: ""; display: block; padding-bottom: 46%; } .parallax-three-grid .item:nth-of-type(6n+6)::after { content: ""; display: block; padding-bottom: 30%; } .parallax-three-grid .item:nth-of-type(6n+1) .item-parallax { height: 100%; width: 34%; left:80px; } .parallax-three-grid .item:nth-of-type(6n+2) .item-parallax { height: 100%; width: 28%; top:0; right:80px; } .parallax-three-grid .item:nth-of-type(6n+3) .item-parallax { height: 100%; width: 20%; left:40%; right:40%; } .parallax-three-grid .item:nth-of-type(6n+4) .item-parallax { height: 100%; width: 28%; left:80px; } .parallax-three-grid .item:nth-of-type(6n+5) .item-parallax { height: 100%; width: 34%; top:0; right:80px; } .parallax-three-grid .item:nth-of-type(6n+6) .item-parallax { height: 100%; width: 20%; left:34%; right:46%; } .parallax-three-grid.below-caption .item:last-child { margin-bottom:100px; } .item-parallax { height: 100%; width: 100%; position: absolute; pointer-events:initial; } .item-appear { display: block; position: relative; box-sizing: border-box; z-index: 0; width: 100%; height: 100%; overflow:hidden; } .item-image::after { content: ""; opacity:0; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .load-project-thumb .item-image::after { content: ""; opacity:1; width: 100%; height: 60%; position: absolute; bottom: 0; left: 0; pointer-events: none; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .item-content { width: 100%; height: 100%; position:relative; opacity:1; } .fade-scaleout-effect .item-content { opacity:0; -webkit-transform:scale(1.2); transform: scale(1.2); -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s; transition: all 1s cubic-bezier(.165,.84,.44,1) 0.2s; } .fade-scaleout-effect .active .item-content, .shortcode-portfolio .item-content{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); position:absolute; right:0; } .item-wrap { width: 100%; height: 100%; position:absolute; } .item-wrap-image { width: 100%; height: 100%; position:relative; z-index:0; overflow:hidden; -webkit-transform:scale(1.05); transform: scale(1.05); -webkit-transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; transition: all 1s cubic-bezier(.165,.84,.44,1) 0s; } .item-parallax:hover .item-appear .item-wrap-image, .above .item-wrap-image { -webkit-transform:scale(1); transform: scale(1); } .disable-ajaxload .item-wrap-image { pointer-events:none; } .portfolio .item-image { cursor:pointer; } .above.item { opacity: 1; } .scale-fitthumbs .above.item { opacity: 1!important; } .item-caption { z-index: 10; position: absolute; bottom: 0px; height: auto; padding:50px; box-sizing: border-box; width: 100%; cursor:default; pointer-events: none; opacity:0; -webkit-transition: all 0.2s ease-out 0.4s; transition: all 0.2s ease-out 0.4s; } .item.active .item-caption { opacity: 1; } .below-caption .item-caption, .parallax-three-grid.below-caption .item:nth-of-type(1n+1) .item-caption, .parallax-two-grid.below-caption .item:nth-of-type(1n+1) .item-caption { position: relative; bottom:-20px; padding: 0 10px; } .parallax-two-grid .item:nth-of-type(4n+2) .item-caption, .parallax-two-grid .item:nth-of-type(4n+3) .item-caption { padding:30px; } .parallax-three-grid .item:nth-of-type(6n+3) .item-caption, .parallax-three-grid .item:nth-of-type(6n+6) .item-caption { padding:30px; } .item-title { margin: 0; font-weight: 500; font-size:48px; line-height:60px; display: block; position:relative; color:#fff; } .parallax-two-grid .item:nth-of-type(4n+2) .item-title, .parallax-two-grid .item:nth-of-type(4n+3) .item-title { font-size:36px; line-height:48px; } .parallax-three-grid .item:nth-of-type(6n+3) .item-title, .parallax-three-grid .item:nth-of-type(6n+6) .item-title { font-size:36px; line-height:48px; } .light-content .item-title { color:#fff; } .change-header .item-title { color:#000; } .light-content .change-header .item-title { color:#000; } .below-caption .item-title, .parallax-three-grid.below-caption .item:nth-of-type(1n+1) .item-title, .parallax-two-grid.below-caption .item:nth-of-type(1n+1) .item-title { font-size:24px; line-height:36px; } .below-caption .item-title { color:#000; } .light-content .below-caption .item-title, .light-content .below-caption .change-header .item-title { color:#fff; } .item-title div { display: block; overflow:hidden; } .item-title span { display: block; margin: 0; min-width: 10px; width:auto; box-sizing: border-box; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); } .item-cat { display:block; font-size:18px; line-height:28px; margin-bottom:20px; overflow:hidden; color:#fff; } .light-content .item-cat { color:#fff; } .change-header .item-cat { color:#000; } .light-content .change-header .item-cat { color:#000; } .below-caption .item-cat { position:absolute; bottom:-70px; opacity:0; color:#000; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .below-caption .item:hover .item-cat { bottom:-55px; opacity:0.6; } .light-content .below-caption .item-cat, .light-content .below-caption .change-header .item-cat { color:#fff; } .item-cat div { display: block; overflow:hidden; } .item-cat span { display: inline-block; margin: 0; margin-right:4px; min-width: 10px; width:auto; box-sizing: border-box; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .item-date { display:block; font-size:18px; line-height:28px; margin-bottom:0px; overflow:hidden; color:#fff; } .light-content .item-date { color:#fff; } .change-header .item-date { color:#000; } .light-content .change-header .item-date { color:#000; } .below-caption .item-date { display:none; } .item-date div { display: block; overflow:hidden; } .item-date span { display: block; margin: 0; min-width: 10px; width:auto; box-sizing: border-box; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .item-arrow { width:30px; height:30px; position:relative; display:block; overflow:hidden; margin-bottom:30px; padding-left: 4px; padding-top: 4px; } .item-arrow i.arrow-icon { opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .below-caption .item-arrow { display:none; } @media only screen and (max-width: 1466px) { } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 479px) { }#blog-page-content { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; opacity:0; } .blog-template-content #hero { z-index:0; } .blog-template-content #hero #hero-caption { text-align:left; } article { position:relative; display:block; width:100%; margin:0 auto; } .article-wrap { position:relative; display:block; box-sizing:border-box; opacity:1; } .active .article-wrap { opacity: 1; } .article-content { display: block; position: relative; } article .hover-reveal { position: relative; width: 100%; height: auto; pointer-events: initial; opacity: 1; } article .post-title { font-weight:500; font-size: 48px; line-height: 64px; -ms-word-wrap: break-word; word-wrap: break-word; word-wrap: anywhere; text-align:left; box-sizing:border-box; padding:0; } .entry-meta-wrap { position:relative; display:block; box-sizing:border-box; width:100%; } .entry-meta-wrap::after { clear: both; content: " "; display: table; } .entry-meta { position:relative; display:block; box-sizing:border-box; padding:0; margin:0; margin-bottom:20px; overflow:hidden; } .entry-meta ul { position:relative; display:block; box-sizing:border-box; padding:0; margin:0; } .entry-meta li { position:relative; display:inline-flex; line-height:28px; list-style:none; padding:0; margin:0; margin-right: 10px; } .uppercase-text .entry-meta li { text-transform: uppercase; } .entry-meta li:last-child { margin-right:0; } .entry-meta li:hover::after { opacity:1; } .entry-meta li a { color:#000; display:inline-block; overflow:hidden; opacity:1; font-size: 16px; line-height: 30px; font-weight: 500; } .light-content .entry-meta li a { opacity:1; } .light-content .entry-meta li a, .light-content .entry-meta li { color:#fff; } .entry-meta li a:hover { opacity:1; } .entry-meta li a span { position: relative; display: block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; transform-origin: 100% 0%; } .entry-meta li a span::before { position: absolute; top: 100%; width:100%; left:0; content: attr(data-hover); } .entry-meta li:hover a span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } .entry-categories li::after { content: ","; width: 10px; height: 10px; top:0px; right: -11px; opacity:1; position: absolute; border-radius: 10px; } .entry-categories li:last-child:after { display:none; } .entry-tags li:first-child { width: 30px; position: relative; color: transparent; margin-right:10px; overflow:hidden; } .entry-tags li { margin-right:20px; } .entry-tags li:first-child:after { font: var(--fa-font-solid); content: "\f02b"; width:20px; height:28px; font-size:18px; line-height:28px; text-align:left; position:absolute; left:0px; top:2px; color:#000; } .light-content .entry-tags li:first-child:after { color:#fff; } .page-links { position:relative; padding:0; margin:0; margin-top:20px; clear: both; } .post-page-numbers { background-color: rgba(0,0,0,0.1); display: inline-block; height: 28px; width: 28px; text-align: center; line-height: 30px; border-radius: 3px; -webkit-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } .post-page-numbers:hover { background-color: rgba(0,0,0,0.2); } .light-content .post-page-numbers { background-color: rgba(255,255,255,0.1); } .light-content .post-page-numbers:hover { background-color: rgba(255,255,255,0.2); } .post-page-numbers:first-child { margin-left:10px; } .post-page-numbers::before { display:none; } .search_results { text-align:center; margin-bottom:100px; } .post.sticky { background-color: rgba(0,0,0,0.05); } .light-content .post.sticky { background-color: rgba(255,255,255,0.05); } .blog-excerpt { padding-top:20px; } #blog-effects { position: relative; z-index: 15; width: 100%; box-sizing: border-box; margin: 0 auto; } #blog-effects article { display: flex; width:100%; box-sizing:border-box; padding:0; pointer-events: initial; opacity: 1; } #blog-effects.clapat-blog-expand-on-scroll article { pointer-events: none; opacity: 0.2; } #blog-effects article.in-view { pointer-events: initial; } article::after { clear: both; content: " "; display: table; } #blog-effects article .article-bg { position: relative; display: flex; width: 100%; justify-content: center; padding-top:6vw; padding-bottom:5vw; border-bottom: 1px solid rgba(0,0,0,0.1); } #blog-effects article:first-child .article-bg { border-top: 1px solid rgba(0,0,0,0.1); } .light-content #blog-effects article .article-bg { border-bottom: 1px solid rgba(255,255,255,0.15); } .light-content #blog-effects article:first-child .article-bg { border-top: 1px solid rgba(255,255,255,0.15); } .news-shortcode #blog-effects article:first-child .article-bg { border-top: none!important; } .news-shortcode #blog-effects article:last-child .article-bg { border-bottom: none!important; } article .hover-reveal { position: fixed; width:440px; height: 280px; left:auto; right:auto; pointer-events: none; opacity:0; z-index:0; } .article-wrap .hover-reveal::after { display: block; content: ""; clear: both; } .rounded-borders #blog-effects .article-wrap .hover-reveal { border-radius:8px; } .article-wrap .hover-reveal__inner { width: 100%; height: 100%; transform: translateX(0); -webkit-transform: translateX(0); position: relative; } article .hover-reveal img { object-position: center; object-fit: cover; width: 100%; height: 100%; } article:hover .hover-reveal img { -webkit-transform:scale(1); transform: scale(1); } .article-wrap { position: relative; box-sizing: border-box; display: block; width: calc(50% - 80px); display: flex; flex-direction: column; align-content: center; } .article-show-image { position: relative; display: table; width: auto; margin: 0 auto; } .article-content { width: 100%; box-sizing: border-box; padding-top: 5px; position:absolute; display: flex; justify-content: space-between; } article .content-max-width { margin:0 auto; z-index:10; position:relative; } article .post-title { position:relative; width:auto; font-weight:500; font-size: calc(1rem + 1vw); line-height: calc(1rem + 1.6vw); text-align: center; display: block; -webkit-transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1); transition: all 0.6s cubic-bezier(0.38, 0.005, 0.215, 1); max-width: 100%; z-index:10; } a.post-title.link::before { display:none; } article .entry-meta-wrap { padding-top: 0px; width: 25%; font-size: 14px; line-height: 28px; top: 0; z-index: 0; height: auto; padding-right: 20px; } article .entry-date { width: auto; text-align: right; margin-top:0px; margin-bottom:0px; } article .entry-categories { width: 100%; float: none; margin-top:0px; margin-bottom:0px; } article .button-box { margin: auto; margin-top:40px; } #hero .entry-meta li { opacity: 0; transform: translateY(30px); -webkit-transform: translateY(30px); } article .article-links { position: relative; width: 100%; box-sizing: border-box; text-align: left; overflow: hidden; height: 0; } .page-links { box-sizing: border-box; } article .page-links { margin-top:0; } article .page-links p { margin-top:20px; margin-bottom:0px; } .blog-excerpt a { display:none; } .read-more { width: 40px; height: 40px; top:30px; right:30px; display: flex; position: absolute; justify-content: center; align-items: center; opacity:0.15; -webkit-transition: opacity 0.15s ease-in-out; transition: opacity 0.15s ease-in-out; } .read-more:hover { opacity:1; } #blog-effects article.has-post-thumbnail .read-more { display:none; } .read-more .parallax-element { height: 40px; width: 40px; color: #fff; text-align: center; line-height: 40px; font-size: 18px; background-color:#000; border-radius:40px; } .light-content .read-more .parallax-element { color: #000; background-color:#fff; } #blog-page-nav { position:relative; display:table; width: 100%; box-sizing:border-box; padding-top:100px; padding-bottom:100px; margin:0; } #blog-page-nav-wrap.content-max-width { box-sizing: border-box; padding-left: 0px; padding-right: 0px; max-width: 1280px; } .page-numbers { text-align:center; font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); padding:0; margin:0; text-transform:uppercase; } .page-numbers li { display:inline-block; list-style:none; min-width: 1vw; text-align: center; color:#000; padding-right:10px; margin:0; } .light-content .page-numbers li { color:#fff; } .page-numbers li:last-child { padding-right: 0px; display:inline-block; } .page-numbers li .page-numbers.dots { opacity:0.5; } .page-numbers li a { position: relative; display: block; opacity:0.5; } .uppercase-titles .page-numbers li a { text-transform: uppercase; } .light-content .page-numbers li a { position: relative; display: block; } .page-numbers:hover li a:hover { opacity:1; } .page-numbers li a:before { display:none; } .prev.page-numbers { margin-left: 2px; margin-right: 10px; text-align: left; } .next.page-numbers { margin-left:10px; } #blog-nav-minimal { position:relative; display:table; width:500px; height:auto; box-sizing:border-box; padding:0; } #blog-nav-minimal::after { content: ""; width: 80px; height: 1px; background-color: #000; opacity:0.1; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; display: block; } .light-content #blog-nav-minimal::after { background-color: #fff; opacity:0.15; } .blog-prev-wrap, .blog-next-wrap { width: 80px; height: 80px; display: flex; position: relative; justify-content: center; align-items: center; float:left; overflow:hidden; z-index:1; -webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out; } .blog-prev, .blog-next { display: block; width: 40px; height: 40px; text-align: center; z-index: 10; position: relative; } .blog-prev-wrap { float:left; } .blog-next-wrap { float:right; } #blog-navigation i { line-height:40px; width:40px; color:#ddd; position:relative; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .light-content #blog-navigation i { color:#fff; opacity:0.2; } #blog-navigation a i { color:#000; } .light-content #blog-navigation a i { color:#fff; opacity:1; } #blog-navigation .blog-prev a i, #blog-navigation .blog-prev i { left:0px; } #blog-navigation .blog-next a i { right:0px; } .blog-numbers { font-weight: 500; position: absolute; width: 100%; box-sizing: border-box; padding: 0 80px; height: inherit; z-index:0; color: #000; font-size: 48px; line-height: 64px; font-weight:500; font-family: 'Poppins', sans-serif; left:0; z-index:0; } .light-content .blog-numbers { color: #fff; } .blog-numbers .blog-active { width:30%; float:left; text-align:center; line-height:80px; } .blog-numbers .blog-total { width:30%; float:right; text-align:center; line-height:80px; } #blog-page-nav { margin:0 auto; padding-top: 200px; padding-bottom: 120px; } #blog-nav-minimal { margin:0 auto; max-width:700px; width:100%; } .blog-numbers { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); } #blog-post-content { position: relative; display: block; box-sizing:border-box; padding-bottom:40px; margin: 0 auto; width: 100%; opacity:0; } .post-template-content #hero { z-index:0; } .post-template-content #hero #hero-caption { max-width: 1020px; padding-top: 140px; padding-bottom: 80px; } .post-template-content .hero-title { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); margin-top: 10px; margin-bottom: 30px; max-width: 860px; word-wrap: break-word; white-space: initial; margin-left: -0.1vw; } .post-template-content .inline-title .hero-title span { display: block; } .post-template-content .post-max-width { max-width:860px; position:relative; margin:0 auto; padding:0 80px; } .post-max-width::after { clear: both; content: " "; display: table; } #post-image { position: relative; display: block; margin: 0 auto; margin-bottom:60px; width: 100%; max-width:1000px; } #post-content { position: relative; display: block; margin: 0 auto; width: 100%; } #post-content p > a { position:relative; } #post-content p > a::before { content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } .light-content #post-content p > a::before { background: rgba(255,255,255,1); } #post-content p > a:hover::before { transform: scaleX(1); transform-origin: left; } #post-content footer { position: relative; width: 100%; height: auto; z-index: 900; box-sizing: border-box; text-align: left; bottom: 0; left: 0; overflow: visible; pointer-events: initial; } #post-meta-data { position: relative; display: block; width: 100%; box-sizing: border-box; padding-top: 20px; margin: 0 auto; } #post-navigation { position: relative; display: block; box-sizing: border-box; padding: 70px 0 100px 0; margin:0 auto; } .post-prev, .post-next { width:50%; float:left; text-align:left; color:#000; } .post-next { text-align:right; } .light-content .post-prev, .light-content .post-next { color:#fff; } .post-prev-caption, .post-next-caption { font-size: calc(1rem + 4.15vw); line-height: calc(1rem + 4.5vw); font-weight: 500; margin-bottom:20px; } .uppercase-titles .post-prev-caption, .uppercase-titles .post-next-caption { text-transform:uppercase; } .post-prev-title, .post-next-title { font-size: 16px; line-height: 28px; font-weight: 500; } .uppercase-text .post-prev-title, .uppercase-text .post-next-title { text-transform:uppercase; line-height: 20px; } .disabled .post-prev-title, .disabled .post-next-title { pointer-events:none; } .post-prev-title a, .post-next-title a { position: relative; display: inline-block; } .post-prev-title a em, .post-next-title a em { font-family:inherit; } .post-prev-title span, .post-next-title span { background-image: linear-gradient(transparent calc(100% - 2px), #000 1px); background-size: 0; background-repeat: no-repeat; display: inline; transition: 0.3s ease; word-wrap: anywhere; padding: 4px 0; box-sizing: border-box; } .light-content .post-prev-title span, .light-content .post-next-title span { background-image: linear-gradient(transparent calc(100% - 2px), #fff 1px); } .post-prev-title:hover span, .post-next-title:hover span { background-size: 100%; } #post-navigation { position: relative; display: block; box-sizing: border-box; padding: 80px 0 80px 0; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; border-bottom: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(0,0,0,0.1); margin-bottom: 80px; margin-top: 80px; } .light-content #post-navigation { border-bottom: 1px solid rgba(255,255,255,0.1); border-top: 1px solid rgba(255,255,255,0.1); } #post-comments { position: relative; display: block; margin: 0 auto; margin-bottom:15px; width: 100%; } #post-comments:after { clear: both; content: " "; display: table; } #post-comments .entry-meta li { font-size: 20px; font-weight: 500; line-height: 30px; } .comments-navigation { display:block; position:relative; } .comments-navigation:after { clear: both; content: " "; display: table; } .comments-navigation a { padding-top: 8px; margin-bottom: 40px; position: relative; display: block; opacity:0.75; -webkit-transition:opacity 0.15s ease 0s; transition:opacity 0.15s ease 0s; } .light-content .comments-navigation a { opacity:0.55; } .comments-navigation a:hover { opacity:1; } .comments-navigation a::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } .light-content .comments-navigation a::before { background: rgba(255,255,255,1); } .comments-navigation a:hover::before { transform: scaleX(1); transform-origin: left; } .user_comment { margin-bottom:35px; padding-left: 75px; position:relative; } .user-image { height: 60px; width: 60px; position:absolute; left:0px; top:0px; } .comment-head { margin-bottom:5px; } .comment-head a { position:relative; display:inline-block; } .comment-head a::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } .light-content .comment-head a::before { background: rgba(255,255,255,1); } .comment-head a:hover::before { transform: scaleX(1); transform-origin: left; } .user_comment_reply .user-image:after { content: ''; position: absolute; width: 25px; height: 1px; background-color: rgba(0,0,0,0.2); left: -44px; bottom: 20px; } .user_comment_reply .user-image:before { content: ''; position: absolute; width: 1px; height: 25px; background-color: rgba(0,0,0,0.2); left: -45px; bottom: 20px; } .light-content .user_comment_reply .user-image:after, .light-content .user_comment_reply .user-image:before { background-color:rgba(255,255,255,0.2); } .user-image img { width:100%; height:auto; border-radius: 3px; } .user_comment_reply { position:relative; padding-left: 75px; margin-top: 35px; display:block; } .user_comment_reply .user-image:after { content: ''; position: absolute; width: 25px; height: 1px; background-color: rgba(0,0,0,0.2); left: -50px; bottom: 25px; } .user_comment_reply .user-image:before { content: ''; position: absolute; width: 1px; height: 25px; background-color: rgba(0,0,0,0.2); left: -51px; bottom: 25px; } .light-content .user_comment_reply .user-image:after, .light-content .user_comment_reply .user-image:before { background-color:rgba(255,255,255,0.2); } .pingback, .trackback { padding-left: 0; } .bypostauthor { position:relative; } #post-form { position: relative; display: block; margin: 0 auto; width: 100%; max-width:860px; } #post-form .entry-meta li { font-weight:500; font-size: 20px; } #post-form .message-box, #respond .message-box { margin-top: 10px; } #post-form textarea, #respond textarea { margin-bottom: 0px; } .comment_area_loggedin.message-box { margin-bottom:40px; } .wp-block-latest-comments__comment-link { line-height:28px; } .cancel-reply { position:relative; display:inline-block; margin-bottom:10px; line-height: 22px; opacity:0.75; -webkit-transition:opacity 0.15s ease 0s; transition:opacity 0.15s ease 0s; } .light-content .cancel-reply { opacity:0.55; } .cancel-reply:hover { opacity:1; } .cancel-reply::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } .light-content .cancel-reply::before { background: rgba(255,255,255,1); } .cancel-reply:hover::before { transform: scaleX(1); transform-origin: left; } .logged-in-as a { position:relative; display:inline-block; opacity:1; -webkit-transition:opacity 0.15s ease 0s; transition:opacity 0.15s ease 0s; } .light-content .logged-in-as a { opacity:1; } .logged-in-as a:hover { opacity:1; } .logged-in-as a::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } .light-content .logged-in-as a::before { background: rgba(255,255,255,1); } .logged-in-as a:hover::before { transform: scaleX(1); transform-origin: left; } .comment-form-cookies-consent { display: block; float: left; margin-top: 10px; margin-bottom: 20px; position: relative; width: 100%; height: autox; } #wp-comment-cookies-consent, .comment-form-cookies-consent input { width: 20px; height: 20px; margin: 0; border: 0; top: 2px; position: absolute; } .comment-form-cookies-consent label { height: auto; display: block; line-height: 24px; position: relative; top: 0; padding-left: 32px; font-size: 14px; } #post-notification { position: relative; display: block; margin: 0 auto; width: 100%; max-width:860px; } #black-fade { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; z-index: 1100; visibility:hidden; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transform: translate3d(0, 0, 0); -webkit-perspective: 1000; } #black-fade.fade-in { opacity: 0.9; visibility:visible; } .magic-cursor-disabled #black-fade.fade-in { position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; right: 0; bottom: 0; cursor: url(//www.koladehounsou.com/template/images/close.png), e-resize; } #sidebar { position: fixed; top: 0px; right: -370px; width: 400px; height: 100%; background-color: #ddd; z-index: 1200; overflow: hidden; -webkit-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); -webkit-transform: translateX(0); transform: translateX(0); opacity:0; } #sidebar .before-span { opacity: 1!important; transform: translate(0px, 0px)!important; } .load-post-page #sidebar { opacity:1!important; } .light-content #sidebar { background-color: #222; } #sidebar.open { -webkit-transform: translateX(-370px)!important; transform: translateX(-370px)!important; background-color: #fff; } .light-content #sidebar.open { background-color: #222; } #open-sidebar { cursor:pointer; width: 30px; height: 30px; line-height:30px; position: absolute; top: 50%; margin-top: -15px; left: 0; font-size: 14px; text-align: center; color:#000; opacity:0.5; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .light-content #open-sidebar { color:#fff; } #open-sidebar:hover, #open-sidebar-nav:hover { opacity:1 } #open-sidebar-nav { cursor:pointer; width: 30px; height: 30px; line-height:30px; position: absolute; font-size: 14px; text-align: center; color:#000; opacity:0.2; display:none; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .light-content #open-sidebar-nav { color:#fff; } #open-sidebar.open { opacity:0; visibility:hidden; } #open-sidebar i { width: 30px; height: 30px; line-height:30px; } .sidebar-content { box-sizing: border-box; padding: 80px 50px; padding-right: 60px; width: calc(100% + 30px); height:100%; overflow-y: scroll; } .clapat-sidebar-widget { display:block; position:relative; margin-bottom:70px; line-height:28px; font-weight:500; } .clapat-sidebar-widget em { font-family:inherit; } .clapat-sidebar-widget article { padding:0; border:none!important; } .widgettitle a { color:#000; } .light-content .widgettitle a { color:#fff; } .clapat-sidebar-widget footer { position: relative !important; width: 100%; height: auto; z-index: 0; box-sizing: border-box; text-align: left; bottom: 0; left: 0; overflow: visible; pointer-events: initial; } .clapat-sidebar-widget ul { margin: 0; margin-top: 10px; } .clapat-sidebar-widget ul li { position: relative; width: 100%; list-style: none; display: inline-block; margin: 8px 0; line-height:28px; } .clapat-sidebar-widget ul ul { margin-left: 20px; } .clapat-sidebar-widget a { position: relative; opacity: 0.7; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .clapat-sidebar-widget a:hover { opacity:1; } .wp-block-button.aligncenter, .wp-block-calendar { text-align:left; margin-bottom:25px; } #wp-calendar { width: 100%; border:0; } #wp-calendar caption { text-align: left; color: #000; font-size: 16px; margin-top: 15px; margin-bottom: 15px; } .light-content #wp-calendar caption { color:#fff; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; border: 0; text-align: center; padding-top: 10px; font-size: 12px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #fff; border: 1px solid #eee; text-align: center; padding: 8px; border-radius: 0px; font-size: 12px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .light-content #wp-calendar tbody td { background: #333; border: 1px solid #222; } .light-content #wp-calendar a { color:#fff; } #wp-calendar tbody td:hover { background: #222; color:#fff; } #wp-calendar tbody td:hover a { color:#fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar tfoot td { border:0 } #wp-calendar .pad { background-color:transparent!important; } .wp-calendar-nav { background-color:transparent!important; pointer-events:initial; } .select, .wp-block-archives-dropdown, .wp-block-categories-dropdown { position: relative; display: block; width: 100%; height: 40px; background: transparent; line-height: 40px; margin-top: 25px; margin-bottom: 25px; } .light-content .select, .light-content .wp-block-archives-dropdown, .light-content .wp-block-categories-dropdown { background: #333; } .clapat-sidebar-widget select { position:relative; width:100%; } .clapat-sidebar-widget select option { position:relative; width:100%; } select { width: 100%; height: 100%; margin: 0; padding: 0 0 0 1em; color: #000; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background-image: none; font-size: 14px !important; font-family: inherit !important; } select::-ms-expand { display: none; } .select::after, .wp-block-archives-dropdown::after, .wp-block-categories-dropdown::after { content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 1.6em; background: #000; pointer-events: none; height: 40px; line-height: 40px; color: rgba(255,255,255,1); font-size: 10px; z-index: 20; } .light-content .select::after, .light-content .wp-block-archives-dropdown::after, .light-content .wp-block-categories-dropdown::after { height: 41px; line-height: 41px; } .select:hover::after { color: #fff; } .select::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } .wp-block-latest-posts { margin:0; } .wp-block-latest-posts li a, .wp-block-latest-comments__comment-meta a, .clapat-sidebar-widget a { background-image: linear-gradient(transparent calc(100% - 2px), #000 1px); background-size: 0; background-repeat: no-repeat; display: inline; transition: 0.3s ease; word-wrap: anywhere; padding: 1px 0; box-sizing: border-box; font-size:14px; } .light-content .wp-block-latest-posts li a, .light-content .wp-block-latest-comments__comment-meta a, .light-content .clapat-sidebar-widget a { background-image: linear-gradient(transparent calc(100% - 2px), #fff 1px); } .wp-block-latest-posts li:hover a, .wp-block-latest-comments__comment-meta a:hover, .clapat-sidebar-widget a:hover { background-size: 100%; } .wp-block-search, .wp-block-search .wp-block-search__inside-wrapper { position: relative; display: block; } .wp-block-search { margin-bottom:25px; } .wp-block-search .wp-block-search__input { border: none; border-bottom: 1px solid rgba(0,0,0,0.3); padding-left: 70px; font-size:14px; font-weight:400; } .light-content .wp-block-search .wp-block-search__input { color:rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,0.3); } .wp-block-search .wp-block-search__label { width: auto; position: absolute; height: 100%; line-height: 50px; color:#444; font-size:14px; font-weight:400; } .light-content .wp-block-search .wp-block-search__label { color:#aaa; } .wp-block-search .wp-block-search__label::after { content: ":"; width: 3px; height: 50px; font-size: 16px; line-height: 50px; text-align: left; position: absolute; right: -6px; top: 0; } .wp-block-search__inside-wrapper:after { font: var(--fa-font-solid); content: "\f002"; width:20px; height:20px; font-size:14px; line-height:20px; text-align:left; position:absolute; right:0px; top:14px; color:#000; } .light-content .wp-block-search__inside-wrapper:after { color:#fff; } .wp-block-search .wp-block-search__button { position: absolute; right: 0; height: 100%; width: 40px; opacity: 0; z-index: 10; overflow:hidden; } .search { position:relative; } .post-password-form label { width: 100%; position: relative; height: 100%; line-height: 50px; color: #444; display: block; margin-bottom:25px; } .light-content .post-password-form label { color:#aaa; } .post-password-form input { position: absolute; display: block; width: 100%; top: 0; padding-left: 90px; } .post-password-form input[type="submit"] { height: 50px; position:relative; width: auto; border: solid 3px #000; color: #000; background-color: transparent; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: 500; line-height: 20px; overflow: hidden; text-align: center; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .light-content .post-password-form input[type="submit"] { border: solid 3px #fff; color: #fff; background-color: transparent; } .post-password-form input[type="submit"]:hover { color: #fff; background-color: #fff; } .light-content .post-password-form input[type="submit"]:hover { color: #000; background-color: #fff; } @media only screen and (max-width: 1466px) { .post-template-content .post-max-width { max-width: 900px; padding:0 60px; } #post-form { max-width: 900px; box-sizing:border-box; } #post-navigation { clip-path: inset(0 60px 0 60px); } } @media only screen and (max-width: 1024px) { article { padding: 50px 0 30px 0; } #blog-effects.clapat-blog-expand-on-scroll article { pointer-events: initial; opacity: 1; } .article-wrap .hover-reveal { position: relative; width: 100%; height: auto; pointer-events: none; opacity:1!important; margin-bottom:40px; box-sizing:border-box; left: 0!important; top: 0!important; } .article-wrap:hover .hover-reveal { width:100%; } .article-wrap .hover-reveal__inner { width: 100%; height: auto; transform: translateX(0%)!important; -webkit-transform: translateX(0%)!important; } .article-wrap .hover-reveal__inner .hover-reveal__img { transform: translateX(0%)!important; -webkit-transform: translateX(0%)!important; } #blog-effects article .article-bg { display: block; width: 100%; height:auto; } .article-content { position:relative; padding: 0; margin-bottom: 30px; } .article-wrap { width: 100%; margin-bottom:20px; } article .post-title, article .article-links { width: auto; } article .button-wrap { margin-left: 50%; } .post.sticky { width: calc(100% + 80px); margin-left: -40px; padding: 50px 40px 30px 40px; box-sizing: border-box; border: none; } .post.sticky .article-wrap { border: none!important; } .post.sticky .article-wrap::before { display:none; } .has-post-thumbnail .article-wrap:hover .post-title { transform: translateX(00px); -webkit-transform: translateX(00px); max-width: 100%; } .post-template-content .post-max-width, #post-form { max-width: 900px; padding:0 40px; } #post-navigation { clip-path: inset(0 40px 0 40px); } .post-template-content .hero-title { font-size: calc(1rem + 10vw); line-height: calc(1rem + 9.5vw); } } @media only screen and (max-width: 767px) { .article-content { display: flex; align-items: center; justify-content: center; flex-direction: column; } article .entry-meta-wrap { width: auto; } article .post-title { font-size: calc(1rem + 2vw); line-height: calc(1rem + 2.6vw); } article .button-wrap { margin: 0 auto; } article .button-wrap .icon-wrap { display: none; } article .button-wrap .button-text { padding:0; display:block; } .post.sticky { width: calc(100% + 60px); margin-left: -30px; padding: 50px 30px 30px 30px; } .blog-excerpt { box-sizing: border-box; padding-left: 30px; padding-right: 30px; } #blog-page-nav { padding-top: 100px; padding-bottom: 80px; } #blog-nav-minimal { width: 100%; } .post-prev, .post-next { width: 100%; float: left; text-align: left; color: #000; } .post-next { text-align: left; margin-top: 20px; } #post-comments h5 { font-size: 28px; line-height: 44px; } .user_comment { padding-left: 55px; margin-bottom: 25px; } .user-image { height: 40px; width: 40px; } .user_comment_reply { padding-left: 55px; margin-top: 25px; } .user_comment_reply .user-image::before { width: 1px; height: 20px; left: -41px; bottom: 20px; } .user_comment_reply .user-image::after { width: 20px; height: 1px; left: -40px; bottom: 20px; } #open-sidebar-nav { display: block; right: 70px; top: 26px; opacity: 1; pointer-events: initial; z-index:0; } #sidebar.open { -webkit-transform: translateX(-400px)!important; transform: translateX(-400px)!important; } #sidebar { right: -400px; width: 400px; height: 100%; } #post-navigation { clip-path: inset(0 30px 0 30px); } .post-template-content .post-max-width, #post-form { max-width: 900px; padding:0 30px; } .post-template-content .hero-title { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); } } @media only screen and (max-width: 479px) { .post.sticky { width: calc(100% + 40px); margin-left: -20px; padding: 50px 20px 30px 20px; } .blog-excerpt { box-sizing: border-box; padding-left: 20px; padding-right: 20px; } #blog-page-nav { padding-top: 100px; padding-bottom: 80px; } .page-numbers li { padding-right: 4px; } .user_comment { padding-left: 0px; margin-bottom: 25px; } .user-image { display:none; } .user_comment_reply { padding-left: 20px; } #open-sidebar-nav { right: 60px; } #sidebar.open { -webkit-transform: translateX(-300px)!important; transform: translateX(-300px)!important; } #sidebar { right: -300px; width: 300px; height: 100%; } .sidebar-content { padding: 60px 30px; padding-right: 30px; padding-right: 40px; } #post-navigation { clip-path: inset(0 20px 0 20px); } .post-template-content .post-max-width, #post-form { max-width: 900px; padding:0 20px; } }.pinned-section { position: relative; display: table!important; width: 100%; margin: 0 auto; max-width:1160px; } .full .pinned-section, .full_elementor .pinned-section { max-width:100%; } .pinned-section .pin-spacer { width:50%!important; } .pinned-element { position:relative; display:block; height:auto; float:left; width:50%; margin:0; box-sizing:border-box; } .pinned-element.left { padding-right:30px; } .pinned-element.right { padding-left:30px; } .scrolling-element { position:relative; float:left; width:50%; margin:0; box-sizing:border-box; } .scrolling-element.left { padding-right:30px; } .scrolling-element.right { padding-left:30px; } .scrolling-element img { display:block; height: auto; width:100%; } .title-moving-outer { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .title-moving-forward, .title-moving-backward { clear: both; display: inline-block; overflow: hidden; white-space: nowrap; padding:0 6vw; box-sizing:border-box; } .marquee-text-wrapper { white-space: nowrap; margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .marquee-text { font-weight: 500; display: inline-block; color:#000; } .marquee-text:before { content: '.'; color:transparent; } .light-content .marquee-text, .dark-section .rolling-text { color:#fff; } .light-content .light-section .marquee-text { color:#000; } .hover-reveal { position: fixed; width: 20vw; height: 30vw; pointer-events: none; opacity: 0; left:auto; right:auto; margin:auto; } .content-row > .hover-reveal { z-index:-1; } .rounded-borders .hover-reveal { border-radius:8px; overflow:hidden; } .hover-reveal__inner, .hover-reveal__img { width: 100%; height: 100%; position: absolute; } .hover-reveal__img { background-size:cover; background-position:center center; background-repeat:no-repeat; width:100%; height: 100%; position:relative; display:block; } .clapat-slider-wrapper.content-slider { width:100%; height: auto; position:relative; } .content-slider .clapat-slider-viewport { display: flex; position: relative; margin: 0 auto; } .content-slider.looped-carousel .clapat-slider-viewport { max-width:1280px; } .content-slider.small-looped-carousel .clapat-slider-viewport { max-width:600px; } .content-slider .clapat-slider { padding: 0 0 0 0; height: auto; position:relative; } .content-slider .clapat-slide { width: 100%; } .content-slider.looped-carousel .clapat-slide { padding:0 60px; } .content-slider.small-looped-carousel .clapat-slide { padding:0 20px; } .rounded-borders .content-slider { border-radius:8px; overflow:hidden; } .rounded-borders .content-slider.looped-carousel img, .rounded-borders .content-slider.small-looped-carousel img { border-radius:8px; } .content-slider.looped-carousel .clapat-button-prev, .content-slider.looped-carousel .clapat-button-next { display:none; } .disable-cursor .content-slider.looped-carousel .clapat-button-prev, .disable-cursor .content-slider.looped-carousel .clapat-button-next { display:block; } .content-slider.small-looped-carousel .clapat-button-prev, .content-slider.small-looped-carousel .clapat-button-next { display:none; } .disable-cursor .content-slider.small-looped-carousel .clapat-button-prev, .disable-cursor .content-slider.small-looped-carousel .clapat-button-next { display:block; } .content-slider .clapat-pagination { bottom:20px; } .content-slider .slider-button-prev { position:absolute; top:0; left:0; margin:0; width:50%; height:100%; z-index:10; cursor:pointer; } .content-slider .slider-button-next { position:absolute; top:0; right:0; margin:0; width:50%; height:100%; z-index:10; cursor:pointer; } .content-slider .clapat-pagination { opacity:1; } .content-slider .clapat-pagination-bullet .parallax-wrap { width: 40px; height: 40px; display: inline-flex; position: relative; justify-content: center; align-items: center; pointer-events: initial; } .content-slider .clapat-pagination-bullet .parallax-element { height: 40px; width: 40px; text-align: center; line-height: 50px; } .clapat-pagination-bullet-active .path { display: inline-block !important; stroke-dasharray: 1000; stroke-dashoffset: 0; animation: dash ease-in 3s; animation-iteration-count: unset; } .clapat-pagination-bullet .path, .light-content.light-content-slider .clapat-pagination-bullet .path { stroke:#000; } .clapat-pagination-bullet .solid-fill, .light-content.light-content-slider .clapat-pagination-bullet .solid-fill { fill:#000; } .light-content .clapat-pagination-bullet .path, .dark-section .clapat-pagination-bullet .path, .light-content-slider .clapat-pagination-bullet .path { stroke:#fff; } .light-content .light-section .clapat-pagination-bullet .path { stroke:#000; } .light-content .clapat-pagination-bullet .solid-fill, .dark-section .clapat-pagination-bullet .solid-fill, .light-content-slider .clapat-pagination-bullet .solid-fill { fill:#fff; } .light-content .light-section .clapat-pagination-bullet .solid-fill, .light-content .dark-section .dark-cursor .clapat-pagination-bullet .solid-fill { fill:#000; } .light-cursor .clapat-pagination-bullet .path { stroke:#fff!important; } .dark-cursor .clapat-pagination-bullet .path { stroke:#000!important; } .light-cursor .clapat-pagination-bullet .solid-fill { fill:#fff!important; } .dark-cursor .clapat-pagination-bullet .solid-fill { fill:#000!important; } .path { display: none; } @keyframes dash { from { stroke-dashoffset: 1000; } to { stroke-dashoffset: 0; } } .disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls { position: absolute; width: calc(100% - 60px); height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; } .disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls { position: absolute; width: calc(100% - 60px); max-width:540px; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; } .disable-cursor .slider-button-prev { position: absolute; top: calc(50% - 30px); left: 0px; margin: 0; width: 60px; height: 60px; z-index: 10; cursor: pointer; opacity:0.7; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .disable-cursor .slider-button-prev:hover { opacity:1; } .disable-cursor .slider-button-prev::after { font: var(--fa-font-solid); content: "\f104"; font-size: 24px; width:60px; height:60px; line-height:60px; text-align:center; position: absolute; left: 0; top:0; color:#fff; } .disable-cursor .light-cursor .slider-button-prev::after, .disable-cursor .light-cursor .slider-button-next::after { color:#fff; } .disable-cursor .dark-cursor .slider-button-prev::after, .disable-cursor .dark-cursor .slider-button-next::after { color:#000; } .disable-cursor .slider-button-next { position: absolute; top: calc(50% - 30px); left:auto; right: 0px; margin: 0; width: 60px; height: 60px; z-index: 10; cursor: pointer; opacity:0.7; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .disable-cursor .slider-button-next:hover { opacity:1; } .disable-cursor .slider-button-next::after { font: var(--fa-font-solid); content: "\f105"; font-size: 24px; width:60px; height:60px; line-height:60px; text-align:center; position: absolute; left: 0; top:0; color:#fff; } .image-link, .video-link { display: block; width: auto; } .rounded-borders .image-link img, .rounded-borders .video-link img { border-radius:8px; } .disable-cursor .image-link::after { font: var(--fa-font-solid); content: "\f002"; font-size: 18px; width:60px; height:60px; line-height:60px; text-align:center; position: absolute; right:10px; top:10px; color:#fff; opacity:0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .disable-cursor .image-link:hover::after { opacity:1; } .disable-cursor .video-link::after { font: var(--fa-font-solid); content: "\f04b"; font-size: 18px; width:60px; height:60px; line-height:60px; text-align:center; position: absolute; right:10px; top:10px; color:#fff; opacity:0; -webkit-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out; } .disable-cursor .video-link:hover::after { opacity:1; } .hero-video-wrapper { position: absolute; box-sizing: border-box; width: 100%; height: 100%; padding:0; overflow:hidden!important; opacity:0; } .item .hero-video-wrapper, .clapat-item .hero-video-wrapper, .hover-reveal__img .hero-video-wrapper, .clapat-slider .hero-video-wrapper, .open-thumbnail .hero-video-wrapper, .carousel-zoom-wrapper .hero-video-wrapper, .carousel-thumbs-wrapper .hero-video-wrapper, .gallery-zoom-wrapper .hero-video-wrapper, .gallery-thumbs-wrapper .hero-video-wrapper, .overlapping-image .hero-video-wrapper, .snap-slider-images .hero-video-wrapper { position: absolute; box-sizing: border-box; min-width: 100%; min-height: 100%; width: 100%; height: auto; background-size: cover; padding: 0; overflow: hidden !important; opacity: 1; top: 0; z-index: 120; pointer-events: none; } .content-video-wrapper { position: absolute; box-sizing: border-box; width: 100%; height: 100%; left:0; top:0; padding:0; overflow:hidden!important; z-index: 1; } .hero-video-wrapper video.bgvid, .content-video-wrapper video.bgvid { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; object-fit: cover; width: 100%; height: 100%; } .video-wrapper { position: relative; box-sizing: border-box; min-width: 100%; max-height: 100vh; width: 100%; height: auto; background-size: cover; padding:0; overflow:hidden!important; opacity:1; -webkit-transform: translateY(0px); transform: translateY(0px); } .rounded-borders .video-wrapper { border-radius: 8px; } .video-cover { position:absolute; width:100%; height:100%; top:0; left:0; z-index:100; cursor:pointer; background-size:cover; background-position:center center; background-repeat:no-repeat; -webkit-transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s; transition: opacity 0.3s ease-out 0.05s, height 0s ease-out 0s; } .video-cover.hidden { opacity:0; height: calc(100% - 50px); -webkit-transition: opacity 0.3s ease-out, height 0s ease-out 0.3s; transition: opacity 0.3s ease-out, height 0s ease-out 0.3s; } video.bgvid { width: 100%; height: 100%; top: 0; left: 0; object-position: center; object-fit: cover; z-index: -100; } .video-wrapper video.bgvid { position: relative; } .control { bottom: 25px; color: #ccc; display: none; left: 0; position: absolute; width: calc(100% - 40px); z-index: 5; background-color: #eee; padding: 0; box-sizing: border-box; right: 0; margin: 0 auto; } .full .control, .full_elementor .control { bottom: 10px; width: calc(100% - 160px); } .btmControl{ clear:both; } .control .sound{ width: 30px; height: 50px; float:left; cursor:pointer; text-align:center; line-height:50px; color:#fff; opacity:0.4; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .control .sound:hover { opacity:1; } .control .sound i { line-height:50px; } .control .sound.muted i:first-child { display:none; } .control .sound.muted i:last-child { display:block; } .control .sound i:last-child { display:none; } .control .btnFS{ width: 50px; height: 50px; float:left; cursor:pointer; text-align:center; line-height:50px; color:#fff; opacity:0.4; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .control .btnFS:hover{ opacity:1; } .progress-bar { background: rgba(255,255,255,0.5); box-sizing: border-box; float: left; height: auto; width: calc(100% - 123px); cursor: pointer; bottom: 23px; position: absolute; left: 23px; opacity:0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .video-wrapper:hover .progress-bar { opacity:1; } .progress { height: 2px; max-width: 100%; position: relative; width: 100%; } .progress span { height:100%; position:absolute; top:0; left:0; display:block; } .timeBar{ z-index:10; width:0; background: #fff; } .bufferBar{ z-index:5; width:0; background: rgba(255,255,255,0.2); } .video-btns { position: absolute; right: 3px; bottom: 0px; opacity:0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .video-wrapper:hover .video-btns { opacity:1; } .volume{ position:relative; cursor:pointer; width:70px; height:10px; float:right; margin-top:10px; margin-right:10px; } .volumeBar{ display:block; height:100%; position:absolute; top:0; left:0; } .button-box { line-height:16px; cursor:pointer; border:none; box-sizing:border-box; text-align:center; display:inline-block; position:relative; } .text-align-center .button-box, .text-align-center.button-box { margin-left:10px; margin-right:10px; text-align:center; } .text-align-center.button-box { display: flex; margin:auto } .button-content .submit-box { color:#fff; } .clapat-button-wrap { display: flex; position: relative; justify-content: center; align-items: center; left:0; right:0; min-width:100px; height:60px; } .clapat-button-wrap.circle { min-width:104px; height:104px; } .text-align-center .clapat-button-wrap { margin:0 auto; } .clapat-button { opacity:1; } .button-border { height: 50px; width: auto; border: solid 2px #000; background-color:#000; border-radius: 5px; cursor:pointer; font-size: 16px; font-weight: 500; line-height:50px; overflow: hidden; color:#000; text-align:center; -webkit-transition : border 0.2s ease-out; transition : border 0.2s ease-out; box-sizing:initial !important; } .light-content .button-border, .dark-section .button-border { border: solid 2px #fff; background-color:#fff; } .light-content .light-section .button-border { border: solid 2px #000; background-color:#000; } .light-content .button-border a, .dark-section .button-border a { color:#000; } .light-content .light-section .button-border a { color:#fff; } .button-border.rounded { border-radius: 30px; } .button-border.outline { border: solid 2px #000; color:#000; background-color:transparent; } .light-content .button-border.outline, .dark-section .button-border.outline { border: solid 2px #fff; color:#fff; background-color:transparent; } .light-content .light-section .button-border.outline { border: solid 2px #000; background-color:transparent; } .clapat-button a { position: relative; display: block; height: 100%; } .light-content .button-border.outline a, .dark-section .button-border.outline a { color:#fff; } .light-content .light-section .button-border.outline a { color:#000; } .dark-content .light-section .button-border a { color:#fff; } .dark-content .light-section .button-border.outline a { color:#000; } .circle .button-border { border-radius: 100px; height: 100px; width: 100px; } .button-border span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; width: auto; text-align: center; transform-origin: 100% 0%; padding: 0 40px; } .button-border span::before { position: absolute; width: 100%; top: 100%; left: 0; content: attr(data-hover); text-align: center; } .clapat-button:hover .button-border span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } .clapat-button-wrap.circle:hover .button-border { border: solid 2px transparent; } .clapat-button-wrap.circle .button-border input, .clapat-button-wrap.circle .button-border a { height: 100px; width: 100px; line-height: 100px; text-align: center; padding: 0; font-size: 12px; cursor:pointer; } .has-animation { opacity:0; -webkit-transition:translateY(30px); transform: translateY(30px); } .has-animation.has-scale { opacity: 0; -webkit-transition:translateY(0px) scale(1.05); transform: translateY(0px) scale(1.05); transform-origin: 50% 0; will-change:transform; } .has-animation.has-scale-vertical { opacity: 0; -webkit-transition:translateY(0px) scaleY(1.1); transform: translateY(0px) scaleY(1.1); transform-origin: 50% 0; will-change:transform; } .has-animation.has-cover { opacity: 1; -webkit-transition:translateY(0px); transform: translateY(0px); overflow:hidden; } .has-animation.has-cover::after { content: ""; width: 100%; height: 100%; background-color:inherit; position:absolute; top:0; right:0; z-index:10; -webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01); -o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01); transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01); } .has-animation.has-cover.animated::after { width:0; } .has-animation.has-cover img { opacity: 1; -webkit-transition:scale(1.05); transform:scale(1.05); -webkit-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01); -o-transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01); transition: all .6s cubic-bezier(0.54, 0.49, 0.2, 1.01); } .has-animation.has-cover.animated img { opacity: 1; -webkit-transition:scale(1); transform:scale(1); } .has-mask { margin-bottom:10px; } .has-mask span { display:inline-table; overflow:hidden; } .has-mask span > span { display: inline-table; margin:0!important; line-height:inherit; height:inherit; opacity:0; -webkit-transform:translateY(60px); transform: translateY(60px); } h1.big-title.has-mask span, h1.big-title.has-mask span > span { line-height:inherit; height:inherit; margin-right:12px; } h1.has-mask span, h1.has-mask span > span { line-height:inherit; height:inherit; margin-right:12px; } h2.has-mask span, h2.has-mask span > span { line-height:inherit; height:inherit; margin-right:10px; } h3.has-mask span, h3.has-mask span > span { line-height:inherit; height:inherit; margin-right:8px; } h4.has-mask span, h4.has-mask span > span { line-height:inherit; height:inherit; margin-right:7px; } h5.has-mask span, h5.has-mask span > span { line-height:inherit; height:inherit; margin-right:6px; } h6.has-mask span, h6.has-mask span > span { line-height:inherit; height:inherit; margin-right:5px; } .has-mask-fill > span { position: relative; display: inline; -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); background-size: 0% 100%; } .has-mask-fill.block-title > span { display: block; } .light-content .has-mask-fill > span, .dark-section .has-mask-fill > span { -webkit-text-fill-color: rgba(255,255,255,0.1); background-image: linear-gradient(#fff, #fff);; } .light-content .light-section .has-mask-fill > span { -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); } .has-indent { text-indent:8vw; } .has-span-indent { margin-right: 30px; display: inline; vertical-align: top; line-height: inherit; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; text-transform: initial; opacity:0.4; } .has-hover-image { cursor:pointer; display:inline-block; position:relative; } span.has-hover-image::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(1); transform-origin: left; transition: transform .2s ease-out; } .light-content span.has-hover-image::before, .dark-section span.has-hover-image::before { background: rgba(255,255,255,1); } .light-content .light-section span.has-hover-image::before { background: rgba(0,0,0,1); } span.has-hover-image:hover::before { transform: scaleX(0); transform-origin: right; } span.has-hover-image .hover-reveal { left:0; width: 400px; height: 250px; overflow:hidden; } span.has-hover-image.vertical .hover-reveal { width: 300px; height: 400px; } .has-opacity span { opacity:0.2; } .number-counter { position: relative; display:table; } .number-counter::after { content: attr(data-symbol); line-height: inherit; top: 0; position: absolute; left: calc(100% + 5px); } a.link { display:inline-block; position:relative; } .light-content a.link { color:#fff; } .light-content .light-section a.link { color:#000; } a.link::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } h1 a.link::before { bottom: 0px; height: 3px; } .light-content a.link::before, .dark-section a.link::before { background: rgba(255,255,255,1); } .light-content .light-section a.link::before { background: rgba(0,0,0,1); } a.link:hover::before { transform: scaleX(1); transform-origin: left; } .box-icon-wrapper { display: table; position: relative; box-sizing: border-box; height: auto; width:100%; } .box-icon { color: #000; position: relative; margin-top: 0px; margin-bottom: 10px; width: 35px; height: 35px; line-height: 35px; } .text-align-center .box-icon { margin:auto; } .inline-boxes .box-icon { position:absolute; } .box-icon i { position:relative; margin-bottom:0px; font-size:24px; } .light-content .box-icon { color:#fff; } .light-content .light-section .box-icon { color:#000; } .box-icon:after { content: ""; clear: both; display: table; } .box-icon-content { position:relative; width:100%; box-sizing:border-box; } .inline-boxes .box-icon-content { padding-left:45px; } .box-icon h5 { margin-bottom:5px; } .box-icon svg { fill: #000; width: 35px; height: 35px; top: -10px; position: relative; } .light-content .box-icon svg { fill:#fff; } .light-content .light-section .box-icon svg { fill:#000; } .parallax-image-content { position: relative; margin:0 auto; z-index: 10; height: 100%; width: 100%; box-sizing: border-box; } .parallax-image-content .outer { width: 100%; margin: 0 auto; padding-top:20px; padding-bottom:20px; box-sizing: border-box; } .parallax-image-content img { width:100%; max-width:100%; height:auto; display:block; } .rounded-borders .parallax-image-content img { border-radius: 8px; } .clients-table { position:relative; margin:0; display:flex; justify-content:space-between; flex-wrap: wrap; background-image:url(//www.koladehounsou.com/template/images/clients-middle.png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .light-content .clients-table, .dark-section .clients-table { background-image:url(//www.koladehounsou.com/template/images/clients-middle-white.png); } .light-content .light-section .clients-table { background-image:url(//www.koladehounsou.com/template/images/clients-middle.png); } .clients-table::before { content: ""; position: absolute; width: 100%; height: 20px; top: 0; left: 0; background-image:url(//www.koladehounsou.com/template/images/clients-top.png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .light-content .clients-table::before, .dark-section .clients-table::before { background-image:url(//www.koladehounsou.com/template/images/clients-top-white.png); } .light-content .light-section .clients-table::before { background-image:url(//www.koladehounsou.com/template/images/clients-top.png); } .clients-table::after { content: ""; position: absolute; width: 100%; height: 20px; bottom: 0; left: 0; background-image:url(//www.koladehounsou.com/template/images/clients-bottom.png); background-repeat: no-repeat; background-position: center center; background-size: contain; } .light-content .clients-table::after, .dark-section .clients-table::after { background-image:url(//www.koladehounsou.com/template/images/clients-bottom-white.png); } .light-content .light-section .clients-table::after { background-image:url(//www.koladehounsou.com/template/images/clients-bottom.png); } .clients-table li { position:relative; display: block; width:calc(100% / 4 - 40px); height: auto; aspect-ratio: 13/10; box-sizing: border-box; text-align: center; margin: 20px; overflow:hidden; padding:30px; } .clients-table li img { width:100%; height: 100%; margin:0 auto; opacity:0.6; position:relative; display:block; object-position: center; object-fit: cover; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; } .clients-table li:hover img { opacity:1; } .clients-table.no-borders li { border:none; } .overlay { display: block; position: absolute; width: 100%; height: 100%; top: 00; left: 0; color: #FFF; background-color: rgba(0,0,0,0.1); z-index: 10; transform:scale(0.85); -webkit-transform:scale(0.85); opacity:0; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; pointer-events:none; } .light-content .clients-table .overlay, .dark-section .clients-table .overlay { background-color: rgba(255,255,255,0.05); } .light-content .light-section .clients-table .overlay { background-color: rgba(0,0,0,0.1); } .clients-table li:hover .overlay { transform:scale(0.95); -webkit-transform:scale(0.95); opacity:1; } .accordion { padding:20px 0; padding-top:0; margin:0; } .accordion.bigger-acc, .light-content .accordion.bigger-acc, .dark-section .accordion.bigger-acc, .light-content .light-section .accordion.bigger-acc { border-top: none; border-bottom: none; padding:0px 0; } .accordion dt { position:relative; display:flex; align-items: center; cursor: pointer; padding: 0px; margin-bottom:0px; margin-top: 20px; padding-top: 20px; font-size:20px; line-height:30px; font-weight:500; -webkit-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; z-index:10; border-top: 1px solid rgba(0,0,0,0.1); } .accordion.bigger-acc dt { font-size: calc(1rem + 1vw); line-height: calc(1rem + 1.5vw); margin-top: 40px; padding-top: 40px; } .uppercase-titles .accordion.bigger-acc dt { text-transform:uppercase; } .light-content .accordion dt, .dark-section .accordion dt { border-top: 1px solid rgba(255,255,255,0.2); } .light-content .light-section .accordion dt { border-top: 1px solid rgba(0,0,0,0.1); } .accordion dt:first-child { margin-top: 0px; border-top: none; } .accordion dt span { width: calc(100% - 30px); position: relative; overflow: hidden; display: block; padding: 0px; color:#000; font-family:inherit; } .accordion:not(.bigger-acc) dt span em { font-family:inherit; } .accordion.bigger-acc dt span { font-family:inherit; } .accordion.bigger-acc dt span > div { position: relative; display:table; float:left; width:auto; -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); background-size: 100% 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .accordion.bigger-acc:hover dt span > div { transition: all 0.15s ease 0s; -webkit-transition: all 0.15s ease 0s; background-size: 0% 100%; } .accordion.bigger-acc:hover dt:hover span > div, .accordion.bigger-acc:hover dt.accordion-active span > div { background-size: 100% 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .light-content .accordion.bigger-acc dt span > div, .dark-section .accordion.bigger-acc dt span > div { -webkit-text-fill-color: rgba(255,255,255,0.1); background-image: linear-gradient(#fff, #fff);; } .light-content .light-section .accordion.bigger-acc dt span > div { -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); } .light-content .accordion dt span, .dark-section .accordion dt span { color:#fff; } .light-content .light-section .accordion dt span { color:#000; } .accordion .accordion-content { margin-bottom: 0; font-size:16px; color:#000; font-weight:400; line-height: 28px; padding-left: 0; padding-right: 80px; padding-top:10px; padding-bottom:5px; z-index: 0; position: relative; } .accordion.bigger-acc .accordion-content { font-size:18px; line-height: 30px; } .light-content .accordion .accordion-content, .dark-section .accordion .accordion-content { color:#ccc; } .light-content .light-section .accordion .accordion-content { color:#444; } .acc-icon-wrap { width: 30px; height: 30px; display: flex; position: relative; justify-content: center; align-items: center; float: none; opacity:1; -webkit-transition:opacity 0.2s ease 0s; transition:opacity 0.2s ease 0s; } .accordion.bigger-acc .acc-icon-wrap { height: 50px; width: 50px; } .accordion dt:hover .acc-icon-wrap, .accordion dt.accordion-active .acc-icon-wrap { opacity:1; } .acc-button-icon { height: 30px; width: 30px; color: #000; text-align: center; line-height: 30px; font-size: 12px; background: rgba(0,0,0,0.1); border-radius: 50px; -webkit-transition:background 0.2s ease 0s, color 0.2s ease 0s; transition:background 0.2s ease 0s, color 0.2s ease 0s; } .accordion.bigger-acc .acc-button-icon { height: 50px; width: 50px; line-height: 50px; font-size: 16px; background: rgba(0,0,0,0.1); border-radius: 50px; } .accordion dt:hover .acc-button-icon, .accordion dt.accordion-active .acc-button-icon { background: rgba(0,0,0,1); color: #fff; } .light-content accordion .acc-button-icon, .dark-section .accordion .acc-button-icon { background: rgba(255,255,255,0.1); } .light-content .accordion dt:hover .acc-button-icon, .dark-section .accordion dt.accordion-active .acc-button-icon { background: rgba(255,255,255,1); color: #000; } .light-content .light-section accordion .acc-button-icon { background: rgba(0,0,0,0.1); } .light-content .light-section dt:hover .acc-button-icon, .light-content .light-section .accordion dt.accordion-active .acc-button-icon { background: rgba(0,0,0,1); color: #fff; } .light-content .accordion .acc-button-icon, .dark-section .accordion .acc-button-icon { color: #fff; } .light-content .light-section .accordion .acc-button-icon { color:#000; } .acc-button-icon i { height: 30px; line-height: 30px; width: 30px; text-align: center; -webkit-transition:transform 0.2s ease 0s; transition:transform 0.2s ease 0s; } dt.accordion-active .acc-button-icon i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .justified-gallery { box-sizing: border-box; padding: 0 0px; width: calc(100% + 20px) !important; margin-left: -10px; } .collage-thumb { position:relative; overflow:hidden; cursor:pointer; } .collage-thumb:hover .thumb-info { opacity:1; bottom:-5px; } .thumb-info { position:absolute; bottom:-10px; left:0; width:100%; opacity:0; color: #fff!important; padding: 50px 20px 20px; box-sizing:border-box; font-size:12px; font-weight: 500; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.55))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); } .team-members-list { position: relative; top: 0; left: 0; width: 100%; box-sizing:border-box; margin: 0 auto; padding: 0px; overflow:hidden; pointer-events: none; } .team-members-list li { list-style:none; position: relative; margin:0; width:100%; cursor:pointer; pointer-events: initial; padding:10px 0px 40px 0px; box-sizing:border-box; border-bottom:1px solid; border-color:rgba(0,0,0,0.1); } .team-members-list li:last-child { border-bottom:0px solid; } .light-content .team-members-list li, .dark-section .team-members-list li { border-color:rgba(255,255,255,0.15); } .light-content .light-section .team-members-list li { border-color:rgba(0,0,0,0.1); } .full > .team-members-list li, .full_elementor .team-members-list li { padding:10px 80px 40px 80px; } .team-member { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); font-weight: 500; position: relative; display:table; margin-bottom:0px; vertical-align: top; width:100%; z-index:10; } .full > .team-member, .full_elementor .team-member { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); } .team-member > div { position: relative; display:table; margin:0 auto; width:auto; -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); background-size: 100% 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .uppercase-titles .team-member > div { text-transform:uppercase; } .team-members-list:hover li .team-member > div { transition: all 0.15s ease 0s; -webkit-transition: all 0.15s ease 0s; background-size: 0% 100%; } .team-members-list:hover li:hover .team-member > div { background-size: 100% 100%; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .light-content .team-member > div, .dark-section .team-member > div { -webkit-text-fill-color: rgba(255,255,255,0.1); background-image: linear-gradient(#fff, #fff);; } .light-content .light-section .team-member > div { -webkit-text-fill-color: rgba(0,0,0,0.1); -webkit-background-clip: text; background-repeat: no-repeat; background-image: linear-gradient(#000, #000); } .light-section .team-member { color:#000; } .dark-section .team-member { color:#fff; } .team-members-list:hover li .team-member { opacity:0.3; } .team-members-list li:hover .team-member { opacity:1; } .team-member span { font-size: 16px; font-weight: 500; line-height: inherit; position: absolute; left:0; top:0; color: #000; display: block; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .team-member span:last-child { left:auto; right:0; } .team-members-list:hover li .team-member > span { opacity:0.3; } .team-members-list:hover li:hover .team-member > span { opacity:1; } .light-section .team-member span { color:#000; } .dark-section .team-member span { color:#fff; } .team-members-list .hover-reveal { position: fixed; width: 300px; height: 400px; pointer-events: none; opacity: 0; } .swiper-container.team-looped-carousel { cursor:grab; } .drag-cursor .swiper-container.team-looped-carousel { cursor:grabbing; } .team-looped-carousel .swiper-slide { text-align:left; } .team-caption { position:absolute; bottom:0; left:0; width:100%; height:auto; box-sizing:border-box; padding:10px 30px 30px 30px; } .team-caption h5, .team-caption p { margin-bottom:0; } .text-align-center #contact-formular { margin:0 auto; max-width:800px; } #contact-formular::after { clear: both; content: " "; display: table; } #contactform { position:relative; } .name-box, .email-box, .message-box { position:relative; display:block; } .name-box, .email-box { width: 47%; float: left; margin-bottom: 20px; margin-right: 6%; position: relative; } .name-box::after, .email-box::after { clear: both; content: " "; display: table; } .email-box { margin-right:0px; } .message-box { float:left; width:100%; margin-top:60px; } .verify-box { float:left; width:100%; margin-bottom:60px; } .text-align-center .verify-box { float: none; width: auto; text-align: center; display: table; margin: 0 auto; margin-bottom: 60px; } .verify-sum { margin:0; padding:0; float:left; } .verify-sum li { list-style:none; display:block; float:left; color:#fff; width:34px; height:34px; line-height:34px; text-align:center; border-radius:3px; background-color:#000; margin-bottom:0; } .light-content .verify-sum li, .dark-section .verify-sum li { color:#000; background-color:#fff; } .light-content .light-section .verify-sum li { color:#fff; background-color:#000; } .verify-sum li:nth-child(2), .verify-sum li:nth-child(4) { width:30px; color:#444; background-color:transparent; } .light-content .verify-sum li:nth-child(2), .light-content .verify-sum li:nth-child(4), .dark-section .verify-sum li:nth-child(2), .dark-section .verify-sum li:nth-child(4) { color:#fff; background-color:transparent; } .light-content .light-section .verify-sum li:nth-child(2), .light-content .light-section .verify-sum li:nth-child(4) { color:#444; background-color:transparent; } input#verify { float: left; width: 34px; padding: 0; height: 34px; text-align: center; line-height: 34px; border: none; border-radius:3px; background-color:#000; color:#fff; } .light-content input#verify, .dark-section input#verify { background-color:#fff; color:#000; } .light-content .light-section input#verify { background-color:#000; color:#fff; } #contact-formular .required { float:left; width:auto; font-size: 14px; line-height:34px; margin-left:20px; margin-bottom:0; } #contact-formular .text-align-center .required { float: left; margin-left: 0; display: block; clear: both; text-align: center; width: 100%; padding-top: 10px; } input, textarea { color: rgba(0,0,0,1); font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 500; height: 50px; padding: 12px 20px 12px 20px; padding-left:0; width: 100%; border-radius:0px; margin-bottom:0px; border:none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; box-sizing: border-box; background-color:transparent; outline:none; border-bottom:1px solid rgba(0,0,0,0.3); } .bigger-form input, .bigger-form textarea { font-size: 48px; font-weight: 500; height: 100px; padding: 0; } input[type="search"] { padding-left:0px; } .light-content input, .light-content textarea, .dark-section input, .dark-section textarea { color:rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,0.3); } .light-content .light-section input, .light-content .light-section textarea { color:rgba(0,0,0,1); border-bottom:1px solid rgba(0,0,0,0.3); } ::placeholder, .light-content .light-section ::placeholder { color: #000; opacity: 1; } .light-content ::placeholder, .dark-section ::placeholder { color: #fff; opacity: 1; } .light-content :-ms-input-placeholder, .dark-section :-ms-input-placeholder { color: #fff; } .light-content .light-section :-ms-input-placeholder { color: #000; opacity: 1; } .light-content ::-ms-input-placeholder { color: #fff; } :-ms-input-placeholder { color: #000; } .input_label { background-color: #000; height: 2px; left: 0; position: absolute; top: 49px; width: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .bigger-form .input_label { top: 99px; } .light-content .input_label, .dark-section .input_label { background-color: #fff; } .light-content .light-section .input_label { background-color: #000; } .input_label.slow { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } input:focus + .input_label, textarea:focus + .input_label { width:100%; } input:focus, textarea:focus { color:#000; } .light-content input:focus, .light-content textarea:focus, .dark-section input:focus, .dark-section textarea:focus { color:#fff; } .light-content .light-section input:focus, .light-content .light-section textarea:focus { color:#000; } textarea { resize:none; margin-bottom:0; height:50px; box-sizing: border-box; padding: 14px 20px 6px 20px; padding-left:0; margin-bottom:40px; } textarea:after { background-color: #000; content: ""; height: 2px; left: 0px; position: absolute; top: 20px; width: 100%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input[type="submit"] { margin:0; background:transparent; border:none; color:#fff; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; padding-left:50px; padding-right:50px; height:100%; } .light-content input[type="submit"], .dark-section input[type="submit"] { color:#000; } .light-content .light-section input[type="submit"] { color:#fff; } .outline input[type="submit"] { color:#000; } .light-content .outline input[type="submit"], .dark-section .outline input[type="submit"] { color:#fff; } .light-content .light-section .outline input[type="submit"] { color:#000; } .error_message { margin-bottom:30px; font-size:13px; color:#e93735; font-weight:bold; } #success_page p, #success_page p strong { color:#fff; margin-top:20px; } #message fieldset { border:none; } #map_canvas { display: block; height:100vh; position:relative; width: 100%; } .rounded-borders #map_canvas { border-radius:8px; overflow:hidden; } #hero-image.bgrelative #map_canvas { position:relative!important; } .gmnoprint a, .gmnoprint span, .gm-style-cc { display:none; } .gmnoprint div { background:none !important; } .gm-style button { display:none!important; } .services-icon i { font-size:24px; margin-bottom:20px; } .service-info-text { margin-bottom:40px; } .flex-lists-wrapper, .flex-list-wrapper { position:relative; display:block; margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; overflow:hidden; border-top: 1px solid rgba(255,255,255,0.15); } .light-content .flex-lists-wrapper , .dark-section .flex-lists-wrapper, .light-content .flex-list-wrapper , .dark-section .flex-list-wrapper { border-top: 1px solid rgba(255,255,255,0.15); } .light-content .light-section .flex-lists-wrapper, .light-content .light-section .flex-list-wrapper { border-top: 1px solid rgba(0,0,0,0.1); } .flex-list { position: relative; padding: 35px 80px; margin: 0; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,0.1); } .light-content .flex-list , .dark-section .flex-list { border-bottom: 1px solid rgba(255,255,255,0.15); } .light-content .light-section .flex-list { border-bottom: 1px solid rgba(0,0,0,0.1); background-color:#fff; } .flex-list::after { content:""; position: absolute; width: 100%; height:0; left:0; bottom: 0; z-index: 0; background-color: #000; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .light-content .flex-list::after , .dark-section .flex-list::after { background-color: #fff; } .light-content .light-section .flex-list::after { background-color: #000; } .flex-list:hover::after { height: 100%; } .flex-list > span { z-index: 10; mix-blend-mode: difference; color: #fff; } .flex-list-left { width:15%; text-align:left; } .flex-list-center { width:70%; font-size:20px; text-align:center; } .flex-list-right { width:15%; text-align:right; } .fw-gallery .wrapper-gallery { display: inline-flex; align-items: flex-end; margin:0; padding:0; clear:both; } .bw-gallery .wrapper-gallery { display: inline-flex; align-items: flex-start; margin:0; padding:0; } .moving-gallery li { position:relative; width: 25vw; padding-left: 10px; padding-right: 10px; box-sizing:border-box; margin:10px 0; list-style:none; } .fw-gallery.random-sizes li:first-child, .bw-gallery.random-sizes li:first-child { padding-left: 0px; } .fw-gallery.random-sizes li:last-child, .bw-gallery.random-sizes li:last-child { padding-right: 0px; } .fw-gallery.random-sizes li:nth-child(1) { width: 25vw; } .fw-gallery.random-sizes li:nth-child(2) { width: 30vw; } .fw-gallery.random-sizes li:nth-child(3) { width: 45vw; } .fw-gallery.random-sizes li:nth-child(4) { width: 25vw; } .bw-gallery.random-sizes li:nth-child(1) { width: 25vw; } .bw-gallery.random-sizes li:nth-child(2) { width: 45vw; } .bw-gallery.random-sizes li:nth-child(3) { width:30vw; } .bw-gallery.random-sizes li:nth-child(4) { width: 25vw; } .moving-gallery li img { height:auto; margin:0px; } .moving-gallery li img { border: 1px solid rgba(255,255,255,0.15); } .rounded-borders .moving-gallery li img { border-radius:12px; } .moving-gallery-caption { position: absolute; height: auto; padding: 30px; box-sizing: border-box; text-align: center; bottom: 0; left: 0; right: 0; opacity:0; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .moving-gallery li:hover .moving-gallery-caption { opacity:0.4; } .zoom-gallery { position:relative; margin:0; padding:0; clear:both; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); max-width: 1000%; width: calc(100vw); height: auto; pointer-events:none; } .zoom-wrapper-gallery { position:relative; border-right: 0px solid #f00; box-sizing:border-box; margin:0; padding:0 70px; clear:both; width:100%; height: auto; display: flex; justify-content: center; } .zoom-wrapper-gallery li { position:relative; display: block; box-sizing:border-box; padding:0 10px; margin:0; list-style:none; z-index:0; width: 50%; max-width: 50%; height:100%; float:left; display:flex; align-items:center; } .zoom-wrapper-gallery li.zoom-center { z-index:1; } .zoom-wrapper-gallery li .zoom-img-wrapper { box-sizing: border-box; width: 100%; height: 100%; min-height:100%; position: relative; overflow: hidden; background-color:rgb(102, 102, 102); } .rounded-borders .zoom-wrapper-gallery li .zoom-img-wrapper { border-radius: 8px; } .zoom-wrapper-gallery.end-state li.zoom-center .zoom-img-wrapper { } .zoom-wrapper-gallery li .zoom-img-wrapper img { width:100%; height: 100%; position:relative; display:block; z-index:100; object-position: center; object-fit: cover; } .zoom-wrapper-thumb { width:100%; height: 100vh; position:absolute; top:0; display:block; } .zoom-wrapper-thumb .zoom-img-wrapper { width:100%; height: 100%; position:absolute; overflow:hidden; } .rounded-borders .zoom-wrapper-thumb .zoom-img-wrapper { border-radius: 8px; } .zoom-wrapper-thumb .zoom-img-wrapper img { width:100%; height: 100%; position:relative; display:block; z-index:100; object-position: center; object-fit: cover; } .slowed-pin { position:relative; overflow: hidden; } .slowed-pin > .pin-spacer { pointer-events:none; } .slowed-text { position:absolute; height:auto; min-height:100vh; width:100%; max-width:980px; display: flex; align-items: center; flex-direction: column; justify-content: center; box-sizing:border-box; padding:8vw 20px; z-index:1; pointer-events:none; margin:auto; left:0; right:0; } .slowed-text-wrapper { position:relative; display:block; } .slowed-images { position: relative; top: 0; width: 100%; height:auto; box-sizing:border-box; overflow: hidden; z-index:0; margin:auto; } .slowed-image { position: relative; width: 100%; height: auto; box-sizing: border-box; padding:0 0px; margin:150px 0; display: flex; align-items: flex-start; flex-direction: column; } .slowed-image:nth-of-type(2n+2) { align-items: flex-end; } .slowed-image img { width: auto; max-width: 40%!important; height: auto!important; display: block; cursor:pointer; margin-bottom:10px; -webkit-transform:scale(0.95) translateY(30%); transform: scale(0.95) translateY(30%); } .rounded-borders .slowed-image img { border-radius: 8px; } .panels { position:relative; margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: calc(100vw)!important; } .panels-container { position:relative; height: 100vh; display: -webkit-box; display: -ms-flexbox; justify-content: flex-start; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; overflow: hidden; box-sizing:border-box; } .panels-container > .panel { position: relative; width: auto; height: 100%; margin:0 10px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center; box-sizing:border-box; flex-direction: column; } .panels-container > .panel:first-child { margin-left:80px; } .panels-container > .panel:last-child { margin-right:80px; } .panels-container .panel img { width:100%; height: 100%; position:relative; display:block; object-position: center; object-fit: cover; } .rounded-borders .panels-container .panel img { border-radius:8px; } .panels-container .panel:first-child img { margin-left:0px; } .panels-container .panel:last-child img { margin-right:0px; } #team-panels .panel-content-wrapper { position: relative; width: auto; height: 60%; display: flex; align-items: flex-start; justify-content: center; box-sizing:border-box; flex-direction: column; padding-left:30px; padding-right:30px; } #team-panels .panels-container .panel:first-child .panel-content-wrapper { padding-left:80px; } #team-panels .panels-container .panel:last-child .panel-content-wrapper { padding-right:80px; } #team-panels .panel-content { position: absolute; width: 100%; height: auto; display: block; box-sizing:border-box; padding:10px 30px; bottom:-50px; left:0; pointer-events: none; } #team-panels .panels-container .panel:first-child .panel-content-wrapper .panel-content { padding-left:80px; } #team-panels .panels-container .panel:last-child .panel-content-wrapper .panel-content { padding-right:80px; } .team-name-panel, .team-cat-panel { font-size:18px; line-height: 24px; display:table; width:auto; float:left; } .team-cat-panel { font-size:14px; opacity:0.6; float:right; } #team-panels .panels-container .panel .panel-image { width: auto; height: 100%; position:relative; overflow:hidden; } #team-panels .panels-container .panel img { height: 100%; margin:0; } .rounded-borders #team-panels .panels-container .panel img { border-radius:8px; } .pinned-image { box-sizing:border-box; padding-bottom:300px; position:relative; } .pinned-image:first-child { padding-top:0; } .pinned-image:last-child { z-index:10; padding-bottom:0px; } .rounded-borders .pinned-image img { border-radius:8px; } .reveal-gallery { position:relative; width:100%; height:auto; display:block; margin:0 auto; } .reveal-img { width:auto; height:auto; position:absolute; display: block; top:0; left: auto; right: auto; margin: auto; z-index:0; opacity: 0.95; } .reveal-img-fixed { width:50%; max-width:600px; position:relative; margin: 0 auto; z-index:10; } .reveal-img:first-child { left:0; transform:rotate(-4deg) } .reveal-img:last-child { right:0; transform:rotate(4deg) } .reveal-gallery img { width:auto; height: auto; max-width: 100%; max-height: 100%; position:relative; display:block; object-position: center; object-fit: contain; margin: auto; } .rounded-borders .reveal-gallery img { border-radius:8px; } .clipped-image-wrapper { position:relative; margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; overflow:hidden; } .clipped-image-pin { position:relative; display:block; } .clipped-image-size { width:100%; height:100%; position:relative; display:block; } .clipped-image { position:relative; z-index:0; width:100vw; height:100vh; display:block; overflow:hidden; clip-path: circle(22%); margin:0 auto; } .clipped-image img { width:100%; height: 100%!important; position:relative; display:block; z-index:0; object-position: center; object-fit: cover; } .clipped-image-gradient { position:absolute; height:30%; width:100%; bottom:0; opacity:0; background-color:#000; z-index:10; -webkit-mask-image: linear-gradient(transparent, black 85%); mask-image: linear-gradient(transparent, black 85%); } .clipped-image-content { position:relative; width:100%; height:auto; padding-bottom:40px; margin:0 auto; z-index:10; } .carousel-shortcode-wrapper { position:relative; display:inline-block; margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; height:auto; } .carousel-shortcode-pin { position:relative; height:100%; width:100%; top:0; left:0; display:block; } .carousel-shortcode-thumbs { position:relative; height:100vh; width:100%; padding:20px 40px; margin:0 auto; display:flex; text-align: center; align-items: center; justify-content: center; box-sizing:border-box; z-index:10; mask-image: linear-gradient(#0000, black 15%, black 85%, #0000 100%); -webkit-mask-image: linear-gradient(#0000, black 15%, black 85%, #0000 100%); pointer-events:none; } .carousel-shortcode-thumbs .clapat-item { width: calc(20% - 80px); margin:60px 40px; } .carousel-shortcode-thumbs.is_active .clapat-item { pointer-events:initial; } .carousel-shortcode-thumbs .clapat-item .slide-inner { padding-top: 0; width: 100%; height: auto; margin:0; overflow:visible; aspect-ratio: 10/14; } .carousel-shortcode-caption { position:absolute; height:100%; width:100%; top:0; left:0; display:flex; flex-direction: column; text-align: center; align-items: center; justify-content: center; z-index:0; } .carousel-shortcode-title-hide, .carousel-shortcode-title-show { position:absolute; font-size: calc(1rem + 4.15vw); line-height: calc(1rem + 4.5vw); font-weight:500; display:block; width:auto; } .uppercase-titles .carousel-shortcode-title-hide, .uppercase-titles .carousel-shortcode-title-show { text-transform:uppercase; } .carousel-shortcode-title-show { position:relative; font-size: calc(1rem + 1.15vw); line-height: calc(1rem + 1.5vw); } .light-content .carousel-shortcode-title-hide, .dark-section .carousel-shortcode-title-hide, .light-content .carousel-shortcode-title-show, .dark-section .carousel-shortcode-title-show { color:#fff; } .light-content .light-section .carousel-shortcode-title-hide, .light-content .light-section .carousel-shortcode-title-show { color:#000; } .carousel-shortcode-title-hide div, .carousel-shortcode-title-show div { position:relative; display:block;overflow:hidden; } .carousel-shortcode-title-hide span { position:relative; display:block; opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); } .carousel-shortcode-title-show span { position:relative; display:block; opacity:0; transform: translateY(200px); -webkit-transform: translateY(200px); } .carousel-shortcode-cta { position:relative; display:block; opacity:0; transform: scale(1) translateY(50px); -webkit-transform: scale(1) translateY(50px); } .list-rotator-wrapper { position:relative; display:block; margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; overflow:hidden; } .list-rotator-title { position:absolute; margin:0 auto; display:table; top:45px; left:0; right:0; padding-top:45px; z-index: 100; line-height: 20px; font-size: 14px; font-weight:500; color: #fff; padding:4px 16px; box-sizing:border-box; border-radius:30px; opacity:0; } .list-rotator-height { display: flex; justify-content: center; pointer-events: none; position:relative; } .list-rotator-pin { position: relative; height: 100vh; width: 100%; mask-image: linear-gradient(#0000 0%, #0000 5%, #0000 5%, black 20%, black 85%, #0000 99%, #0000 99%, #0000 100%); -webkit-mask-image: linear-gradient(#0000 0%, #0000 5%, #0000 5%, black 20%, black 85%, #0000 99%, #0000 99%, #0000 100%); } .list-rotator { position: relative; display:block; width: 100%; height: auto; box-sizing:border-box; padding-top:20vh; padding-bottom:15vh; margin: 0; } .list-rotator li { color: #000; list-style: none; position: relative; width: 100%; text-align: center; font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); margin: 0; opacity:1; } .list-rotator li.in-view { opacity:1; } .light-content .list-rotator li , .dark-section .list-rotator li { color: #fff; } .light-content .light-section .list-rotator li { color: #000; } .move-thumbs-wrapper { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .start-thumbs-caption { position:relative; width: 100%; height:50vh; display:flex; align-items: center; justify-content: center; flex-direction: column; } .start-thumbs-wrapper { position:relative; display:flex; justify-content: space-between; flex-wrap: wrap; box-sizing:border-box; padding:0 40px; } .start-move-thumb { box-sizing:border-box; position:relative; width: calc(25% - 80px); height:calc(25vw - 40px); margin:0 40px; margin-bottom:40px; } .start-move-thumb:nth-of-type(3n + 2) { width: calc(15% - 80px); height:calc(15vw - 40px); margin-top: 50vh; } .start-move-thumb:nth-of-type(3n + 3) { width: calc(35% - 80px); height:calc(35vw - 40px); margin-top: 25vh; } .start-move-thumb .overlapping-image-inner { width: 100%; height: 100%; position: absolute; top:0; } .end-move-thumb .move-thumb-inner { width: 100%; height: 100%; position: absolute; top:0; } .rounded-borders .start-move-thumb .move-thumb-inner, .rounded-borders .end-move-thumb .move-thumb-inner { border-radius:12px; overflow:hidden; } .end-thumbs-wrapper { display:flex; justify-content: space-between; flex-wrap: wrap; margin-top:100vh; padding-left:40px; padding-right:40px; box-sizing:border-box; } .end-move-thumb { box-sizing:border-box; position:relative; width: calc(33.33% - 80px); height:calc(33.33vw - 80px); display:flex; align-items: center; justify-content: center; margin:40px; } @media only screen and (max-width: 1466px) { .button-border span { padding: 0 26px; } .clients-table li { width: calc(100% / 4 - 40px); margin: 20px; padding: 0; } .accordion.bigger-acc dt { margin-top: 30px; padding-top: 30px; } .accordion.bigger-acc dt:first-child { padding-top: 30px; } .full > .team-members-list li, .full_elementor .team-members-list li { padding:40px 60px; } .team-members-list .hover-reveal { width: 250px; height: 333px; } span.has-hover-image .hover-reveal { width: 300px; height: 188px; } span.has-hover-image.vertical .hover-reveal { width: 250px; height: 333px; } .flex-list { padding: 35px 60px; } .panels-container > .panel:first-child { margin-left:60px; } .panels-container > .panel:last-child { margin-right:60px; } .zoom-wrapper-gallery { padding: 0 50px; } .start-thumbs-wrapper { padding: 0 30px; } .start-move-thumb { width: calc(25% - 60px); height:calc(25vw - 30px); margin:0 30px; margin-bottom:30px; } .start-move-thumb:nth-of-type(3n + 2) { width: calc(15% - 60px); height:calc(15vw - 30px); margin-top: 50vh; } .start-move-thumb:nth-of-type(3n + 3) { width: calc(35% - 60px); height:calc(35vw - 30px); margin-top: 25vh; } .end-thumbs-wrapper { padding-left: 30px; padding-right: 30px; } .end-move-thumb { width: calc(33.33% - 60px); height: calc(33.33vw - 60px); margin: 30px; } } @media only screen and (max-width: 1024px) { .content-slider.looped-carousel .clapat-slide { padding:0 40px; } .content-slider.small-looped-carousel .clapat-slide { padding:0 40px; } .disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls { width: calc(100% - 80px); } .disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls { width: calc(100% - 80px); max-width:520px; } textarea { margin-bottom: 30px; } .full .video-wrapper video.bgvid, .full_elementor .video-wrapper video.bgvid { position: relative; margin-top: 0; left: 0; transform: translateX(0) translateY(0); } .full .control, .full_elementor .control { bottom: 10px; width: calc(100% - 100px); } #map_canvas { height:50vh; } .clients-table li { width: calc(100% / 4); margin: 0px; padding: 0; } .clients-table li:hover .overlay { transform:scale(0.85); -webkit-transform:scale(0.85); opacity:1; } .accordion dt span { max-width: none; } .accordion .accordion-content { padding-right: 0; } .accordion.bigger-acc dt { margin-top: 30px; padding-top: 30px; } .accordion.bigger-acc dt:first-child { padding-top: 30px; } .full > .team-members-list li, .full_elementor .team-members-list li { padding:40px 40px; } .team-members-list .hover-reveal { width: 200px; height: 266px; } .team-member { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); } span.has-hover-image .hover-reveal { width: 250px; height: 156px; } span.has-hover-image.vertical .hover-reveal { width: 200px; height: 266px; } .has-animation.has-cover img { -webkit-transition:scale(1); transform:scale(1); } .flex-list { padding: 30px 40px; } .panels-container > .panel:first-child { margin-left:40px; } .panels-container > .panel:last-child { margin-right:40px; } .zoom-wrapper-gallery { padding: 0 30px; } .list-rotator-pin { height: auto; } .list-rotator li { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); } .start-thumbs-wrapper { padding: 0 20px; } .start-move-thumb, .start-move-thumb:nth-of-type(3n+2), .start-move-thumb:nth-of-type(3n+3) { width: calc(33.33% - 40px); height: calc(33.33vw - 40px); margin: 25px 20px; } .end-thumbs-wrapper { display: none; } } @media only screen and (max-width: 767px) { .content-slider.looped-carousel .clapat-slide { padding:0 30px; } .content-slider.small-looped-carousel .clapat-slide { padding:0 30px; } .disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls { width: calc(100% - 60px); } .disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls { width: calc(100% - 60px); max-width:540px; } .content-slider .clapat-pagination-bullet .parallax-wrap { width: 20px; height: 20px; } .content-slider .clapat-pagination-bullet .parallax-wrap { width: 20px; height: 20px; } .video-wrapper { max-height: 50vh; } .control { display:none; } .name-box, .email-box { width: 100%; margin-right: 0; } .clients-table li { width: 50%; } .clients-table::before, .clients-table::after { height: 10px; } .empty-space, .empty-space.tx { height:60px; } input[type="text"], textarea { font-size: 14px; } .accordion dt { font-size: 18px; } .accordion.bigger-acc dt { margin-top: 25px; padding-top: 25px; } .accordion.bigger-acc dt:first-child { padding-top: 25px; } .accordion.bigger-acc .acc-button-icon { height: 30px; width: 30px; line-height: 30px; font-size: 12px; border-radius: 30px; } .acc-button-icon i { height: 30px; line-height: 30px; width: 30px; } .full > .team-members-list li, .full_elementor .team-members-list li { padding:30px 30px; } .team-member > div { float: none; margin: 0px; margin-top: 10px; margin-bottom: 4px; } .team-member span { position:relative; float: none; line-height: 24px; } .team-member { font-size: calc(1rem + 13vw); line-height: calc(1rem + 12.5vw); } .team-members-list .hover-reveal { width: 150px; height: 200px; } span.has-hover-image .hover-reveal { width: 200px; height: 125px; } span.has-hover-image.vertical .hover-reveal { width: 150px; height: 200px; } .flex-list { padding: 30px 30px; flex-direction: column; } .flex-list-left, .flex-list-center, .flex-list-right { width: 100%; text-align: left; line-height:30px; } .slowed-image { margin: 100px 0; } .slowed-image img { max-width: 50%!important; } .moving-gallery li { width: 50vw; } .panels-container > .panel:first-child { margin-left:30px; } .panels-container > .panel:last-child { margin-right:30px; } .zoom-wrapper-gallery { padding: 0 20px; } .list-rotator li { font-size: calc(1rem + 13vw); line-height: calc(1rem + 12.5vw); } .start-thumbs-wrapper { padding: 0 15px; } .start-move-thumb, .start-move-thumb:nth-of-type(3n+2), .start-move-thumb:nth-of-type(3n+3) { width: calc(50% - 30px); height: calc(50vw - 30px); margin: 10px 15px; } } @media only screen and (max-width: 479px) { .pinned-section .pin-spacer { width:100%!important; } .pinned-element { float:none; width:100%; margin:0; } .pinned-element.left { padding-right:0px; margin-bottom:40px; } .pinned-element.right { padding-left:0px; } .scrolling-element { position:relative; float:none; width:100%; margin:0; } .scrolling-element.left { padding-right:0px; margin-bottom:40px; } .scrolling-element.right { padding-left:0px; } .content-slider.looped-carousel .clapat-slide { padding:0 20px; } .content-slider.small-looped-carousel .clapat-slide { padding:0 20px; } .disable-cursor .full .looped-carousel .clapat-controls, .disable-cursor .full_elementor .looped-carousel .clapat-controls { width: calc(100% - 40px); } .disable-cursor .full .small-looped-carousel .clapat-controls, .disable-cursor .full_elementor .small-looped-carousel .clapat-controls { width: calc(100% - 40px); max-width:560px; } .clapat-button { margin-bottom: 20px; } .full > .team-members-list li, .full_elementor .team-members-list li { padding:30px 20px; } .team-member { font-size: calc(1rem + 14vw); line-height: calc(1rem + 13.5vw); } .team-members-list .hover-reveal { width: 100px; height: 133px; } .accordion.bigger-acc dt { margin-top: 20px; padding-top: 20px; } .accordion.bigger-acc dt:first-child { padding-top: 20px; } span.has-hover-image .hover-reveal { width: 150px; height: 94px; } span.has-hover-image.vertical .hover-reveal { width: 100px; height: 133px; } .flex-list { padding: 20px; } .moving-gallery li { width: 60vw; } .panels-container > .panel:first-child { margin-left:20px; } .panels-container > .panel:last-child { margin-right:20px; } .zoom-wrapper-gallery { padding: 0 10px; } .list-rotator li { font-size: calc(1rem + 14vw); line-height: calc(1rem + 13.5vw); } .start-thumbs-wrapper { padding: 0 10px; } .start-move-thumb, .start-move-thumb:nth-of-type(3n+2), .start-move-thumb:nth-of-type(3n+3) { width: calc(50% - 20px); height: calc(50vw - 20px); margin: 5px 10px; } }main{ overflow:hidden } main .cd-main-content>div{ height:100%; min-height: 100vh; } main .cd-main-content{ width:100%; } main .cd-main-content.cd-index>div{ vertical-align:middle } main .cd-main-content.cd-index::after{ background-color:rgba(64,137,166,0); background-image:-webkit-linear-gradient(bottom,#4089a6,rgba(64,137,166,0)); background-image:linear-gradient(to top,#4089a6,rgba(64,137,166,0)) } main .cd-main-content.cd-index::before{ background-color:rgba(64,137,166,0); background-image:-webkit-linear-gradient(top,#4089a6,rgba(64,137,166,0)); background-image:linear-gradient(to bottom,#4089a6,rgba(64,137,166,0)) } main .cd-main-content.cd-about{ background-color:#fff } main .cd-main-content.cd-about>div{ padding-top:50px } main .cd-main-content.cd-about::after{ background-color:rgba(40,48,64,0); background-image:-webkit-linear-gradient(bottom,#283040,rgba(40,48,64,0)); background-image:linear-gradient(to top,#283040,rgba(40,48,64,0)) } main .cd-main-content.cd-about::before{ background-color:rgba(40,48,64,0); background-image:-webkit-linear-gradient(top,#283040,rgba(40,48,64,0)); background-image:linear-gradient(to bottom,#283040,rgba(40,48,64,0)) } .cd-cover-layer,.cd-cover-layer.invisible{ background-color:transparent } .cd-cover-layer{ position:fixed; z-index:5000; left:50%; top:50%; bottom:auto; right:auto; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); height:101%; width:101%; opacity:0; visibility:hidden; -webkit-transition:opacity .4s .4s,visibility 0s .4s; -moz-transition:opacity .4s .4s,visibility 0s .4s; transition:opacity .6s 0s,visibility 0s .4s } .page-is-changing .cd-cover-layer{ opacity:1; visibility:visible; -webkit-transition:opacity .3s 0s,visibility 0s 0s; -moz-transition:opacity .3s 0s,visibility 0s 0s; transition:opacity .3s .3s,visibility 0s 0s } .flexnav,.flexnav li ul{ width:100%; margin:0 } .flexnav,.flexnav li{ margin:0 } .flexnav li,.flexnav li ul li{ font-size:100% } .flexnav .touch-button:hover,.menu-button{ cursor:pointer } .flexnav{ -webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none; -webkit-transform-style:preserve-3d; overflow:hidden; max-height:0 } .flexnav.opacity{ opacity:0 } .flexnav.flexnav-show{ max-height:2000px; opacity:1; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out } .flexnav.one-page{ position:fixed; top:50px; right:5%; max-width:200px } .flexnav li,.flexnav li a,.flexnav li ul li{ position:relative; overflow:hidden } .flexnav li a{ background:#fff; border-bottom:1px solid rgba(0,0,0,.05); color:#222; display:block; padding:20px 0; z-index:2 } .oldie .flexnav li ul.open ul.open,.oldie .flexnav ul li:hover ul{ margin-left:100%; top:0 } .flexnav li ul.flexnav-show li,.oldie .flexnav,.oldie .flexnav li,.oldie .flexnav li a{ overflow:visible } .flexnav li ul li a{ background:#fff; display:block; padding:20px } .flexnav ul li ul li a{ background:#bfbfbc } .flexnav ul li ul li ul li a{ background:#cbcbc9 } .flexnav .touch-button{ background:rgba(0,0,0,0); display:inline-block; height:60px; position:absolute; right:0; text-align:right; top:0; width:60px; z-index:999 } .flexnav .touch-button .navicon{ position:relative; top:1.8em; font-size:12px; color:#666 } .menu-button{ background:0 0; border-bottom:medium none; box-sizing:border-box; color:#222; display:block; font-size:14px; font-weight:400; height:60px; line-height:60px; padding:0 50px; position:relative; text-align:right; text-transform:uppercase; z-index:0 } .no-button .menu-button{ padding-right:0 } .menu-button.one-page{ position:fixed; top:0; right:5%; padding-right:45px } .menu-button .touch-button{ background:0 0; display:none; position:absolute; z-index:999; top:0; right:0; width:50px; height:50px; text-align:center } .menu-button .touch-button .navicon{ font-size:16px; position:relative; top:1em; color:#666 } @media all and (min-width:1025px){ .flexnav li a,.flexnav li ul li a{ border-bottom:none } .flexnav,.flexnav li{ overflow:visible } body.one-page{ padding-top:70px } .flexnav.opacity{ opacity:1 } .flexnav.one-page{ top:0; right:auto; max-width:1080px } .flexnav li{ position:relative; list-style:none; float:left; display:block; background-color:#a6a6a2 } .flexnav li a{ border-left:1px solid #acaca1 } .flexnav li>ul{ position:absolute; top:auto; left:0 } .flexnav li ul li>ul,.flexnav li ul.open ul.open{ margin-left:100%; top:0 } .flexnav li>ul li{ width:100% } .flexnav li ul.open{ display:block; opacity:1; visibility:visible; z-index:1 } .flexnav li ul.open li{ overflow:visible; max-height:100px } .menu-button{ display:none } } .oldie body.one-page{ padding-top:70px } .oldie .flexnav.one-page{ top:0; right:auto; max-width:1080px } .oldie .flexnav li{ position:relative; list-style:none; float:left; display:block; background-color:#a6a6a2; width:20%; min-height:50px } .oldie .flexnav li:hover>ul{ display:block; width:100%; overflow:visible } .oldie .flexnav li:hover>ul li{ width:100%; float:none } .oldie .flexnav li a{ border-left:1px solid #acaca1; border-bottom:none } .oldie .flexnav li>ul{ background:#acaca1; position:absolute; top:auto; left:0; display:none; z-index:1; overflow:visible } .oldie .flexnav li ul.open,.oldie .flexnav li ul.open ul.open{ display:block; width:100%; overflow:visible } .oldie .flexnav li ul li ul{ top:0 } .oldie .flexnav li ul li a{ border-bottom:none } .oldie .flexnav li ul.open li{ width:100% } .oldie .menu-button{ display:none } .oldie.ie7 .flexnav li{ width:19.9% } [data-tooltip]{ position:relative } [data-tooltip]::after,[data-tooltip]::before{ position:absolute; display:block; opacity:0; pointer-events:none; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; line-height:12px } [data-tooltip]::before{ content:attr(data-tooltip); font-size:12px; font-weight:500; font-family:Poppins,sans-serif; color:#000; padding:5px; border-radius:5px; white-space:nowrap; text-decoration:none; text-align:left } .light-content [data-tooltip]::before{ color:#fff } [data-tooltip]::after{ width:0; height:0; border:6px solid transparent; content:'' } [data-tooltip]:hover::after,[data-tooltip]:hover::before{ opacity:1 } [data-tooltip][data-placement=left]::before{ top:32%; right:100%; margin-right:35px } [data-tooltip][data-placement=left]:hover::before{ margin-right:-2px; -webkit-transition:all .3s ease-out .5s; transition:all .3s ease-out .5s } [data-tooltip][data-placement=top]::before{ top:16%; right:100%; margin-right:0; width:200px; height:16px; transform:translateX(147px) translateY(-170px) rotate(-90deg) } [data-tooltip][data-placement=top]:hover::before{ transform:translateX(147px) translateY(-140px) rotate(-90deg); -webkit-transition:all .3s ease-out .5s; transition:all .3s ease-out .2s } [data-tooltip][data-placement=right]::before{ top:32%; left:100%; margin-left:35px } [data-tooltip][data-placement=right]:hover::before{ margin-left:-2px; -webkit-transition:all .3s ease-out .5s; transition:all .3s ease-out .5s } @media only screen and (max-width:479px){ [data-tooltip]:hover::after,[data-tooltip]:hover::before{ opacity:0 } } .jssocials-shares{ margin:.2em 0 } .jssocials-shares *{ box-sizing:border-box } .jssocials-share{ display:inline-block; vertical-align:middle; margin:0; } .jssocials-share:last-child{ margin-right:0 } .jssocials-share-logo{ width:1em; vertical-align:middle; font-size: 1em; } img.jssocials-share-logo{ width:auto; height:1em } .jssocials-share-link{ display:block; text-align:center; text-decoration:none; width: 60px; height: 60px; line-height: 60px; } .jssocials-share-link.jssocials-share-link-count{ padding-top:.2em } .jssocials-share-link.jssocials-share-link-count .jssocials-share-count{ display:block; font-size:.6em; margin:0 -.5em -.8em } .jssocials-share-link.jssocials-share-no-count{ padding-top:.5em } .jssocials-share-link.jssocials-share-no-count .jssocials-share-count{ height:1em } .jssocials-share-label{ padding-left:.3em; vertical-align:middle } .jssocials-share-count-box{ display:inline-block; height:1.5em; padding:0 .3em; line-height:1; vertical-align:middle; cursor:default } .jssocials-share-count-box.jssocials-share-no-count{ display:none } .jssocials-share-count{ line-height:1.5em; vertical-align:middle } .justified-gallery{ width:100%; position:relative; overflow:hidden } .justified-gallery>a,.justified-gallery>div,.justified-gallery>figure{ position:absolute; display:inline-block; overflow:hidden; filter:"alpha(opacity=10)"; opacity:.1; margin:0; padding:0 } .justified-gallery>a>a>img,.justified-gallery>a>img,.justified-gallery>div>a>img,.justified-gallery>div>img,.justified-gallery>figure>a>img,.justified-gallery>figure>img{ position:relative; top:50%; left:50%; margin:0; margin-top:0!important; padding:0; border:none; filter:"alpha(opacity=0)"; opacity:0 } .justified-gallery>a>.caption,.justified-gallery>div>.caption,.justified-gallery>figure>.caption{ display:none; position:absolute; bottom:0; padding:5px; background-color:#000; left:0; right:0; margin:0; color:#fff; font-size:12px; font-weight:300; font-family:sans-serif } .justified-gallery>.entry-visible{ filter:"alpha(opacity=100)"; opacity:1; background:0 0 } .justified-gallery>.entry-visible>a>img,.justified-gallery>.entry-visible>img{ filter:"alpha(opacity=100)"; opacity:1; -webkit-transition:opacity .5s ease-in; -moz-transition:opacity .5s ease-in; -o-transition:opacity .5s ease-in; transition:opacity .5s ease-in } .justified-gallery>.jg-filtered{ display:none } .justified-gallery>.spinner{ position:absolute; bottom:0; margin-left:-24px; padding:10px 0; left:50%; filter:"alpha(opacity=100)"; opacity:1; overflow:initial } .justified-gallery>.spinner>span{ display:inline-block; filter:"alpha(opacity=0)"; opacity:0; width:8px; height:8px; margin:0 4px; background-color:#fff; border-radius:6px } .clapat-img-popup, .clapat-video-popup { position:fixed; height:100%; width:100%; z-index:10000; left:0; top:0; right:0; bottom:0; display:flex; justify-content: center; align-items: center; } .clapat-img-popup-viewport { position: absolute; display: flex; box-sizing: border-box; padding: 80px 40px; margin: 0 auto; text-align: left; z-index: 100; height: auto; width: auto; align-items: center; justify-content: center; pointer-events: none; } .clapat-video-popup-viewport { position: absolute; display: flex; box-sizing: border-box; padding: 0; margin: 0 auto; text-align: left; z-index: 100; height: auto; width: calc(100% - 80px); max-width: 900px; align-items: center; justify-content: center; pointer-events: none; } .clapat-video-popup-viewport::before { float: left; padding-top: 56.25%; content: ""; } .clapat-img-popup-preloader, .clapat-video-popup-preloader { display: block; position: absolute; margin: 0 auto; width: 80px; height: 80px; } .clapat-img-popup-preloader div, .clapat-video-popup-preloader div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .clapat-img-popup-preloader div:nth-child(1), .clapat-video-popup-preloader div:nth-child(1) { left: 8px; animation: clapat-img-popup-preloader1 0.6s infinite; } .clapat-img-popup-preloader div:nth-child(2), .clapat-video-popup-preloader div:nth-child(2) { left: 8px; animation: clapat-img-popup-preloader2 0.6s infinite; } .clapat-img-popup-preloader div:nth-child(3), .clapat-video-popup-preloader div:nth-child(3) { left: 32px; animation: clapat-img-popup-preloader2 0.6s infinite; } .clapat-img-popup-preloader div:nth-child(4), .clapat-video-popup-preloader div:nth-child(4) { left: 56px; animation: clapat-img-popup-preloader3 0.6s infinite; } @keyframes clapat-img-popup-preloader1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes clapat-img-popup-preloader3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes clapat-img-popup-preloader2 { 0% { transform: translate(0, 0); } 100% { transform: translate(24px, 0); } } .clapat-img-popup img { position: relative; max-width: 100%; max-height: calc(100vh - 160px); width: auto; height: auto; margin: 0 auto; z-index: 10; pointer-events: initial; } .clapat-video-popup iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; pointer-events: initial; } .rounded-borders .clapat-img-popup img { border-radius:8px; } .clapat-img-popup-bg-close, .clapat-video-popup-bg-close { position:absolute; display:block; height:100%; width:100%; left:0; top:0; right:0; bottom:0; } .clapat-img-popup-close { position:absolute; width:40px; height:40px; right:20px; top:60px; background-color:rgba(0,0,0,1); color:#fff; opacity:0; border-radius:20px; z-index: 100; cursor:pointer; pointer-events: initial; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .clapat-video-popup-close { position:absolute; width:40px; height:40px; right:-20px; top:-20px; background-color:rgba(0,0,0,1); color:#fff; opacity:0; border-radius:20px; z-index: 100; cursor:pointer; pointer-events: initial; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .clapat-img-popup-close:hover, .clapat-video-popup-close:hover { background-color:rgba(0,0,0,1); } .clapat-img-popup-close::after, .clapat-video-popup-close::after { font: var(--fa-font-solid); content: "\f00d"; font-size: 16px; line-height: 40px; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; } .clapat-img-popup-prev, .clapat-video-popup-prev { position:absolute; width: 26px; height: 50px; left:60px; background-color:rgba(0,0,0,1); color:#fff; opacity:0; border-radius:4px; z-index: 100; cursor:pointer; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .clapat-img-popup-prev:hover, .clapat-video-popup-prev:hover { background-color:rgba(0,0,0,1); } .clapat-img-popup-prev::after, .clapat-video-popup-prev::after { font: var(--fa-font-solid); content: "\f104"; font-size: 16px; line-height: 50px; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; } .clapat-img-popup-next, .clapat-video-popup-next { position:absolute; width: 26px; height: 50px; right:60px; background-color:rgba(0,0,0,1); color:#fff; opacity:0; border-radius:4px; z-index: 100; cursor:pointer; -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .clapat-img-popup-next:hover, .clapat-video-popup-next:hover { background-color:rgba(0,0,0,1); } .clapat-img-popup-next::after, .clapat-video-popup-next::after { font: var(--fa-font-solid); content: "\f105"; font-size: 16px; line-height: 50px; text-align: center; position: absolute; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1466px) { } @media only screen and (max-width: 1024px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 479px) { .clapat-img-popup-viewport { padding: 60px 23px; } .clapat-video-popup-viewport { width: calc(100% - 60px); } .clapat-img-popup img { max-height: calc(100vh - 120px); } .clapat-img-popup-close { right: 3px; top: 40px } .clapat-img-popup-prev { left:10px; } .clapat-img-popup-next { right:10px; } }.woocommerce-page .preloader-wrap { display:none; } .site-header-cart.menu { display: flex; position: relative; float: right; text-align: left; margin: 0; list-style: none; pointer-events: initial; height: 100%; align-items: center; } .site-header-cart.menu .parallax-wrap { width: 80px; height: 80px; display: flex; position: relative; justify-content: center; align-items: center; right: -30px; } .fullscreen-menu .site-header-cart.menu .parallax-wrap { width: 60px; right: -20px; } .widget.woocommerce.widget_shopping_cart .parallax-element { height: 40px; width: 40px; color: #000; text-align: center; line-height: 40px; font-size: 18px; } .woocommerce .site-header-cart.menu .widgettitle { position: relative; color: transparent; width: 40px; height: 40px; line-height: 40px; padding: 0; margin:0; text-align: center; cursor:pointer; } .woocommerce .site-header-cart.menu .widgettitle:after { width: 40px; height: 40px; content: "\f291"; position: absolute; right: 0px; pointer-events: none; font-family: FontAwesome; color: #000; text-align: center; line-height: 44px; font-size: 14px; top: 0 !important; } .woocommerce .fullscreen-menu .site-header-cart.menu .widgettitle:after { line-height: 40px; } .woocommerce .light-content .site-header-cart.menu .widgettitle:after { color: #fff; } .widget_shopping_cart_content { background: #000; opacity:0; visibility:hidden; position:absolute; width:300px; max-height:500px; right:-15px; font-size:14px; padding: 20px; box-sizing: border-box; margin-top: -10px; border-radius: 3px; -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out; } .widget_shopping_cart_content:after { display: block; content: ''; position: absolute; top: -6px; left: auto; right: 15px; width: 0; height: 0; border-style: solid; border-width: 0 10px 9px; border-color: transparent transparent #000; } .woocommerce-mini-cart__empty-message { margin-bottom:0; font-size:14px; text-align:center; color:#fff; } .woocommerce ul.cart_list { margin-bottom: 14px; max-height: 320px; overflow-y: auto; } .widget.woocommerce.widget_shopping_cart:hover .widget_shopping_cart_content { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity:1!important; visibility:visible; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget { margin-bottom: 14px; } .woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; right: 0; left: auto; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-left: 0; position: relative; padding-top: 0; padding-right: 2em; color:#fff; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0px; width: 50px; height: auto; box-shadow: none; margin-right: 16px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a { display: block; font-weight: 400; color:#fff; } .woocommerce ul.cart_list li a::before, .woocommerce ul.product_list_widget li a::before { display:none; } .woocommerce .widget_shopping_cart .cart_list li .quantity, .woocommerce.widget_shopping_cart .cart_list li .quantity { font-size: 12px; opacity:0.6; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl { display:none; } .woocommerce a.remove { color: #777 !important; } .woocommerce a.remove:hover { color:#f33a3a!important; background:transparent; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px solid #333; padding: 14px 0 0; margin-bottom: 14px; } .woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong { color: #fff; } .woocommerce.widget_shopping_cart .total .woocommerce-Price-amount.amount { float: right; color: #fff; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { padding: 0 20px; line-height: 30px; font-size: 12px; color: #fff; border: 2px solid #fff; } .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover { background-color:#fff; color:#000; } .woocommerce-mini-cart__buttons.buttons { margin-bottom:0px; } .woocommerce-mini-cart__buttons.buttons .button.checkout.wc-forward { float: right; margin-right:0; } .site-main { width: 100%; height: auto !important; padding-top: 120px; margin: 0 auto; position: relative; box-sizing: border-box; overflow:visible!important; background: transparent !important; } .site-main.no-padding { padding-top:0px; } .full-shop-width .site-main { max-width: 100%; } .site-main nav { pointer-events: initial; height: auto !important; } .woocommerce-breadcrumb { position:absolute; display:none; } .woocommerce-products-header { display: table; width: 100%; padding-top:20px; padding-bottom:140px; margin: 0 auto; height: auto; position: relative; box-sizing: border-box; text-align: center; pointer-events: initial; top:0!important; } .woocommerce-products-header #hero-caption { padding:0; } .woocommerce-products-header__title span { opacity: 0; display: block; margin-top: 0; transform: translateY(160px); -webkit-transform: translateY(160px); } .woocommerce .hero-footer-left { cursor:default; width:50%; } .woocommerce .hero-footer-right { width:50%; } .woocommerce .woocommerce-result-count { font-size: 14px; font-weight: 500; line-height: 20px; color:#000; opacity:0; margin:0; height: 60px; display: flex; align-items: center; } .woocommerce .light-content .woocommerce-result-count { color: #fff; } .site-main .woocommerce-ordering select { position:relative; width:100%; } .site-main .woocommerce-ordering select option { position:relative; width:100%; color: #000; } .woocommerce .site-main .woocommerce-ordering { font-size: 14px; font-weight: 500; position: relative; display: block; width: auto; height: 20px; line-height: 20px; margin-top: 20px; opacity: 0; margin:0; height: 60px; display: flex; align-items: center; } .site-main .woocommerce-ordering select { width: 100%; height: 100%; margin: 0; padding: 0 0 0 .5em; color: #000; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background-image: none; font-family:inherit; font-size:14px; font-weight: 500; background-color:transparent; padding-right:40px; text-align:right; } .light-content .site-main .woocommerce-ordering select { color: #fff; } .site-main .woocommerce-ordering select::-ms-expand { display: none; } .site-main .woocommerce-ordering::after { content: '\f107'; font-family: FontAwesome; position: absolute; top: 0; right: 0; bottom: 0; padding: 0; background: transparent; pointer-events: none; height: 60px; line-height: 58px; font-size: 18px; font-weight: 500; color: #000; text-align: right; -webkit-transition: .25s all ease; transition: .25s all ease; } .light-content .site-main .woocommerce-ordering::after { color: #fff; } .woocommerce .products ul, .woocommerce ul.products { opacity:1; position:relative; margin:0; padding: 20px 40px; display: flex; flex-wrap: wrap; align-items: flex-start; } .woocommerce ul.products::after { content: ""; clear: both; display: table; } .woocommerce ul.products::before { content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 1px; opacity: 0; background-color: rgba(0,0,0,0.1); transform: scaleX(0); transform-origin: center; transition: all 0.3s ease-out 0s; } .woocommerce .light-content ul.products::before { background-color:rgba(255,255,255,0.15); } .woocommerce ul.products.visible::before { opacity:1; transform: scaleX(1); } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none; margin: 60px 40px; padding: 0; position: relative; pointer-events:none; } .woocommerce ul.products li.product.show-caption, .woocommerce-page ul.products li.product.show-caption { pointer-events:initial; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: calc(50% - 80px); } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: calc(33.333% - 80px); } .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: calc(25% - 80px); } .woocommerce ul.products li.first, .woocommerce-page ul.products li.first { clear: none; } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) { width: calc(40% - 80px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) { width: calc(25% - 80px); margin-left: calc(10% + 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) { width: calc(25% - 80px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) { width: calc(25% - 80px); margin-left: calc(25% + 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) { width: calc(25% - 80px); margin-right: calc(25% + 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) { width: calc(25% - 80px) } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) { width: calc(25% - 80px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) { width: calc(40% - 80px); margin-left: calc(10% + 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) { width: calc(25% - 80px); margin-left: calc(25% + 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) { width: calc(25% - 80px); margin-right: calc(25% + 40px); } .woocommerce ul.products li.product a.woocommerce-LoopProduct-link.woocommerce-loop-product__link { text-decoration: none; width:100%; height:100%; display: block; } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { top: 30px; right: auto; left: 30px; margin: 0; min-height: 10px; padding: 6px; font-weight: 500; position: absolute; border-radius: 0px; line-height: inherit; pointer-events:none; background-color: #77a464; } .woocommerce ul.products li.product .product-img-mask { width: 100%; height: 100%; display: block; position: relative; margin: 0 auto; box-sizing: border-box; z-index: 0; overflow: hidden; } .woocommerce .below-image ul.products li.product a img { margin: 0 0 1em; } .woocommerce ul.products li.product a img { width:100%; height:100%; position: relative; display: block; z-index: 0; object-position: center; object-fit: cover; margin: 0; overflow:hidden; -webkit-transform:scale(1.03); transform: scale(1.03); -webkit-transition: transform 0.3s ease-out 0s; transition: transform 0.3s ease-out 0s; } .woocommerce ul.products li.product:hover a img { -webkit-transform:scale(1); transform: scale(1); } .woocommerce ul.products li.product .product-caption { z-index: 10; position: absolute; left: 0px; box-sizing:border-box; bottom: -50px; height: auto; width: 100%; cursor: default; pointer-events: none; text-align: left; opacity: 0; overflow:hidden; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 20px; line-height: 30px; font-weight: 500; font-family: 'Poppins', sans-serif; display: block; position: relative; margin:0; padding: 0; color:#000; text-transform:none; } .woocommerce .light-content ul.products li.product .woocommerce-loop-product__title { color:#fff; } .woocommerce .below-image ul.products li.product .woocommerce-loop-product__title { position:relative; padding: .2em 0; bottom:auto; left:0; } .woocommerce .product-caption-white ul.products li.product .woocommerce-loop-product__title { color:#fff; } .woocommerce ul.products li.product .price { font-size: 14px; line-height: 30px; font-weight: 500; position: absolute; top: 0; right: 0; color: #000; margin-bottom: 0; } .woocommerce .light-content ul.products li.product .price { color:#fff; } .woocommerce .below-image ul.products li.product .price { position:relative; bottom:auto; margin-bottom: .5em; left:0; } li.product .price ins, .woocommerce ul.products li.product .price ins { font-weight: 500; color:#f33a3a; } .woocommerce ul.products li.product .price del { color: rgba(0,0,0,0.5); } .woocommerce .light-content ul.products li.product .price del { color: rgba(255,255,255,0.5); } .woocommerce ul.products li.product .button { margin-top: 0; position: absolute; left:30px; right:30px; bottom: 30px; font-size: 14px; font-weight: 500; padding: 10px 20px 10px 20px; background: #000; color: #fff; opacity: 0; visibility: visible; line-height: 20px; width: calc(100% - 60px); border-radius: 0; text-align: center; border:0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .woocommerce .light-content ul.products li.product .button { background: #fff; color: #000; } .woocommerce .below-image ul.products li.product .button { bottom:.5em; left:0; } .woocommerce .product-caption-white ul.products li.product .button { color:#fff; } .woocommerce ul.products li.product:hover .button { opacity:1; visibility:visible; } .woocommerce ul.products li.product .button:hover { background: #fff; color: #000; } .woocommerce .light-content ul.products li.product .button:hover { background: #000; color: #fff; } .woocommerce ul.products li.product .button::after { position:absolute; width: 30px; height: 20px; pointer-events: none; color:inherit; text-align: center; line-height: 20px; font-size: 13px; top: auto; right: auto; } .woocommerce ul.products li.product .star-rating { font-size: .857em; position: absolute; top: 40px; right: 30px; color: #000; } .woocommerce ul.products li.product a.added_to_cart.wc-forward { display:none; } .woocommerce nav.woocommerce-pagination { margin: 0 auto; padding-top: 80px; padding-bottom: 60px; background: transparent !important; } .woocommerce .left-align nav.woocommerce-pagination ul { display: block; margin: 100px 0 50px 0; } .woocommerce .center-align nav.woocommerce-pagination ul { display:inline-block; margin: 100px 0 50px 0; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: none; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: transparent; opacity:1; color:#000; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { display: inline-block; font-size: calc(1rem + 3vw); line-height: calc(1rem + 3.5vw); font-weight: 500; list-style: none; padding:0; padding-right: 25px; min-width: 2vw; text-align: center; opacity: 0.5; color:#000; -webkit-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s; } .woocommerce .light-content nav.woocommerce-pagination ul li a, .woocommerce .light-content nav.woocommerce-pagination ul li span { color:#fff; } .woocommerce-pagination .prev.page-numbers { position: relative; display: block; margin-right:25px; } .woocommerce-pagination .next.page-numbers { position: relative; display: block; margin-left:25px; } .woocommerce div.product { display: block; width: 100%; margin: 0px 0px 60px 0px; position: relative; box-sizing: border-box; opacity:0; } .woocommerce div.product .product_title { font-size: calc(1rem + 2vw); line-height: calc(1rem + 2.5vw); } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 48%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 48%; clear: none; } .woocommerce div.product div.images { margin-bottom: 100px; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 80px; display: inline-block; margin: 10px; transform: translateX(10px) translateY(-110px); background: #000; position:absolute; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img { opacity:0.9; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #f33a3a; font-size: 18px; font-weight: 500; line-height: 30px; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { color:#f33a3a; font-weight:500; } .woocommerce div.product form.cart { margin-bottom: 3em; margin-top: 3em; } .woocommerce div.product form.cart div.quantity, .woocommerce-cart-form__cart-item.cart_item div.quantity { float: left; margin: 0 30px 0 0; width: 80px; height: 50px; position:relative; overflow:hidden; } .woocommerce .quantity .qty { text-align: center; border: solid 1px #ddd; transform: scale(1) translateX(0px) translateY(0px); display: block; font-size: 14px; font-family: inherit; background: #fff; color: #000; height: 100%; position: absolute; top: 0; left: 0; width: 100%; padding: 0 10px 0 5px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { font-size: 100%; margin: 0; box-sizing:border-box; cursor: pointer; position: relative; text-decoration: none; overflow: visible; padding: 0 30px; font-weight: 700; border-radius: 0px; left: auto; color: #000; background-color: transparent; border: 2px solid #000; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; line-height: 50px; font-family: inherit; font-weight: 500; width:auto; } .light-content .woocommerce #respond input#submit, .light-content .woocommerce a.button, .light-content .woocommerce button.button, .light-content .woocommerce input.button { color: #fff; border: 2px solid #fff; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color:#000; color:#fff; } .light-content .woocommerce #respond input#submit:hover, .light-content .woocommerce a.button:hover, .light-content .woocommerce button.button:hover, .light-content .woocommerce input.button:hover { background-color:#fff; color:#000; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: transparent; color: #000; width: auto; border: 2px solid #000; border-radius: 0px; line-height: 46px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover { background-color:#000; color:#fff } .light-content .woocommerce #respond input#submit.alt, .light-content .woocommerce a.button.alt, .light-content .woocommerce button.button.alt, .light-content .woocommerce input.button.alt { color: #fff; border: 2px solid #fff; } .light-content .woocommerce #respond input#submit.alt:hover, .light-content .woocommerce a.button.alt:hover, .light-content .woocommerce button.button.alt:hover, .light-content .woocommerce input.button.alt:hover { background-color:#fff; color:#000 } .woocommerce .light-content #respond input#submit.alt, .woocommerce .light-content a.button.alt, .woocommerce .light-content button.button.alt, .woocommerce .light-content input.button.alt { color: #fff; border: 2px solid #fff; } .woocommerce .light-content #respond input#submit.alt:hover, .woocommerce .light-content a.button.alt:hover, .woocommerce .light-content button.button.alt:hover, .woocommerce .light-content input.button.alt:hover { background-color:#fff; color:#000 } .woocommerce div.product form.cart .group_table tr { background:transparent; position:relative; } .woocommerce div.product form.cart .group_table tr::after { content:""; width:100%; height:1px; position:absolute; background-color:rgba(255,255,255,0.15); left:0; bottom:0; } .woocommerce div.product form.cart .group_table tr:last-child::after { display:none; } .woocommerce div.product form.cart .group_table td { line-height:50px; padding: 20px 0; } .woocommerce div.product form.cart .group_table td a { line-height:28px; } .woocommerce div.product form.cart .group_table td ins { color:#f33a3a; } .product_meta .sku_wrapper, .product_meta .posted_in { display: block; width: 100%; color:#000; } .light-content .product_meta .sku_wrapper, .light-content .product_meta .posted_in { color:#fff; } .product_meta .sku_wrapper .sku, .product_meta .posted_in a { float: right; width: calc(100% - 130px); color:#000; } .light-content .product_meta .sku_wrapper .sku, .light-content .product_meta .posted_in a { color:#fff; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; margin: 0 0 3em; overflow:visible; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display:none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; margin: 0; margin-right:20px; padding:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color:transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; color:#777; -webkit-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #000; text-shadow: inherit; } .woocommerce .light-content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce .light-content div.product .woocommerce-tabs ul.tabs li a:hover { color: #fff; text-shadow: inherit; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a::before { width:100%; height: 3px; content: ""; position: absolute; top:35px; z-index:0; background-color:#000; } .woocommerce .light-content div.product .woocommerce-tabs ul.tabs li.active a::before { background-color:#fff; } .woocommerce-tabs.wc-tabs-wrapper { position:relative; z-index:10; padding-bottom:20px; margin-bottom: 80px; } .woocommerce-tabs.wc-tabs-wrapper::before { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); max-width:1000%; width:100vw; height: 1px; content: ""; position: absolute; top:35px; z-index:0; background-color: rgba(0,0,0,0.1); } .light-content .woocommerce-tabs.wc-tabs-wrapper::before { background-color:rgba(255,255,255,0.15); } .woocommerce div.product .woocommerce-tabs .panel { margin: 0 0 2em; padding: 0; position: relative; } .woocommerce-message { border-top-color: transparent; } .woocommerce-error, .woocommerce-info, .woocommerce-message { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; background-color: rgba(0,0,0,0.1); color: #000; border-top: none; list-style: none outside; width: auto; word-wrap: break-word; line-height: 50px; } .light-content .woocommerce-error, .light-content .woocommerce-info, .light-content .woocommerce-message { background-color: rgba(255,255,255,0.1); color: #fff; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a, .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover { color:#000; } .light-content .woocommerce-error a, .light-content .woocommerce-info a, .light-content .woocommerce-message a, .light-content .woocommerce-error a:hover, .light-content .woocommerce-info a:hover, .light-content .woocommerce-message a:hover { color:#fff; } .woocommerce-page .woocommerce-message .button { background-color: transparent; padding: 0; line-height: 30px; margin-top: 10px; border:0; } .woocommerce-page .woocommerce-message .button:hover { background-color:transparent; color:#000; } .woocommerce-page .light-content .woocommerce-message .button:hover { background-color:transparent; color:#fff; } .woocommerce-page .woocommerce-message .button::before { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 2px; background: rgba(0,0,0,1); transform: scaleX(0); transform-origin: right; transition: transform .2s ease-out; } .woocommerce-page .light-content .woocommerce-message .button::before { background: rgba(255,255,255,1); } .woocommerce-page .woocommerce-message .button:hover::before { transform: scaleX(1); transform-origin: left; } .woocommerce div.product form.cart .variations tr { background:transparent; position:relative; } .woocommerce div.product form.cart .variations tr::after { content:""; width:100%; height:1px; position:absolute; background-color:rgba(255,255,255,0.15); left:0; bottom:0; } .woocommerce div.product form.cart .variations tr:last-child::after { display:none; } .woocommerce div.product form.cart .variations td { line-height: 50px; padding: 20px 0; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { padding-left:0; } .woocommerce div.product form.cart .variations select { float: none !important; height: 40px; font-family: inherit; padding: 0 20px; width: auto; appearance: auto; display: block !important; top: 0 !important; min-width: 100%; margin: 5px 0; } .woocommerce div.product form.cart .variations label { font-weight: 500; text-align: left; line-height: 70px; } .woocommerce div.product form.cart .reset_variations { font-size:14px; line-height: 28px; } .woocommerce div.product form.cart .woocommerce-variation.single_variation { margin-bottom:40px; } .woocommerce div.product form.cart .button { background-color: transparent; color: #000; width: auto; border: 2px solid #000; border-radius: 0px; line-height: 46px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .woocommerce div.product form.cart .button:hover { background-color:#000; color:#fff; } .woocommerce .light-content div.product form.cart .button { background-color: transparent; color: #fff; border: 2px solid #fff; } .woocommerce .light-content div.product form.cart .button:hover { background-color:#fff; color:#000; } .woocommerce .related.products .products ul, .woocommerce .related.products ul.products { position: relative; display: flex; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; max-width: 1000% !important; width: 100vw !important; overflow: hidden; } .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce div.product .related.products > h2 { font-size: calc(1rem + 0.6vw); line-height: calc(1rem + 1.5vw); } .woocommerce #reviews { color:#777; } .woocommerce #reviews #reply-title { display:none; } .woocommerce #reviews .message-box { float:none; margin-bottom:30px; } .woocommerce #reviews #comment { height: 50px; } .woocommerce #review_form #respond p.stars { margin-top:6px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size:16px; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: transparent; border: 0; margin: 0; box-shadow: none; border-radius: 100%; overflow: hidden; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0px 0 40px 50px; border: 0; border-radius: 4px; padding: 1em 1em 0; background-color: rgba(255,255,255,0.1); } .clapat-shop-sidebar-widget { position:relative; display:block; padding-bottom: 30px; margin-bottom: 30px; } .clapat-shop-sidebar-widget::after { content: ""; width: calc(100% + 100px); height: 1px; position: absolute; background-color: rgba(0,0,0,0); left: -50px; bottom: 0; -webkit-transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: transform 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000), background-color 400ms cubic-bezier(0.645, 0.045, 0.355, 1.000); } #sidebar.open .clapat-shop-sidebar-widget::after { background-color: rgba(0,0,0,0.15); } .light-content .clapat-shop-sidebar-widget::after { background-color: rgba(255,255,255,0); } .light-content #sidebar.open .clapat-shop-sidebar-widget::after { background-color: rgba(255,255,255,0.15); } .woocommerce .woocommerce-breadcrumb a { color: #000; line-height: 20px; } .woocommerce .light-content .woocommerce-breadcrumb a { color: #fff; } .wc-block-components-sort-select { margin-bottom: 25px; display: flex; justify-content: space-between; } .widget_block .wc-block-components-sort-select select { position:relative; width:100%; } .widget_block .wc-block-components-sort-select select option { position:relative; width:100%; color: #000; } .woocommerce .widget_block .wc-block-components-sort-select { font-size: 14px; font-weight: 400; position: relative; height: 20px; line-height: 20px; } .widget_block .wc-block-components-sort-select select { width: auto; height: 100%; margin: 0; padding: 0 0 0 .5em; color: #000; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; box-shadow: none; border: 0 !important; background-image: none; font-family:inherit; font-size:14px; font-weight: 400; background-color:transparent; padding-right:30px; text-align:right; } .light-content .widget_block .wc-block-components-sort-select select { color: #fff; } .widget_block .wc-block-components-sort-select select::-ms-expand { display: none; } .widget_block .wc-block-components-sort-select::after { content: '\f107'; font-family: FontAwesome; position: absolute; top: -2px; right: 0; bottom: 0; padding: 0; background: transparent; pointer-events: none; height: 28px; line-height: 28px; font-size: 16px; font-weight: 800; color: inherit; text-align: right; } .widget_block .wc-block-components-sort-select::after { -webkit-transition: .25s all ease; -o-transition: .25s all ease; transition: .25s all ease; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #f33a3a; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #444; } .woocommerce .widget_price_filter .price_slider_amount { padding-top: 15px; } .woocommerce .widget_price_filter .price_slider_amount button, .woocommerce .widget_price_filter .price_slider_amount .button { padding: 0 20px; line-height: 30px; font-size: 12px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { float:right; } .product_list_widget a { opacity:1!important; } .product_list_widget a .product-title { opacity:0.6; } .product_list_widget a:hover .product-title { opacity:1; } .product_list_widget .woocommerce-Price-amount.amount { font-size:12px; opacity:0.6; } #sidebar mark, ins { background: transparent!important; } .product_list_widget .star-rating { display:none; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { padding: 10px 0; margin: 0; list-style: none; } .woocommerce-product-search button { font-size: 100%; margin: 0; line-height: 1; cursor: pointer; position: relative; text-decoration: none; overflow: visible; font-weight: 700; border-radius: 3px; left: auto; color: #fff; background-color: #f33a3a; border: 0; display: inline-block; background-image: none; box-shadow: none; text-shadow: none; font-family: inherit; font-weight: 400; padding: 0 20px; line-height: 30px; font-size: 12px; margin-top:20px; } .woocommerce-product-search button:hover { background-color:#dfdcde; text-decoration:none; background-image:none; color:#515151 } .editor-styles-wrapper .wc-block-components-review-list-item__item, .wc-block-components-review-list-item__item { list-style: none; margin: 0 0 30px; line-height: 24px; } .editor-styles-wrapper .wc-block-components-review-list-item__item:last-child, .wc-block-components-review-list-item__item:last-child { margin-bottom:0; } .editor-styles-wrapper .wc-block-components-review-list-item__item:last-child p, .wc-block-components-review-list-item__item:last-child p { margin-bottom:0; } .wc-block-components-review-list-item__info { margin-bottom: 20px; } .wc-block-components-review-list-item__image { border-radius: 100%; overflow: hidden; } .wc-block-mini-cart__button { color: #000; font-weight: 400; font-size: 14px; } .light-content .wc-block-mini-cart__button { color: #fff; } .wc-block-mini-cart__button:hover:not([disabled]) { opacity:1 } .wc-block-components-review-list-item__author, .wc-block-components-review-list-item__product { font-weight: 400; font-size: 14px; } .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author { font-weight: 400; font-size: 14px; } .wc-block-components-review-list-item__product + .wc-block-components-review-list-item__author + .wc-block-components-review-list-item__published-date, .wc-block-components-review-list-item__published-date { font-weight: 400; font-size: 14px; } .wc-block-components-review-list-item__text p { font-weight: 400; font-size: 14px; color:#000; } .woocommerce.woocommerce-shop .wc-block-breadcrumbs .woocommerce-breadcrumb { background-color:transparent!important; pointer-events:initial; position:relative; height: auto!important; opacity:1!important; } .wp-block-woocommerce-customer-account a { color: #000 !important; font-size: 14px; font-weight: 400; opacity: 1; display: flex; } .light-content .wp-block-woocommerce-customer-account a { color: #fff !important; } .wp-block-woocommerce-customer-account a .wc-block-customer-account__account-icon { padding-left: 0; padding-right:20px; } .wp-block-woocommerce-customer-account a:after { display:none; } .wp-block-woocommerce-customer-account a:hover { text-decoration:none!important } .wc-block-components-sort-select__label { font-weight: 400; font-size: 14px; color: #000; } .light-content .wc-block-components-sort-select__label { color: #fff; } .wc-block-components-checkbox .wc-block-components-checkbox__label, .wc-block-components-checkbox > span { line-height: 1.5em; vertical-align: middle; font-size: 14px; font-weight: 400; color: #000; } .light-content .wc-block-components-checkbox .wc-block-components-checkbox__label, .light-content .wc-block-components-checkbox > span { color: #fff; } .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount { border-radius: 0 !important; border-width: 2px; border-color: #000 !important; text-align: center; } .light-content .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount { border-color: #fff !important; } .wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button { background-color: transparent; color: #000; width: auto; border: 2px solid #000; border-radius: 0px; line-height: 36px; -webkit-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; padding: 0 20px; font-size: 14px; font-family: inherit; font-weight: 500; width: 100%; } .light-content .wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .light-content .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button, .light-content .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button { color: #fff; border: 2px solid #fff; } .wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button:hover { background-color:#000; color:#fff; } .light-content .wc-block-components-price-slider__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .light-content .wc-block-stock-filter__actions button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button:hover, .light-content .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button:hover { background-color:#fff; color:#000; } .wc-block-product-categories { margin-bottom: 0; font-size:14px; font-weight:400; } .woocommerce.wc-block-product-results-count .woocommerce-result-count { font-size:14px; font-weight:400; } .wc-block-product-categories-list:first-child { margin-left: 0; margin-bottom: 0; } .wc-block-product-categories-list li { list-style:none; line-height:24px; } .wc-block-product-categories-list li:last-child { margin-bottom:0; } .woocommerce .select, .woocommerce .wp-block-archives-dropdown, .woocommerce .wp-block-categories-dropdown { margin:0; } .woocommerce .wp-block-search { margin-bottom: 0; } .woocommerce .wp-block-search .wp-block-search__input { border: none; } .light-content .woocommerce table.shop_table thead { background-color: #fff; } .woocommerce table.shop_table th { font-weight: 500; padding: 10px; line-height: 1.5em; color: #fff; } .light-content .woocommerce table.shop_table th { color: #000; } .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table tr { background: transparent; } .light-content .woocommerce-cart-form__cart-item.cart_item { background: transparent; } .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td { border: 0; } .woocommerce table.shop_table td { border-top: 1px solid #ddd; padding: 10px; vertical-align: middle; line-height: 5.5em; } .light-content .woocommerce table.shop_table td { border-top: 1px solid #333; } .woocommerce-cart table.cart td.product-remove a.remove { text-align:center; margin:0 auto; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 70px; box-shadow: none; } .woocommerce-cart table.cart td.product-name a { font-size:18px; } .woocommerce table.shop_table td.product-subtotal, th.product-subtotal { text-align:center; } .woocommerce table.shop_table td.actions { line-height: 1.5em; padding: 20px 0; } .woocommerce table.shop_table td.actions button { margin-right:0px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] { color: inherit; cursor: not-allowed; opacity: .5; padding: 0 30px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { float: left; box-sizing: border-box; border: 2px solid #000; padding: 0 20px; margin: 0; outline: 0; width: 250px; height: 54px; border-right: 0px; font-size: 16px; text-align: center; } .light-content #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart .light-content table.cart td.actions .coupon .input-text, .woocommerce-checkout .light-content table.cart td.actions .coupon .input-text { border: 2px solid #fff; border-right: 0px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 40%; margin-top:40px; } .woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2 { font-size: calc(1rem + 0.6vw); line-height: calc(1rem + 1.5vw); } #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { border-collapse: separate; border-radius:0px; margin: 0 0 6px; padding: 0; background: #000; } .light-content #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .light-content .cart-collaterals .cart_totals table, .woocommerce-checkout .light-content .cart-collaterals .cart_totals table { background: #fff; } #add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th { border-top: 1px solid #272727; font-weight:500!important; color:#fff; } .woocommerce-cart .cart-collaterals .cart_totals table td strong { font-weight:500!important; color:#fff; } .light-content #add_payment_method .cart-collaterals .cart_totals tr td, .light-content #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .light-content .cart-collaterals .cart_totals tr td, .woocommerce-cart .light-content .cart-collaterals .cart_totals tr th, .woocommerce-checkout .light-content .cart-collaterals .cart_totals tr td, .woocommerce-checkout .light-content .cart-collaterals .cart_totals tr th { border-top: 1px solid #ddd; font-weight:500!important; color:#000; } .woocommerce-cart .light-content .cart-collaterals .cart_totals table td strong { font-weight:500!important; color:#000; } #add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th { line-height: 2.5em; } #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button { display: block; text-align: center; margin-bottom: 1em; font-size: 16px; padding: 10px; width: 100%!important; } .cart-subtotal th, .order-total th { text-align:left; } .cart-subtotal td, .order-total td { text-align:right; } .woocommerce table.shop_table th, .woocommerce table.shop_table td { padding:20px; } .woocommerce-cart .full table.cart td.product-remove a.remove { text-align: left; margin: 0; margin-left:60px; } .full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal { text-align: right; box-sizing: border-box; padding-right: 80px; } .full .woocommerce table.shop_table td.actions { padding: 30px 80px; } .full .woocommerce table.shop_table td.actions button { margin-right: 0px; } .full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals { box-sizing: border-box; padding-right: 80px; } .woocommerce-billing-fields .name-box, .woocommerce-address-fields .name-box { width:100%; } .checkout.woocommerce-checkout h3 { font-size: calc(1rem + 0.6vw); line-height: calc(1rem + 1.5vw); } .woocommerce .col2-set, .woocommerce-page .col2-set { width: 100%; margin-bottom: 80px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 0px solid #d3ced2; background-color: rgba(153,153,153,0.1); border-radius: 0px; } .select2-container .select2-selection--single { height: 50px; } .select2-container--default .select2-selection--single { background-color: rgba(153,153,153,0.1); border: 0px solid #aaa; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 50px; color: #000; } .light-content .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 20px; padding-right: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 12px; right: 10px; width: 20px; } .shop_table.woocommerce-checkout-review-order-table tr { background: transparent; } .woocommerce .shop_table.woocommerce-checkout-review-order-table td, .woocommerce .shop_table.woocommerce-checkout-review-order-table th { border-top: 1px solid #ddd; padding: 9px 12px; vertical-align: middle; line-height: 3em; } .light-content .woocommerce .shop_table.woocommerce-checkout-review-order-table td, .light-content .woocommerce .shop_table.woocommerce-checkout-review-order-table th { border-top: 1px solid #141414; } .woocommerce .shop_table.woocommerce-checkout-review-order-table th.product-total, .woocommerce .shop_table.woocommerce-checkout-review-order-table td.product-total { text-align:right; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: transparent; border-radius: 0px; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { text-align: left; padding: 0; border-bottom: 0px solid #d3ced2; margin: 0; list-style: none outside; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 20px 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; display: block; text-align: center; margin-bottom: 1em; font-size: 16px; padding: 10px; width: 100% !important; margin-top: 30px; } .woocommerce-error strong, .woocommerce-error li { color:#fff; margin-top:10px; margin-bottom:10px; } .woocommerce-error::before { top: 11px; } .woocommerce form .form-row .select2-container { margin-bottom: 20px; margin-top: 10px; } .woocommerce form .form-row textarea { height: 50px; } .woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child { margin-bottom: 0; line-height: 50px; } .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th { font-weight: 500; border-top: 1px solid rgba(0,0,0,.1); color: #000; } .light-content .woocommerce table.shop_table tbody th, .light-content .woocommerce table.shop_table tfoot td, .light-content .woocommerce table.shop_table tfoot th { font-weight: 500; border-top: 1px solid rgba(255,255,255,.1); color: #fff; } .woocommerce nav.woocommerce-MyAccount-navigation { pointer-events: initial; height: auto; position: relative; opacity: 1; width:20%; } .woocommerce nav.woocommerce-MyAccount-navigation ul { margin:0; background: rgba(255,255,255,0.1); padding:20px; } .woocommerce nav.woocommerce-MyAccount-navigation ul li { list-style:none; opacity:0.4; } .woocommerce nav.woocommerce-MyAccount-navigation ul li:hover, .woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active { opacity:1; } .woocommerce nav.woocommerce-MyAccount-navigation ul li a { line-height:28px; } .woocommerce-account .woocommerce-MyAccount-content header { position:relative; pointer-events:initial; } .woocommerce-account .addresses .title h3 { font-size: calc(1rem + 0.6vw); line-height: calc(1rem + 1.5vw); } .woocommerce-account .woocommerce-MyAccount-content { float: right; width: 78%; } .woocommerce-input-wrapper > .name-box > .input_label { display: none; } @media only screen and (max-width: 1466px) { .site-main { padding-top: 100px; } .woocommerce .products ul, .woocommerce ul.products { padding: 20px 30px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 60px 30px; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: calc(50% - 60px); } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: calc(33.333% - 60px); } .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: calc(25% - 60px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) { width: calc(40% - 60px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) { width: calc(25% - 60px); margin-left: calc(10% + 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) { width: calc(25% - 60px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) { width: calc(30% - 60px); margin-left: calc(20% + 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) { width: calc(30% - 60px); margin-right: calc(20% + 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) { width: calc(25% - 60px) } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) { width: calc(25% - 60px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) { width: calc(40% - 60px); margin-left: calc(10% + 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) { width: calc(30% - 60px); margin-left: calc(20% + 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) { width: calc(30% - 60px); margin-right: calc(20% + 30px); } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { top: 20px; left: 20px; } .woocommerce ul.products li.product .button { left: 20px; right: 20px; bottom: 20px; width: calc(100% - 40px); } .woocommerce ul.products li.product .star-rating { top: 30px; right: 20px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding-right: 20px; } .woocommerce-pagination .prev.page-numbers { margin-right:20px; } .woocommerce-pagination .next.page-numbers { margin-left:20px; } .woocommerce-cart .full table.cart td.product-remove a.remove { text-align: left; margin: 0; margin-left:40px; } .full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal { padding-right: 60px; } .full .woocommerce table.shop_table td.actions { padding: 30px 60px; } .full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals { padding-right: 60px; } } @media only screen and (max-width: 1024px) { .site-header-cart.menu .parallax-wrap { width: 60px; right: -20px; } .woocommerce .site-header-cart.menu .widgettitle::after { line-height: 40px; } .site-main nav { pointer-events: initial; height: auto !important; position: relative; opacity: 1; padding: 0; } .woocommerce .products ul, .woocommerce ul.products { padding: 0px 20px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 40px 20px 50px 20px!important; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: calc(50% - 40px); } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: calc(50% - 40px); } .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: calc(50% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) { width: calc(33.333% - 40px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) { width: calc(33.333% - 40px); } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: left; width: 48%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: right; width: 48%; clear: none; } .woocommerce ul.products li.product a img { -webkit-transform:scale(1); transform: scale(1); } .woocommerce ul.products li.product .product-caption { opacity:0; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .price { opacity:1!important; transform: translate(0px, 0px)!important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding-right: 15px; } .woocommerce-pagination .prev.page-numbers { margin-right:15px; } .woocommerce-pagination .next.page-numbers { margin-left:15px; } .woocommerce-cart .full table.cart td.product-remove a.remove { text-align: left; margin: 0; margin-left:20px; } .full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal { padding-right: 40px; } .full .woocommerce table.shop_table td.actions { padding: 30px 40px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 50%; } .full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals { padding-right: 40px; } } @media only screen and (max-width: 767px) { .site-main { padding-top: 80px; } .site-header-cart.menu { margin-right: 30px; } .woocommerce #open-sidebar-nav { z-index:10; } .woocommerce .woocommerce-result-count { margin-left:20px; } .woocommerce .products ul, .woocommerce ul.products { padding: 0px 15px; padding-bottom: 40px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 30px 15px 50px 15px!important; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: calc(50% - 30px); } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: calc(50% - 30px); } .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) { width: calc(50% - 30px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) { width: calc(50% - 30px); } .woocommerce nav.woocommerce-pagination { padding-top: 60px; padding-bottom: 40px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding-right: 10px; } .woocommerce-pagination .prev.page-numbers { margin-right:10px; } .woocommerce-pagination .next.page-numbers { margin-left:10px; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { float: none; width: 100%; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { float: none; width: 100%; } .woocommerce div.product div.images { margin-bottom: 80px; } .woocommerce-tabs.wc-tabs-wrapper { position: relative; z-index: 10; padding-bottom: 0px; margin-bottom: 60px; } .woocommerce-cart table.cart td.product-remove a.remove { text-align: left; margin: 0; } .woocommerce table.shop_table td { line-height: 3.5em; } .woocommerce-cart-form__cart-item.cart_item td.product-quantity { float: left; width: 100%; } .woocommerce-cart-form__cart-item.cart_item div.quantity { float: right; margin: 0 30px 0 0; width: 100px; height: 50px; position: relative; overflow: hidden; } .woocommerce table.shop_table, .woocommerce table.shop_table th, .woocommerce table.shop_table td { border: 0; padding: 0; box-sizing: border-box; } .cart .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table.cart tr { background: transparent; position: relative; display: flex; width: calc(100% + 60px); margin-left:-30px; flex-wrap: wrap; align-items: center; padding-top:30px; padding-left: 160px; padding-bottom: 30px; margin-bottom: 20px; box-sizing: border-box; border-top: 1px solid #ddd; } .light-content .cart .woocommerce-cart-form__cart-item.cart_item, .light-content .woocommerce table.shop_table.cart tr { border-top: 1px solid #333; } .cart .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table.cart tr:last-child { padding: 0; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background-color: transparent; } .woocommerce table.shop_table_responsive tbody tr td.product-remove, .woocommerce-page table.shop_table_responsive tbody tr td.product-remove { position: absolute; right: 30px; top: 0; width: 20px; z-index: 10; height: 100%; display: flex; align-items: center; } .woocommerce-cart .full table.cart td.product-remove a.remove { text-align: center; margin: 0 auto; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { min-width: 100px; position: absolute; left: 30px; top: 20px; width: 100px; height: 140px; display: block; z-index:0; overflow:hidden; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 100%; object-fit: cover; object-position: center; height: 100%; } .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td { text-align: left !important; display: block; flex: 1 1 auto; width: 100%; padding: 0; line-height: 30px; border: 0; } .light-content .woocommerce table.shop_table td { border: 0; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { display:none; } .woocommerce-cart-form__cart-item.cart_item td.product-quantity { float: left; width: 100%; flex: 0 0 auto !important; width: unset; text-align: left; } .full .woocommerce table.shop_table td.product-subtotal, .full .woocommerce th.product-subtotal { padding-right: 0; display: block; flex: 1 1 auto; text-align: right; width: unset !important; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .button { width: 50%; margin:0; } .full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding-right: 30px; padding-left: 30px; width: 100%; text-align: center; float:none; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { padding-right: 0px; padding-left: 0px; width: 100%; text-align: center; float:none; } .woocommerce-cart .cart-collaterals .cart_totals table td, .cart-collaterals .order-total td { padding:20px; box-sizing:border-box; } .full .woocommerce table.shop_table td.actions, .woocommerce table.shop_table td.actions { padding: 30px 30px; } } @media only screen and (max-width: 479px) { .site-header-cart.menu { margin-right: 25px; } .woocommerce .products ul, .woocommerce ul.products { padding: 0px 10px; padding-bottom: 40px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 20px 10px 50px 10px!important; } .woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product { width: calc(100% - 20px); } .woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product { width: calc(100% - 20px); } .woocommerce ul.products.columns-4 li.product, .woocommerce-page ul.products.columns-4 li.product { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 1) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 2) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 3) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 4) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 5) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 6) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 7) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 8) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 9) { width: calc(100% - 20px); } .woocommerce .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10), .woocommerce-page .clapat-shop-grid ul.products li.product:nth-of-type(10n + 10) { width: calc(100% - 20px); } .woocommerce nav.woocommerce-pagination { padding-top: 40px; padding-bottom: 40px; } .woocommerce div.product div.images { margin-bottom: 60px; } .woocommerce-tabs.wc-tabs-wrapper { position: relative; z-index: 10; padding-bottom: 0px; margin-bottom: 40px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li { font-size: 14px; margin-right: 15px; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { width: 180px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: right; width: 100%; } .full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals { padding-right: 30px; padding-left: 30px; width: 100%; text-align: center; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon .button { width: 50%; margin:0; padding:0; } .cart .woocommerce-cart-form__cart-item.cart_item, .woocommerce table.shop_table.cart tr { padding-top:20px; padding-left: 140px; padding-bottom:0; width: calc(100% + 40px); margin-left:-20px; } #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail { left: 20px; } .woocommerce table.shop_table_responsive tbody tr td.product-remove, .woocommerce-page table.shop_table_responsive tbody tr td.product-remove { right: 20px; } .full .woocommerce table.shop_table td.actions, .woocommerce table.shop_table td.actions { padding: 20px 20px; } .full .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .full .cart-collaterals .cart_totals { padding-right: 30px; padding-left: 30px; } }.fixed-admin-bar { position: fixed!important; } .admin-bar header { top:32px; } header.over-sidebar { z-index:2500; } .flexnav li.lang-item .before-span span, .flexnav li.pll-parent-menu-item span { margin-left:8px!important; float: left; } .classic-menu .flexnav li.lang-item:hover a span, .classic-menu .flexnav li.pll-parent-menu-item:hover a span { -webkit-transform: translateY(0); transform: translateY(0); transform-origin: 0% 0%; } .flexnav li.lang-item img, .flexnav li.pll-parent-menu-item img{ float: left; margin-top: 5px; } .fullscreen-menu .flexnav li.lang-item img, .fullscreen-menu .flexnav li.pll-parent-menu-item img{ display:none; } .fullscreen-menu .flexnav li.lang-item .before-span span, .fullscreen-menu .flexnav li.pll-parent-menu-item span { margin-left:auto!important; float: none; } .fullscreen-menu .flexnav li.lang-item:hover a span, .fullscreen-menu .flexnav li.pll-parent-menu-item:hover a span { -webkit-transform: translateY(0); transform: translateY(0); transform-origin: 0% 0%; } #main-page-content { font-size: 16px; line-height: 28px; color: #444; } .light-content #main-page-content { color: #aaa; } .hero-hidden { display:none; } blockquote p { margin-bottom:0; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 3.5rem; margin: 0 0 1.5625rem; } .wp-block-pullquote blockquote { padding-left: 2.5rem; margin: 0 0 1.5625rem; } blockquote.is-style-large::before { top: 12px; } .wp-block-pullquote blockquote::before { top: 15px; } .wp-block-pullquote blockquote.has-very-dark-gray-color::before { color: #fff; } #post-content li { line-height: 28px; margin-bottom: 15px; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-right: auto; margin-left: auto; text-align:center; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 0.4em 1.6em 1.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 1.6em 1.6em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 1.6em; margin-bottom: 1.6em; } .wp-caption { font-weight: 400; font-size: 12px; padding: 10px 20px; margin-top: .5em; margin-bottom: 1em; position: relative; max-width: 100%; line-height: 24px; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } .wp-caption-text { font-size: 12px; font-weight: 400; margin-bottom: 1em; padding: 5px 10px; line-height: 24px; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .gallery { margin-bottom: 1.6em; } .gallery-item { display: inline-block; padding: 1.79104477%; text-align: center; vertical-align: top; width: 100%; box-sizing:border-box; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; width:100%; } .gallery-caption { display: block; font-size: 12px; line-height: 1.5; padding: 0.5em 0; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } #hero.error { height:calc(100vh - 120px); } #hero.error #hero-styles { position: fixed; height:calc(100vh - 120px); } #hero.error #hero-caption .inner { vertical-align: middle; } .error-button.button-box { opacity:0; margin-top:30px; transform: translateY(30px); -webkit-transform: translateY(30px); } #page-with-comments { position: relative; box-sizing: border-box; padding-top: 60px; clear: both; } #page-with-comments > #post-comments, #page-with-comments > #post-form { max-width: none; padding: 0; } #page-with-comments > #post-form { margin-bottom:40px; } #contact-formular .wpcf7-not-valid-tip { margin-top: 2px; position: absolute; font-size: 12px; top: 50px; } .wpcf7-form-control-wrap { display: block; height:40px; } .wpcf7-form-control-wrap select { position: relative; width: 100%; margin-top: 20px; font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; } .light-content .wpcf7-form-control-wrap select, .dark-section .wpcf7-form-control-wrap select { background: #333; color:#fff; } .light-content .light-section .wpcf7-form-control-wrap select{ background: transparent; color:#000; } .wpcf7-form-control-wrap select option { position:relative; width:100%; } .wpcf7-form-control-wrap select::after { content: '\25BC'; position: absolute; top: 0; right: 0; bottom: 0; padding: 0 1.6em; background: #333; pointer-events: none; height: 41px; line-height: 41px; color: rgba(255,255,255,0.6); font-size: 10px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #ffb900; } .wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; border-top-color: rgb(0, 160, 210); border-right-color: rgb(0, 160, 210); border-bottom-color: rgb(0, 160, 210); border-left-color: rgb(0, 160, 210); font-size: 12px; border-radius: 6px; width: auto; display: inline-flex; } .wpcf7-spinner { position: absolute !important; left: 0; top: 40px; } .wpcf7-form-control-wrap { display: block; height: 100%; } @media only screen and (max-width: 1466px) { #hero.error, #hero.error #hero-styles { height:calc(100vh - 100px); } } @media only screen and (max-width: 1024px) { .flexnav li img { display:none; } .flexnav li.lang-item .before-span span, .flexnav li.pll-parent-menu-item span { margin-left: auto !important; float: none; } #hero.error, #hero.error #hero-styles { height:calc(100vh - 80px); } } @media only screen and (max-width: 767px) { .admin-bar header { top: 46px; } } @media only screen and (max-width: 479px) { }.clapat-add-image { background-color:#bbbbbb; position:relative; } .clapat-add-image img { width:100%; height: 100%; position:relative; display:block; object-position: center; object-fit: contain; } .wp-block-columns { margin-bottom:0px!important; } .wp-block-verse{ background:rgba(128,128,128,.1); border:none; border-width:0; border:4px solid rgba(128,128,128,.4); box-shadow:none; font-family:Alegreya,serif; font-size:1em; font-style:italic; padding:1em 1.5em 1em 1.2em; width:90% } .wp-block-embed.is-type-video, .wp-block-embed.is-type-video iframe { max-width: 100%; margin: 0 auto; margin-bottom:20px; display: block; } .wp-block-cover-image.aligncenter,.wp-block-cover-image.alignwide{ width:100%; margin-left:auto; margin-right:auto } .wp-block-cover-image.alignright{ width:30%; margin-left:1.5em } .wp-block-cover-image.alignleft{ width:30%; margin-right:1.5em } .aligncenter, .alignfull, .alignwide{ clear:both } .wp-block-cover-image{ background-position:center center } .wp-block-colega-gutenberg-container { box-sizing: border-box; } .wp-block-colega-gutenberg-container::after { clear: both; content: " "; display: table; } .wp-block-cover-image .wp-block-subhead:not(.has-text-color), .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover .wp-block-subhead:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) { color: #fff; } .wp-block-button { margin-bottom: 20px; } .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 3px; } .alignleft { margin-right: 20px; } .alignright { margin-left: 20px; } .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; overflow: hidden; } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 40px 20px 20px; color:#fff; text-align: center; font-size: 13px; background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent); box-sizing: border-box; right:0; border-radius: 0; } .wp-block-image figcaption { background-color: rgba(0,0,0,0); bottom: 25px; color: #fff; font-weight: 400; font-size: 12px; padding: 10px 20px; position: relative; right: 0; z-index: 10; border-radius: 0; bottom: 0; } figcaption.blocks-gallery-caption { background-color: transparent; bottom: 0px; color: #fff; font-weight: 400; font-size: 13px; padding: 5px 10px; position: relative; right: 0px; z-index: 10; border-radius: 0; text-align: center; width: auto; margin: 0 auto; display: table; } .light-content .has-text-color p { color: #fff; } .has-large-font-size { font-size: 36px; line-height:48px; } @media (min-width:768px){ .weaverx-sb-one-column #container,.weaverx-sb-one-column #content,.weaverx-sb-one-column .content-page,.weaverx-sb-one-column .content-single{ overflow:visible } .weaverx-has-sb #container,.weaverx-has-sb #content,.weaverx-has-sb .content-page,.weaverx-has-sb .content-single{ overflow:hidden } #main-content .wp-block-cover-image.alignfull,#main-content .wp-block-gallery.alignfull,#main-content .wp-block-image.alignfull img{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); max-width:1000%; width:100vw; } #main-content #post-content .wp-block-cover-image.alignfull,#main-content #post-content .wp-block-gallery.alignfull,#main-content #post-content .wp-block-image.alignfull img{ width: calc(100vw - 40px); } #main-content .wp-block-button.alignfull,#main-content .wp-block-categories.alignfull,#main-content .wp-block-columns.alignfull,#main-content .wp-block-latest-posts.alignfull,#main-content .wp-block-preformatted.alignfull,#main-content .wp-block-pullquote.alignfull,#main-content .wp-block-table.alignfull,#main-content .wp-block-text-columns.alignfull,#main-content .wp-block-verse.alignfull,#main-content [class^=wp-block-embed].alignfull,#main-content p.alignfull{ margin-left:calc(50% - 47vw)!important; margin-right:calc(50% - 47vw)!important; max-width:1000%; width:94vw!important; margin-bottom:30px; } #main-content .alignwide{ margin-left:calc(50% - 40vw); margin-right:calc(50% - 40vw); width:80vw; max-width:1000% } #main-content .alignfull{ margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); max-width:1000%; width:100vw; margin-bottom:30px; } #main-content .wp-block-image.alignwide img{ margin-left:calc(50% - 40vw)!important; margin-right:calc(50% - 40vw)!important; width:80vw!important; max-width:1000%!important } .wp-block-cover, .wp-block-cover-image { position: relative; background-color: #000; background-size: cover; background-position: center center; min-height: 430px; width: 100%; margin: 0 0 1.5em 0; display: flex; justify-content: center; align-items: center; overflow: hidden; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; } } @media screen and (max-width:767px){ [class^=wp-block-].alignleft,[class^=wp-block-].alignright{ max-width:75% } } @media only screen and (max-width:580px){ .wp-block-text-columns,.wp-block-text-columns.aligncenter{ display:block } .wp-block-text-columns.columns-2 .wp-block-column,.wp-block-text-columns.columns-3 .wp-block-column,.wp-block-text-columns.columns-4 .wp-block-column{ float:none; margin-left:0; margin-right:0; width:100% } } .content-max-width.elementor-widget-montoya_image_parallax { padding:0; } .elementor-invisible { visibility: visible!important; } .elementor-editor-active .has-animation { opacity: 1; -webkit-transition:translateY(0px) scaleY(1); transform: translateY(0px) scaleY(1); } .elementor-section { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .elementor-section .elementor-container { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; } .elementor-section.elementor-full-width.content-max-width { padding-left:0; padding-right:0; } .elementor-section.elementor-full-width.content-max-width.row_padding_left { padding-left: 80px; } .elementor-section.elementor-full-width.content-max-width.row_padding_right { padding-right: 80px; } .elementor-section.elementor-default-width .elementor-container { max-width: 1160px!important; } .elementor-section.elementor-full-width .elementor-container { max-width: none!important; } .elementor-section.elementor-small-width .elementor-container { max-width:780px!important; } .elementor img.item-image, .elementor img.grid__item-img--large { height: 100%; max-width: none; } .elementor .hero-video-wrapper video { max-width: none; } .dialog-type-lightbox.elementor-lightbox { opacity: 0; display: none !important; pointer-events: none; } .full_elementor:not(.full_elementor .full_elementor) { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .row_padding_top_elementor.elementor-element:not(.elementor .elementor-element .row_padding_top_elementor.elementor-element) { padding-top:9vw; } .row_padding_bottom_elementor.elementor-element:not(.elementor .elementor-element .row_padding_bottom_elementor.elementor-element) { padding-bottom:9vw; } .row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) { padding-left:80px; } .row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) { padding-right:80px; } @media all and (min-width: 767px) { .elementor-element.content-row-elementor .elementor-element.content-row-elementor:first-child { padding-left:0; } .elementor-element.content-row-elementor .elementor-element.content-row-elementor:last-child { padding-right:0; } } .dialog-message .full_elementor:not(.full_elementor .full_elementor) { margin-left: inherit !important; margin-right: inherit !important; max-width: inherit !important; width: inherit !important; padding: 0 20px !important; } .full_elementor figure.has-parallax { overflow:hidden; height:100vh; } .elementor-widget-text-editor p, .light-content .elementor-widget-text-editor p, .dark-section .elementor-widget-text-editor p, .light-content .light-section .elementor-widget-text-editor p { font-size:inherit; line-height: inherit; margin-bottom: inherit; color:inherit; } .elementor-editor-active #project-nav { bottom: -100vh; } .elementor-editor-active .next-project-wrap { position:absolute!important; } .elementor-editor-active #main-page-content.project-page { margin-bottom: calc(100vh - 120px); } @media only screen and (max-width: 1466px) { .elementor-section.elementor-full-width.content-max-width.row_padding_left { padding-left: 60px; } .elementor-section.elementor-full-width.content-max-width.row_padding_right { padding-right: 60px; } .row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) { padding-left:60px; } .row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) { padding-right:60px; } } @media only screen and (max-width: 1024px) { .elementor-section.elementor-section-boxed .elementor-container { padding-left:40px; padding-right:40px; } .elementor-section.elementor-full-width.content-max-width.row_padding_left { padding-left: 40px; } .elementor-section.elementor-full-width.content-max-width.row_padding_right { padding-right: 40px; } .row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) { padding-left:40px; } .row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) { padding-right:40px; } } @media only screen and (max-width: 767px) { .elementor-section.elementor-section-boxed .elementor-container { padding-left:30px; padding-right:30px; } .elementor-section.elementor-full-width.content-max-width.row_padding_left { padding-left: 30px; } .elementor-section.elementor-full-width.content-max-width.row_padding_right { padding-right: 30px; } .row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) { padding-left:30px; } .row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) { padding-right:30px; } .row_padding_top_elementor.elementor-element:not(.elementor .elementor-element .row_padding_top_elementor.elementor-element) { padding-top:10vw; } .row_padding_bottom_elementor.elementor-element:not(.elementor .elementor-element .row_padding_bottom_elementor.elementor-element) { padding-bottom:10vw; } .elementor-element.content-row-elementor .elementor-element.content-row-elementor { padding-left:0; padding-right:0; } } @media only screen and (max-width: 479px) { .elementor-section.elementor-section-boxed .elementor-container { padding-left:20px; padding-right:20px; } .elementor-section.elementor-full-width.content-max-width.row_padding_left { padding-left: 20px; } .elementor-section.elementor-full-width.content-max-width.row_padding_right { padding-right: 20px; } .row_padding_top_elementor.elementor-element:not(.elementor .elementor-element .row_padding_top_elementor.elementor-element) { padding-top:12vw; } .row_padding_bottom_elementor.elementor-element:not(.elementor .elementor-element .row_padding_bottom_elementor.elementor-element) { padding-bottom:12vw; } .row_padding_left_elementor.elementor-element:not(.elementor .elementor-element .row_padding_left_elementor.elementor-element) { padding-left:20px; } .row_padding_right_elementor.elementor-element:not(.elementor .elementor-element .row_padding_right_elementor.elementor-element) { padding-right:20px; } }html,body{ font-family: 'Poppins', sans-serif; font-weight: 400; font-size:16px; height:100%; width:100%; color:#444; background-color:#fff; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; } html { box-sizing: border-box; margin-right: 0px!important; overflow: visible!important; } body { overflow: hidden; overflow-y:scroll; -webkit-transition: opacity 0.2s ease-in-out 0.2s; transition: opacity 0.2s ease-in-out 0.2s; } body.smooth-scroll { overflow:hidden; } body.has-slider { overflow:hidden; } body.hidden { opacity:0; } main111 { -webkit-transition: background 0.5s ease-in-out 0s; transition: background 0.5s ease-in-out 0s; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, footer, header, hgroup, nav, section { display: block; } audio { display: inline-block; max-width: 100%; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 600; color:#000; } .light-content b, .light-content strong, .dark-section b, .dark-section strong { font-weight: 600; color:#fff; } .light-content .light-section b, .light-content .light-section strong { font-weight: 600; color:#000; } cite, dfn, em, i { font-style: italic; } mark, ins { background: none repeat scroll 0 0 #000; text-decoration: none; color: #fff; padding: 2px 8px; display: inline-block; border-radius: 2px; } .light-content mark, .light-content ins, .dark-section mark, .dark-section ins { background: none repeat scroll 0 0 #fff; color:#000; } .light-content .light-section mark, .light-content .light-section ins { background: none repeat scroll 0 0 #111; color:#fff; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; background-color:rgba(0,0,0,0.05) } .light-content pre, .dark-section pre { background-color:rgba(255,255,255,0.05); color:#fff; } .light-content .light-section pre { background-color:rgba(0,0,0,0.05); color:#000; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { color: #000; line-height: 1.6; font-size: 1.5rem; margin-bottom: 2.1875rem; font-weight: 500; padding-left: 3.5rem; margin: 0 0 1.5625rem; position:relative; } .light-content blockquote, .dark-section blockquote { color: #fff; } .light-content .light-section blockquote { color: #000; } blockquote::before { content: "\275D"; position: absolute; left: 0; top: 5px; line-height: 1; font-size: 3rem; font-weight: 500; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } .light-content blockquote cite, .light-content blockquote small { color:#fff; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 600; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul, ol { list-style: none; margin:20px 0 25px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 20px 0px 15px 25px; } li { line-height: 20px; color:#444; margin-bottom:25px; } .light-content li, .dark-section li { color: #ccc; } .light-content .light-section li { color: #444; } figure { margin:0; position:relative; display: block; } figure.has-parallax { overflow:hidden; } .full figure.has-parallax { overflow:hidden; height:100vh; } figure img { max-width:100%; } .has-parallax-content > img, .has-parallax > img { width:100%; height: 100%; position:absolute; display:block; object-position: center; object-fit: cover; } figcaption { background-color: rgba(0,0,0,0.3); bottom: 0px; color: #fff; font-weight:400; font-size: 10px; padding: 5px 10px; position: absolute; right: 0px; z-index: 10; border-radius:0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 0; } legend { white-space: normal; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; color:#444; } thead, .light-content .light-section thead { background-color:rgba(0,0,0,1); color:#fff; } .light-content thead, .dark-section thead { background-color:rgba(255,255,255,1); } thead tr, .light-content .light-section thead tr { color:#fff; } .light-content thead tr, .dark-section thead tr { color:#000; } tr, .light-content .light-section tr { color:#444; } .light-content tr, .dark-section tr{ color:#CCC; } tr:nth-child(2n), .light-content .light-section tr:nth-child(2n) { background-color:rgba(0,0,0,0.05); } .light-content tr:nth-child(2n), .dark-section tr:nth-child(2n){ background-color:rgba(255,255,255,0.1); } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; padding: 10px; } td { border-width: 0 1px 1px 0; padding: 10px; } del { color: #767676; } hr { border: 0; height: 28px; width:100%; float:none; margin:0; display:inline-block; opacity: 1!important; -webkit-transition: translateY(0px)!important; transform: translateY(0px)!important; } hr.animated-line { height:1px; padding-top:20px; padding-bottom:20px; } hr.animated-line:before { content: ""; display: block; width:0; height:1px; background:rgba(0,0,0,0.1); } .light-content hr.animated-line:before, .dark-section hr.animated-line:before { background:rgba(255,255,255,0.15); } .light-content .light-section hr.animated-line:before { background:rgba(0,0,0,0.1); } hr.animated.animated-line:before { width:100%; -webkit-transition: width 0.7s ease-in-out 0.1s; transition: width 0.7s ease-in-out 0.1s; } hr:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } ::selection { background: #000; color: #fff; text-shadow: none; } ::-moz-selection { background: #000; color: #fff; text-shadow: none; } img { border: 0 none; max-width: 100%; vertical-align: middle; height:auto; } h1, h2, h3, h4, h5, h6 { font-family:inherit; font-weight:500; color:#000; margin-bottom:20px; } .primary-font-title { font-family: 'Six Caps', sans-serif; text-transform:lowercase; font-weight:500; } .big-title { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); } .fixed-title { font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); margin-bottom:100vh; display: flex; align-items: center; justify-content: center; height: 100vh; } .fixed-title.primary-font-title { font-size: calc(1rem + 24.15vw); line-height: calc(1rem + 22vw); } .fixed-title div { display:inline-block; white-space: nowrap; } .fixed-title span { display: block; opacity:0.1; margin-top:0; min-width:3rem; box-sizing:border-box; display:inline-block; transform-origin: bottom center; } h1{ font-size: calc(1rem + 4.15vw); line-height: calc(1rem + 4.5vw); } h2{ font-size: calc(1rem + 3vw); line-height: calc(1rem + 3.5vw); } h3{ font-size: calc(1rem + 2vw); line-height: calc(1rem + 2.5vw); } h4{ font-size: calc(1rem + 1vw); line-height: calc(1rem + 1.6vw); } h5{ font-size: calc(1rem + 0.6vw); line-height: calc(1rem + 1.5vw); } h6 { font-size:18px; line-height: 36px; } h6.has-icon { padding-left: 20px; box-sizing: border-box; display: inline-block; width: auto; position: relative; } h6.has-icon::before { font: var(--fa-font-solid); content: "\f101"; font-size: 12px; line-height: inherit; text-align: left; position: absolute; left: 0; } .no-margins { margin:0; } .light-content h1, .light-content h2, .light-content h3, .light-content h4, .light-content h5, .light-content h6, .dark-section h1, .dark-section h2, .dark-section h3, .dark-section h4, .dark-section h5, .dark-section h6 { color: #fff; } .light-content .light-section h1, .light-content .light-section h2, .light-content .light-section h3, .light-content .light-section h4, .light-content .light-section h5, .light-content .light-section h6 { color: #000; } p { font-size:18px; line-height: 28px; font-weight:500; margin-bottom: 20px; color:#999; } .light-content p, .dark-section p { color:#999; } .light-content .light-section p { color:#999; } .bigger { font-size: 26px; line-height: 42px; } .smaller { font-size: 12px; line-height: 24px; } .container { max-width:1280px; width:100%; margin:0 auto; box-sizing:border-box; } .container::after { clear: both; content: " "; display: table; } a:hover, a:active { outline: 0; color: #000; } a, .light-content .light-section a { text-decoration: none; color: #000; outline: 0; } .light-content a, .dark-section a, .white-header a { color: #fff; } .light-content .white-header a { color:#000; } a:hover { text-decoration:none; } .one_half { width: 48%!important; } .one_third { width: 30.6%!important; } .one_fourth { width: 22%!important; } .one_fifth { width: 16.8%!important; } .one_sixth { width: 13.33%!important; } .two_fifth { width: 37.6%!important; } .two_fourth { width: 48%!important; } .two_third { width: 65.33%!important; } .three_fifth { width: 58.4%!important; } .three_fourth { width: 74%!important; } .four_fifth { width: 79.2%!important; } .five_sixth { width: 82.67%!important; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { float: left!important; margin-bottom: 1px!important; margin-right: 4%!important; position: relative!important; } .last { margin-right:0px!important; } .text-align-left { text-align:left; } .text-align-center { text-align:center; } .text-align-right { text-align:right; } .outer { display:table; width:100%; height:100%; } .inner { display:table-cell; vertical-align:middle; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .light-section-wrapper, .dark-section-wrapper { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .light-section-container, .dark-section-container { position: relative; box-sizing: border-box; width: 100%; margin: 0 auto; } .content-row { position:relative; width:100%; margin:0 auto; z-index:1; opacity:1; box-sizing:border-box; } .clip-effects { overflow:hidden; clip-path: inset(4% 10% round 40px); } .content-row::after { clear: both; content: " "; display: table; } .small { max-width:820px; width:100%; margin:0 auto; } .large { max-width:1380px; width:100%; margin:0 auto; } .full { margin-left: calc(50% - 50vw)!important; margin-right: calc(50% - 50vw)!important; max-width: 1000%!important; width: 100vw!important; } .row_padding_top { padding-top:9vw; } .row_padding_bottom { padding-bottom:9vw; } .row_padding_left { padding-left:80px; } .row_padding_right { padding-right:80px; } .row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 80px; padding-right: 80px; } #rotate-device { width:100%; height:100%; position:fixed; z-index:1000; top:0; left:0; background-color:#0f1010; background-image:url(//www.koladehounsou.com/template/images/rotate.png); background-size:100px 100px; background-position:center; background-repeat:no-repeat; display:none; } i.arrow-icon { border: solid #000; border-width: 0px 3px 3px 0px; box-sizing:border-box; display: block; position:relative; top:0px; left:0px; height:20px; width:20px; } .light-content i.arrow-icon, .dark-content .item i.arrow-icon { border: solid #fff; border-width: 0px 3px 3px 0px; } .light-content .change-header i.arrow-icon, .dark-content .change-header i.arrow-icon { border: solid #000; border-width: 0px 3px 3px 0px; } i.arrow-icon::after { content: ""; position: absolute; width: 28px; height: 3px; top: 7px; left: -6px; background-color: #000; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .light-content i.arrow-icon:after, .light-content .change-header i.arrow-icon::after, .dark-content .item i.arrow-icon::after { background-color:#fff; } .light-content .change-header i.arrow-icon::after, .dark-content .change-header i.arrow-icon::after { background-color:#000; } i.arrow-icon-down { border: solid #222; border-width: 0px 2px 2px 0px; box-sizing:border-box; display: block; position:relative; top:14px; left:14px; height: 12px !important; width: 12px !important; line-height: 12px !important; } i.arrow-icon-down.left { transform: rotate(135deg); -webkit-transform: rotate(135deg); } i.arrow-icon-down::after { content: ""; position: absolute; width: 16px; height: 2px; top: 4px; left: -3px; background-color: #222; transform: rotate(45deg); -webkit-transform: rotate(45deg); } .light-content i.arrow-icon-down { border: solid #fff; border-width: 0px 2px 2px 0px; } .light-content i.arrow-icon-down::after { background-color: #fff; } i.arrow-icon-up { border: solid #222; border-width: 2px 2px 0px 0px; box-sizing:border-box; display: block; position:relative; top:14px; left:14px; height: 12px !important; width: 12px !important; line-height: 12px !important; } i.arrow-icon-up.right { transform: rotate(45deg); -webkit-transform: rotate(45deg); } i.arrow-icon-up::after { content: ""; position: absolute; width: 16px; height: 2px; top: 4px; left: -3px; background-color: #222; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .light-content i.arrow-icon-up { border: solid #fff; border-width: 2px 2px 0px 0px; } .light-content i.arrow-icon-up::after { background-color: #fff; } #magic-cursor { position: absolute; left:0; top:0; width: 30px; height: 30px; pointer-events: none; z-index:10000; -webkit-transition: opacity 0.2s ease-in-out 0.5s; transition: opacity 0.2s ease-in-out 0.5s; } .hidden-ball #magic-cursor { opacity:0!important; visibility:hidden; } #ball { position: fixed; width: 80px; height: 80px; border: 2px solid #999999; border-radius: 50%; pointer-events: none; opacity:1; box-sizing:border-box; -webkit-transform: scale(0.5); transform: scale(0.5); } .light-content #ball, #ball.over-movie, .light-content #ball.with-icon { border: 2px solid #999999; border-color:#999999; } #ball.with-blur { -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #ball:before { font: var(--fa-font-solid); content: "\f106"; font-size:14px; width:8px; height:16px; line-height:16px; text-align:center; position:absolute; left: 32px; top: -42px; color:#999; opacity:0; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball:before { color:#999; } #ball::after { font: var(--fa-font-solid); content: "\f107"; font-size: 14px; width: 8px; height: 16px; line-height: 16px; text-align: center; position: absolute; left: 32px; top: 100px; color: #999; opacity:0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball:before, .light-content #ball:after { color:#999; } .scale-up #ball:before, .scale-drag-horizontal #ball:before { opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .scale-drag-horizontal #ball:before { color: #fff; } .scale-up #ball:after, .scale-drag-horizontal #ball:after { opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .scale-drag-horizontal #ball:after { color: #fff; } .scale-up.scale-none #ball:before, .scale-up.scale-none #ball:after { opacity:0; } #ball-drag-x { position: absolute; width: 72px; height: 72px; pointer-events: none; opacity:1; box-sizing:border-box; } #ball-drag-x::before { font: var(--fa-font-solid); content: "\f053"; font-size: 14px; width: 8px; height: 16px; line-height: 16px; text-align: center; position: absolute; left: -37px; top: 30px; color: #000; opacity: 0; transform: translateX(-20px); -webkit-transform: translateX(-20px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball-drag-x:before { color:#fff; } #ball-drag-x::after { font: var(--fa-font-solid); content: "\f054"; font-size: 14px; width: 8px; height: 16px; line-height: 16px; text-align: center; position: absolute; right: -40px; left: auto; top: 30px; color: #000; opacity: 0; transform: translateX(20px); -webkit-transform: translateX(20px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball-drag-x:before, .light-content #ball-drag-x:after { color:#fff; } .drag-cursor-white #ball-drag-x:before, .drag-cursor-white #ball-drag-x:after { color:#fff; } .drag-cursor-black #ball-drag-x:before, .drag-cursor-black #ball-drag-x:after { color:#000; } .scale-drag-x #ball-drag-x:before { opacity:1; transform: translateX(0px); -webkit-transform: translateX(0px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .scale-drag-x #ball-drag-x:after { opacity:1; transform: translateX(0px); -webkit-transform: translateX(0px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .scale-up.scale-drag #ball-drag-x:before, .scale-up.scale-drag #ball-drag-x:after { opacity:0; } #ball-drag-y { position: absolute; width: 72px; height: 72px; pointer-events: none; opacity:1; box-sizing:border-box; } #ball-drag-y:before { font: var(--fa-font-solid); content: "\f077"; font-size:14px; width:8px; height:16px; line-height:16px; text-align:center; position:absolute; left: 32px; top: -40px; color:#000; opacity:0; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball-drag-y:before { color:#fff; } #ball-drag-y::after { font: var(--fa-font-solid); content: "\f078"; font-size: 14px; width: 8px; height: 16px; line-height: 16px; text-align: center; position: absolute; left: 32px; top: 100px; color: #000; opacity:0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball-drag-y:before, .light-content #ball-drag-y:after { color:#fff; } .scale-drag-y #ball-drag-y:before { opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .scale-drag-y #ball-drag-y:after { opacity:1; transform: translateY(0px); -webkit-transform: translateY(0px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .scale-up.scale-drag #ball-drag-y:before, .scale-up.scale-drag #ball-drag-y:after { opacity:0; } #ball i { color:#fff; width:76px; height:80px; line-height:78px; text-align:center; font-size:14px; display:block; opacity:1; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #ball { display:flex; flex-direction: column; justify-content: center; } #ball p { color:#fff; width:auto; height:16px; line-height:16px; padding-top:0px; padding-left:0px; box-sizing:border-box; margin:0 auto; margin-bottom:0; text-align:center; font-size:10px; font-weight: 600; display:flex; flex-direction: column; align-self: center; opacity:1; position:relative; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content #ball p { color:#fff; } #ball p.center-first::before { content:"["; font-size:12px; font-weight: 500; position:absolute; height:20px; top:calc(50% - 10px); left:-8px; line-height:20px; } #ball p.center-first::after { content:"]"; font-size:12px; font-weight: 500; position:absolute; height:20px; top:calc(50% - 10px); right:-8px; line-height:20px; } .light-content #ball i, #ball.over-movie i, .light-content #ball.with-icon i { color:#fff; } .drag-cursor-white #ball i, .drag-cursor-white #ball.with-icon i { color:#fff; } .drag-cursor-black #ball i, .drag-cursor-black #ball.with-icon i { color:#000; } .light-content #ball.with-icon.dark-icon i { color:#000; } .scale-up #ball i { opacity:0; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } #ball.with-icon i { width:76px; } #ball.with-icon i:nth-child(2) { display:none; } #ball.close-icon i { width:75px; height:76px; font-size:14px; } #ball.over-movie i.fa-play, #ball.over-movie.pause-movie i.fa-pause { display:block; } #ball.over-movie i.fa-pause, #ball.over-movie.pause-movie i.fa-play { display:none; } #ball-loader { width: 100px; height: 100px; position:absolute; background-color: transparent; border-right: 4px solid transparent; border-bottom: 4px solid #999999; border-left: 4px solid transparent; border-top: 4px solid transparent; border-radius: 100px; box-sizing: border-box; opacity:0; -webkit-transform: translate(-14px, -14px) rotate(0deg); transform: translate(-14px, -14px) rotate(0deg); -webkit-animation: rotating 0.8s ease-in-out infinite; animation: rotating 0.8s ease-in-out infinite; -webkit-transition: opacity 0s ease-in-out 0s; transition: opacity 0s ease-in-out 0s; } .light-content #ball-loader { border-bottom: 4px solid #999999; } .show-loader #ball-loader { opacity:1; -webkit-transition: opacity 0.2s ease-in-out 0s; transition: opacity 0.2s ease-in-out 0s; } @keyframes rotating { 0% { -webkit-transform: translate(-14px, -14px)rotate(0deg); transform: translate(-14px, -14px)) rotate(0deg); } 95% { -webkit-transform: translate(-14px, -14px) rotate(350deg); transform: translate(-14px, -14px) rotate(350deg); } 100% { -webkit-transform: translate(-14px, -14px) rotate(360deg); transform: translate(-14px, -14px) rotate(360deg); } } .show-loader a, .show-loader nav, .scale-up a, .scale-up .hide-ball, scale-up .link, .scale-up .button-wrap, .scale-up #burger-wrapper, .scale-up .disable-drag, .scale-drag a, .scale-drag .move-title { pointer-events:none!important; } .disable-cursor #magic-cursor { display:none; } #ball i.arrow-icon { border: solid #fff; border-width: 3px 3px 0px 0px; box-sizing:border-box; display: block; position:absolute; top:28px; left:30px; height:20px; width:20px; } .light-content #ball i.arrow-icon { border: solid #fff; border-width: 3px 3px 0px 0px; } #ball i.arrow-icon:after { content:""; position:absolute; width:30px; height:3px; top:8px; left:-8px; background-color:#fff; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .light-content #ball i.arrow-icon:after { background-color:#fff; } .disable-ajaxload .preloader-wrap { display:none; } .preloader-wrap { width: 100%; height:100%; position: fixed; top: 0; bottom: 0; background: #000; z-index : 1800; text-align:center; } .preloader-wrap .outer { padding: 0px; box-sizing:border-box; } .preloader-wrap .inner { vertical-align:middle; box-sizing:border-box; } .percentage-wrapper { position:relative; display:block; text-align:center; float:left; width:auto; overflow:hidden; z-index:10; mix-blend-mode: difference; } .percentage { opacity: 1; font-size: 16px; line-height: 60px; width:50px; font-weight: 500; color:#fff; display: table; margin: 0 auto; margin-top:1px; opacity:0; text-align:center; } .percentage::after { content: "%"; } .percentage-intro { height: 20px; font-size: 16px; font-weight: 500; line-height: 20px; color:rgba(255,255,255,0.6); position: absolute; bottom: 60px; left: 0; right: 0; margin: 0 auto; } .trackbar { width: 100%; height: 100%; clip-path: inset(45% 40% 45% 40%); margin: 0 auto; display: flex; position: absolute; top:0; left:0; padding: 0 80px; box-sizing:border-box; opacity: 1; background: rgba(255,255,255,0.05); } .loadbar { width: 0; height: 100%; background: #fff; position: absolute; top: 0px; left: 0; right: auto; overflow: hidden; z-index:0; } .loadbar-inner { width: 100%; height: 100%; background: #000; position: absolute; top: 0px; left: auto; right: auto; overflow: hidden; z-index:20; clip-path: circle(0%); } .hold-progress-bar { width: 0%; height: 0px; background: rgba(0,0,0,1); position: absolute; top: 0px; left: 0; right:0; overflow: hidden; } .preloader-intro { position:relative; display:block; color:#fff; overflow:hidden; padding-left:0vw; float:right; z-index:10; mix-blend-mode: difference; opacity:0; } .uppercase-titles .preloader-intro { text-transform:uppercase; } .preloader-intro span { position: relative; display:block; font-weight:500; position: relative; font-size: 16px; line-height: 60px; } header { width:100%; height:120px; left:0; top:0; background-color:transparent; position:fixed; box-sizing:border-box; z-index:1000; pointer-events:none; -webkit-transition: background 0.4s ease-in-out 0.3s; transition: background 0s ease-in-out 0s; } #header-container { box-sizing: border-box; height: inherit; padding: 20px 80px; margin: 0 auto; position: relative; width: 100%; z-index: 20; opacity: 0; } .header-visible #header-container{ opacity:1; } #logo { position: relative; display: table; pointer-events: initial; z-index: 10; top: 15px; float: left; } #logo a { display:block; -webkit-transition: transform 0.5s ease-in-out 0.1s; transition: transform 0.5s ease-in-out 0.1s; } #logo a.disable, .open #logo a { pointer-events: none; } #logo img { display: block; height: 50px; width: auto; max-width:none; -webkit-transition: opacity 0.15s ease-in-out 0s; transition: opacity 0.15s ease-in-out 0s; } #logo img.black-logo { opacity:1; } .light-content #logo img.black-logo { opacity:0; } #logo img.white-logo { position:absolute; top:0; left:0; opacity:0; } .light-content #logo img.white-logo { opacity:1; } .white-header #logo img.black-logo { opacity:0; } .light-content .white-header #logo img.black-logo { opacity:1; } .light-content .white-header.over-white-section #logo img.black-logo, .show-loader1 .light-content .white-header #logo img.black-logo { opacity:0; } .white-header #logo img.white-logo { opacity:1; } .light-content .white-header #logo img.white-logo { opacity:0; } .light-content .white-header.over-white-section #logo img.white-logo, .show-loader1 .light-content .white-header #logo img.white-logo { opacity:1; } .menu-open.light-content .slide-in #logo img.white-logo { opacity:1; } nav { pointer-events: none; } nav.open { pointer-events: initial; } .dark-content-header #logo img.black-logo { opacity:1!important; } .dark-content-header #logo img.white-logo { opacity:0!important; } .light-content-header #logo img.black-logo { opacity:0!important; } .light-content-header #logo img.white-logo { opacity:1!important; } @media all and (min-width: 1025px) { .classic-menu nav { position: relative; width: auto; top: 0px; -webkit-transition: all 0.2s ease-in-out 0.5s; transition: all 0.2s ease-in-out 0.5s; display:block; float:right; height: 60px; margin: 10px 0; background-color:transparent!important; opacity: 1 !important; } .classic-menu .flexnav { display: block; float: right; position: relative; width: auto; max-height: 60px; } .classic-menu .flexnav li ul { min-width: 180px; } .classic-menu .flexnav .touch-button { background: transparent none repeat scroll 0 0; } .flexnav .touch-button .navicon { display:none; } .classic-menu .flexnav li { background: transparent none repeat scroll 0 0; padding:0 30px; padding-bottom:20px; padding-top:20px; } .classic-menu .menu-timeline { opacity:1!important; -webkit-transition: translateY(0px)!important; transform: translateY(0px)!important; pointer-events:initial; } .classic-menu .flexnav li:last-child { padding-right:0px; } .classic-menu .before-span { opacity:1!important; -webkit-transition: translateY(0px)!important; transform: translateY(0px)!important; } .classic-menu .flexnav li a { background: transparent none repeat scroll 0 0; padding: 0; position:relative; border-left: medium none; color:#222; font-size:14px; font-weight:500; line-height:24px; display:block; overflow:hidden; } .light-content .classic-menu .flexnav li a { color:#fff; } .light-content .classic-menu.white-header .flexnav li a { color:#222; } .classic-menu.white-header .flexnav li a { color:#fff; } .flexnav:hover li a { color: rgba(0,0,0,0.4); } .light-content .classic-menu .flexnav:hover li a { color: rgba(255,255,255,0.4); } .classic-menu.white-header .flexnav:hover li a { color: rgba(255,255,255,0.4); } .light-content .classic-menu.white-header .flexnav:hover li a { color: rgba(0,0,0,0.4); } .classic-menu .flexnav li:hover a { color:#222; } .light-content .classic-menu .flexnav li:hover a { color:#fff; } .classic-menu.white-header .flexnav li:hover a { color:#fff; } .light-content .classic-menu.white-header .flexnav li:hover a { color:#222; } .classic-menu .flexnav li a span { position: relative; display: block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; transform-origin: 100% 0%; } .classic-menu .flexnav li a span::before { position: absolute; top: 100%; width:100%; left:0; content: attr(data-hover); } .classic-menu .flexnav li:hover a span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } .classic-menu .flexnav li a span:nth-child(2), .classic-menu .flexnav li a span:nth-child(3) { display:none; } .classic-menu .flexnav li ul li a { padding:0 20px 20px; background-color:transparent; font-size:14px; font-weight:400; text-transform:none; color:#fff!important; opacity:0.6; -webkit-transition: all 0.05s ease-in-out; -moz-transition: all 0.05s ease-in-out; -o-transition: all 0.05s ease-in-out; -ms-transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out; } .classic-menu .flexnav li ul li a.link::before { display:none; } .classic-menu .flexnav li ul li a.active, .classic-menu .flexnav li ul li a:hover { opacity:1; } .classic-menu .flexnav li > ul li { margin-left:0; padding:0; opacity: 1 !important; transform: none !important; } .classic-menu .flexnav li ul { -webkit-transform: translate3d(0px, 30px, 0px); transform: translate3d(0px, 30px, 0px); display:block!important; opacity:0!important; height:inherit!important; overflow:visible!important; visibility:hidden; left:15px; top:60px; padding-top:20px; background: #000; border-radius:3px; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s ease-in-out!important; } .classic-menu .flexnav li:last-child ul { left:auto; right:-10px; } .classic-menu .flexnav li ul ul { left:5px!important; } .classic-menu .flexnav li ul:after { display: block; content: ''; position: absolute; top: -6px; left: 20px; width: 0; height: 0; border-style: solid; border-width: 0 10px 9px; border-color: transparent transparent #000; } .classic-menu .flexnav li:last-child ul:after { left: auto; right: 20px; } .classic-menu .flexnav ul li ul:after { display: block; content: ''; position: absolute; top: 15px; left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 9px; border-color: transparent transparent #000; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .classic-menu .flexnav li ul li > ul, .classic-menu .flexnav li ul.open ul.open { top: -5px; z-index:10; } .classic-menu .flexnav li:last-child ul li > ul, .classic-menu .flexnav li:last-child ul.open ul.open { margin-left: -100%; left:-5px!important; right:auto; top: 0; } .classic-menu .flexnav li:last-child ul li ul::after { right: -10px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .classic-menu .flexnav ul li ul li a { background: #000; } .classic-menu .flexnav ul li ul li ul li a { background: #000; } .classic-menu .flexnav li ul.flexnav-show { -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); opacity:1!important; visibility:visible; -webkit-transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s; transition: opacity 0.2s ease-in-out 0.1s, visibility 0.2s ease-in-out, transform 0.2s ease-in-out 0.1s; } .classic-menu .flexnav .touch-button { display:none; } .fullscreen-menu .nav-height { overflow-y: scroll; position: relative; height: 100%; padding: 40px 0; padding-right: 30px; width: calc(100% + 30px); box-sizing: border-box; } .fullscreen-menu nav { height: 100vh; position: fixed; top:0; left:0; width: 100%; box-sizing: border-box; visibility: visible; pointer-events:none; opacity:0; padding:20px 0; } .fullscreen-menu nav.open { visibility:visible; pointer-events:initial; } .fullscreen-menu .flexnav { max-height: 2000px; -webkit-transition: all 0.2s ease-in 0.6s; transition: all 0.2s ease-in 0.6s; display: table; width: auto; padding:0 20px; box-sizing:border-box; margin: 0 auto; float: none; } .fullscreen-menu .flexnav.flexnav-show { -webkit-transition: all .3s ease-out 0.2s; transition: all .3s ease-out 0.2s; } .fullscreen-menu .flexnav li { text-align:center; padding:0; box-sizing:border-box; float:none; } .fullscreen-menu .menu-timeline { opacity:0; } .fullscreen-menu .flexnav li ul li .touch-button { height:32px; } .fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a { opacity:1; } .fullscreen-menu .flexnav .touch-button .navicon { display:none; } .fullscreen-menu .flexnav li.link { border-bottom: none; } .fullscreen-menu .flexnav > li > a { font-family: 'Six Caps', sans-serif; font-weight: 500; font-size: calc(1rem + 8vw); line-height: calc(1rem + 7.5vw); padding: 0 50px; -webkit-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s; text-transform:lowercase; } .fullscreen-menu .flexnav .touch-button { width: 100%; display: block; height:calc(1rem + 7.5vw); } .fullscreen-menu .flexnav li a { color:#222; } .fullscreen-menu.invert-header .flexnav li a { color: #fff; } .fullscreen-menu .flexnav:hover li a, .fullscreen-menu .flexnav.hover li a { opacity:0.3; } .fullscreen-menu .flexnav li:hover a, .fullscreen-menu .flexnav li a.active{ opacity:1; } .fullscreen-menu .flexnav:hover li ul li a { opacity:0.3; } .fullscreen-menu .flexnav:hover li ul li a.active, .fullscreen-menu .flexnav:hover li ul li:hover > a { opacity:1; } .fullscreen-menu .flexnav a.link::before { display:none; } .fullscreen-menu .flexnav li ul { margin-top:10px; margin-bottom:10px; position:relative; left:0; } .fullscreen-menu .flexnav li ul:after { display:none; } .fullscreen-menu .flexnav li ul li a { padding: 3px 0; font-size: 16px; line-height: 26px; font-weight:500; border-top: none; text-transform:none; } .uppercase-text .fullscreen-menu .flexnav li ul li a { text-transform:uppercase; line-height:20px; } .fullscreen-menu .flexnav ul li ul li a { background:transparent; } .fullscreen-menu .flexnav li ul li > ul, .fullscreen-menu .flexnav li ul.open ul.open { margin-left: 0; top: 0; } .fullscreen-menu .menu-timeline { opacity:1; } .fullscreen-menu .menu-timeline .before-span { opacity:0; display:block; -webkit-transform: translateY(120px); transform: translateY(120px); } .fullscreen-menu .flexnav li, .fullscreen-menu .flexnav li a { background-color:transparent; border:0; } .fullscreen-menu .flexnav li a span { position: relative; display: block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; transform-origin: 100% 0%; overflow:hidden; } .fullscreen-menu .open .flexnav li a span { overflow:visible; } .fullscreen-menu .flexnav li a span::before { position: absolute; top: 100%; width:100%; left:0; content: attr(data-hover); } .fullscreen-menu .flexnav li:hover a span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } .fullscreen-menu .flexnav li.hover a span { -webkit-transform: translateY(-100%)!important; transform: translateY(-100%)!important; transform-origin: 0% 0%; } } nav, nav.open { background:transparent; } #burger-wrapper { width: 40px; height: 40px; float: right; top: 0px; right: 0; display: flex; position: relative; justify-content: center; align-items: center; cursor: pointer; pointer-events: initial; } .classic-menu .button-wrap.right.menu { display:none; } .burger-dots #menu-burger { top:0px; width: 25px; height: 25px; position: relative; margin: 0 auto; z-index:2; pointer-events: none; } .menu-overlay #menu-burger { display:block; } .burger-dots #menu-burger span { display: block; position: absolute; height: 5px; width: 5px; border-radius:5px; background-color: #000; opacity: 1; top:8px; left:0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out; transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, height 0.2s ease-in-out, width 0.2s ease-in-out, top 0.2s ease-in-out, left 0.2s ease-in-out; } #burger-wrapper .touch-button { display:none; } .burger-dots #menu-burger span:nth-child(1) { left: 0px; } .burger-dots #menu-burger span:nth-child(2){ left: 10px; } .burger-dots #menu-burger span:nth-child(3){ left: 20px; } .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(1) { left: 10px; } .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger span:nth-child(3) { left: 10px; } .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(1) { left: 3px; } .button-wrap.right.menu.burger-dots .icon-wrap:hover #menu-burger.open span:nth-child(3) { left: 3px; } .burger-dots #menu-burger.open span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top:12px; height: 2px; width:20px; left: 3px; } .burger-dots #menu-burger.open span:nth-child(2) { -webkit-transform: scale(0); transform: scale(0); } .burger-dots #menu-burger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top:12px; height: 2px; width:20px; left: 3px; } .button-wrap.right.burger-lines { right: -30px; } .burger-lines #menu-burger { width: 16px; height: 22px; position: relative; margin: 0 auto; z-index:2; pointer-events: none; } .burger-lines #menu-burger span { display: block; position: absolute; height: 2px; width: 100%; opacity: 1; right: 0; background-color:#000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out; transition: background-color 0.05s ease-in-out, transform 0.2s ease-in-out, top 0.2s ease-in-out; } .burger-lines #menu-burger span:nth-child(1) { top: 5px; } .burger-lines #menu-burger span:nth-child(2){ top: 13px; } .burger-lines #menu-burger span:nth-child(3){ display:none; } .burger-lines #menu-burger.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top:10px; } .burger-lines #menu-burger.open span:nth-child(2) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top:10px; } .light-content #menu-burger span { background-color:#fff; } .white-header #menu-burger span { background-color:#fff; } .light-content .white-header #menu-burger span { background-color:#000; } .light-content .white-header.over-white-section #menu-burger span, .show-loader1 .light-content .white-header #menu-burger span { background-color:#fff; } .dark-content-header #menu-burger span { background-color:#000!important; } .light-content-header #menu-burger span { background-color:#fff!important; } .dark-content-header .button-text { color:#000!important; } .light-content-header .button-text { color:#fff!important; } #content-scroll { z-index:1; position:relative; } .smooth-scroll #content-scroll { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index:1; overflow:hidden; } .scroll-content { cursor:default!important; } .scale-up .scroll-content { cursor:grabbing!important; } .scrollbar-track { background: transparent!important; } footer { position:relative; width:100%; height:120px; z-index:900; box-sizing:border-box; text-align:center; bottom:0; left:0; overflow:hidden; pointer-events:none; } footer.fixed { position:fixed; } footer.showcase-footer{ position:fixed; } #footer-container { padding: 0 80px; margin: 20px auto; height: 80px; opacity: 0; position: absolute; width: 100%; box-sizing: border-box; bottom: 0; left: 0; } .footer-middle { position: absolute; margin: 0 auto; width: 100%; height: inherit; display: table; left: 0; pointer-events: none;; } .copyright { position: relative; top: 25px; width: auto; height: 30px; overflow: hidden; font-size: 14px; line-height: 30px; font-weight: 500; color: #000; pointer-events: initial; display: table; width: auto; padding: 0px 20px 0px 20px; max-width: 820px; box-sizing:border-box; text-align:center; margin: 0 auto; } .light-content .copyright { color:#fff; } .socials-wrap { position:relative; float: right; color: #000; width: 240px; height: 160px; box-sizing: border-box; pointer-events:initial; transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .light-content .socials-wrap { color: #fff; } footer .socials-wrap { margin-top:0px; } .socials-wrap:hover { transform: translateY(-40px); -webkit-transform: translateY(-40px); } .socials-text { float:right; font-size:14px; font-weight: 500; line-height:40px; transform:translateY(20px); } .socials-wrap:hover .socials-text { transform: translateY(15px) translateX(5px); -webkit-transform: translateY(15px) translateX(5px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .socials-icon { float:right; width:30px; height:40px; font-size:14px; line-height:40px; text-align:right; margin-left:10px; transform:scale(1) translateY(20px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .socials-wrap:hover .socials-icon { transform:scale(0) translateY(40px); width:0; margin:0; overflow:hidden; } .socials-icon:after, .socials-text:after { content: ""; clear: both; display: table; } .socials { height: auto; line-height: 30px; position: relative; width: auto; margin:0 auto; margin-top: 10px; text-align: center; bottom: 0; display: table; transform: translateX(15px); -webkit-transform: translateX(15px); } .socials-wrap .socials { display: inline-block; width: 100%; text-align: right; } .socials li { margin-right: 0px; margin-left: 10px; list-style: none; color: #999; font-size: 15px; margin-bottom: 0; line-height: 40px; position: relative; display: flex; justify-content: center; align-items: center; height: 40px; width: 40px; float: right; z-index: 2; -webkit-transition: background 0.4s ease-in-out 0s; transition: background 0.4s ease-in-out 0s; } .socials-wrap .socials li { opacity:0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .socials-wrap:hover .socials li:nth-child(5) { transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s; opacity:1; transform: translateY(10px); -webkit-transform: translateY(10px); } .socials-wrap:hover .socials li:nth-child(4) { transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.1s; opacity:1; transform: translateY(10px); -webkit-transform: translateY(10px); } .socials-wrap:hover .socials li:nth-child(3) { transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s; opacity:1; transform: translateY(10px); -webkit-transform: translateY(10px); } .socials-wrap:hover .socials li:nth-child(2) { transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s; opacity:1; transform: translateY(10px); -webkit-transform: translateY(10px); } .socials-wrap:hover .socials li:nth-child(1) { transition: all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; opacity:1; transform: translateY(10px); -webkit-transform: translateY(10px); } .socials li:last-child { margin-left: 0px; } .socials li a { color: #000; font-size:14px; font-weight: 500; display: block; height: 40px; width: 40px; line-height:40px; text-align:center; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .socials:hover li a { opacity:0.3; } .socials li a:hover { color: #000; opacity:1; } .light-content .socials li a { color: #fff; } .light-content .socials:hover li a { opacity:0.3; } .light-content .socials li a:hover { color: #fff; opacity:1; } .button-wrap { position: relative; cursor: pointer; top: 0px; pointer-events: initial; width: auto; display: table; } .button-wrap:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; } .button-wrap.left { float:left; left:-32px; } .button-wrap.right { float:right; right:-26px; } #main .button-wrap.left { float:none; left:-24px; } #main .button-wrap.button-link.left { float:none; left:-20px; } #main .button-wrap.right { float:none; right:auto; } #main .button-wrap.button-link.right { right:-2px; } .icon-wrap { width: 80px; height: 80px; display: flex; position: relative; justify-content: center; align-items: center; float:left; } #main .icon-wrap { width: 60px; height: 60px; } .button-wrap.left .icon-wrap { float:left; } .button-wrap.right .icon-wrap { float:right; } #main .text-align-right .button-wrap.right { float:right; } .button-icon { height: 40px; width: 40px; color: #000; text-align: center; line-height: 40px; font-size: 18px; } .button-icon i.fa-solid.fa-sort { font-size: 14px; line-height: 38px; } .light-content .button-icon, .dark-section .button-icon { color:#fff; } .light-content .light-section .button-icon { color:#000; } .white-header .button-icon { color:#fff; } .light-content .white-header .button-icon { color:#000; } .button-icon i { height:40px; line-height:40px; width:40px; text-align:center; } #main .button-icon i { line-height:40px; } #main .button-icon i.fa.fa-arrow-right { font-size:14px; } .button-text { font-weight: 500; font-size: 14px; line-height:30px; margin:25px 0; overflow: hidden; width:auto; padding:0 10px; color:#000; -webkit-transition: color 0.05s ease-in-out; transition: color 0.05s ease-in-out; } #main #hero-footer .button-text span::after { content:none; } #main .button-text { font-size: 18px; line-height:30px; font-weight: 500; margin:15px 0; transition: transform .2s ease-out; } #main #hero #hero-footer .button-text { font-size: 14px; line-height:30px; } #main .large-btn .button-text { font-size: 20px!important; font-weight:500; margin:15px 0; transition: transform .2s ease-out; } .light-content .button-text, .dark-section .button-text { color:#fff; } .light-content .light-section .button-text { color:#000; } .white-header .button-text { color:#fff; } .light-content .white-header .button-text { color:#000; } .light-content .white-header.over-white-section .button-text, .show-loader1 .light-content .white-header .button-text { color:#fff; } .button-wrap.left a { text-align:left; float: left; } .button-wrap.right a { text-align:right; float: right; } .button-wrap.right .button-text { padding-left:0px; } .button-text span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; width:auto; text-align:center; transform-origin: 100% 0%; } .button-link .button-text, #main .button-link .button-text { overflow:visible; transition: padding 0.3s ease-out; } .button-link.left .button-text { padding-left:0px; } .button-link.left:hover .button-text { padding-left:10px; } .button-link .button-text span::before { content: ''; position: absolute; bottom: 1px; left: 0; width: 100%; height: 1px; background: transparent; transform: scaleX(1); transform-origin: right; transition: transform 0.3s ease-out; } .button-link.left .button-text span::before { transform-origin: left; } .light-content .button-link .button-text span::before, .dark-section .button-link .button-text span::before { background: transparent; } .light-content .light-section .button-link .button-text span::before { background: transparent; } .button-wrap.button-link:hover .button-text span { transform: translateY(0); -webkit-transform: translateY(0); } .button-link:hover .button-text span::before { transform: scaleX(0); -webkit-transform: scaleX(0); transform-origin: left; } .button-link.left:hover .button-text span::before { transform-origin: right; } .button-link .button-icon i { background-color:#000; border:1px solid rgba(0,0,0,1); color:transparent; font-size: 14px; border-radius:100%; transform: scale(0.2); box-sizing:border-box; transition: all .3s ease-out; text-indent:-100px; overflow:hidden; opacity:1; } .button-link:hover .button-icon i { background-color:#000; color:#fff; border:1px solid rgba(0,0,0,1); transform: scale(1.2); text-indent:0px; opacity:1; } .light-content .button-link .button-icon i, .dark-section .button-link .button-icon i { background-color:#fff; border:1px solid rgba(255,255,255,1); } .light-content .button-link:hover .button-icon i, .dark-section .button-link:hover .button-icon i { background-color:#fff; color:#000; border:1px solid rgba(255,255,255,1); opacity:1; } .light-content .light-section .button-link .button-icon i { border:1px solid rgba(0,0,0,1); } .light-content .light-section .button-link:hover .button-icon i { background-color:#000; color:#fff; border:1px solid rgba(0,0,0,1); opacity:1; } .button-link.right .button-icon i { transform: scale(0.2) translateX(-60px); -webkit-transform: scale(0.2) translateX(-60px); } .button-link.right:hover .button-icon i { transform: scale(1.2) translateX(0px); -webkit-transform: scale(1.2) translateX(0px); } .button-wrap.left .button-text span { text-align:left; } .button-wrap.right .button-text span { text-align:right; } .button-text span::before { position: absolute; width:auto; top: 100%; left:0; content: attr(data-hover); } .header-middle .button-text span::before { content: attr(data-on); } .button-wrap:hover .button-text span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } .link-text { font-weight: 500; font-size: 14px; line-height:30px; margin:0; overflow: hidden; display: table; width:auto; padding:0; color:#000; -webkit-transition: color 0.05s ease-in-out; transition: color 0.05s ease-in-out; } footer .link-text { float:left; opacity:0; margin-top: 25px; } p .link-text { display:inline-table; font-size:16px; } .light-content .link-text, .dark-section .link-text { color:#fff; } .light-content .light-section .link-text { color:#000; } .link-text span { position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; width:auto; text-align:center; transform-origin: 100% 0%; pointer-events:initial; cursor:pointer; } .link-text span::before { position: absolute; width:auto; top: 100%; left:0; content: attr(data-hover); } .link-text:hover span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 0% 0%; } nav, nav.open { background:transparent; } @media only screen and (max-width: 1466px) { .row_padding_all { padding-left: 60px; padding-right: 60px; } .row_padding_left { padding-left:60px; } .row_padding_right { padding-right:60px; } .percentage-wrapper { width:10vw; } .percentage-intro { bottom: 50px; } header { height: 100px; } #header-container { padding: 10px 60px; } .flexnav li { padding: 20px; } footer { height: 100px; } #footer-container { padding: 0 60px; margin: 10px auto; } .socials-wrap:hover .socials-text { transform: translateY(20px) translateX(5px); -webkit-transform: translateY(20px) translateX(5px); } } @media only screen and (max-width: 1024px) { .parallax-wrap { transform:none!important; } .parallax-element { transform:none!important; } .has-parallax figcaption { display:none; } .destroy { display:none; } .row_padding_left { padding-left: 0px; } .row_padding_right { padding-right: 0px; } .full.row_padding_left { padding-left: 40px; } .full.row_padding_right { padding-right: 40px; } .row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 0px; padding-right: 0px; } .full.row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 40px; padding-right: 40px; } .big-title { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); } #magic-cursor { display:none; } .percentage-wrapper { width:12vw; } .percentage-intro { bottom: 40px; } #header-container { padding: 10px 40px; } nav { height: 100vh; width: 100%; position: fixed; left: 0; top: 0; box-sizing: border-box; visibility: visible; pointer-events:none; opacity:0; padding:20px 0; } nav.open { visibility:visible; pointer-events:initial; } .nav-height { position: relative; height: 100%; padding: 40px 0; width: 100%; box-sizing: border-box; overflow-y: auto; } .flexnav { padding: 0 20px; max-height: 2000px; display: table; width: auto; margin: 0 auto; text-align:center; box-sizing:border-box; background: transparent; -webkit-transition: all 0.2s ease-in 0.6s; transition: all 0.2s ease-in 0.6s; } .flexnav.flexnav-show { -webkit-transition: all .3s ease-out 0.2s; transition: all .3s ease-out 0.2s; } .flexnav.opacity { opacity: 1; } .flexnav li { padding:0; -webkit-transition: color .15s ease-out 0s; transition: color .15s ease-out 0s; } .flexnav:hover li { color:rgba(255,255,255,0.4) } .flexnav li:hover { color:rgba(255,255,255,1) } .flexnav li a, .flexnav li ul li a { background: transparent; } .flexnav li a { font-weight:500; font-size: 9vw; line-height: 10vw; padding:0; border:none; -webkit-transition: all .1s ease-in-out 0s; transition: all .1s ease-in-out 0s; } .flexnav > li > a { font-size: calc(1rem + 12vw); line-height: calc(1rem + 11.5vw); font-family: 'Six Caps', sans-serif; text-transform: lowercase; } .flexnav > li > .touch-button { width: 100%; height:calc(1rem + 11.5vw); display: block; } .flexnav li a { color:#000; } .invert-header .flexnav li a { color: #fff; } .flexnav:hover li a { opacity:0.3; } .flexnav li:hover a, .flexnav li a.active{ opacity:1; } .flexnav .touch-button { width: 100%; display: block; height:10vw; } .flexnav li ul { margin-bottom:15px; } .flexnav li ul li a { padding: 3px 0; font-weight: 500; text-transform:none; font-size: 16px; line-height: 26px; border-top: none; opacity:0.4; -webkit-text-stroke:none; } .uppercase-text .flexnav li ul li a { text-transform:uppercase; } .flexnav li ul li:hover a, .flexnav li ul li a.active{ opacity:1; } .flexnav:hover li ul li a { opacity:0.3; } .flexnav:hover li ul li a.active, .flexnav:hover li ul li:hover > a { opacity:1; } .flexnav ul li ul li a { background: transparent; } .flexnav li ul li ul li a { padding: 10px 40px; } .flexnav li ul li .touch-button { height:30px; } .flexnav .touch-button .navicon { display:none; } #menu-burger span.touch-button { display:none; } .classic-menu .button-wrap.right.menu { display: block; } #footer-container { padding: 0 40px; } .copyright { text-align:center; } .socials-wrap { width: 240px; height: 40px; float:right; margin:0 auto; right:-10px; transform: translateX(0px) translateY(20px)!important; -webkit-transform: translateX(0px) translateY(20px)!important; } .socials-wrap:hover { transform: translateY(20px); -webkit-transform: translateY(20px); } .socials-icon, .socials-text { display:none; } .socials-wrap .socials { margin-top: 3px; text-align: right; transform: translateX(0px); -webkit-transform: translateX(0px); } .socials-wrap .socials li { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .socials-wrap:hover .socials li { opacity: 1; transform: translateY(0px)!important; -webkit-transform: translateY(0px)!important; } .socials li { margin-right: 10px; line-height: 30px; height: 30px; width: 30px; margin: 0 5px auto; display: inline-block; float: none; } .socials li a { height: 30px; width: 30px; line-height: 30px; } } @media only screen and (max-width: 767px) { figcaption { background-color: rgba(0,0,0,0.3); bottom: 0px; font-size: 10px; padding: 5px 10px; right: 0px; border-radius: 0; } .text-aligh-right { text-align:left; } .one_half { width: 100%!important; } .one_half { padding-right: 0!important; } .one_half.last { padding-left: 0!important; } .one_third { width: 100%!important; } .one_fourth { width: 100%!important; } .one_fifth { width: 100%!important; } .one_sixth { width: 100%!important; } .two_fifth { width: 100%!important; } .two_fourth { width: 100%!important; } .two_third { width: 100%!important; } .three_fifth { width: 100%!important; } .three_fourth { width: 100%!important; } .four_fifth { width: 100%!important; } .five_sixth { width: 100%!important; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { margin-bottom: 30px!important; margin-right: 0%!important; } .row_padding_top { padding-top:10vw; } .row_padding_bottom { padding-bottom:10vw; } .row_padding_left { padding-left: 0px; } .row_padding_right { padding-right: 0px; } .full.row_padding_left { padding-left: 30px; } .full.row_padding_right { padding-right: 30px; } .row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 0px; padding-right: 0px; } .full.row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 30px; padding-right: 30px; } .clip-effects { overflow: hidden; clip-path: inset(2% 5% round 30px); } hr { height: 20px; } .big-title { font-size: calc(1rem + 13vw); line-height: calc(1rem + 12.5vw); } .bigger { font-size: 20px; line-height: 30px; } .percentage-wrapper { width:16vw; } .percentage-intro { bottom: 30px; } header { height:80px; } #header-container { padding: 0; margin: 0 auto; } #logo { left: 30px; } .button-wrap.right.menu { right: 4px; } .button-wrap.right.menu.burger-lines { right: 0px; } header .button-text { display: none; } .flexnav > li > a { font-size: calc(1rem + 13vw); line-height: calc(1rem + 12.5vw); } .flexnav > li > .touch-button { height:calc(1rem + 12.5vw); } footer { height: 80px; } .footer-button-wrap { bottom: 80px; } #footer-container { height: 80px; padding: 0 30px; margin:0; } #footer-container #backtotop.button-wrap.left { float: none; top:5px; left: 0; right: 0; position: absolute; display:block; } #backtotop.button-wrap.left .button-text { text-align: left; float: left; display: none; } #backtotop.button-wrap.left .icon-wrap { float: none; position: absolute; right: auto; left: 0; margin: auto; top: 0px; opacity:0.4; -webkit-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s; } #backtotop.button-wrap.left:hover .icon-wrap { opacity:1; } .footer-middle { max-width: 1180px; height:20px; position: relative; margin: 0 auto; left: 0; width: 100%; top: 0px; margin-bottom: 15px; } .copyright { margin: 0 auto; left: auto; right: auto; top: 0; height: 20px; line-height: 20px; } footer.showcase-footer .arrows-wrap { right: auto; left: -30px; float: left; margin: auto; } .socials-wrap { width: auto; float: none; display: table; left: auto; right: auto; top: 0; margin: 0 auto; height: 20px; line-height: 20px; transform: translateX(0px) translateY(0px)!important; -webkit-transform: translateX(0px) translateY(0px)!important; } .socials-wrap .socials { text-align: center; margin: 0 auto; height: 20px; line-height: 20px; display: table; width: auto; } .socials li, .socials li a { height: 20px; line-height: 20px; margin: 0 auto; } } @media only screen and (max-width: 479px) { .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .two_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { margin-bottom: 20px!important; margin-right: 0%!important; } .row_padding_top { padding-top:12vw; } .row_padding_bottom { padding-bottom:12vw; } .row_padding_left { padding-left: 0px; } .row_padding_right { padding-right: 0px; } .full.row_padding_left { padding-left: 20px; } .full.row_padding_right { padding-right: 20px; } .row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 0px; padding-right: 0px; } .full.row_padding_all { padding-top: 4vw; padding-bottom: 4vw; padding-left: 20px; padding-right: 20px; } hr { height: 10px; } .big-title { font-size: calc(1rem + 14vw); line-height: calc(1rem + 13.5vw); } .percentage-wrapper { width:20vw; } #logo { left: 20px; } .button-wrap.right.menu { right: -6px; } .button-wrap.right.menu.burger-lines { right: -10px; } .flexnav > li > a { font-size: calc(1rem + 14vw); line-height: calc(1rem + 13.5vw); } .flexnav > li > .touch-button { height:calc(1rem + 13.5vw); } #footer-container { padding: 0px; margin:0; } footer.showcase-footer #footer-container { padding: 0px 20px; } .arrows-wrap { left: -10px; width: 80px; } .prev-wrap, .next-wrap { width: 40px; } footer.showcase-footer .arrows-wrap { right: 0; left: 0; float: none; margin: auto; } footer.showcase-footer .arrows-wrap { width: 100%; } footer.showcase-footer .prev-wrap, footer.showcase-footer .next-wrap { width: 60px; } footer.showcase-footer .footer-middle { top: 0px; } footer.showcase-footer .showcase-subtitles-wrap { left: 0; } footer.showcase-footer .socials-wrap { display:none; } .button-text { display:none; } #main-page-content .button-text, #hero .button-text { display:block; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { #rotate-device { display:block; } }