@charset "UTF-8"; /* Theme Name: Litho Theme URI: https://litho.themezaa.com/ Author: the Themezaa team Author URI: https://www.themezaa.com/ Description: Litho is a creative and responsive, business and portfolio, blog and eCommerce multipurpose Elementor WordPress theme with 37+ homepages, 200+ elements and inner pages. Version: 2.2 Requires at least: 5.7 Tested up to: 6.4.3 Requires PHP: 7.3 License: Themeforest Split Licence License URI: http://themeforest.net/licenses Text Domain: litho Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, flexible-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog */ /* Table of contents 01. Reset 02. Typography 03. Custom 04. Icon 05. Button 06. Width and height 07. Background 08. Video 09. Header 10. Footer 11. Pages 12. Popup 13. Swiper carousel 14. Grid 15. Portfolio 16. Blog 17. WooCommerce shop 18. Elements 19. Others */ /* =================================== 01. Reset ====================================== */ body { font-size: 15px; line-height: 30px; color: #828282; padding: 0; margin: 0; font-family: roboto, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } body, html { -moz-osx-font-smoothing: grayscale; } html { font-size: 14px; } a:hover, a:focus { text-decoration: none; outline: none; outline-offset: 0; color: #0038e3; } a { text-decoration: none; } a, a:active, a:focus, .nav-link { color: #828282; } input, textarea, select { border: 1px solid #dfdfdf; padding: 9px 15px; width: 100%; margin: 0 0 15px 0; max-width: 100%; resize: none; outline: none; color: #232323; font-size: 14px; } a, .btn, input, textarea, select, .social-icons-wrapper ul li a.elementor-icon i, .social-icons-wrapper ul li a.elementor-icon .social-icon-text, .elementor-inner-section, footer .elementor-icon-list-items li a span, [type=submit], footer .litho-secondary-title, .elementor-widget-litho-heading .litho-secondary-title, .elementor-widget-litho-heading .litho-primary-title { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .litho-icon-box-wrapper .elementor-icon-box-title, .litho-icon-box-wrapper .elementor-icon-box-description, .litho-icon-box-wrapper .elementor-icon-box-icon i:before, .litho-icon-box-wrapper .elementor-icon-box-icon .elementor-icon, .feature-box .elementor-icon, .feature-box .title, .feature-box .content, .feature-box .litho_primary_button, .feature-box { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .elementor-widget-litho-feature-box, .elementor-widget-litho-icon-box, .hvr-float-3px, .hvr-float-10px, .hvr-float { will-change: transform; } .elementor-view-stacked .elementor-icon i:before, .elementor-view-framed .elementor-icon i:before, .litho-icon-box-wrapper .elementor-icon-box-title a { transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"], input[type="url"], input[type="tel"] { border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } input[type="submit"] { width: auto; } input[type="button"], input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:focus, textarea:focus { border: 1px solid #b9b9b9; outline: none; } input[type="submit"]:focus { outline: none; } input[type=checkbox], input[type=radio] { padding: 0; width: auto; margin: 0 5px 0 0; position: relative; top: 2px; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { margin: 0; } ::-webkit-input-placeholder { color: #a6a6a6; text-overflow: ellipsis; } ::-moz-placeholder { color: #a6a6a6; text-overflow: ellipsis; opacity: 1; } :-ms-input-placeholder { color: #a6a6a6; text-overflow: ellipsis; opacity: 1; } select::-ms-expand { display: none; } button, button:focus, button:hover, .btn, .btn:focus { outline: none; } .btn:focus { box-shadow: none; } .wpcf7-not-valid, .inputerror { border-color: #ff0202 !important; } div.wpcf7-response-output, .wpcf7 form .wpcf7-response-output { padding: 9px 1em 6px; font-size: 14px; text-align: center; margin: 2em 0 0 0; clear: both; } .elementor embed, .elementor iframe, .elementor object, .elementor video { vertical-align: top; } ol, ul { padding-left: 18px; } table { margin-bottom: 30px; border: 1px solid #e8e8e8; width: 100%; } table th { border-bottom: 1px solid #e8e8e8; font-weight: 500; font-size: 15px; padding: 10px 15px; color: #232323; border-right: 1px solid #e8e8e8; } table td { border-bottom: 1px solid #e8e8e8; font-style: normal; padding: 10px 15px; font-size: 15px; border-right: 1px solid #e8e8e8; } img { max-width: 100%; height: auto; } p { margin: 0 0 25px; } b, strong { font-weight: 600; } p:empty { display: none; } ul, ol, dl { margin-bottom: 25px; } video { background-size: cover; display: table-cell; vertical-align: middle; width: 100%; } /* wp captions */ .wp-caption { background: #f7f7f7; padding: 17px; text-align: center; border: 1px solid rgba(0, 0, 0, .1); max-width: 100%; } .wp-caption figcaption { padding: 18px 0 0; } .wp-caption img { width: 100%; margin: 0; } .wp-caption.alignnone { margin: 5px 0 20px 0; } .wp-caption.alignleft { margin: 5px 40px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 30px; } .alignright { float: right; margin-left: 20px; } .alignleft { float: left; margin-right: 20px; } dl.wp-caption { background: transparent; padding: 0; border: 0; margin: 0; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 20px; margin: 0; padding: 15px 0 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 23px auto; text-align: center } img.aligncenter { display: block; margin-left: auto; margin-right: auto } img.alignleft { margin-bottom: 20px; } .alignwide { margin-left: auto; margin-right: auto; position: relative; } .alignfull { width: 100%; margin-left: auto; margin-right: auto; } .alignfull img { width: 100%; } .wp-block-image { text-align: center; } /* accessibility */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 1 } /* =================================== 02. Typography ====================================== */ .alt-font { font-family: 'Poppins', sans-serif; } .main-font { font-family: 'roboto', sans-serif !important; } /* heading size */ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: inherit; letter-spacing: -0.5px; } h1 { font-size: 5rem; line-height: 5rem; } h2 { font-size: 3.9rem; line-height: 4.2rem; } h3 { font-size: 3.4rem; line-height: 3.9rem; } h4 { font-size: 2.85rem; line-height: 3.4rem; } h5 { font-size: 2.30rem; line-height: 3rem; } h6 { font-size: 1.8rem; line-height: 2.5rem; } /* text size */ .font-size-0 { font-size: 0; } .text-small, .elementor-size-small { font-size: 13px; line-height: 22px; } .elementor-size-medium { font-size: 14px; line-height: 20px; } .elementor-size-large { font-size: 18px; line-height: 22px; } .elementor-size-xl { font-size: 20px; line-height: 28px; } .elementor-size-xxl { font-size: 36px; line-height: 36px; } .title-large { font-size: 100px; line-height: 95px; } /* text color, text link color and text link hover color */ .text-white, .btn-link.text-white, a.text-white-hover:hover { color: #fff; } .text-black, .btn-link.text-black, a.text-black-hover:hover { color: #000; } .text-extra-dark-gray, .btn-link.text-extra-dark-gray, a.text-extra-dark-gray-hover:hover { color: #232323; } .text-dark-gray, .btn-link.text-dark-gray, a.text-dark-gray-hover:hover { color: #626262; } .text-extra-medium-gray, .btn-link.text-extra-medium-gray, a.text-extra-medium-gray-hover:hover { color: #757575; } .text-medium-gray, .btn-link.text-medium-gray, a.text-medium-gray-hover:hover { color: #939393; } .text-extra-light-gray, .btn-link.text-extra-light-gray, a.text-extra-light-gray-hover:hover { color: #b7b7b7; } .text-light-gray, .btn-link.text-light-gray, a.text-light-gray-hover:hover { color: #d6d5d5; } .text-very-light-gray, .btn-link.text-very-light-gray, a.text-very-light-gray-hover:hover { color: #ededed; } .text-fast-blue, .btn-link.text-fast-blue, a.text-fast-blue-hover:hover { color: #0038e3; } .text-light-pink, .btn-link.text-light-pink, a.text-light-pink-hover:hover { color: #ff85a6; } .text-red, .btn-link.text-red, a.text-red-hover:hover { color: #fe0127; } .text-parrot-green, .btn-link.text-parrot-green, a.text-parrot-green-hover:hover { color: #cee002; } .text-orange, .btn-link.text-orange, a.text-orange-hover:hover { color: #fd961e; } .text-dark-orange, .btn-link.text-dark-orange, a.text-dark-orange-hover:hover { color: #ff6437; } .text-neon-orange, .btn-link.text-neon-orange, a.text-neon-orange-hover:hover { color: #ff7a56; } .text-dark-red, .btn-link.text-dark-red, a.text-dark-red-hover:hover { color: #e12837; } .text-radical-red, .btn-link.text-radical-red, a.text-radical-red-hover:hover { color: #fb4f58; } .text-golden-yellow, .btn-link.text-golden-yellow, a.text-golden-yellow:hover { color: #FF9C00; } .text-slate-blue, .btn-link.text-slate-blue, a.text-slate-blue-hover:hover { color: #262b35; } .text-slate-blue-light, .btn-link.text-slate-blue-light, a.text-slate-blue-light-hover:hover { color: #8890a4; } .text-medium-slate-blue, .btn-link.text-medium-slate-blue, a.text-medium-slate-blue-hover:hover { color: #374162; } .text-dark-slate-blue, .btn-link.text-dark-slate-blue, a.text-dark-slate-blue-hover:hover { color: #1f232c; } .text-brown, .btn-link.text-brown, a.text-brown-hover:hover { color: #986248; } .text-blue-wood, .btn-link.text-blue-wood, a.text-blue-wood-hover:hover { color: #373a63; } .text-dark-purple, .btn-link.text-dark-purple, a.text-dark-purple-hover:hover { color: #333045; } .text-yellow-ochre, .btn-link.text-yellow-ochre, a.text-yellow-ochre-hover:hover { color: #c89965; } .text-yellow-ochre-light, .btn-link.text-yellow-ochre-light, a.text-yellow-ochre-light-hover:hover { color: #c3964e; } .text-gradient-light-purple-light-orange { background: linear-gradient(to right, #b783ff, #b783ff, #fa7cc1, #ff85a6, #ff9393); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* text property */ .elementor .text-decoration-underline { text-decoration: underline; } .elementor .text-decoration-underline:hover { text-decoration: none; } .text-decoration-none { text-decoration: none; } .word-wrap { word-wrap: break-word; } .text-transform-none { text-transform: none; } .line-height-unset { line-height: unset; } .line-height-normal { line-height: normal; } .line-height-none { line-height: 0; } .text-decoration-line-through { text-decoration: line-through; } /* font weight */ .font-weight-100 { font-weight: 100 !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } /* vertical text */ .elementor-title-vertical-text { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); left: -285px; } /* heading bubble */ .elementor-heading-box-bubble .elementor-widget-container { position: relative; } .elementor-heading-box-bubble .elementor-widget-container:before { top: 100%; right: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(237, 237, 237, 0); border-top-color: #F4D956; border-width: 18px 0 0 18px; } /* =================================== 03. Custom ====================================== */ section.big-section { padding: 160px 0; } section.extra-big-section { padding: 200px 0; } section.half-section { padding: 80px 0; } .full-screen { min-height: 100vh } .full-screen-slide.swiper .full-screen-slide.swiper-container { height: 100vh } /* contact form */ div.wpcf7 .ajax-loader { top: -4px; display: none; background-color: transparent; opacity: 1; width: auto; height: auto; } div.wpcf7 .ajax-loader:after { margin: 0 !important; background: none; content: "" !important; position: absolute; left: calc(50% - 10px) !important; top: calc(50% - 10px) !important; width: 20px !important; height: 20px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } div.wpcf7 .ajax-loader::before { display: none; } div.wpcf7 .ajax-loader.is-active, div.wpcf7 form.submitting .ajax-loader { display: inline-block; visibility: visible; } .contact-form-wrapper .wpcf7-form-control-wrap { display: block; position: relative; } .wpcf7-form-control-wrap .wpcf7-not-valid-tip { display: none; } .contact-form-wrapper .litho-button-wrapper.contact-simple { text-align: right; } .contact-form-wrapper .litho-button-wrapper.contact-simple > div, .contact-form-wrapper .litho-button-wrapper.contact-simple > div > p { display: flex; justify-content: end; } .contact-form-wrapper .litho-button-wrapper.contact-simple > div > p .wpcf7-submit, .contact-form-wrapper .litho-button-wrapper.contact-simple > div > .wpcf7-submit { order: 2; } .contact-form-wrapper .litho-button-wrapper.contact-simple > div > p .wpcf7-spinner, .contact-form-wrapper .litho-button-wrapper.contact-simple > div > .wpcf7-spinner { order: 1; } .contact-form-wrapper .litho-button-wrapper.contact-simple .wpcf7-spinner, .contact-form-wrapper .litho-button-wrapper.contact-modern .wpcf7-spinner { position: relative; top: 8px; } .popup-contact-form .wpcf7-spinner { position: relative; top: 6px; } .wpcf7-form p { margin-bottom: 0; } .contact-form-wrapper .litho-button-wrapper input { margin-bottom: 0; } .contact-form-wrapper .col:first-child, .contact-form-wrapper .col:nth-child(2) { margin-bottom: 3.3rem; } .contact-form-wrapper .contact-form-text { display: inline-block; width: 100%; } .contact-form-wrapper .contact-form-text .wpcf7-list-item-label { display: inline-block; width: 85%; vertical-align: top; margin-left: 5px; } .contact-form-wrapper .contact-form-text .wpcf7-list-item-label a { text-decoration: underline; } .contact-form-wrapper .contact-form-text .wpcf7-list-item-label a:hover { text-decoration: none; color: inherit; } .contact-form-wrapper .contact-form-text .wpcf7-list-item { margin: 0; } .mc4wp-response { position: absolute; width: 100%; z-index: 9; } .mc4wp-alert { padding: 13px 20px; clear: both; width: 100%; margin-top: 8px; font-size: 14px; line-height: 22px; border-radius: 6px; z-index: 2; max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%; } .mc4wp-error { color: #a94442; background-color: #f2dede; border-color: #ebcccc; } .mc4wp-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output { color: #503a00; background-color: #ffb900; border-color: #ffb900; border-width: 1px; } .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { color: #a94442; background-color: #f2dede; border-color: #ebcccc; border-width: 1px; } .wpcf7 form.sent .wpcf7-response-output { color: #155724; background-color: #d4edda; border-color: #c3e6cb; border-width: 1px; } .wpcf7 .wpcf7-submit:disabled { opacity: .6; } /* separator line */ .separator-line, .vertical-separator { width: 1px; height: 14px; background-color: rgba(255, 255, 255, .45); } .vertical-separator { display: inline-block; } .horizontal-separator { width: 30px; background-color: #bcbcbc; margin-bottom: 15px; height: 1px; } .separator-line-horizontal-full { width: 100%; display: block; height: 1px; background-color: #e8e8e8; margin-bottom: 16px; } /* overlay */ .elementor-background-overlay { z-index: 0; pointer-events: none; } .litho-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.75; top: 0; left: 0; background-color: #232323; } .litho-gradient-overlay { position: absolute; height: 100%; width: 100%; opacity: 0.8; top: 0; left: 0; background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); } /* input size */ .small-input, .small-textarea { padding: 7px 15px; font-size: 11px; } .small-select select { padding: 15px 15px; } .medium-input, .medium-textarea, .medium-select select { padding: 10px 20px; font-size: 13px; } .medium-textarea { min-height: 115px; } .extra-medium-textarea { min-height: 158px; font-size: 14px; } .large-input { padding: 15px 25px; font-size: 14px; } /* page scroll top arrow */ .scroll-top-arrow, .scroll-top-arrow:focus { background: #fff; font-size: 17px; line-height: 34px; box-shadow: 0 0 25px rgba(23, 23, 23, .25); display: none; height: 34px; width: 34px; padding: 0; position: fixed; right: 45px; text-align: center; text-decoration: none; bottom: 45px; z-index: 1029; border-radius: 100%; letter-spacing: initial; } .scroll-top-arrow:hover { background: #fff; color: #828282; box-shadow: 0 0 30px rgba(23, 23, 23, .4); -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } /* down arrow */ .elementor-widget-litho-page-title .down-section .section-link { padding: .85em; color: #fff; background-color: #232323; font-size: 18px; vertical-align: bottom; } .down-section { position: absolute; width: 100%; bottom: 50px; left: 0; right: 0; } .down-section-arrow { border-radius: 100%; height: 45px; width: 45px; line-height: 50px; display: inline-block; vertical-align: middle; position: relative; } .scroll-to-next { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; text-align: center; margin-bottom: 50px; z-index: 2; } .scroll-to-next a { font-size: 18px; border-radius: 100%; color: #0038e3; background-color: #fff; height: 45px; width: 45px; display: inline-block; vertical-align: bottom; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; margin-right: auto; } .scroll-to-next.default a { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); } .scroll-to-next a i { font-size: 15px; color: #2F2F2F; } .scroll-to-next a svg { height: 15px; fill: #2F2F2F; } /* scroll down arrow style 1 */ .scroll-to-next.scroll-down-type-1 .section-link { background-color: transparent; } .scroll-to-next.scroll-down-type-1 .section-link i { font-size: 28px; color: #fff; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .08); box-shadow: 0 0 0 rgba(0, 0, 0, .08); } .scroll-to-next.scroll-down-type-1 .section-link { display: table; position: relative; -webkit-animation-name: down-arrow; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0.8s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-name: down-arrow; animation-duration: 0.8s; animation-timing-function: linear; animation-delay: 0.8s; animation-iteration-count: infinite; animation-direction: alternate; margin: 0 auto; } /* scroll down arrow style 2 */ .scroll-down-type-2.scroll-to-next a { width: auto; height: auto; background-color: transparent; display: inline-block; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .08); box-shadow: 0 0 0 rgba(0, 0, 0, .08); position: relative; } .scroll-down-type-2.scroll-to-next .section-link.after-text:after { height: 30px; width: 2px; background-color: #fff; content: ""; position: absolute; bottom: 0px; right: -2px; left: 0; margin: 0 auto; } .scroll-down-type-2.scroll-to-next .scroll-to-down-text { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); font-weight: 600; color: #232323; font-size: 15px; margin-bottom: 75px; text-align: initial; width: 100px; letter-spacing: -0.50px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* scroll down arrow style 3 */ .scroll-down-type-3.scroll-to-next { margin-bottom: -45px; } .scroll-down-type-3.scroll-to-next a { width: 90px; height: 90px; } .scroll-down-type-3.scroll-to-next a i { font-size: 32px; color: #0038e3; } /* drop cap */ .elementor-drop-cap-view-stacked .elementor-drop-cap { line-height: 30px; } .elementor-drop-cap-view-stacked .elementor-drop-cap .elementor-drop-cap-letter { line-height: 30px; vertical-align: top; } .elementor-drop-cap-view-stacked.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap { margin-top: 6px; } .elementor-drop-cap-view-framed .elementor-drop-cap { display: inline-flex; } .elementor-drop-cap-view-framed .elementor-drop-cap .elementor-drop-cap-letter { display: inline-block; } .elementor-drop-cap-view-letter-big .elementor-drop-cap .elementor-drop-cap-letter { position: relative; } .elementor-drop-cap-view-letter-big .elementor-drop-cap .elementor-drop-cap-letter:before { position: absolute; border-bottom: 1px solid; content: ""; display: block; width: 100%; top: 55%; left: 0; } /* margin */ .margin-auto-lr { margin: 0 auto; } .margin-auto { margin: auto; } .no-margin { margin: 0 !important; } .no-margin-top { margin-top: 0 !important; } .no-margin-bottom { margin-bottom: 0 !important; } .no-margin-left { margin-left: 0 !important; } .no-margin-right { margin-right: 0 !important; } .no-margin-lr { margin-right: 0 !important; margin-left: 0 !important; } /* display */ .d-initial { display: initial !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-auto { overflow: auto !important; } /* newsletter */ .mc4wp-form p { margin: 0; } .mc4wp-form label { padding: 0; font-size: 13px; } .mc4wp-form label input { margin: 0; outline: none; border: 1px solid #dfdfdf; padding: 7px 15px; width: 100%; font-size: 12px; } .mc4wp-form label input:focus { border-color: #989898; } .mc4wp-form input[type*="submit"] { background-color: #232323; border: 2px solid #232323; color: #fff; text-transform: uppercase; font-size: 11px; padding: 5px 18px 3px; line-height: 18px; } .mc4wp-form input[type*="submit"]:hover { background-color: transparent; color: #232323; } /* instagram feed */ .instagram-feed { list-style: none; text-align: center; } .instagram-feed figure { position: relative; overflow: hidden; margin-bottom: 0; border-radius: 3px; will-change: transform; } .instagram-feed figure img { width: 100%; } .instagram-feed figure a .insta-counts { opacity: 0; position: absolute; top: 0; left: 0; text-align: center; background: rgba(35, 35, 35, 0.7); width: 100%; height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .instagram-feed figure a .insta-counts i, .instagram-feed figure a .insta-counts svg { margin-right: 5px; margin-left: 5px; position: relative; display: block; font-size: 20px; color: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .instagram-feed figure a .insta-counts svg { width: 20px; display: inline-block; } .instagram-feed figure:hover a .insta-counts { opacity: 1 } .instagram-feed .instagram-title { z-index: 1; white-space: nowrap; left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .instagram-feed .instagram-title span { font-weight: 500; letter-spacing: 1px; color: #232323; font-size: 14px; line-height: 20px; border-radius: 2px; background-color: #fff; padding: 15px 30px; box-shadow: 0 0 35px rgba(23, 23, 23, .4); } .elementor-widget-litho-instagram .elementor-widget-container, .elementor-widget-litho-blog-list .elementor-widget-container { min-height: 1px; } .sidebar .instagram-feed { padding: 0; margin: 0 -5px; } .sidebar .instagram-feed li { padding: 5px; } .sidebar .instagram-feed li figure a .insta-counts span { display: block; height: 100%; width: 100%; } .sidebar .instagram-feed li figure a .insta-counts i, .sidebar .instagram-feed li figure a .insta-counts svg { margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .sidebar .instagram-feed li figure a .insta-counts svg { width: 20px; display: inline-block; } .widget.widget_litho_instagram_widget .instagram-feed li.invalid-token { width: 100%; text-align: left; } /* image backside offset */ .image-back-offset-shadow { z-index: 1; opacity: 0; margin: 0; position: relative; display: inline-block; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .image-back-offset-shadow.active { opacity: 1; } .image-back-offset-shadow img { -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 6px; } .image-back-offset-shadow.active img { -webkit-transform: translate(10px, -20px); transform: translate(10px, -20px); } .image-back-offset-shadow .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; border-radius: 6px; background-color: #0038e3; } .image-back-offset-shadow.active .overlay { -webkit-transform: translate(35px, 5px); transform: translate(35px, 5px); } /* box layout */ .box-layout { padding: 0 90px; margin-left: auto; margin-right: auto; } /* =================================== 04. Icon ====================================== */ .social-icons-wrapper ul li a.elementor-icon { margin-right: 10px; color: #232323; background-color: transparent; padding: 0; font-size: 14px; width: auto; height: auto; } .social-icons-wrapper ul li a.elementor-icon i { width: auto; height: auto; display: inline-block; vertical-align: middle; } .social-icons-wrapper ul li a.elementor-icon svg { fill: #232323; } .social-icons-wrapper ul li a.elementor-icon i:before { position: static; } .social-icons-wrapper ul li a.elementor-social-icon i { color: #232323; fill: #232323; } .social-icons-wrapper ul li a.elementor-social-icon:hover svg, .social-icons-wrapper ul li a.elementor-social-icon:hover i { color: rgba(0, 0, 0, .6); fill: rgba(0, 0, 0, .6); } .social-icons-wrapper ul.extra-small-icon li a.elementor-icon { font-size: 14px; } .social-icons-wrapper ul.small-icon li a.elementor-icon { font-size: 16px; } .social-icons-wrapper ul.medium-icon li a.elementor-icon { font-size: 20px; } .social-icons-wrapper ul.large-icon li a.elementor-icon { font-size: 24px; } .social-icons-wrapper ul.extra-large-icon li a.elementor-icon { font-size: 30px; } .default.social-icons-wrapper ul li a.elementor-icon { margin-right: 10px; } .default.social-icons-wrapper ul li:last-child a.elementor-icon { margin-right: 0; } /* social icon style 1 */ .social-icon-style-1.social-icons-wrapper ul li, .social-icon-style-1 ul li { display: inline-block; } .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon, .social-icon-style-1 ul li a { position: relative; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 100%; position: relative; color: #232323; margin-right: 12px; width: 50px; height: 50px; line-height: 50px; text-align: center; z-index: 1; } .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon:hover, .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon:hover i, .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon:hover svg, .social-icon-style-1 ul li a:hover, .social-icon-style-1 ul li a:hover svg, .social-icon-style-1 ul li a:hover i { color: #fff; fill: #fff; } .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon i, .social-icon-style-1 ul li a i { position: relative; top: -2px; } .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon span { background-color: #232323; border-radius: 50px 50px 50px 50px; width: 0; height: 0; left: 50%; top: 50%; margin: 0; display: block; position: absolute; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; z-index: -1; } .social-icon-style-1.social-icons-wrapper ul li a.elementor-icon:hover span { width: 100%; height: 100%; top: 0; left: 0; } /* social icon style 2 */ .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon { color: #232323; display: inline-block; height: auto; width: auto; padding: 0; margin-right: 25px; vertical-align: middle; position: relative; overflow: hidden; } .social-icon-style-2.social-icons-wrapper ul li:last-child a.elementor-icon { margin-right: 0; } .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon i { position: absolute; height: 100%; width: 100%; left: 0; top: 100%; display: flex; justify-content: center; align-items: center; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon svg { width: auto; height: 20px; position: absolute; top: 100%; left: 50%; transform: translate(-50%, 50%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon:hover i { top: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon:hover svg { top: 50%; transform: translate(-50%, -50%); } .social-icon-style-2.social-icons-wrapper a>span { line-height: inherit; font-weight: 500; top: 0px; position: relative; } .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon>span, .social-icon-style-2.social-icons-wrapper ul li a.elementor-icon i { -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } .social-icon-style-2.social-icons-wrapper a:hover>span { top: -50px; -webkit-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -moz-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -ms-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; -o-transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } .social-icon-style-2.social-icons-wrapper .elementor-icon i:before, .social-icon-style-2.social-icons-wrapper .elementor-icon svg:before { position: initial; left: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial; } /* social icon style 3 */ .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon { text-align: center; display: flex; align-items: center; justify-content: center; color: #232323; position: relative; margin-right: 15px; width: 50px; height: 50px; line-height: 50px; } .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon:hover { color: #fff; opacity: 1; transition: all 0.3s; -webkit-transition: all 0.3s; background-color: #232323; } .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon:hover i, .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon:hover svg { color: #fff; fill: #fff; } .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon i { position: relative; top: -1px; } .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); border: 1px solid #232323; border-radius: 100%; opacity: 0; -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1); transition: all .5s cubic-bezier(0, 0, .2, 1); } .social-icon-style-3.social-icons-wrapper ul li a.elementor-icon:hover:after { opacity: .4; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } /* social icon style 4 */ .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon { display: flex; align-items: center; justify-content: center; border-radius: 0; position: relative; color: #232323; text-align: center; z-index: 1; overflow: hidden; width: 60px; height: 60px; line-height: 60px; } .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon:hover, .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon:hover svg, .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon:hover i { color: #fff; fill: #fff; } .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon span { position: absolute; top: -100%; left: 0; height: 100%; width: 100%; z-index: -1; -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1); transition: all .5s cubic-bezier(0, 0, .2, 1); } .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon:hover span { width: 100%; height: 100%; top: 0; } .social-icon-style-4.social-icons-wrapper ul li a.elementor-icon i { position: relative; top: -1px; } /* social icon style 5 */ .social-icon-style-5 a { display: inline-block; vertical-align: middle; height: 160px; width: 160px; position: relative; margin: 0 15px; } .social-icon-style-5 a .social-front, .social-icon-style-5 a .social-back { height: 140px; width: 140px; padding: 30px; position: absolute; top: 30px; left: 30px; } .social-icon-style-5 a .social-front i { display: block; margin: 0 0 20px 0; } .social-icon-style-5 a .social-front svg { display: inline-block; margin: 0 auto 20px; } .social-icon-style-5 a .social-front .social-icon-text { display: block; line-height: normal; } .social-icon-style-5 a .social-front { background-color: #fff; text-align: center; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: 0 0 35px rgba(23, 23, 23, 0.06); -moz-box-shadow: 0 0 35px rgba(23, 23, 23, 0.06); box-shadow: 0 0 35px rgba(23, 23, 23, 0.06); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .social-icon-style-5 a .social-back { background-color: #ddd; position: relative; } .social-icon-style-5 a .social-back span { position: absolute; bottom: 3px; right: 30px; color: #fff; font-size: 11px; line-height: 30px; } .social-icon-style-5 a.hvr-icon-box-move-up .social-back span, .social-icon-style-5.small-box a.hvr-icon-box-move-up .social-back span { width: 100%; right: 0; text-align: center; } .social-icon-style-5 a.hvr-icon-box-move-right .social-back span { left: 30px; right: auto; } .social-icon-style-5.small-box a { height: 100px; width: 100px; } .social-icon-style-5.small-box a .social-front, .social-icon-style-5.small-box a .social-back { height: 85px; width: 85px; } .social-icon-style-5.small-box a .social-front i { margin: 6px 0; font-size: 22px; } .social-icon-style-5.small-box a .social-front, .social-icon-style-5.small-box a .social-back { padding: 15px; top: 18px; left: 18px; } .social-icon-style-5.small-box a .social-back span { bottom: 2px; right: 5px; line-height: normal; font-size: 10px; } .social-icon-style-5 a:hover .social-front { top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .social-icon-style-5 a.hvr-icon-box-move-up:hover .social-front { top: 0; left: 30px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .social-icon-style-5.small-box a.hvr-icon-box-move-up:hover .social-front { top: 0; left: 18px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .social-icon-style-5 a.hvr-icon-box-move-right:hover .social-front { top: 0; left: 60px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } /* social icon style 10 */ .social-icon-style-10 a { display: inline-block; position: relative; z-index: 3; overflow: hidden; text-align: center; } .social-icon-style-10 a>span { position: absolute; top: -100%; left: 0; height: 100%; width: 100%; z-index: -1; -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1); transition: all .5s cubic-bezier(0, 0, .2, 1); } .social-icon-style-10 a:hover>span { top: 0; z-index: -1; } .social-icon-style-10 a:hover { color: #fff; } /* icon size */ .icon-social-very-small { font-size: 12px; } .icon-social-small { font-size: 14px; } .icon-social-medium { font-size: 16px; } .icon-social-large { font-size: 20px; } .icon-social-extra-large { font-size: 24px; } .icon-social-very-small a i, .icon-social-small a i, .icon-social-medium a i { margin: 0 8px; vertical-align: middle; } .icon-social-large a i { margin: 0 4px; vertical-align: middle; } .extra-small-icon a { font-size: 14px; width: 30px; height: 30px; line-height: 30px; } .small-icon a { font-size: 16px; width: 40px; height: 40px; line-height: 40px; } .medium-icon a { font-size: 20px; width: 50px; height: 50px; line-height: 50px; } .large-icon a { font-size: 24px; width: 60px; height: 60px; line-height: 60px; } .extra-large-icon a { font-size: 30px; width: 70px; height: 70px; line-height: 70px; } .icon-extra-large { font-size: 60px; } .icon-large { font-size: 50px; } .icon-medium { font-size: 40px; } .icon-very-medium { font-size: 35px; } .icon-extra-medium { font-size: 32px; } .icon-small { font-size: 28px; } .icon-extra-small { font-size: 18px; } .icon-very-small { font-size: 13px; } .default-icon, .extra-small-icon, .small-icon, .medium-icon, .large-icon, .extra-large-icon, .default.social-icons-wrapper ul { list-style: none; padding: 0; margin-bottom: 0; } .extra-small-icon li, .small-icon li, .medium-icon li, .large-icon li, .extra-large-icon li, .default-icon li, .default.social-icons-wrapper ul li { display: inline-block; } .extra-small-icon li:last-child, .small-icon li:last-child, .medium-icon li:last-child, .large-icon li:last-child, .extra-large-icon li:last-child, .default.social-icons-wrapper li:last-child { margin-right: 0; } .extra-small-icon li:first-child, .small-icon li:first-child, .medium-icon li:first-child, .large-icon li:first-child, .extra-large-icon li:first-child, .default.social-icons-wrapper li:first-child { margin-left: 0; } .default.social-icons-wrapper .small-icon li { margin: 0 5px; } .default.social-icons-wrapper .small-icon li:last-child { margin-right: 0; } .default.social-icons-wrapper .small-icon li:first-child { margin-left: 0; } /* social share default */ .social-share-wrapper { padding: 0; margin: 0; list-style: none; } .social-share-wrapper li { display: inline-block; } .social-share-wrapper li a { margin-right: 10px; } .social-share-wrapper li:last-child a { margin-right: 0 } .social-share-wrapper li .social-sharing-icon { display: inline-flex; align-items: center; justify-content: center; text-align: center; cursor: pointer; vertical-align: middle; } .social-share-wrapper li a { font-size: 14px; color: #232323; width: auto; height: auto; line-height: normal; vertical-align: top; transition: all 0.3s ease-in-out; } .social-share-wrapper li a:hover { opacity: 0.9; } .social-share-wrapper li a.social-sharing-icon i { color: #232323; fill: #232323; transition: all 0.3s ease-in-out; } .social-share-wrapper li a.social-sharing-icon:hover svg, .social-share-wrapper li a.social-sharing-icon:hover i { color: rgba(0, 0, 0, .6); fill: rgba(0, 0, 0, .6); } .elementor-icon-view-vertical .social-share-wrapper li { width: 100%; display: block; } .social-share-wrapper.social-sticky-icon { position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 1; } .elementor-icon-view-vertical .social-share-wrapper.social-sticky-icon li { text-align: center; } .elementor-icon-view-vertical .social-share-wrapper.social-sticky-icon li a { margin: 0; } .social-share-wrapper.social-sticky-icon li a { padding: 5px; } .social-share-wrapper.social-sticky-icon.social-icon-position-right { left: inherit; right: 0; } .social-share-wrapper ul.extra-small-icon li a i, .social-share-wrapper.social-share-style-1 ul.extra-small-icon li a i, .social-share-wrapper.social-share-style-2 ul.extra-small-icon li a i { font-size: 14px; } .social-share-wrapper ul.small-icon li a i, .social-share-wrapper.social-share-style-1 ul.small-icon li a i, .social-share-wrapper.social-share-style-2 ul.small-icon li a i { font-size: 16px; } .social-share-wrapper ul.medium-icon li a i, .social-share-wrapper.social-share-style-1 ul.medium-icon li a i, .social-share-wrapper.social-share-style-2 ul.medium-icon li a i { font-size: 20px; } .social-share-wrapper ul.large-icon li a i, .social-share-wrapper.social-share-style-1 ul.large-icon li a i, .social-share-wrapper.social-share-style-2 ul.large-icon li a i { font-size: 24px; } .social-share-wrapper ul.extra-large-icon li a i, .social-share-wrapper.social-share-style-1 ul.extra-large-icon li a i, .social-share-wrapper.social-share-style-2 ul.extra-large-icon li a i { font-size: 30px; } /* social share style 01 */ .social-share-wrapper.social-share-style-1 ul li a { margin: 0 8px; font-size: 20px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%; line-height: inherit; color: #232323; position: relative; text-align: center; transition: all 0.3s ease-in-out; } .social-share-wrapper.social-share-style-1 ul li a:hover { color: #fff; background-color: #232323; } .social-share-wrapper.social-share-style-1 ul li a:hover i { color: #ffffff; fill: #ffffff; } .social-share-wrapper.social-share-style-1 ul li:first-child a { margin-left: 0; } .social-share-wrapper.social-share-style-1 ul li:last-child a { margin-right: 0; } .social-share-wrapper.social-share-style-1 ul li a:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform: scale(.8); border: 1px solid; border-radius: 100%; opacity: 0; transition: all .5s cubic-bezier(0, 0, .2, 1); } .social-share-wrapper.social-share-style-1 ul li a:hover:after { opacity: .4; transform: scale(1.3); border-color: #232323; color: #232323; } .elementor-icon-view-vertical .social-share-wrapper.social-share-style-1 li a { margin: 5px 0; } .elementor-icon-view-vertical .social-share-wrapper.social-share-style-1.social-sticky-icon li a { margin: 12px; } /* social share style 02 */ .social-share-wrapper.social-share-style-2 ul li a { display: flex; align-items: center; justify-content: center; border-radius: 0; position: relative; color: #232323; text-align: center; z-index: 1; overflow: hidden; width: 60px; height: 60px; background-color: transparent; padding: 0; margin: 0 10px; font-size: 24px; line-height: inherit; } .social-share-wrapper.social-share-style-2 ul li:first-child a { margin-left: 0; } .social-share-wrapper.social-share-style-2 ul li:last-child a { margin-right: 0; } .social-share-wrapper.social-share-style-2 ul li a:hover { opacity: 0.9; transition: all 0.3s; color: #fff; fill: #fff; } .social-share-wrapper.social-share-style-2 ul li a i { position: relative; top: -1px; color: #232323; fill: #232323; width: auto; height: auto; display: inline-block; vertical-align: middle; font-size: 24px; } .social-share-wrapper.social-share-style-2 ul li a:hover i { color: #fff; fill: #fff; } .social-share-wrapper.social-share-style-2 ul li a .social-share-hover-effect { position: absolute; top: -100%; left: 0; height: 100%; width: 100%; z-index: -1; transition: all .5s cubic-bezier(0, 0, .2, 1); background-color: #232323; } .social-share-wrapper.social-share-style-2 ul li a:hover .social-share-hover-effect { width: 100%; height: 100%; top: 0; } .elementor-icon-view-vertical .social-share-wrapper.social-share-style-2 li a { margin: 5px 0; } .elementor-icon-view-vertical .social-share-wrapper.social-share-style-2.social-sticky-icon li a { margin: 12px; } /* icon page */ .icons-pack-wrapper { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center !important; justify-content: center !important; } .icons-pack-wrapper .icon-box { margin: 0 0 30px; padding: 0 15px; } .icons-pack-wrapper .icon-box .icon-box-inner { background-color: #fff; border-radius: 4px; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; height: 100%; } .icons-pack-wrapper .icon-box .icon-box-inner .icon-box-icon { margin-right: 20px; } .icons-pack-wrapper .icon-box .icon-box-inner .icon-box-icon i { font-size: 40px; color: #0038E3; } .icons-pack-wrapper .icon-box .icon-box-inner .icon-box-content { max-width: 100%; overflow: hidden; -webkit-box-flex: 1; flex: 1; position: relative; top: -3px; } /* =================================== 05. Button ====================================== */ .litho-button-wrapper .elementor-button, .elementor-widget-litho-button a.elementor-button, .btn, [type=submit], .wp-block-search .wp-block-search__button, input[type="submit"], .elementor-button-wrapper a.elementor-button { text-align: center; outline: none; letter-spacing: normal; line-height: 1.5; color: #ffffff; border: 2px solid #232323; background-color: #232323; border-radius: 0; width: auto; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 5px 18px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; white-space: nowrap; text-decoration: none; } .litho-button-wrapper .elementor-button:hover, .elementor-widget-litho-button a.elementor-button:hover, .btn:hover, [type=submit]:hover, .wp-block-search .wp-block-search__button:hover, input[type="submit"]:hover { background-color: transparent; color: #232323; fill: #232323; } .litho-button-wrapper .elementor-button:focus, .elementor-widget-litho-button a.elementor-button:focus, [type=submit]:focus, input[type="submit"]:focus { outline: medium none; outline-offset: 0; } .elementor-widget-litho-button a.elementor-button:hover svg, .elementor-widget-litho-button a.elementor-button:focus svg { fill: #232323; } .elementor-align-left.elementor-widget-litho-button a.elementor-button { text-align: left; } .litho-button-wrapper .elementor-icon { display: inline-block; vertical-align: middle; } input[type="submit"] { margin-bottom: 0; } /* button gradient */ .elementor-gradient-button, .elementor-gradient-button:hover, .elementor-gradient-button:focus { text-align: center; outline: none; letter-spacing: normal; line-height: 1.5; border-radius: 0; width: auto; font-weight: 500; padding: 5px 18px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; display: inline-block; } .elementor-gradient-button:not(.blog-button), .elementor-gradient-button:not(.blog-button):hover, .elementor-gradient-button:not(.blog-button):focus { background-color: transparent; background-image: linear-gradient(90deg, #556FFF 0%, #FF798E 100%); } .elementor-gradient-button:not(.blog-button) .elementor-gradient-button-text, .elementor-gradient-button:not(.blog-button) .elementor-gradient-button-icon i, .elementor-gradient-button:not(.blog-button):hover .elementor-gradient-button-text, .elementor-gradient-button:not(.blog-button):hover .elementor-gradient-button-icon i { color: #ffffff; } .elementor-gradient-button:not(.blog-button) svg, .elementor-gradient-button:not(.blog-button):hover svg { color: #ffffff; fill: #ffffff; } .elementor-gradient-button-content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .elementor-gradient-button span { text-decoration: inherit; } .elementor-gradient-button .elementor-gradient-button-text { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; display: inline-block; } .elementor-element.elementor-button-success .elementor-button { color: #fff; background-color: #28a745; border-color: #28a745; } .elementor-element.elementor-button-success .elementor-button:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .elementor-element.elementor-button-info .elementor-button { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .elementor-element.elementor-button-info .elementor-button:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .elementor-element.elementor-button-warning .elementor-button { color: #212529; background-color: #ffc107; border-color: #ffc107; } .elementor-element.elementor-button-warning .elementor-button:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .elementor-element.elementor-button-danger .elementor-button { color: #fff; background-color: #dc3545; border-color: #dc3545; } .elementor-element.elementor-button-danger .elementor-button:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } /* button type */ .litho-button-wrapper .elementor-button.elementor-size-default, .elementor-gradient-button.elementor-size-default { font-size: 15px; padding: 18px 32px; line-height: 28px; } .litho-button-wrapper .elementor-button.elementor-size-xs, .elementor-button-wrapper .elementor-button.elementor-size-xs, .elementor-gradient-button.elementor-size-xs { font-size: 10px; padding: 6px 16px; } .litho-button-wrapper .elementor-button.elementor-size-sm, .elementor-button-wrapper .elementor-button.elementor-size-sm, .elementor-gradient-button.elementor-size-sm { font-size: 11px; padding: 8px 22px; } .litho-button-wrapper .elementor-button.elementor-size-md, .elementor-button-wrapper .elementor-button.elementor-size-md, .elementor-gradient-button.elementor-size-md { font-size: 12px; padding: 10px 26px; will-change: transform; } .litho-button-wrapper .elementor-button.elementor-size-lg, .elementor-button-wrapper .elementor-button.elementor-size-lg, .elementor-gradient-button.elementor-size-lg { font-size: 13px; padding: 12px 32px; } .litho-button-wrapper .elementor-button.elementor-size-xl, .elementor-button-wrapper .elementor-button.elementor-size-xl, .elementor-gradient-button.elementor-size-xl { font-size: 14px; padding: 16px 40px; } .elementor-button .elementor-align-icon-left, .elementor-button-wrapper .elementor-align-icon-left, .elementor-gradient-button .elementor-gradient-button-icon.elementor-align-icon-left { margin-right: 8px; } .elementor-button .elementor-align-icon-right, .elementor-button-wrapper .elementor-align-icon-right, .elementor-gradient-button .elementor-gradient-button-icon.elementor-align-icon-right { margin-left: 8px; } .elementor-gradient-button .elementor-gradient-button-icon.elementor-align-icon-right { margin-left: 5px; -webkit-box-ordinal-group: 16; -ms-flex-order: 15; order: 15; } /* =================================== 06. Width and height ====================================== */ /* width */ .w-10px { width: 10px; } .w-20px { width: 20px; } .w-30px { width: 30px; } .w-40px { width: 40px; } .w-50px { width: 50px; } .w-60px { width: 60px; } .w-70px { width: 70px; } .w-80px { width: 80px; } .w-90px { width: 90px; } .w-100px { width: 100px; } .w-200px { width: 200px; } .w-300px { width: 300px; } .w-400px { width: 400px; } .w-500px { width: 500px; } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-30 { width: 30%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .width-100 { width: 100%; } .width-auto { width: auto; } /* screen height */ .extra-small-screen { height: 300px; } .small-screen { height: 400px; } .one-half-screen { height: 600px; } .one-third-screen { height: 700px; } .one-fourth-screen { height: 800px; } .one-fifth-screen { height: 900px; } .one-sixth-screen { height: 870px; } /* =================================== 07. Background ====================================== */ /* background property */ .cover-background { background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden !important; position: relative; background-position: center center; } .fix-background { position: relative; background-size: cover !important; -webkit-animation-duration: 0s; -webkit-animation-fill-mode: none; overflow: hidden; background-position: center center; background-repeat: no-repeat !important; background-attachment: fixed !important; } .background-size-inherit { background-size: inherit; } .background-attachment-inherit { background-attachment: inherit; } .background-position-left { background-position: left center; } .background-position-right { background-position: right center; } .background-position-top { background-position: right top; } .background-position-center-top { background-position: center top; } .background-repeat { background-repeat: repeat; } .background-no-repeat { background-repeat: no-repeat; } .parallax { position: relative !important; background-size: cover !important; overflow: hidden; background-attachment: fixed !important; transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } /* background color */ .bg-gradient-fast-blue-purple { background-image: linear-gradient(to right top, #0039e3, #4132e0, #5e28dd, #741bd9, #8600d4); } .bg-gradient-white-light-gray { background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); } /* =================================== 08. Video ====================================== */ /* video icon */ .video-icon-box * { -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .video-icon-box { z-index: 1; position: relative; text-decoration: none !important; cursor: pointer; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; } .video-icon-box>span { display: -webkit-inline-box; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .video-icon-box .video-icon { width: 40px; height: 40px; font-size: 14px; position: relative; display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; border-radius: 50%; background-color: #0038E3; } .video-icon-box .video-icon i { margin-left: 3px; color: #fff; } .video-icon-box .video-icon svg { margin-left: 3px; fill: #fff; height: 20px; } .video-icon, .video-icon .video-icon-sonar { background-color: #0038E3; } .video-icon .video-icon-sonar { position: absolute; width: 100%; height: 100%; border-radius: 50%; top: 0; left: 0; z-index: -10; -webkit-animation: video-icon-sonar 2s linear infinite; animation: video-icon-sonar 2s linear infinite; } .video-icon .video-icon-sonar .video-icon-sonar-bfr { width: 70px; height: 70px; position: absolute; border-radius: 50%; content: ''; top: -15px; left: -15px; z-index: -100; background-color: #0038E3; } .video-icon-box .video-title { position: relative; white-space: nowrap; color: #232323; font-size: 14px; line-height: 20px; display: inline-block; margin-left: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-color: #fff; border-radius: 0; } .video-button-wrap.video-icon-top .video-icon-box { display: inline-block; -ms-flex-direction: column; flex-direction: column; text-align: center; } .video-button-wrap.video-icon-top .video-title { margin: 15px 0 0 0; display: block } .elementor .elementor-background-video, .elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted { top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .elementor iframe.elementor-background-video-embed { width: 100vw; height: 56.25vw; min-height: 100vh; min-width: 177.77vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* video icons style 1 */ .video-button-style-1.video-icon-right .video-icon-box .video-title { margin-left: 0; margin-right: 15px; } .video-button-style-1.video-icon-right .video-icon-box .video-icon { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* video icons style 2 */ .video-button-style-2 { display: inline; } .video-button-style-2 .litho-popup-wrapper { background-color: #0039e3; color: #fff; fill: #fff; background-size: 200% auto; font-size: 14px; padding: 16px 40px; border-radius: 4px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .video-button-style-2.video-icon-right .litho-popup-wrapper { display: -webkit-inline-box; display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .video-button-style-2.video-icon-right .video-icon-box i, .video-button-style-2.video-icon-right .video-icon-box svg { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .video-button-style-2 .video-icon-box svg { fill: #fff; width: 25px; } .video-button-style-2 .litho-popup-wrapper i { font-size: 50px; } .video-button-style-2 .litho-popup-wrapper div { text-align: left; line-height: 18px; margin-left: 15px; } .video-button-wrap.video-icon-right.video-button-style-2 .litho-popup-wrapper div { margin-left: 0; margin-right: 15px; } .video-button-wrap.video-icon-top.video-button-style-2 .litho-popup-wrapper div { margin-left: 0; text-align: center; } .video-button-style-2 .litho-popup-wrapper div .video-title { color: #fff; display: block; margin-left: 0; } .video-button-style-2 .litho-popup-wrapper div .video-subtitle { display: block; } .video-button-style-2 .litho-popup-wrapper div .video-title:before { display: none; } /* video property */ .video-wrapper { height: 100%; overflow: hidden; position: absolute; width: 100%; } .html-video { background-color: #000; left: 50%; width: auto !important; height: auto; min-height: 100%; min-width: 100%; max-width: inherit !important; position: absolute; top: 0; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); z-index: -3; } .video-wrapper iframe { height: 100%; left: 0; position: absolute; top: -5px !important; width: 100%; } .video-background { position: absolute; height: 100%; width: 100%; z-index: 1; top: 0; background-color: rgba(67, 67, 67, 0.5) } .html-video-play { position: relative; text-align: center; } .html-video-play .play-icon, .html-video-play .pause-icon { position: absolute; left: 50%; padding-left: 8px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .html-video-play[ playing="true"] .play-icon, .html-video-play .pause-icon { opacity: 0; top: 0; visibility: hidden; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .html-video-play[ playing="true"] .play-icon { top: 0; } .html-video-play .pause-icon { top: 100%; padding-left: 0; font-size: 28px; } .html-video-play .play-icon, .html-video-play[ playing="true"] .pause-icon { opacity: 1; top: 50%; visibility: visible; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .play-icon-animation { -webkit-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -o-transform: scale(1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .play-icon-animation:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -o-transform: scale(1.1); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* fit video */ .external-fit-videos { position: absolute; top: 0; width: 100%; left: 0; z-index: -1; } .litho-page-title-wrap .external-fit-videos { padding-bottom: 56.25%; height: 0; } .litho-page-title-wrap .external-fit-videos iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* =================================== 09. Header ====================================== */ .header-common-wrapper { padding: 0; } .header-common-wrapper>div { width: 100%; } /* header dropdown toggle */ .nav-item>.dropdown-toggle { display: none; } .dropdown-toggle:after { visibility: hidden; width: 0; height: 0; } .simple-dropdown .sub-menu li .dropdown-toggle { width: 0; height: 0; display: block; } .simple-dropdown .sub-menu li .dropdown-toggle:after, .simple-dropdown .sub-menu li .dropdown-toggle:before { visibility: hidden; width: 0; height: 0; } /* header type */ .sticky.header-appear .appear-up-scroll { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .sticky .appear-up-scroll { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .sticky.header-appear .appear-up-scroll section:first-child { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .sticky .appear-up-scroll section:first-child { box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .no-sticky.mini-header-main-wrapper { -webkit-transform: inherit; -moz-transform: inherit; -ms-transform: inherit; -o-transform: inherit; transform: inherit; } .sticky .no-sticky.mini-header-main-wrapper { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .fixed-top { -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .show-menu header .fixed-top { z-index: 1031; } header .header-common-wrapper.no-sticky { position: absolute; width: 100%; left: 0; z-index: 9; top: 0; } .sticky .header-appear { background-color: #fff; } .sticky.header-appear .header-common-wrapper { background-color: #fff !important; } .sticky .header-appear section:first-child { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .sticky .appear-down-scroll section:first-child { box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); } .sticky .shrink-nav .navbar-brand img { max-height: 32px; } .sticky .shrink-nav.navbar-nav .nav-link, .sticky .shrink-nav.navbar-expand-lg .navbar-nav .nav-link { padding: 18px 0; } .sticky .shrink-nav .litho-top-cart-wrapper { line-height: 60px; } header.sticky .left-nav nav.navbar-default { background-color: inherit !important; } header.sticky nav.navbar ul.nav>li>a.active { color: inherit !important; } .sticky.header-appear .appear-up-scroll .nav-link, .sticky.header-appear .appear-up-scroll .search-form-icon .elementor-icon, .sticky.header-appear .appear-up-scroll .litho-top-cart-wrapper .litho-cart-top-counter i { color: #232323 !important; } /* header logo */ header .navbar-brand img, header.side-menu .logo img { max-height: 36px; } header .navbar-brand .default-logo, header.sticky .navbar-brand .alt-logo { visibility: visible; opacity: 1; width: auto; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; } header.sticky .navbar-brand .default-logo, header .navbar-brand .alt-logo, header .navbar-brand .mobile-logo { visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .navbar-brand { margin: 0; } header section { padding: 0; } .sticky.header-appear .appear-up-scroll section section:first-child, .sticky .appear-up-scroll section section:first-child, .sticky .header-appear section section:first-child, .sticky .appear-down-scroll section section:first-child { box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); } /* modern menu */ .navbar-modern-inner, .navbar-full-screen-menu-inner { display: none } /* mini header */ .header-with-mini-header .header-common-wrapper.standard { margin-top: 46px; } .admin-bar .header-with-mini-header .mini-header-main-wrapper, .admin-bar .header-common-wrapper.standard { top: 32px; } .header-with-mini-header .mini-header-main-wrapper { position: fixed; top: 0; width: 100%; z-index: 1031; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .header-with-mini-header .mini-header-main-wrapper .elementor-text-editor p { margin-bottom: 0; } .mini-header-main-wrapper .litho-top-cart-wrapper { line-height: 48px; padding-top: 0; margin-left: 17px; } .mini-header-main-wrapper .litho-top-cart-wrapper i { top: 2px; position: relative; } .mini-header-main-wrapper .litho-mini-cart-counter { margin-top: -7px; right: -10px; } .mini-header-main-wrapper .elementor-widget-wrap>.elementor-element, .mini-header-main-wrapper .elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .mini-header-main-wrapper .elementor-widget-wrap .elementor-element.elementor-widget__width-initial { width: auto; } .mini-header-main-wrapper .litho-button-wrapper .elementor-button, .mini-header-main-wrapper .elementor-widget-litho-button a.elementor-button { border: 0; padding: 0px 0px 0px 0px; } .mini-header-main-wrapper .litho-button-wrapper { line-height: normal; } .mini-header-main-wrapper .elementor-widget-wrap>.elementor-element:not(.elementor-position-top) .elementor-icon-box-icon, .mini-header-main-wrapper .elementor-widget-wrap>.elementor-element:not(.elementor-position-top) .elementor-icon-box-content { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* mini header menu */ .mini-header-main-wrapper .litho-navigation-menu { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; padding: 0; margin: 0; list-style: none; } .mini-header-main-wrapper .litho-navigation-menu li { padding: 0 15px; margin: 0; position: relative; } .mini-header-main-wrapper .litho-navigation-menu li:before { width: 1px; height: 13px; background-color: #dedede; content: ""; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mini-header-main-wrapper .litho-navigation-menu li:first-child { padding-left: 0; } .mini-header-main-wrapper .litho-navigation-menu li:last-child { padding-right: 0; } .mini-header-main-wrapper .litho-navigation-menu li:last-child:before { display: none; } .mini-header-main-wrapper .litho-navigation-menu li a { font-size: 13px; color: #828282; padding: 0; font-weight: 400; margin: 0; display: inline-block; } .mini-header-main-wrapper .litho-navigation-menu li a:hover { color: #232323; } /* header search */ .header-common-wrapper .search-form-wrapper .search-form-icon { padding-top: 7px; padding-bottom: 7px; display: block; top: 1px; line-height: 17px; } .header-common-wrapper .search-form-wrapper .search-form-icon .elementor-icon i { line-height: normal; } .search-form-wrapper .search-form-icon { position: relative; top: 3px; color: #fff; } .search-form-wrapper .search-form-icon .elementor-icon { color: #fff; position: relative; } .search-form-wrapper .search-form-icon:hover .elementor-icon { color: rgba(255, 255, 255, .6); } .form-wrapper { background-color: rgba(35, 35, 35, .9); width: 100%; left: 0; top: 0; overflow: hidden !important; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; display: block !important; height: 100%; position: fixed; visibility: hidden; opacity: 0; z-index: 999; } .active-form .form-wrapper { opacity: 1; visibility: visible; cursor: url(assets/images/mfg-close.png), auto; } .form-wrapper .search-form { background-color: #fff; width: 100%; height: 0; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; } .active-form .form-wrapper .search-form { height: 450px; cursor: default; } .form-wrapper .search-close { color: #000; position: fixed; top: 30px; right: 35px; overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-size: 30px; font-weight: 300; width: 44px; height: 44px; line-height: 44px; } .form-wrapper .search-form .search-input { color: #232323; border: 0; border-bottom: 1px solid #232323; border-radius: 0; font-size: 20px; font-weight: 300; padding: 10px 38px 10px 2px; background: transparent; line-height: 40px; width: 100%; outline: none; } .form-wrapper .search-form-box { position: relative; width: 45%; } .form-wrapper .search-button { color: #232323; font-size: 16px; bottom: 28px; right: 0; line-height: normal; outline: none; cursor: pointer; z-index: 0; margin-right: 0; border: none; background: none; position: absolute; } .form-wrapper .search-form span { display: block; font-size: 13px; line-height: 22px; text-transform: uppercase; color: #939393; } .form-wrapper .search-form .search-input::-webkit-input-placeholder { color: #232323; opacity: 1; } .form-wrapper .search-form .search-input::-moz-placeholder { color: #232323; opacity: 1; } .form-wrapper .search-form .search-input::-ms-input-placeholder { color: #232323; opacity: 1; } .show-search-popup { overflow: hidden; } /* header langauge */ .wpml-ls-legacy-dropdown { width: auto; background-color: transparent; border-left: 0 solid #dbdbdb; border-right: 0 solid #dbdbdb; font-size: 13px; display: inline-block; } .wpml-ls-sidebars-litho-langauge-sidebar .wpml-ls-current-language>a { border: 0; background-color: transparent; padding: 14px 26px 15px 14px; line-height: normal; outline: none; } .wpml-ls-legacy-dropdown .wpml-ls-flag+span { color: #828282; font-size: 12px; line-height: 12px; font-weight: normal; text-transform: uppercase; margin-left: 6px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a span { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a { padding: 10px 10px; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu .wpml-ls-item a:hover span { opacity: .7; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: "\f107"; border: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; top: calc(50% - 0.400em); } .wpml-ls-sidebars-litho-langauge-sidebar .wpml-ls-current-language:hover>a, .wpml-ls-sidebars-litho-langauge-sidebar .wpml-ls-current-language:hover>a span, .wpml-ls-sidebars-litho-langauge-sidebar .wpml-ls-current-language>a:focus { background-color: transparent; color: #232323; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: hidden; position: absolute; top: 102%; right: 0; left: inherit; border-top: 0 solid #cdcdcd; margin: 0; list-style-type: none; z-index: 101; min-width: 180px; background-color: #fff; border-radius: 6px; text-align: left; display: none; padding: 15px 15px 18px 15px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); outline: none; } .wpml-ls-legacy-dropdown .wpml-ls-item { outline: none; } .wpml-ls-legacy-dropdown .wpml-ls-item:hover .wpml-ls-sub-menu { display: block; } .wpml-ls-sidebars-litho-langauge-sidebar a { color: #828282; display: block; padding: 2px 0; font-size: 12px; line-height: 25px; display: block; text-decoration: none; border: 0 solid #cdcdcd; background-color: transparent; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { border: 0; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a span { text-transform: none; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a, .wpml-ls-sidebars-litho-langauge-sidebar a:hover, .wpml-ls-sidebars-litho-langauge-sidebar a:focus { border-width: 0; background-color: transparent; } .wpml-ls-sidebars-litho-langauge-sidebar a:hover span { color: #232323; } /* header mini cart */ .widget_shopping_cart .widget-title { display: none } .litho-cart-top-counter { position: relative; } .litho-top-cart-wrapper { line-height: 74px; cursor: pointer; padding: 2px 10px 0 0; display: inline-block; position: relative; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .litho-mini-cart-content-wrap ul { padding-left: 0; margin-bottom: 0; } .litho-top-cart-wrapper:hover .litho-mini-cart-content-wrap { display: block; } .litho-top-cart-wrapper .litho-cart-top-counter i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; color: #fff; } .litho-top-cart-wrapper:hover .litho-cart-top-counter i { color: rgba(255, 255, 255, .6); } .litho-mini-cart-counter { background-color: #0038e3; position: absolute; right: -10px; width: 16px; height: 16px; text-align: center; font-size: 9px; line-height: 16px; border-radius: 100%; color: #fff; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -8px; } .litho-mini-cart-content-wrap { position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: left; min-width: 250px; padding: 0; margin: 0; font-size: 1rem; color: #232323; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border-radius: 6px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); cursor: default; overflow: hidden; } header .litho-mini-cart-content-wrap .litho-mini-cart-lists-wrap { max-height: 205px; overflow-y: auto; } header .litho-mini-cart-content-wrap .litho-mini-cart-lists-wrap .mCSB_scrollTools { width: 4px; } header .litho-mini-cart-content-wrap .litho-mini-cart-lists-wrap .mCSB_scrollTools .mCSB_draggerRail { width: 4px; margin: 0; border-radius: 0; } header .litho-mini-cart-content-wrap .litho-mini-cart-lists-wrap .mCSB_inside>.mCSB_container { margin-right: 0; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li { display: flex; padding: 17px; border-bottom: 1px solid #ededed; position: relative; line-height: normal; -ms-flex-align: center; align-items: center; cursor: default; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li a.remove { font-size: 16px; line-height: 14px; position: absolute; right: 15px; top: 12px; font-weight: 400; left: inherit; color: #000 !important; opacity: .5; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li a.remove:hover { opacity: 1; background-color: transparent; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li .product-detail a { color: #232323; font-size: 12px; line-height: 16px; font-weight: 500; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li .product-detail a:hover { color: #000; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li:last-child { border-bottom: none; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li .product-image { max-width: 50px; width: 30%; display: inline-block; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li .product-detail { padding-left: 15px; width: 70%; display: inline-block; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li .product-detail .quantity { display: block; font-size: 11px; color: #828282; line-height: normal; margin-top: 2px; font-weight: 400; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li .product-detail .amount { font-size: 11px; color: #828282; font-weight: 400; } .elementor-widget-container .litho-top-cart-wrapper ul.cart_list li img, .elementor-widget-container .litho-top-cart-wrapper ul.product_list_widget li img { float: left; margin-left: 0; width: 100%; } .elementor-widget-container .litho-top-cart-wrapper .min-cart-total { background-color: #f7f7f7; padding: 23px 17px 17px 17px; border-top: 1px solid #ededed; line-height: normal; cursor: default; } .elementor-widget-container .litho-top-cart-wrapper .min-cart-total .button, .elementor-widget-container .litho-top-cart-wrapper .buttons a { width: 100%; margin: 0 0 8px 0; display: block; } .elementor-widget-container .litho-top-cart-wrapper .buttons { margin-bottom: 0; } .elementor-widget-container .litho-top-cart-wrapper .buttons a:last-child { margin-bottom: 0; } .elementor-widget-container .litho-top-cart-wrapper .buttons a { border: 2px solid #232323; border-radius: 0; text-transform: uppercase; width: auto; font-family: 'Poppins', sans-serif; font-weight: 500; background-color: #232323; font-size: 11px; padding: 8px 22px; text-align: center; color: #fff; } .elementor-widget-container .litho-top-cart-wrapper .buttons a:hover { background-color: transparent; color: #232323; } .elementor-widget-container .litho-top-cart-wrapper .buttons a.checkout { background-color: #0038e3; border-color: #0038e3; color: #ffffff; } .elementor-widget-container .litho-top-cart-wrapper .buttons a.checkout:hover { background-color: transparent; color: #0038e3; } .elementor-widget-container .litho-top-cart-wrapper .min-cart-total .button:last-child, .elementor-widget-container .litho-top-cart-wrapper .buttons a:last-child { margin: 0; } .elementor-widget-container .litho-top-cart-wrapper .total { border-top: 0; padding: 0; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #232323; font-weight: 400; } .elementor-widget-container .litho-top-cart-wrapper .total strong { font-weight: 400; } .elementor-widget-container .litho-top-cart-wrapper .total .amount { font-weight: 500; font-size: 13px; line-height: 18px; float: right; color: #232323; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li.cart-total .btn { width: 100%; display: block; margin: 4px 0; } .elementor-widget-container .litho-top-cart-wrapper .cart_list li.cart-total .btn:last-child { margin-bottom: 0; } .woocommerce-mini-cart__empty-message { margin: 35px 0; text-align: center; padding: 0 20px; line-height: normal; font-size: 13px; } .woocommerce-mini-cart__empty-message .litho-cart-icon { color: #232323; } .woocommerce-mini-cart__empty-message span { display: block; font-size: 25px; line-height: 30px; margin-bottom: 10px; } /* header social icon */ .header-common-wrapper .extra-small-icon li { margin: 0 6px; } .header-common-wrapper .extra-small-icon li:last-child { margin-right: 0; } .header-common-wrapper .extra-small-icon li:first-child { margin-left: 0; } .header-common-wrapper .social-icon { color: #fff; } .header-common-wrapper .social-icon:hover { color: rgba(255, 255, 255, .6) } /* header phone number */ header .elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title, header .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon { color: #ffffff; } header.sticky .elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title, header.sticky .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon { color: #232323; } header .elementor-widget-litho-icon-box.elementor-view-default .elementor-icon { -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; } /* header separator */ .header-common-wrapper .separator-line { position: relative; top: 3px; } .sticky .header-common-wrapper .separator-line { background-color: rgba(0, 0, 0, .45); } /* header navigation */ .show-search-popup .fixed-top { z-index: 1032; } .show-search-popup.show-search-popup-mini-header .mini-header-main-wrapper { z-index: 1033; } nav ul, .litho-left-menu, .litho-mega-menu-template-default ul { list-style: none; padding-left: 0; margin: 0; } .litho-left-menu { width: 100%; } .navbar-nav .nav-link, .navbar-expand-lg .navbar-nav .nav-link { font-size: 14px; color: #fff; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; padding: 25px 0; font-weight: 500; margin: 0 18px; display: inline-block; } .navbar-nav .nav-link i, .navbar-expand-lg .navbar-nav .nav-link i { margin-right: 7px; font-size: 13px; } .navbar-nav .nav-link.after i, .navbar-expand-lg .navbar-nav .nav-link.after i { margin-left: 7px; margin-right: 0; } header .elementor-icon, header .search-form-icon, header .litho-cart-top-counter, .header-language { font-size: 17px; } header .search-form-icon, header .litho-top-cart-wrapper, header .header-language { margin-left: 17px; } /* navbar toggle */ .navbar-toggler-line { background-color: #232323; height: 2px; width: 24px; content: ""; display: block; margin-bottom: 5px; border-radius: 1px; } /* menu main */ .navbar-nav .handler, .navbar-expand-lg .navbar-nav .handler { display: inline-block; color: #fff; font-size: 11px; position: relative; top: 1px; margin-left: 6px; } .sticky .navbar-nav .nav-link, .sticky .navbar-expand-lg .navbar-nav .nav-link, .sticky .search-form-wrapper .search-form-icon .elementor-icon, .sticky .litho-top-cart-wrapper .litho-cart-top-counter i, .sticky .header-common-wrapper .social-icon, .sticky .header-common-wrapper .search-form-icon .elementor-icon, .sticky .header-common-wrapper.standard .social-icons-wrapper ul li a i { color: #232323; } .sticky .push-button span { background-color: #232323; } .navbar-nav .nav-link:hover, .navbar-expand-lg .navbar-nav .nav-link:hover, .navbar-nav .open>.nav-link, .navbar-expand-lg .navbar-nav .open>.nav-link, .navbar-nav .current-menu-ancestor>.nav-link, .navbar-nav .current-menu-item>.nav-link { color: rgba(255, 255, 255, .6); } .sticky .navbar-nav .nav-link:hover, .sticky .navbar-expand-lg .navbar-nav .nav-link:hover, .sticky .navbar-nav .open>.nav-link, .sticky .navbar-expand-lg .navbar-nav li:hover>.nav-link, .sticky .navbar-expand-lg .navbar-nav .open>.nav-link, .sticky .navbar-nav .current-menu-ancestor>.nav-link, .sticky .navbar-nav .current-menu-item>.nav-link, .sticky .search-form-wrapper .search-form-icon .elementor-icon:hover, .sticky .litho-top-cart-wrapper:hover .litho-cart-top-counter i, .sticky .header-common-wrapper .social-icon:hover, .sticky .header-common-wrapper.standard .social-icons-wrapper ul li a:hover i { color: rgba(0, 0, 0, .6); } /* megamenu and simple dropdown */ .dropdown-menu.megamenu-content .dropdown-header { color: #232323; padding: 0; font-size: 12px; font-weight: 500; margin: 10px 0 5px; border-bottom: none; } .dropdown-menu.megamenu-content { padding: 25px; margin: 0; border-radius: 0; white-space: nowrap; } .dropdown-menu.megamenu-content li a { white-space: nowrap; } .dropdown-menu.megamenu-content li a, .simple-dropdown .sub-menu a, .simple-dropdown .sub-menu li .handler { text-align: left; font-size: 13px; color: #828282; padding: 0 0 5px 0; margin: 0; display: block; position: relative; font-weight: 500; } .dropdown-menu.megamenu-content .current-menu-ancestor>a, .dropdown-menu.megamenu-content .current-menu-item>a, .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown.menu-item ul .current-menu-item>a, .nav-item.dropdown.simple-dropdown .dropdown-menu>.dropdown.menu-item ul .current-menu-ancestor>a { color: #232323; } .elementor-widget-wp-widget-nav_menu li a>i, .simple-dropdown .sub-menu a>i, .simple-navigation-menu .menu-item a>i { font-size: 14px; vertical-align: middle; min-width: 26px; display: inline-block; position: relative; top: -1px; } .dropdown-menu.megamenu-content li a.after>i, .simple-dropdown .sub-menu a.after>i { text-align: right; } .dropdown-menu.megamenu-content li.active a, .dropdown-menu.megamenu-content li a:hover, .simple-dropdown .sub-menu li:hover>a, .simple-dropdown .sub-menu li.active a, .simple-dropdown .sub-menu li a:hover, .simple-dropdown .sub-menu li:hover>.handler, .simple-dropdown .sub-menu li.current-menu-ancestor>a, .simple-dropdown .sub-menu li.current-menu-item>a { color: #232323; } .nav-item.dropdown.megamenu img { max-width: initial; } .elementor-widget-wp-widget-nav_menu .dropdown-header, .elementor-widget-wp-widget-nav_menu h5, .elementor-widget-litho-simple-navigation .title { color: #232323; display: inline-block; padding: 0; font-size: 14px; font-weight: 500; margin: 17px 0 15px; border-bottom: none; line-height: 1.2; letter-spacing: normal; } .elementor-column .elementor-widget-wp-widget-nav_menu:first-child .dropdown-header, .elementor-column .elementor-widget-wp-widget-nav_menu:first-child h5, .elementor-widget-litho-simple-navigation:first-child .title { margin-top: 0; } .nav-item.dropdown.megamenu { position: inherit; } .nav-item.dropdown.megamenu .menu-back-div, header .sub-menu { box-sizing: border-box; background-color: #fff; padding: 50px 65px; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border-radius: 4px; border: 0; left: auto; position: absolute; } .dropdown.open>.dropdown-menu { display: block; } .simple-dropdown .sub-menu { position: absolute; left: 0; width: 240px; padding: 25px 0; margin: 0; border: none; } .dropdown>.sub-menu .sub-menu { left: 241px; top: -25px; } .simple-dropdown.menu-left .dropdown-menu .dropdown .dropdown-menu, .simple-dropdown .dropdown.menu-left .dropdown-menu { left: auto; right: 241px; } .dropdown.open>.sub-menu { display: block; } .simple-dropdown .sub-menu li { padding: 9px 45px 9px 35px; display: block; } .simple-dropdown .sub-menu li a { display: block; padding: 0; margin: 0; line-height: normal; } .simple-dropdown .sub-menu li .handler { position: absolute; right: 20px; font-size: 12px; margin-top: 1px; padding: 0; height: 30px; width: 30px; line-height: 30px; text-align: center; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* push button */ .show-menu { overflow: hidden; } .header-push-button { display: flex; align-items: center; justify-content: center; } .header-push-button .toggle-menu-word { margin-right: 10px; font-size: 14px; color: #fff; } .left-menu-modern .header-push-button .toggle-menu-word { margin: 0; font-size: 12px; color: #fff; } .header-push-button a { position: relative; height: 20px; width: 22px; display: block; line-height: 20px; margin: 0 auto; } .push-button span { position: relative; margin-left: auto; margin-right: auto; content: ""; display: block; width: 22px; background-color: #fff; height: 2px; top: 4px; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .push-button:hover { opacity: 0.6; } .push-button>span:nth-child(1) { width: 14px; } .push-button>span:nth-child(2) { top: 8px; } .push-button>span:nth-child(3) { top: 6px; } .push-button>span:nth-child(4) { width: 14px; top: 10px; } .show-menu .push-button span:nth-child(1) { top: 8px; width: 0%; left: 0; } .show-menu .push-button span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .show-menu .push-button span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .show-menu .push-button span:nth-child(4) { top: 8px; width: 0%; left: 0; } .show-menu .push-button span { width: 15px; } /* left menu style 1 */ .left-sidebar-wrapper .navbar-brand { padding: 0; } .left-sidebar-wrapper { position: relative; min-height: 300px; width: 100%; padding-left: 290px; } .left-sidebar-wrapper header.site-header { position: absolute; left: 0; width: 290px; top: 0; min-height: 100vh; bottom: 0; z-index: 999; } .header-left-wrapper { position: fixed; width: 290px; overflow-y: hidden; height: inherit; z-index: 10005; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .litho-left-menu li { border-bottom: 1px solid rgba(0, 0, 0, .1); clear: both; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .litho-left-menu li:last-child { border: 0; } .litho-left-menu li a { color: #232323; font-size: 14px; padding: 13px 0 13px; display: inline-block; line-height: 22px; max-width: 85%; } .litho-left-menu li a:hover, .litho-left-menu li.current-menu-ancestor>a { color: rgba(0, 0, 0, .6); } .litho-left-menu .menu-toggle { cursor: pointer; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; vertical-align: top; margin-top: 9px; position: relative; } .litho-left-menu .sub-menu-item .menu-toggle { margin-top: -1px; } .litho-left-menu .sub-menu-item .menu-toggle:before, .litho-left-menu .sub-menu-item .menu-toggle:after { right: 9px; top: 17px; height: 1px; width: 7px; } .litho-left-menu .menu-toggle:before, .litho-left-menu .menu-toggle:after { right: 7px; top: 16px; height: 1px; width: 9px; content: ""; display: block; position: absolute; background-color: #232323; } .litho-left-menu .menu-toggle:after { transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transition-duration: 0.3s; } .litho-left-menu .menu-toggle.collapsed:after { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transition-duration: 0.3s; } .litho-left-menu .sub-menu-item { position: relative; width: 100%; background-color: transparent; margin: 0; padding: 0; } .litho-left-menu .sub-menu-item li { border-bottom: none; } .litho-left-menu .sub-menu-item li:last-child { margin-bottom: 8px; } .litho-left-menu .sub-menu-item li a { font-size: 13px; padding: 7px 0; line-height: 18px; } .litho-left-menu .sub-menu-item .sub-menu-item { padding-left: 15px; margin-top: 0; margin-bottom: 0; } .litho-left-menu .sub-menu-item .sub-menu-item li:last-child { margin-bottom: 10px; } .litho-left-menu .sub-menu-item li:last-child .sub-menu-item li:last-child { margin-bottom: 0; } .litho-left-menu .sub-menu-item .sub-menu-item li a { color: #828282; max-width: 100%; text-align: left; } .litho-left-menu .sub-menu-item .sub-menu-item li:first-child { margin-top: 8px; } /* left menu style 2 */ .left-menu-modern section { padding: 0; } .left-menu-modern .navbar-brand { padding: 0; } .left-menu-modern .hamburger-menu .close-menu { display: none; } .left-menu-modern { position: fixed; top: 0; left: 0; height: 100%; z-index: 10006; width: 65px; } .left-menu-modern .hamburger-menu-wrapper { height: 100%; z-index: -1; width: auto; right: inherit !important; } .left-menu-modern .hamburger-menu { position: fixed; height: 100%; width: 380px; border-right: none; overflow-y: auto; z-index: -1; top: 0; left: -380px; background-color: #000; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .left-menu-modern .hamburger-menu:hover { background-color: #232323; } .left-menu-modern .hamburger-menu-wrapper.right .hamburger-menu { left: auto; right: -380px; } .show-menu .left-menu-modern .hamburger-menu-wrapper.right .hamburger-menu { right: 0; } .left-menu-modern .hamburger-menu:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out; -o-transition: 0.6s ease-in-out; transition: 0.6s ease-in-out; } .left-menu-modern .hamburger-menu:hover:before { opacity: 1; } .show-menu .left-menu-modern .hamburger-menu { left: 65px; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .left-menu-modern .menu-toggle { margin-top: 10px; } .left-menu-modern .sub-menu-item .menu-toggle { margin-top: 0; } .left-menu-modern .social-icons-wrapper li { width: 100%; margin: 8px 0; display: block; } .left-menu-modern .social-icons-wrapper li:first-child { margin-top: 0; } .left-menu-modern .social-icons-wrapper li:last-child { margin-bottom: 0; } .page-wrapper { padding-left: 65px; } /* sidebar action button */ .left-menu-modern .header-push-button a { font-size: 24px; width: 23px; height: 14px; display: block; position: relative; } .left-menu-modern .push-button span { display: block; position: absolute; height: 2px; width: 22px; margin-left: auto; margin-right: auto; background-color: #fff; border-radius: 0; opacity: 1; left: 0; right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .left-menu-modern .push-button span:nth-child(1) { top: 0px; width: 14px; } .left-menu-modern .push-button span:nth-child(2), .left-menu-modern .push-button span:nth-child(3) { top: 6px; } .left-menu-modern .push-button span:nth-child(4) { top: 12px; width: 14px; } .show-menu .left-menu-modern .push-button span:nth-child(1) { top: 8px; width: 0%; } .show-menu .left-menu-modern .push-button span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .show-menu .left-menu-modern .push-button span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .show-menu .left-menu-modern .push-button span:nth-child(4) { top: 8px; width: 0%; } .left-menu-modern .hamburger-menu-wrapper .navbar-toggler { display: none; } /* hamburger menu */ .hamburger-menu-wrapper { position: fixed; height: 100%; width: 100%; border-right: none; z-index: 9999; top: 0; right: -100%; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-ransition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .hamburger-menu-wrapper.left { left: -100%; right: auto; } .show-menu .hamburger-menu-wrapper.left { left: 0; } .show-menu .hamburger-menu-wrapper { right: 0; } .hamburger-menu-wrapper .litho-left-menu-wrap { overflow: auto; height: calc(100vh - 150px); } .hamburger-menu-wrapper .litho-left-menu-wrap .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; } .hamburger-menu-wrapper .litho-left-menu-wrap .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; } .hamburger-menu-wrapper .litho-left-menu-wrap .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .hamburger-menu-wrapper .hamburger-menu { height: 100%; } .hamburger-menu-wrapper .hamburger-menu .close-menu { height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 16px; position: absolute; right: 20px; top: 21px; z-index: 1; color: #fff !important; } .hamburger-menu-wrapper .hamburger-menu .close-menu svg { fill: #fff; height: 16px; } .hamburger-menu-wrapper .litho-left-menu .menu-toggle:before, .hamburger-menu-wrapper .litho-left-menu .menu-toggle:after { top: 20px; width: 11px; right: 7px; } .hamburger-menu-wrapper .litho-left-menu .sub-menu-item .menu-toggle:before, .hamburger-menu-wrapper .litho-left-menu .sub-menu-item .menu-toggle:after { right: 9px; top: 16px; height: 1px; width: 9px; } .mCSB_inside>.mCSB_container { margin-right: 15px; } .hamburger-menu-wrapper .litho-left-menu-wrap .navbar-toggler { display: none; } .hamburger-menu-wrapper .hamburger-menu .elementor-icon-view-vertical .social-icons-wrapper li a { width: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .hamburger-menu-wrapper .hamburger-menu .elementor-icon-view-vertical .social-icons-wrapper li a i { text-align: left; } @media (max-width: 767px) { .hamburger-menu-wrapper .hamburger-menu .close-menu { right: -30px !important; } body.show-menu .header-push-button{ display: none !important; } ul.litho-left-menu li.menu-item-has-children a{ width: 0 !important; padding-right: 0px !important; white-space: nowrap; } } /* hamburger menu half */ .hamburger-menu-half { width: 50%; } .hamburger-menu-half .litho-left-menu-wrap { height: calc(100vh - 370px); } .hamburger-menu-half .hamburger-menu { height: 100vh; overflow-y: auto; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; } .hamburger-menu-half .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .hamburger-menu-half .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; } .hamburger-menu-half .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; } .hamburger-menu-wrapper.hamburger-menu-half { overflow: visible; } .hamburger-menu-half .menu-toggle { margin-top: 9px; } .hamburger-menu-wrapper.hamburger-menu-half .elementor-section-wrap>.elementor-section>div { overflow-y: auto; } .hamburger-menu-wrapper.hamburger-menu-half .elementor-section-wrap>.elementor-section>.elementor-container>.elementor-row { margin: auto; } .hamburger-menu-half .litho-left-menu-wrap .navbar-toggler { display: none; } /* hamburger menu modern */ .hamburger-menu-modern { width: 50%; } .hamburger-menu-modern .close-menu { color: #fff; } .hamburger-menu-modern .litho-left-menu-wrap { height: calc(65vh - 100px); } .hamburger-menu-modern .litho-left-menu li { padding: 13px 0; border-bottom: 0; } .hamburger-menu-modern .menu-toggle:before, .hamburger-menu-modern .menu-toggle:after { background-color: #fff; } .hamburger-menu-modern .litho-left-menu li { display: block; } .hamburger-menu-modern .litho-left-menu li>.menu-toggle { margin-top: 9px; position: absolute; right: 0; width: 40px; height: 40px; line-height: 40px; } .hamburger-menu-modern .litho-left-menu li ul>li:first-child { margin-top: 30px; } .hamburger-menu-modern .litho-left-menu li ul>li>.menu-toggle { margin-top: -2px; position: absolute; right: 0; width: 22px; height: 22px; line-height: 22px; } .hamburger-menu-modern .litho-left-menu li ul>li:last-child { margin-bottom: 0; } .hamburger-menu-modern .litho-left-menu li .menu-toggle:before, .hamburger-menu-modern .litho-left-menu li .menu-toggle:after { width: 14px } .hamburger-menu-modern .litho-left-menu li a { font-size: 44px; line-height: 50px; position: relative; color: #FFFFFF; font-weight: 400; text-transform: lowercase; padding: 0; max-width: 100%; display: inline-block; } .hamburger-menu-modern .litho-left-menu li a:before { content: ""; position: absolute; width: 0; height: 2px; bottom: 0; left: 50%; background-color: #fff; visibility: hidden; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .hamburger-menu-modern .litho-left-menu li a:hover:before { visibility: visible; width: 100%; } .hamburger-menu-modern .menu-toggle { margin-top: 17px; } .hamburger-menu-modern .litho-left-menu li ul li { line-height: normal; padding: 0; } .hamburger-menu-modern .litho-left-menu li ul li a { font-size: 14px; line-height: 18px; color: #828282; padding: 4px 0 4px; } .hamburger-menu-modern .sub-menu-item .menu-toggle:before, .hamburger-menu-modern .sub-menu-item .menu-toggle:after { background-color: #828282; } .hamburger-menu-modern .litho-left-menu li ul li a:before { display: none; } .hamburger-menu-modern .litho-left-menu-wrap .navbar-toggler { display: none; } /* landing page menu */ .landing-header { padding: 25px 55px; } .landing-header .navbar-nav .nav-link { font-size: 17px; margin: 0px 23px; } .landing-header .litho-button-wrapper .elementor-button { padding: 14px 35px 14px 35px; } header .landing-header .navbar-brand img { max-height: 40px; } .hero-banner-content { padding: 17rem 0 35rem; } /* =================================== 10. Footer ====================================== */ /* footer menu */ footer .elementor-widget-litho-simple-navigation .title, footer .elementor-widget-wp-widget-litho_recent_post_widget h5 { color: #232323; font-weight: 500; margin-bottom: 20px; font-size: 14px; display: block; font-family: 'Poppins', sans-serif; } footer .elementor-widget-litho-simple-navigation ul { list-style: none; margin: 0; padding: 0; } footer .elementor-widget-litho-simple-navigation ul li { margin-bottom: 7px; } footer .elementor-widget-litho-simple-navigation ul li:last-child { margin-bottom: 0; } /* footer horizontal menu */ footer .elementor-menu-view-horizontal ul { margin: 0; padding: 0; } .elementor-menu-view-horizontal ul li { margin: 0 31px 0 0; display: inline-block; line-height: normal; } footer .elementor-menu-view-horizontal ul li:last-child { margin-right: 0; } /* footer recent post */ footer .elementor-widget ul.recent-post-wp-widget { padding: 0; margin: 0; } footer .elementor-widget ul.recent-post-wp-widget li { margin: 0 0 25px 0; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } footer .elementor-widget ul.recent-post-wp-widget li figure { width: 75px; } footer .elementor-widget ul.recent-post-wp-widget li .media-body .recent-post-title { font-size: 15px; font-weight: 400; line-height: 30px; margin: 0; display: block; } footer .blog-grid .blog-post-images { background-color: transparent !important; width: auto !important; } footer .blog-grid li { margin-bottom: 25px; } footer .blog-grid li:last-child { margin-bottom: 0; } footer .blog-grid li img { width: 75px; } footer .blog-widget.blog-grid .blog-post { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* footer newsletter */ footer .newsletter-form-wrapper .mc4wp-form .mc4wp-form-fields { margin-bottom: 0; } /* footer instagram feed */ footer .instagram-feed { margin: 0 -5px; } /* footer sticky */ .footer-sticky { position: fixed; width: 100%; bottom: 0; left: 0; right: 0; z-index: 0; } .main-content { z-index: 2; background-color: #fff; overflow: visible; position: relative; } /* =================================== 11. Pages ====================================== */ /* 404 page */ .error404 .error-404 .litho-sub-heading { margin-bottom: 10px; letter-spacing: -1px; font-weight: 600; color: #0038e3; } .error404 .error-404 .litho-heading { font-size: 230px; line-height: 230px; letter-spacing: -5px; font-weight: 700; margin-bottom: 6rem; color: #232323; } .error404 .error-404 span { font-weight: 500; color: #232323; margin-bottom: 20px; display: block; } .error404 .error-404 .btn { background: linear-gradient(to right, #556fff, #ff798e, #556fff); color: #fff; background-size: 200% auto; font-size: 13px; padding: 14px 34px; border: 0; } /* page title */ .litho-main-title-wrappper .title-container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .title-container { margin-left: auto; margin-right: auto; } .litho-main-title-wrappper .elementor-section.elementor-section-boxed>.elementor-container, .litho-main-title-wrappper .elementor-section-full_width .title-container { max-width: inherit !important; } .page-title-separator-line { height: 1px; position: absolute; top: 9px; left: 0; background-color: #FFF; } .litho-main-title-wrap, .litho-main-layout-wrap { background-color: #f7f7f7; overflow: hidden; position: relative; background-size: cover; background-position: top center; } .litho-main-title-wrap.right-alignment, .litho-main-title-wrap.left-alignment { padding-top: 40px; padding-bottom: 40px; } .litho-main-title { font-size: 18px; line-height: 20px; font-weight: 500; margin: 0; color: #232323; } .right-alignment .litho-main-title, .left-alignment .litho-main-title, .center-alignment .litho-main-title { display: inline-block; } .right-alignment span.litho-main-subtitle, .left-alignment span.litho-main-subtitle, .center-alignment span.litho-main-subtitle, .mini-version span.litho-main-subtitle { position: relative; top: -1px; font-size: 14px; line-height: 20px; display: inline-block; font-weight: 400; } .right-alignment .litho-main-title+span.litho-main-subtitle, .left-alignment .litho-main-title+span.litho-main-subtitle, .center-alignment .litho-main-title+span.litho-main-subtitle, .mini-version .litho-main-title+span.litho-main-subtitle { padding-left: 25px; margin-left: 21px; } .right-alignment .litho-main-title+span.litho-main-subtitle:before, .left-alignment .litho-main-title+span.litho-main-subtitle:before, .center-alignment .litho-main-title+span.litho-main-subtitle:before, .mini-version .litho-main-title+span.litho-main-subtitle:before { position: absolute; border-left: 2px solid #232323; content: ""; height: 12px; top: 4px; left: 0; } .litho-main-title-wrap .container, .litho-main-breadcrumb .container { padding-left: 0; padding-right: 0; } /* page title - center */ .litho-main-title-wrap.center-alignment { padding-top: 50px; padding-bottom: 50px; } .center-alignment .litho-main-title-breadcrumb { margin-top: 5px; } /* page title - colorful */ .litho-main-title-wrap.colorful-style { padding: 80px 0; -webkit-transition-duration: 3s; -moz-transition-duration: 3s; -ms-transition-duration: 3s; -o-transition-duration: 3s; transition-duration: 3s; -webkit-transition-property: background-color; -o-transition-property: background-color; transition-property: background-color; } .litho-main-title-wrap.colorful-style .litho-main-title { font-size: 16px; line-height: 20px; font-weight: 400; margin: 0 0 30px 0; color: #fff; padding-left: 85px; padding-right: 15px; position: relative; } .litho-main-title-wrap.colorful-style .litho-main-subtitle { color: #fff; font-weight: 500; margin-bottom: 30px; display: block; } /* page title - big typography */ .litho-main-title-wrap.big-typography { padding: 130px 0; } .litho-main-title-wrap.big-typography .litho-main-title { font-size: 16px; line-height: 20px; margin-bottom: 20px; opacity: 0.6; color: #fff; font-weight: 400; } .litho-main-title-wrap.big-typography .litho-main-subtitle { margin-bottom: 0; color: #fff; letter-spacing: -1px; font-weight: 500; } .big-typography .litho-main-title-breadcrumb { display: block; margin-top: 20px; } /* page title - gallery background */ .litho-main-title-wrap.gallery-background { padding: 0; z-index: 0; } .litho-main-title-wrap.gallery-background .page-title-slider { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: -1; } .litho-main-title-wrap.gallery-background .litho-main-title { font-size: 42px; line-height: 49px; color: #fff; letter-spacing: -1px; } .litho-main-title-wrap.gallery-background .litho-main-subtitle { font-size: 16px; line-height: 24px; color: #fff; font-weight: 300; margin-bottom: 5px; opacity: 0.6; display: block; } .litho-main-title-wrap.gallery-background .litho-main-title-breadcrumb { display: block; margin-top: 10px; } /* page title - background video */ .litho-main-title-wrap.background-video { padding: 0; z-index: 0; } .litho-main-title-wrap.background-video .litho-main-title { font-size: 42px; line-height: 49px; color: #fff; } .litho-main-title-wrap.background-video .litho-main-subtitle { font-size: 15px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 5px; opacity: 0.6; display: block; } .litho-main-title-wrap.background-video .page-title-separator-line { height: 80px; margin-top: 4.5rem; margin-bottom: 5.6rem; display: inline-block; width: 1px; position: inherit; } .litho-main-title-wrap.background-video .litho-main-title-breadcrumb { margin: 10px 0 0 0; } /* page title - parallax background */ .litho-main-title-wrap.parallax-background { padding: 80px 0; } .litho-main-title-wrap.parallax-background .litho-main-title { font-size: 42px; line-height: 49px; color: #fff; } .litho-main-title-wrap.parallax-background .litho-main-subtitle { font-size: 15px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 5px; opacity: 0.6; display: block; } .litho-main-title-wrap.parallax-background .breadcrumb-in-title-area .parallax-content-wrap { margin-top: auto } .litho-main-title-wrap.parallax-background .litho-main-title-breadcrumb { margin-top: auto; } /* page title - separate breadcrumbs */ .litho-main-title-wrap.separate-breadcrumbs { padding: 130px 0; background-position: center center; } .litho-main-title-wrap.separate-breadcrumbs .litho-main-title { font-size: 42px; line-height: 49px; color: #fff; } .litho-main-title-wrap.separate-breadcrumbs .litho-main-subtitle { font-size: 15px; line-height: 28px; color: #fff; font-weight: 400; margin-bottom: 5px; opacity: 0.6; display: block; } /* search form style */ .search-form-simple-box { position: relative; } .search-form-simple-box .search-input { padding-right: 145px; border-radius: 4px; padding: 13px 145px 12px 25px; border: 0; margin: 0; } .search-form-simple-box .search-button { font-size: 12px; padding: 0 26px; line-height: normal; position: absolute; top: 50%; border-radius: 0; right: 0px; border: 0; border-left: 1px solid #dbdbdb; background-color: transparent; width: auto; letter-spacing: inherit; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); display: flex; align-items: center; } .search-form-simple-box .search-button i { color: #0038e3; margin-right: 10px; } .search-form-simple-box .search-button svg { fill: #0038e3; height: 12px; margin-right: 8px; } /* post page title */ .litho-main-title-wrap .container-fluid, .litho-single-post-breadcrumb .container-fluid { padding-left: 50px; padding-right: 50px; } .litho-main-title-wrap.center-alignment .litho-single-post-meta { margin-top: 5px; } .litho-main-title-wrap .litho-single-post-meta .litho-post-details-meta li i { margin-right: 8px; } .litho-main-title-wrap .litho-single-post-meta ul.litho-post-details-meta { padding: 0; margin: 0; } .litho-main-title-wrap .litho-single-post-meta ul.litho-post-details-meta li { display: inline-block; } .litho-main-title-wrap .litho-single-post-meta ul.litho-post-details-meta li, .litho-main-title-wrap .litho-single-post-meta ul.litho-post-details-meta li a { font-size: 13px; line-height: 22px; } .litho-main-title-wrap .litho-single-post-meta ul.litho-post-details-meta li:after { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 11px; display: inline-block; vertical-align: middle; font-size: 4px; opacity: .6; position: relative; top: 1px; } .litho-main-title-wrap .litho-single-post-meta ul.litho-post-details-meta li:last-child:after { display: none; } .litho-main-title-wrap .container, .litho-main-title-wrap.litho-page-breadcrumb .container { padding-left: 15px; padding-right: 15px; } .litho-main-title-wrap.colorful-style .litho-post-details-meta li, .litho-main-title-wrap.colorful-style .litho-post-details-meta li a { color: #fff; } .litho-main-title-wrap.big-typography ul.litho-post-details-meta li, .litho-main-title-wrap.big-typography ul.litho-post-details-meta li a, .litho-main-title-wrap.image-after-breadcrumbs ul.litho-post-details-meta li, .litho-main-title-wrap.image-after-breadcrumbs ul.litho-post-details-meta li a { opacity: 0.6; color: #fff; } .litho-main-title-wrap.big-typography ul.litho-post-details-meta li a:hover, .litho-main-title-wrap.image-after-breadcrumbs ul.litho-post-details-meta li a:hover { opacity: 1; } .litho-main-title-wrap.big-typography .litho-single-post-meta, .litho-main-title-wrap.gallery-background .litho-single-post-meta, .litho-main-title-wrap.background-video .litho-single-post-meta { margin-top: 15px; } .litho-main-title-wrap.parallax-background ul.litho-post-details-meta li, .litho-main-title-wrap.parallax-background ul.litho-post-details-meta li a, .litho-main-title-wrap.gallery-background ul.litho-post-details-meta li, .litho-main-title-wrap.gallery-background ul.litho-post-details-meta li a, .litho-main-title-wrap.background-video ul.litho-post-details-meta li, .litho-main-title-wrap.background-video ul.litho-post-details-meta li a { color: #b7b7b7; } .litho-main-title-wrap.parallax-background ul.litho-post-details-meta li a:hover, .litho-main-title-wrap.gallery-background ul.litho-post-details-meta li a:hover, .litho-main-title-wrap.background-video ul.litho-post-details-meta li a:hover { color: #fff; } .litho-main-title-wrap.image-after-breadcrumbs ul.litho-post-details-meta { margin-top: 10px; } .litho-main-title-wrap.mini-version .litho-single-post-title { display: inline-block; } /* post page - title style 1 */ .post-layout-style-1 .row { position: relative; z-index: 0; } .post-layout-style-1 .tilt-box { z-index: -1 } .post-layout-style-1 { padding: 0; overflow: visible; z-index: 1; background-color: transparent; } .post-layout-style-1 .container { position: relative; } .post-layout-style-1 .container, .post-layout-style-1 .container-fluid { height: 100%; } .post-layout-style-1 .overlap-section { margin-bottom: -200px; padding-top: 7rem; padding-bottom: 7rem; background-color: #CA7741; position: absolute; bottom: 0; } .post-layout-style-1 .page-title-separator { height: 90px; width: 1px; background-color: #fff; left: 50%; top: 0; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); margin-left: auto; margin-right: auto; } .post-layout-style-1 .litho-single-post-categories ul { margin-bottom: 10px; padding: 0; list-style: none; display: inline-block; } .post-layout-style-1 .litho-single-post-categories ul li { float: left; margin-right: 42px; color: #0038e3; position: relative; } .post-layout-style-1 .litho-single-post-categories ul li:after { content: ""; height: 10px; width: 1px; background-color: #FFF; position: absolute; top: 10px; right: -22px; } .post-layout-style-1 .litho-single-post-categories ul li:last-child { margin-right: 0; } .post-layout-style-1 .litho-single-post-categories ul li:last-child:after { display: none } .post-layout-style-1 .litho-single-post-categories ul li a { color: #fff; font-weight: 500; text-transform: uppercase; font-size: 14px; line-height: 20px; } .post-layout-style-1 .litho-main-title { width: 50%; letter-spacing: -.5px; font-size: 3.4rem; line-height: 3.9rem; margin-bottom: 25px; margin-left: auto; margin-right: auto; color: #fff; font-weight: 600; } .post-layout-style-1 .litho-single-post-author { margin-top: 10px; color: rgba(255, 255, 255, 0.7); font-weight: 400; } .post-layout-style-1 .litho-single-post-author a { color: rgba(255, 255, 255, 0.7); font-weight: 400; } .post-layout-style-1 .litho-single-post-author a:hover { color: rgba(255, 255, 255, 1); } .post-layout-style-1 .litho-main-title-breadcrumb { margin-top: 10px; } .post-layout-style-1 .litho-main-title-breadcrumb li, .post-layout-style-1 .litho-main-title-breadcrumb li a { font-size: 15px; line-height: 30px; color: rgba(255, 255, 255, 0.7); } .post-layout-style-1 .litho-main-title-breadcrumb li a:hover { color: #fff; } .post-layout-style-1 .litho-main-title-breadcrumb>li:after { padding: 0 12px 0 13px; color: rgba(255, 255, 255, 0.7); } .post-layout-style-1~div { padding-top: 320px; padding-bottom: 130px } .single-post.elementor-page .post-layout-style-1~div { padding-top: 0; padding-bottom: 0; } /* post page - title style 2 */ .post-layout-style-2 { padding: 160px 0; height: 990px; } .post-layout-style-2 .litho-single-post-categories, .post-layout-style-2 .litho-single-post-date { display: inline-block; vertical-align: top; } .post-layout-style-2 .litho-single-post-categories ul { margin-bottom: 0; padding: 0; list-style: none; float: left; width: 100%; } .post-layout-style-2 .litho-single-post-categories ul li { float: left; margin-right: 32px; color: #0038e3; position: relative; } .post-layout-style-2 .litho-single-post-categories ul li:after { content: "."; font-size: 38px; position: absolute; top: -11px; right: -20px; } .post-layout-style-2 .litho-single-post-categories ul li:last-child { margin-right: 0; } .post-layout-style-2 .litho-single-post-categories ul li:last-child:after { display: none } .post-layout-style-2 .litho-single-post-categories ul li a, .post-layout-style-2 .litho-single-post-date { color: #c3964e; text-transform: uppercase; font-weight: 400; } .post-layout-style-2 .litho-single-post-categories ul li a:hover { color: #232323; } .post-layout-style-2 .litho-single-post-categories { margin-right: 22px; position: relative } .post-layout-style-2 .litho-single-post-categories:after { content: "."; font-size: 38px; color: #c3964e; position: absolute; top: -11px; right: -18px; } .post-layout-style-2 .litho-main-title { font-size: 2.85rem; line-height: 3.4rem; font-weight: 500; margin: 25px 0 35px 0; color: #232323; letter-spacing: -1px; } .post-layout-style-2 .litho-single-post-author img { border-radius: 100%; margin-right: 12px; width: 35px; vertical-align: middle; } .post-layout-style-2 .litho-single-post-author, .post-layout-style-2 .litho-single-post-author a { text-transform: uppercase; font-weight: 400; } .post-layout-style-2 .litho-single-post-author a:hover { color: #c3964e; } .post-layout-style-2 .litho-main-title-breadcrumb { margin-bottom: 10px; } .post-layout-style-2 .litho-main-title-breadcrumb li, .post-layout-style-2 .litho-main-title-breadcrumb li a { font-size: 15px; line-height: 30px; } .post-layout-style-2 .litho-main-title-breadcrumb>li:after { padding: 0 12px 0 13px; } .post-layout-style-2~div { padding-top: 130px; padding-bottom: 130px } .single-post.elementor-page .post-layout-style-2~div { padding-top: 0; padding-bottom: 0; } .post-layout-style-2 .litho-single-post-author { display: block; clear: both; } /* post page - title style 3 */ .post-layout-style-3 { padding-left: 11%; padding-right: 11%; padding-top: 130px; background-color: #f7f7f7; overflow: visible; } .post-layout-style-3 .overlap-text { position: absolute; right: 0; bottom: -110px; font-size: 300px; line-height: 300px; letter-spacing: -10px; overflow: hidden; white-space: nowrap; padding-left: 9rem; font-weight: 600; color: #fff; width: 50%; } .single-post .post-layout-style-3 .blog-image { border-radius: 8px; margin-bottom: -215px; } .single-post .post-layout-style-3 .blog-image img { border-radius: 8px; } .post-layout-style-3 .order-2 { padding-left: 10rem; padding-bottom: 60px; z-index: 1; } .post-layout-style-3 .order-1 { padding: 0; } .post-layout-style-3 .litho-single-post-categories ul { margin-bottom: 30px; padding: 0; list-style: none; float: left; width: 100%; } .post-layout-style-3 .litho-single-post-categories ul li { float: left; margin-right: 32px; color: #0038e3; position: relative; } .post-layout-style-3 .litho-single-post-categories ul li:after { content: "."; font-size: 38px; position: absolute; top: -11px; right: -20px; } .post-layout-style-3 .litho-single-post-categories ul li:last-child { margin-right: 0; } .post-layout-style-3 .litho-single-post-categories ul li:last-child:after { display: none } .post-layout-style-3 .litho-single-post-categories ul li a { color: #0038e3; font-weight: 500; text-transform: uppercase; } .post-layout-style-3 .litho-main-title { letter-spacing: -1px; font-size: 3.4rem; line-height: 3.9rem; margin-bottom: 25px; } .post-layout-style-3 .litho-single-post-author { margin-top: 15px; margin-bottom: 15px; font-weight: 400; } .post-layout-style-3 .litho-single-post-author a { font-weight: 400; } .post-layout-style-3 .litho-main-title-breadcrumb { margin-top: 15px; } .post-layout-style-3 .litho-main-title-breadcrumb li, .post-layout-style-3 .litho-main-title-breadcrumb li a { font-size: 15px; line-height: 30px; } .post-layout-style-3 .litho-main-title-breadcrumb>li:after { padding: 0 12px 0 13px; } .post-layout-style-3~div { padding-top: 15rem; padding-bottom: 130px } .single-post.elementor-page .post-layout-style-3~div { padding-top: 0; padding-bottom: 0; } /* post page - title style 4 */ .post-layout-style-4 { background-repeat: repeat !important; background-size: auto !important; height: 606px; padding: 50px 0 130px 0; } .post-layout-style-4 .justify-content-center { padding-top: 6rem; } .post-layout-style-4 .litho-single-post-categories { margin-bottom: 22px; text-transform: uppercase; } .post-layout-style-4 .litho-single-post-categories ul, .post-layout-style-4 .litho-single-post-categories>span, .post-layout-style-4 .litho-single-post-categories .post-date, .litho-single-post-categories a { font-weight: 400; display: inline-block; color: #fff; } .post-layout-style-4 .litho-single-post-categories>span { color: rgba(255, 255, 255, .5); } .post-layout-style-4 .litho-single-post-categories ul { list-style: none; margin: 0; padding: 0; } .post-layout-style-4 .litho-main-title { font-size: 3.4rem; line-height: 3.9rem; font-weight: 500; margin: 0; color: #fff; } .post-layout-style-4 .separator-line { height: 1px; } .post-layout-style-4 .litho-single-post-author, .post-layout-style-4 .litho-single-post-author a { color: #fff; font-weight: 500; } .post-layout-style-4 .litho-main-title-breadcrumb { margin-top: 10px; } .post-layout-style-4 .litho-main-title-breadcrumb li, .post-layout-style-4 .litho-main-title-breadcrumb li a { font-size: 15px; line-height: 30px; color: #fff; text-transform: uppercase; } .post-layout-style-4 .litho-main-title-breadcrumb>li:after { padding: 0 12px 0 13px; color: rgba(255, 255, 255, 0.7); } .post-layout-style-4~div { padding-top: 130px; padding-bottom: 130px } .single-post.elementor-page .post-layout-style-4~div { padding-top: 0; padding-bottom: 0; } /* post page - title style 5 */ .post-layout-style-5 { padding: 130px 0; } .post-layout-style-5 .litho-main-title { font-size: 3.9rem; line-height: 4rem; font-weight: 500; margin: 0 0 5.5rem 0; color: #fff; width: 85%; } .post-layout-style-5 .litho-single-post-author, .post-layout-style-5 .litho-single-post-date, .post-layout-style-5 .litho-single-post-categories { display: inline-block; margin-right: 50px; } .post-layout-style-5 .author-label, .post-layout-style-5 .post-date-label, .post-layout-style-5 .categories-label { display: block; color: rgba(255, 255, 255, .5); } .post-layout-style-5 .author-url, .post-layout-style-5 .author-url a, .post-layout-style-5 .post-date, .post-layout-style-5 .litho-single-post-categories a { font-weight: 400; color: #fff; } .post-layout-style-5 .litho-single-post-categories ul { list-style: none; margin: 0; padding: 0; } .post-layout-style-5 .litho-main-title-breadcrumb { margin-top: 20px; } .post-layout-style-5 .litho-main-title-breadcrumb li, .post-layout-style-5 .litho-main-title-breadcrumb li a { font-size: 15px; line-height: 30px; } .post-layout-style-5 .litho-main-title-breadcrumb>li:after { padding: 0 12px 0 13px; } .post-layout-style-5 .litho-layout-overlay { background-color: #232323; position: absolute; height: 100%; width: 100%; opacity: 0.6; top: 0; left: 0; } .post-layout-style-5~div { padding-top: 130px; padding-bottom: 130px } .single-post.elementor-page .post-layout-style-5~div { padding-top: 0; padding-bottom: 0; } /* breadcrumb */ .litho-main-title-breadcrumb { padding: 0; margin: 0; line-height: normal; } .litho-main-title-breadcrumb li { display: inline-block; } .litho-main-title-breadcrumb>li:after { content: "\f111"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 10px 0 11px; display: inline-block; vertical-align: middle; font-size: 4px; opacity: .6; position: relative; } .litho-main-title-breadcrumb>li:last-child:after { display: none; } .litho-main-title-breadcrumb li, .litho-main-title-breadcrumb li a { font-size: 13px; line-height: 22px; } .main-breadcrumb-section { border-bottom: 1px solid #ededed; padding-top: 14px; padding-bottom: 14px; } .parallax-background .litho-main-title-breadcrumb li, .parallax-background .litho-main-title-breadcrumb li a, .background-video .litho-main-title-breadcrumb li, .background-video .litho-main-title-breadcrumb li a, .gallery-background .litho-main-title-breadcrumb li, .gallery-background .litho-main-title-breadcrumb li a, .image-after-breadcrumbs .litho-main-title-breadcrumb li, .image-after-breadcrumbs .litho-main-title-breadcrumb li a, .big-typography .litho-main-title-breadcrumb li, .big-typography .litho-main-title-breadcrumb li a { color: #b7b7b7; } .parallax-background .litho-main-title-breadcrumb li a:hover, .background-video .litho-main-title-breadcrumb li a:hover, .gallery-background .litho-main-title-breadcrumb li a:hover, .image-after-breadcrumbs .litho-main-title-breadcrumb li a:hover, .big-typography .litho-main-title-breadcrumb li a:hover { color: #fff; } /* =================================== 12. Popup ====================================== */ .dialog-widget.elementor-lightbox .elementor-swiper-button-next, .dialog-widget.elementor-lightbox .elementor-swiper-button-prev { opacity: 1; width: 90px; background-color: transparent !important; } .elementor-lightbox .dialog-lightbox-close-button { z-index: 9999; text-align: center; right: 30px; top: 30px; color: #fff; width: 44px; height: 44px; line-height: 44px; font-size: 18px; margin: 0; padding: 0; outline: none; } .elementor-lightbox .dialog-lightbox-close-button:hover { color: #fff; } .dialog-widget-content { position: relative; } .elementor-lightbox .dialog-widget-content { padding-left: 15px; padding-right: 15px; } .dialog-type-lightbox .dialog-widget-content .dialog-buttons-wrapper { display: none; } .dialog-type-lightbox .dialog-widget-content .modal-wrap .popup-title { display: block; } .elementor-open-lightbox>div { display: inline-block; } .litho-lightbox-show { overflow: hidden; } .popup-title { display: block; } .dialog-message { font-size: 15px; line-height: 30px; } .elementor-slideshow__footer .elementor-slideshow__title { font-size: 12px; font-weight: 400; } .dialog-type-lightbox { overflow: hidden auto; } .elementor-slideshow__header .elementor-slideshow__counter { color: #ccc; font-size: 12px; line-height: 18px; } .elementor-slideshow__header { padding: 0; top: 35px; } .modal-main-wrap { margin: 0 auto; display: -webkit-box; display: flex; height: 100%; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; } .modal-main-wrap .modal-wrap, .modal-main-wrap .contact-form-wrap-main { overflow: auto; max-height: 100%; } /* newsletter popup */ .contact-form-wrap-main { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-form-wrap-main .newsletter-popup { float: left; width: 58%; padding: 6rem; background-color: #fff; text-align: left; } .contact-form-wrap-main .newsletter-popup input[type="text"] { display: none; } .contact-form-wrap-main .newsletter-popup-img { float: left; width: 42%; background-size: cover; background-position: center center !important; } /* video popup */ .modal-popup-wrap { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; position: relative; } .modal-popup-wrap iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .60); } /* magnific popup */ .mfp-bg, .mfp-wrap { z-index: 10007; } .mfp-bg, .mfp-fade.mfp-bg.mfp-ready, .mfp-fade.mfp-bg { background: #232323; opacity: .9; } .mfp-arrow, .mfp-arrow:active { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -35px; padding: 0; width: 60px; height: 60px; -webkit-tap-highlight-color: transparent; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .mfp-arrow-right { right: 40px; } .mfp-arrow-left { left: 40px; } .mfp-arrow-right:before { border-left: none; content: "\e628"; font-size: 18px; font-family: themify; color: #fff; line-height: 60px; background: #232323; width: 100%; height: 100%; border-radius: 100%; border: none; margin: 0; } .mfp-arrow-left:before { border-left: none; content: "\e629"; font-size: 18px; font-family: themify; color: #fff; line-height: 60px; background: #232323; width: 100%; height: 100%; border-radius: 100%; border: none; margin: 0; } .mfp-arrow:after { display: none; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 50px; bottom: 50px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .60); background: #000; } .mfp-bottom-bar { margin-top: -37px; font-size: 12px; } .mfp-bottom-bar .mfp-title span { display: block; } .mfp-bottom-bar .mfp-title { margin-top: -2px; } /* promo popup */ .popup-prevent-text { margin-bottom: 0; } .litho-promo-popup-wrap { display: none; } .mfp-close, .mfp-close:active { right: 30px; top: 30px; font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 300; } .mfp-close-btn-in .modal-main-wrap .mfp-close { position: absolute; } .modal-main-wrap .mfp-close, .modal-popup-main .mfp-close:active { right: 0; top: 0; color: #232323 !important; width: 44px; height: 44px; font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: 300; } .mfp-iframe-scaler iframe { box-shadow: 0 0 8px rgba(0, 0, 0, .60); background-color: #000; } img.mfp-img { padding: 50px 0; } .mfp-iframe-holder .mfp-content { max-width: 1020px; } button.mfp-close, button.mfp-arrow { font-weight: 300; } .popup-prevent-text.subscribe-popup-prevent-text { color: #939393; font-weight: 400; font-size: 13px; line-height: 22px; margin-top: 25px; } .popup-prevent-text.subscribe-popup-prevent-text input[type=checkbox] { margin-right: 7px; top: -1px; vertical-align: middle; } /* pswp popup */ .pswp__button--arrow--left, .pswp__button--arrow--right { width: 60px; height: 60px; margin-top: -30px; } .pswp__button--arrow--left:before, .pswp__button--arrow--right:before, button.pswp__button--arrow--left::before, button.pswp__button--arrow--right::before { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; opacity: .65; top: 0; border-left: none; content: "\e628"; font-size: 18px; font-family: themify; color: #fff; line-height: 60px; background: #232323 !important; width: 100%; height: 100%; border-radius: 100%; border: none; } .pswp__button--arrow--left:before, button.pswp__button--arrow--left::before { content: "\e629"; } .pswp__button--arrow--left:hover:before, .pswp__button--arrow--right:hover:before, button.pswp__button--arrow--left:hover::before, button.pswp__button--arrow--right:hover::before { opacity: 1; } .pswp__button--arrow--left { left: 40px; } .pswp__button--arrow--right { right: 40px; } .pswp__top-bar { padding: 20px; } .pswp__counter { opacity: 1; padding: 20px; } .pswp__button--arrow--right:before { right: 0; } .pswp__button--arrow--left:before { left: 0; } .pswp__button { opacity: 1; } /* =================================== 13. Swiper carousel ====================================== */ .swiper-container, .swiper { width: 100%; height: 100%; } .slider-width-auto { width: auto; } /* slider button */ .elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper~.elementor-swiper-button, .elementor-element .swiper~.slider-arrow-rb .elementor-swiper-button { position: absolute; display: inline-flex; z-index: 1; cursor: pointer; font-size: 25px; color: inherit; text-align: center; align-items: center; top: 50%; transform: translateY(-50%); } .elementor-element .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper~.elementor-swiper-button.swiper-button-disabled { cursor: default; box-shadow: none; } .swiper-button-next:after, .swiper-button-prev:after { display: none } .elementor-element .swiper .swiper-button-next, .elementor-element .swiper .swiper-button-prev, .swiper-button-next, .swiper-button-prev { background-image: none; outline: none; text-align: center; line-height: 44px; background-color: #fff; color: #232323; } .elementor-element .swiper .swiper-button-next, .swiper-button-next { right: 0; } .elementor-element .swiper .swiper-button-prev, .swiper-button-prev { left: 0; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0; } .elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper~.slider-arrow-rb .elementor-swiper-button { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; background-color: #fff; color: #232323; fill: #232323; text-align: center; line-height: 36px; margin: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; outline: none; } .swiper .elementor-swiper-button.elementor-swiper-button-prev svg, .swiper .elementor-swiper-button.elementor-swiper-button-next svg { height: 15px; fill: #232323; } .swiper .elementor-swiper-button.elementor-swiper-button-prev:hover svg, .swiper .elementor-swiper-button.elementor-swiper-button-next:hover svg { fill: #fff; } .elementor-element .swiper .elementor-swiper-button:hover, .elementor-element .swiper~.slider-arrow-rb .elementor-swiper-button:hover { background-color: #232323; color: #fff; } .elementor-element .swiper .elementor-swiper-button i, .elementor-element .swiper~.slider-arrow-rb .elementor-swiper-button i { font-size: 15px; line-height: normal; width: auto; height: auto; margin: 0 auto; display: inline-block; } .elementor-element .swiper .elementor-swiper-button i:before { position: initial; left: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial; top: initial; } .elementor-element .swiper .elementor-swiper-button-next { right: 0; } .elementor-element .swiper .elementor-swiper-button-prev { left: 0; } .elementor-element .swiper .slider-custom-image-pagination~.elementor-swiper-button { top: inherit; bottom: 20px; -webkit-transform: none; -ms-transform: none; transform: none; } .black-cursor .swiper-slide { cursor: url(assets/images/icon-move-black.png), move; } .white-cursor .swiper-slide { cursor: url(assets/images/icon-move-white.png), move; } .swiper-container-vertical.black-cursor .swiper-slide { cursor: url(assets/images/vertical-icon-move-black.png), move } .swiper-container-vertical.white-cursor .swiper-slide { cursor: url(assets/images/vertical-icon-move-white.png), move } .swiper-slide a { display: inline-block; } .elementor-arrows-position-custom .swiper-container, .elementor-arrows-position-custom .swiper { position: static; } .elementor-shape-circle .elementor-icon { -webkit-border-radius: 50%; border-radius: 50%; } .elementor-view-custom .elementor-icon { padding: .5em; background-color: #818a91; color: #fff; } .elementor-element .swiper .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button { align-items: center; color: #232323; fill: #232323; } .elementor-element .swiper .elementor-swiper-button:hover, .elementor-lightbox .swiper .elementor-swiper-button:hover { color: #fff; fill: #fff; } .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; } /* swiper pagination bullet */ .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #000000; opacity: 1; outline: none; } .swiper-pagination-bullet-active { background-color: rgba(0, 0, 0, .40); opacity: 1; } /* vertical swiper pagination bullet */ .swiper-container-vertical>.swiper-pagination-bullets { right: 60px; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px auto; display: block; border: 2px solid #fff; background-color: #fff; opacity: 1; width: 10px; height: 10px; } .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active { border-color: #fff; background-color: transparent; width: 16px; height: 16px; } .elementor-pagination-position-outside .swiper-container-vertical.swiper-container { padding-bottom: 0; } /* swiper pagination number */ .swiper-number-pagination { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; font-family: 'Poppins', sans-serif; color: #fff; font-size: 18px; line-height: 22px; left: 105px; bottom: 125px; } .swiper-number-pagination .swiper-pagination-current:after { content: '/'; margin: 0 5px; } .swiper-pagination-medium .swiper-pagination-bullet { width: 10px; height: 10px; } .swiper-pagination-medium .swiper-pagination-bullet-active { width: 16px; height: 16px; } /* content slider style */ .elementor-pagination-position-outside .content-carousel-wrapper { padding-bottom: 0; } .content-carousel-wrapper .content-slider { border-radius: 4px; overflow: hidden; border: 1px solid #e4e4e4; } .content-carousel-wrapper .content-slider .swiper-slide { height: auto; } .content-carousel-wrapper .content-box { padding: 4rem; } .content-carousel-wrapper .content-box .slide-title { color: #232323; margin-bottom: 15px; } .content-carousel-wrapper .content-box .slide-description { margin-bottom: 25px; } .elementor-widget-litho-content-slider, .elementor-widget-litho-content-slider .elementor-widget-container { height: 100%; } /* content slider style 1 */ .elementor-arrows-position-inside .content-carousel-style-1, .elementor-arrows-position-outside .content-carousel-style-1 { padding-top: 5.5rem; } .content-carousel-style-1 .content-box { background-color: #fff; } .elementor-element .swiper.content-carousel-style-1 .elementor-swiper-button { border-radius: 100%; border: 1px solid #e4e4e4; line-height: 38px; font-size: inherit; top: 2px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .elementor-element .swiper.content-carousel-style-1 .elementor-swiper-button:hover { background-color: #fff; color: #232323; box-shadow: 0 0 10px rgba(0, 0, 0, .07); border-color: #ffffff; } .elementor-element .swiper.content-carousel-style-1 .elementor-swiper-button.elementor-swiper-button-next { right: inherit; left: 50px; } /* content slider style 2 */ .content-carousel-style-2 .content-box { background-color: #fff; } .content-carousel-style-2 .elementor-icon { background-color: #f8f4f0; border-radius: 100%; text-align: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin: 0 auto 30px; width: 100px; height: 100px; } .content-carousel-style-2 .elementor-icon i { position: inherit; color: #ca943d; font-size: 40px; } .content-carousel-style-2 .content-box .slide-description:last-child { margin-bottom: 0; } .content-carousel-style-2 .row.content-slider { margin-left: 0; margin-right: 0; height: 100%; } /* content slider style 3 */ .content-carousel-style-3 .elementor-widget-litho-content-slider, .content-carousel-style-3 .elementor-widget-container, .content-carousel-style-3 .content-image { height: 100%; } .content-carousel-style-3 .content-box:last-of-type { margin-bottom: 0; } .content-carousel-style-3.content-carousel-wrapper .content-box { position: absolute; bottom: 0; left: 0; background-color: #fff; } .elementor-element .swiper.content-carousel-style-3~.slider-arrow-rb .elementor-swiper-button-prev { left: -62px; bottom: 63px; top: inherit; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .elementor-element .swiper.content-carousel-style-3~.slider-arrow-rb .elementor-swiper-button-next { right: inherit; left: -62px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); bottom: 0; top: inherit; } .content-carousel-style-3.content-carousel-wrapper .content-box img { margin: 0 auto; display: inline-block; } .elementor-element.elementor-pagination-position-outside .swiper.content-carousel-style-3 { padding-bottom: 0; } /* content slider style 4 */ .content-carousel-style-4 .content-box .slide-title { margin-bottom: 25px; font-size: 15px; line-height: 30px; } .content-carousel-style-4 .content-box .slide-subtitle { color: #fff; font-size: 1.80rem; line-height: 2.5rem; margin-bottom: 25px; letter-spacing: -0.5px; } .content-carousel-style-4 .content-box .slide-description { color: #fff; opacity: .6; margin-bottom: 25px; } .content-carousel-style-4 .elementor-swiper-button { border-radius: 100%; line-height: 35px; bottom: -20px; top: inherit; left: inherit; } .content-carousel-style-4 .elementor-swiper-button i { font-size: 16px; } .content-carousel-style-4 .swiper-wrapper { margin-bottom: 65px; } .content-carousel-style-4 .elementor-swiper-button-next { right: inherit; left: 50px; } /* content carousel style 5 */ .content-carousel-style-5 .content-image { height: 550px; opacity: .3; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .content-carousel-style-5 .swiper-slide-active .content-image { opacity: 1 } .content-carousel-style-5 .content-box { padding: 5rem 5.5rem; background-color: #fff; position: absolute; right: 0; bottom: 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .content-carousel-style-5 .swiper-slide-active .content-box { opacity: 1; } .content-carousel-style-5 .content-box .slider-text-wrap { padding: 0; margin: 0 0 20px 0; } .content-carousel-style-5 .content-box .separator { display: inline-block; height: 1px; width: 30px; background-color: #e4e4e4; margin: 0 13px; } .content-carousel-style-5 .content-box .slide-subtitle { display: inline-block; width: 70%; color: #ff7a56; line-height: normal; } .content-carousel-style-5 .content-box .slider-digit { font-size: 15px; color: #ff7a56; font-weight: 500; } .content-carousel-style-5 .content-box .media { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .content-carousel-style-5 .content-box .slide-title { font-size: 1.8rem; line-height: 32px; margin-bottom: 25px; } .content-carousel-style-5 .content-box .slide-description { margin-bottom: 35px; } /* content carousel style 6 */ .content-carousel-style-6 .swiper-slide { padding: 15px; } .content-carousel-style-6 .content-slider { border-radius: 0; overflow: hidden; border: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08); box-shadow: 0 0 10px rgba(0, 0, 0, .08); } .content-carousel-style-6 .content-slider img { width: 100%; } .content-carousel-style-6 .content-box { background-color: #fff; padding: 3.5rem 4.5rem; border: 0; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .content-carousel-style-6 .content-box-inner { overflow: hidden; -webkit-box-flex: 1; flex: 1; max-width: 100%; padding-left: 40px; border-left: 2px solid #2ed47c; } .content-carousel-style-6 .slide-subtitle { color: #232323; font-size: 2.85rem; line-height: 3.4rem; font-weight: 600; margin-right: 40px; } .content-carousel-style-6 .content-box .slide-description { margin: 0; } .elementor-element .swiper.content-carousel-style-6 .elementor-swiper-button-next { right: 15px; } .elementor-element .swiper.content-carousel-style-6 .elementor-swiper-button-prev { left: 15px; } /* content carousel style 7 */ .content-carousel-style-7 .swiper-slide { background-color: #232323; padding: 4.5rem; } .content-carousel-style-7 .content-image { height: 100%; width: 100%; position: absolute; left: 0; top: 0; opacity: .5; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .content-carousel-style-7 .swiper-slide-active .content-image { opacity: 1 } .content-carousel-style-7 .content-box { padding: 4.5rem 4.5rem 4.5rem 4.5rem; float: right; background-color: #fff; position: relative; z-index: 2; right: 0; bottom: 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .content-carousel-style-7 .swiper-slide-active .content-box { opacity: 1; } .content-carousel-style-7 .content-box .slider-digit { font-size: 2.85rem; line-height: 3.4rem; color: #fff; margin-top: -9.5rem; float: right; margin-right: -25px; width: 75px; text-align: center; background-color: #F4D956; font-weight: 500; margin-bottom: 2.5rem; padding: 6rem 0 15px 0; } .content-carousel-style-7 .content-box .slide-subtitle { display: block; clear: both; color: #232323; font-size: 2.30rem; line-height: 3rem; letter-spacing: -0.5px; font-weight: 400; margin-bottom: 25px; } .content-carousel-style-7 .content-box .slide-title { margin-bottom: 0; display: block; clear: both; font-size: 2.30rem; line-height: 3rem; } .content-carousel-style-7 .content-box .slide-description { display: block; clear: both; } .content-carousel-style-7 .slide-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .content-carousel-style-7 .content-box .elementor-button-link { vertical-align: middle; } .content-carousel-style-7 .elementor-button .elementor-button-content-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .content-carousel-style-7 .elementor-button .elementor-button-icon { position: relative; top: 2px; } /* testimonial slider style 1 */ .testimonials-carousel-wrap, .feature-box-carousel-content-box { min-width: 1170px; margin-left: 33%; } .testimonial-carousel-style-1 .testimonials-wrapper, .testimonial-carousel-style-4 .testimonials-wrapper, .testimonial-carousel-style-6 .testimonials-wrapper, .testimonials-style-3 { padding: 3rem 3.5rem; border-radius: 6px; border: 1px solid #e4e4e4; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; text-align: left; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .testimonials-style-3 .testimonials-image-box, .testimonial-carousel-style-6 .testimonials-image-box { margin-right: 20px; } .testimonial-carousel-style-1 .testimonials-image-box img, .testimonials-style-3 .testimonials-image-box img, .testimonial-carousel-style-4 .testimonials-image-box img, .testimonial-carousel-style-6 .testimonials-image-box img { width: 65px; border-radius: 50% } .testimonial-carousel-style-1 .testimonials-content-wrap, .testimonials-style-3 .testimonials-content-wrap, .testimonial-carousel-style-4 .testimonials-content-wrap, .testimonial-carousel-style-6 .testimonials-content-wrap { overflow: hidden; -webkit-box-flex: 1; flex: 1; max-width: 100%; } .testimonial-carousel-style-1 .testimonial-content, .testimonials-style-3 .testimonial-content, .testimonial-carousel-style-4 .testimonial-content, .testimonial-carousel-style-6 .testimonial-content { margin-top: 25px; width: 100%; } .testimonial-carousel-style-1 .testimonials-rounded-icon, .testimonials-style-3 .testimonials-rounded-icon, .testimonial-carousel-style-4 .testimonials-rounded-icon, .testimonial-carousel-style-6 .testimonials-rounded-icon { margin-bottom: 10px; line-height: normal; } .testimonial-carousel-style-1 .testimonials-rounded-icon i, .testimonials-style-3 .testimonials-rounded-icon i, .testimonial-carousel-style-4 .testimonials-rounded-icon i, .testimonial-carousel-style-6 .testimonials-rounded-icon i { color: #FF9C00; font-size: 11px; line-height: 14px; margin-right: 2px; } .testimonial-carousel-style-1 .testimonial-name, .testimonials-style-3 .testimonial-name, .testimonial-carousel-style-4 .testimonial-name, .testimonial-carousel-style-6 .testimonial-name { color: #232323; font-size: 14px; line-height: normal; display: block; } .testimonial-carousel-style-1 .testimonial-position, .testimonials-style-3 .testimonial-position, .testimonial-carousel-style-4 .testimonial-position, .testimonial-carousel-style-6 .testimonial-position { font-size: 13px; line-height: 22px; display: block; } .carousel-title-box { width: 33%; padding: 5.6rem 8% 0 15px; float: left; } .carousel-title-box .subheading { color: #0038e3; margin-bottom: 15px; display: inline-block; } .carousel-title-box .heading { color: #232323; letter-spacing: -0.50px; } .testimonials-carousel-wrap .swiper-container, .testimonials-carousel-wrap .swiper { position: static; } .elementor-element .testimonials-carousel-wrap .swiper .elementor-swiper-button { border-radius: 100%; border: 1px solid #e4e4e4; line-height: 33px; top: 231px; left: 15px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .elementor-element .testimonials-carousel-wrap .swiper .elementor-swiper-button:hover { background-color: #fff; color: #232323; box-shadow: 0 0 20px rgba(0, 0, 0, .15); border-color: #ffffff; } .elementor-element .testimonials-carousel-wrap .swiper .elementor-swiper-button.elementor-swiper-button-next { right: inherit; left: 65px; } .testimonial-carousel-style-1 .swiper-slide { padding: 15px; } .testimonial-carousel-style-1 .testimonials-image-box { margin-right: 20px; } /* testimonial slider style 2 */ .testimonials-style-2.swiper-slide { padding: 15px; } /* testimonial slider style 3 */ .testimonial-carousel-style-3 .testimonial-wrap i { font-size: 28px; color: #b7b7b7; width: 100%; } .testimonial-carousel-style-3 .testimonial-wrap svg { fill: #b7b7b7; width: 20px; } .testimonial-carousel-style-3 .testimonial-title { display: block; margin-bottom: 25px; color: #232323; font-size: 18px; line-height: 22px; } .testimonial-carousel-style-3 .testimonial-content { margin: 0 auto 20px; display: inline-block; } .testimonial-carousel-style-3 .testimonial-content p { margin-bottom: 0; } .testimonial-carousel-style-3 .testimonial-name { position: relative; letter-spacing: 1px; background: linear-gradient(to right, #556fff, #556fff, #e05fc4, #f767a6, #ff798e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 13px; line-height: 22px; } .testimonial-carousel-style-3 .litho_testimonial-position { position: relative; } .testimonial-carousel-style-3 .testimonial-bottom { display: block; } .testimonial-carousel-style-3 .testimonial-bottom span:nth-child(2):before { position: relative; content: "/"; margin: 0 7px 0 6px; } .testimonial-carousel-style-3 .slider-custom-image-pagination>span { width: 60px; height: 60px; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: .8; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .testimonial-carousel-style-3 .slider-custom-image-pagination>.swiper-pagination-bullet-active { opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } .testimonial-carousel-style-3 .slider-custom-image-pagination .swiper-pagination-bullet:hover { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } .elementor-pagination-position-outside .testimonial-carousel-style-3 .elementor-swiper-button { top: inherit; bottom: 40px; } .elementor-element .swiper.testimonial-carousel-style-3 .elementor-swiper-button { background-color: transparent; color: #b7b7b7; font-size: 40px; } .elementor-element .swiper.testimonial-carousel-style-3 .elementor-swiper-button i { font-size: 40px; } .testimonial-carousel-style-3 .slider-custom-image-pagination { padding-bottom: 10px; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation { width: 65%; padding: 0; } .elementor-element.elementor-pagination-position-outside .swiper.testimonial-carousel-style-3.prev-next-navigation { padding-bottom: 30px; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation svg { max-width: 70px !important; margin-bottom: 50px; height: auto; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation .testimonials-rounded-icon i { margin-bottom: 30px; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation .elementor-swiper-button { width: auto; height: auto; line-height: normal; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation .elementor-swiper-button i, .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation .elementor-swiper-button svg { display: none; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation .elementor-swiper-button .elementor-screen-only { border: 0; border-right: 1px solid #E4E4E4; padding: 25px 45px 25px 0; color: #333045; font-weight: 600; line-height: 40px; font-size: 13px; position: initial; top: 0; width: auto; height: auto; margin: 0; overflow: visible; display: inline-block; clip: initial; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .elementor-element .swiper.testimonial-carousel-style-3.prev-next-navigation .elementor-swiper-button.elementor-swiper-button-next .elementor-screen-only { padding: 25px 0 25px 45px; border: 0; border-left: 1px solid #E4E4E4; } .testimonial-carousel-style-3.prev-next-navigation .testimonial-content { font-size: 18px; line-height: 36px; margin-bottom: 40px; font-weight: 400; } .testimonial-carousel-style-3.prev-next-navigation .testimonial-bottom .testimonial-name { display: block; } .testimonial-carousel-style-3.prev-next-navigation .testimonial-bottom .litho_testimonial-position { display: block; } .testimonial-carousel-style-3.prev-next-navigation .testimonial-bottom span:nth-child(2):before { display: none; } .testimonial-carousel-style-3.prev-next-navigation .testimonial-bottom .litho_testimonial-position { font-size: 13px; line-height: 22px; } .testimonial-carousel-style-3 .avtar-image { display: none; } .testimonial-carousel-style-3 .avtar-image img { width: 100px; border-radius: 50%; margin-bottom: 3rem } /* testimonial slider style 4 */ .testimonial-carousel-style-4 .testimonials-image-box { margin-right: 15px; } .testimonial-carousel-style-4 .testimonial-content p:last-child { margin-bottom: 0; } /* testimonial slider style 5 */ .testimonial-carousel-style-5 .testimonial-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .testimonial-carousel-style-5 .testimonial-wrap img { width: 180px; height: 180px; border-radius: 50%; margin-right: 50px; } .testimonial-carousel-style-5 .testimonials-content-wrap { overflow: hidden; -webkit-box-flex: 1; flex: 1; max-width: 100%; } .testimonial-carousel-style-5 .testimonial-name { display: inline-block; } .testimonial-carousel-style-5 .testimonial-position { display: block; } /* testimonial slider style 6 */ .testimonial-carousel-style-6 .testimonials-wrapper { border: 0; border-radius: 0; padding: 0; } .testimonial-carousel-style-6 .testimonial-content { margin-top: 0; margin-bottom: 3rem } .testimonial-carousel-style-6 .testimonial-content p { margin: 0; } .testimonial-carousel-style-6 .testimonial-position { margin: 10px 0 0 0; } /* testimonial slider style 7 */ .testimonial-carousel-style-7.swiper-container, .testimonial-carousel-style-7.swiper, .swiper.slider-review-image, .swiper-container.slider-review-image { padding-bottom: 0; } .testimonial-carousel-style-7 .swiper-slide { padding: 10px; cursor: pointer; background-color: transparent !important; } .testimonial-carousel-style-7 .swiper-slide img { border: 6px solid #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); margin: 0 auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 50%; } .testimonial-carousel-style-7 .swiper-slide:not(.swiper-slide-active) img { border: 6px solid transparent; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .08); box-shadow: 0 0 0 rgba(0, 0, 0, .08); transform: scale(0.7); -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); } .slider-review-image .testimonial-content { font-size: 20px; line-height: 36px; font-weight: 300; margin-bottom: 35px; } .slider-review-image .testimonial-name, .slider-review-image .litho_testimonial-position { display: block; } .swiper-container.slider-review-image, .swiper.slider-review-image { padding-top: 7%; } .elementor-element .swiper.testimonial-carousel-style-7 .elementor-swiper-button { bottom: inherit; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .elementor-element .swiper.testimonial-carousel-style-7 .elementor-swiper-button-prev { left: -150px; } .elementor-element .swiper.testimonial-carousel-style-7 .elementor-swiper-button-next { right: -150px; } .elementor-element .swiper.testimonial-carousel-style-7 .elementor-content-carousel .testimonial-wrap { border: none !important; } .testimonial-carousel-style-7.swiper, .testimonial-carousel-style-7.swiper-container { width: 85%; } /* testimonial slider style 8 */ .testimonial-carousel-style-8 { padding-top: 7rem; padding-bottom: 60px; } .testimonial-carousel-style-8 .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .testimonial-carousel-style-8 .swiper-slide { overflow: visible; background-color: #fff; padding: 8rem 5rem 4.5rem; filter: grayscale(100%); opacity: 0; border-radius: 4px; width: 100%; height: 100%; position: relative; } .testimonial-carousel-style-8 .swiper-slide.swiper-slide-next, .testimonial-carousel-style-8 .swiper-slide.swiper-slide-prev { opacity: .7; } .testimonial-carousel-style-8 .swiper-slide.swiper-slide-active { opacity: 1; filter: grayscale(0); box-shadow: 0 0 60px rgba(0, 0, 0, .17); -webkit-transform-style: initial; transform-style: initial; } .testimonial-carousel-style-8 .swiper-slide .swiper-slide-shadow-left, .testimonial-carousel-style-8 .swiper-slide .swiper-slide-shadow-right { background-image: none; } .testimonial-carousel-style-8 .swiper-slide img { opacity: 0; left: 50%; top: 50%; position: absolute; top: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .testimonial-carousel-style-8 .swiper-slide-active img { opacity: 1; box-shadow: 0 0 25px rgba(0, 0, 0, .08); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08); -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .08); } .testimonial-carousel-style-8 .testimonial-title { margin-bottom: 10px; font-weight: 500; color: #232323; font-size: 16px; line-height: 28px; display: block; } .testimonial-carousel-style-8 .testimonial-content { margin-bottom: 30px; } .testimonial-carousel-style-8 .testimonial-name { font-size: 14px; line-height: 20px; font-weight: 500; display: inline-block; margin-bottom: 5px; } .testimonial-carousel-style-8 .testimonial-position { display: block; } .elementor-element.elementor-pagination-position-outside .swiper.testimonial-carousel-style-8 { padding-bottom: 60px; } /* feature box slider style 1 */ .feature-box-carousel-style-1 .feature-box-carousel-wrap * { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .feature-box-carousel-style-1 .swiper-slide { padding: 15px; } .feature-box-carousel-style-1 .feature-box-carousel-wrap { overflow: hidden !important; padding: 3rem 3.5rem; border: 1px solid rgba(0, 0, 0, .1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .feature-box-carousel-style-1 .feature-box-carousel-wrap .feature-box-digit { color: #c3964e; font-size: 2.85rem; line-height: 3.3rem; letter-spacing: -2px; font-weight: 500; margin-bottom: 20px; } .feature-box-carousel-style-1 .feature-box-carousel-wrap .feature-box-title { color: #232323; font-size: 16px; line-height: 28px; display: block; font-weight: 600; margin-bottom: 10px; } .feature-box-carousel-style-1 .feature-box-carousel-wrap .elementor-button { -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; } .feature-box-carousel-style-1 .feature-carousel-box { width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); overflow: hidden; } .feature-box-carousel-style-1 .feature-box-carousel-wrap:hover .feature-carousel-box { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .feature-box-carousel-style-1 .feature-box-carousel-wrap:hover { background-color: #fff; border-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); } .feature-box-carousel-style-1 .elementor-button-wrapper { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } .feature-box-carousel-style-1 .feature-box-carousel-wrap:hover .elementor-button-wrapper { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } .feature-box-carousel-style-1.swiper, .feature-box-carousel-style-1.swiper-container { position: static; } .elementor-element .swiper.feature-box-carousel-style-1 .elementor-swiper-button { background-color: transparent; line-height: 32px; top: 275px; left: 15px; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .elementor-element .swiper.feature-box-carousel-style-1 .elementor-swiper-button-next { right: inherit; left: 80px; } .elementor-element .swiper.feature-box-carousel-style-1 .elementor-swiper-button { color: #828282; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .elementor-element .swiper.feature-box-carousel-style-1 .elementor-swiper-button:hover { color: #232323; } .elementor-element .swiper.feature-box-carousel-style-1 .elementor-swiper-button svg { fill: #828282; } .elementor-element .swiper.feature-box-carousel-style-1 .elementor-swiper-button:hover svg{ fill: #232323; } /* feature box slider style 2 */ .feature-box-carousel-style-2 .feature-box-carousel-wrap * { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .feature-box-carousel-style-2 .feature-box-carousel-content-wrap, .feature-box-carousel-style-2 .elementor-icon, .feature-box-carousel-style-2 .elementor-icon img { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .feature-box-carousel-style-2.swiper, .feature-box-carousel-style-2.swiper-container { position: static; } .feature-box-carousel-style-2 .swiper-slide { padding: 15px; } .feature-box-carousel-style-2 .feature-box-carousel-wrap { min-height: 450px; border-radius: 6px; overflow: hidden; position: relative; } .feature-box-carousel-style-2 .feature-box-carousel-content-wrap { position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; padding-left: 55px; padding-right: 55px; transform: translateY(10px); -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); will-change: transform; } .feature-box-carousel-style-2 .feature-box-digit { font-size: 12px; line-height: 16px; color: #fff; border-radius: 2px; font-weight: 500; background-color: #232323; display: inline-block; margin-bottom: 25px; padding: 5px 15px; opacity: 1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .feature-box-carousel-style-2 .feature-box-title { color: #fff; font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 20px; width: 85%; } .feature-box-carousel-style-2 .elementor-button-wrapper { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); } .feature-box-carousel-style-2 .elementor-button-wrapper .elementor-button { margin-top: 30px; } .feature-box-carousel-style-2 .feature-box-carousel-wrap:hover .feature-box-carousel-content-wrap { transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); } .feature-box-carousel-style-2 .feature-box-carousel-wrap:hover .feature-box-digit { opacity: 0; } .feature-box-carousel-style-2 .feature-box-carousel-wrap:hover .elementor-button-wrapper { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); } .feature-box-carousel-style-2 .feature-box-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .elementor-element .swiper.feature-box-carousel-style-2 .elementor-swiper-button { background-color: #fff; border-radius: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .07); box-shadow: 0 0 10px rgba(0, 0, 0, .07); line-height: 35px; top: 265px; left: 0; z-index: 10; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); } .elementor-element .swiper.feature-box-carousel-style-2 .elementor-swiper-button:hover { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .15); box-shadow: 0 0 20px rgba(0, 0, 0, .15); } .feature-box-carousel-style-2 .elementor-button-wrapper * { transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; } .elementor-element .swiper.feature-box-carousel-style-2 .elementor-swiper-button i { color: #232323; } .elementor-element .swiper.feature-box-carousel-style-2 .elementor-swiper-button.elementor-swiper-button-next { left: 50px; } .feature-box-carousel-style-2 .elementor-icon { display: block; width: 100%; margin-bottom: 20px; } .feature-box-carousel-style-2 .elementor-icon i { display: inline-block; } /* blog slider style 1 */ .elementor-widget-litho-blog-post-slider, .elementor-widget-litho-blog-post-slider .elementor-widget-container, .elementor-widget-litho-blog-post-slider .blog-slider-style-1 { height: 100%; } .blog-slider-style-1 .swiper-slide { opacity: 0.5; } .blog-slider-style-1 .swiper-slide.swiper-slide-active { opacity: 1; } .blog-slider-style-1 .elementor-swiper-button { height: 60px; width: 60px; line-height: 40px; padding: 10px; } .blog-slider-style-1 .slider-typography { background-color: #0039e3; } .blog-carousel-style-1 { height: 100%; } .blog-carousel-style-1 .swiper-slide { min-height: 300px; } .blog-carousel-style-1 .slider-typography { position: absolute; bottom: 0; width: 100%; left: 0; padding: 55px 60px; background-color: rgba(0, 0, 0, 0.70); } .blog-carousel-style-1 .post-meta { padding-right: 2rem; margin-right: 2rem; border-right: 1px solid rgba(255, 255, 255, 0.2); line-height: normal; } .blog-carousel-style-1 .post-meta, .blog-carousel-style-1 .entry-title { display: inline-block; vertical-align: middle; } .blog-carousel-style-1 .entry-title { width: 70%; } .blog-carousel-style-1 .post-meta .post-meta-separator { margin: 0 10px; } .blog-carousel-style-1 .post-meta>a { letter-spacing: 2px; color: #c89965; font-size: 14px; line-height: 20px; vertical-align: middle; } .elementor-element .swiper.blog-carousel-style-1 .elementor-swiper-button-prev, .elementor-element .swiper.blog-carousel-style-1 .elementor-swiper-button-next { height: 68px; width: 50px; line-height: 64px; } .elementor-element .swiper.blog-carousel-style-1 .elementor-swiper-button-prev { left: inherit; right: 0; bottom: 0; top: inherit; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .elementor-element .swiper.blog-carousel-style-1 .elementor-swiper-button-next { right: 0; bottom: 71px; top: inherit; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0); } .elementor-element.elementor-pagination-position-outside .swiper.blog-carousel-style-1 .elementor-swiper-button-prev { bottom: 30px; } .elementor-element.elementor-pagination-position-outside .swiper.blog-carousel-style-1 .elementor-swiper-button-next { bottom: 101px; } /* blog slider style 2 */ .blog-carousel-style-2 { height: 100%; } .blog-carousel-style-2 .slider-typography { width: 100%; height: 100%; } .blog-carousel-style-2 .slider-typography .slider-inner-wrap { width: 30%; z-index: 0; padding: 5.5rem 7rem; background-color: #FFF; margin-left: 9rem; box-shadow: 0 0 25px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-carousel-style-2 .slider-typography .post-meta { margin-bottom: 25px; line-height: normal; } .blog-carousel-style-2 .slider-typography .post-meta .post-meta-separator { margin: 0 10px; } .blog-carousel-style-2 .slider-typography .post-meta>a { font-size: 14px; line-height: 20px; color: #232323; letter-spacing: 2px; position: relative; } .blog-carousel-style-2 .slider-typography .post-meta>a:before { width: 100%; height: 5px; background-color: #ffd7c4; bottom: 2px; left: 0; position: absolute; content: ""; z-index: -1; } .blog-carousel-style-2 .slider-typography .entry-title { color: #232323; font-weight: 500; letter-spacing: -2px; font-size: 2.85rem; line-height: 3.4rem; margin-bottom: 35px; } .elementor-element .swiper.blog-carousel-style-2 .swiper-pagination-bullets { bottom: 42px; } .elementor-pagination-position-outside .blog-carousel-style-2 .swiper-pagination-bullets { bottom: 0; } /* blog slider style 3 */ .blog-carousel-style-3 { height: 100%; } .blog-carousel-style-3 .swiper-slide { opacity: 0.6; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .blog-carousel-style-3 .swiper-slide.swiper-slide-active { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .blog-carousel-style-3 .swiper-slide .slider-typography { width: 100%; height: 100%; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .blog-carousel-style-3 .swiper-slide.swiper-slide-active .slider-typography { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; } .blog-carousel-style-3 .slider-typography .slider-inner-wrap { width: 60%; z-index: 0; padding: 5rem; background-color: #FFF; margin-left: auto; margin-right: auto; margin-bottom: 6.5rem; box-shadow: 0 0 25px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-carousel-style-3 .slider-typography .blog-category { margin-bottom: 30px; line-height: normal; display: inline-block; } .blog-carousel-style-3 .slider-typography .entry-title { font-size: 2.30rem; color: #232323; line-height: 3rem; letter-spacing: -1px; font-weight: 500; margin-bottom: 25px; display: block; } .blog-carousel-style-3 .slider-typography .post-meta-separator { margin: 0 10px; } .blog-carousel-style-3 .slider-typography .slider-inner-wrap .post-author-meta { display: inline-block; } .blog-carousel-style-3 .slider-typography .slider-inner-wrap .post-author-meta img { width: 30px; border-radius: 100%; margin-right: 10px; } /* blog slider style 4 */ .blog-carousel-style-4 .slider-inner-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .blog-carousel-style-4 .slider-inner-wrap>a img { width: 90px; height: 90px; border-radius: 50%; } .blog-carousel-style-4 .slider-inner-wrap .title-content-box { overflow: hidden; -webkit-box-flex: 1; flex: 1; max-width: 100%; margin-left: 25px; } .blog-carousel-style-4 .slider-inner-wrap .title-content-box .post-author-meta { display: block; } .blog-carousel-style-4 .slider-inner-wrap .title-content-box .post-author-meta, .blog-carousel-style-4 .slider-inner-wrap .title-content-box .post-author-meta a { font-size: 13px; line-height: 22px; font-weight: 500; margin-bottom: 5px; } .blog-carousel-style-4 .slider-inner-wrap .title-content-box .post-author-meta a { margin: 0; } .blog-carousel-style-4 .slider-inner-wrap .title-content-box .entry-title { font-size: 16px; line-height: 26px; color: #232323; } .blog-carousel-style-4 .slider-inner-wrap .title-content-box .entry-title:hover { color: #ff7a56; } .blog-carousel-style-4 .blog-post-slider .slider-typography { height: 100%; } /* package slider style 1 */ .package-carousel-style-1 { padding: 15px; } .package-carousel-style-1 .swiper-slide { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .package-carousel-style-1 .swiper-slide:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08); box-shadow: 0 0 25px rgba(0, 0, 0, .08); } .package-carousel-style-1 img { width: 100%; } .package-carousel-style-1 .packages-image-box, .package-carousel-style-1 .packages-wrapper { position: relative; } .package-carousel-style-1 .packages-wrapper .caption { position: absolute; right: 0; bottom: -15px; padding: 5px 20px; background-color: #ff7a56; font-size: 13px; line-height: 22px; color: #fff; font-weight: 500; } .package-carousel-style-1 .packages-content-wrap { background-color: #fff; padding: 3rem; } .package-carousel-style-1 .subtitle { font-size: 14px; line-height: 20px; margin-bottom: 5px; } .package-carousel-style-1 .title { display: block; color: #232323; font-weight: 500; line-height: 24px; font-size: 15px; margin-bottom: 30px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .package-carousel-style-1 a { margin-bottom: 30px; } .package-carousel-style-1 a .title { margin-bottom: 0; } .package-carousel-style-1 .title:hover { color: #ff7a56; } .package-carousel-style-1 .rounded-icon { display: block; line-height: normal; } .package-carousel-style-1 .rounded-icon i { font-size: 13px; line-height: 18px; color: #FF9C00; margin-right: 4px; } .package-carousel-style-1 .review-text { font-size: 14px; line-height: 20px; } .package-carousel-style-1 .content { margin-bottom: 5px; } .package-carousel-style-1 .elementor-swiper-button { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08); box-shadow: 0 0 30px rgba(0, 0, 0, .08); } /* hero slider style 1 */ .slider-style-1 .slider-text-middle-main { background-color: #fff; padding: 7.4rem 8rem 7.4rem; width: 100%; max-width: 600px; cursor: default; } .slider-style-1 .slider-text-wrap { margin-bottom: 25px; } .slider-style-1 .slider-digit { color: #c3964e; font-weight: 500; display: inline-block; } .slider-style-1 .separator { width: 35px; height: 1px; margin: 0 15px; background-color: #e4e4e4; display: inline-block; vertical-align: middle; } .slider-style-1 .subtitle { display: inline-block; color: #c3964e; font-weight: 500; } .slider-style-1 .title { color: #232323; letter-spacing: -2px; font-weight: 700; width: 95%; } .slider-style-1 .title a { color: #232323; } .elementor-widget-litho-slider .slider-style-1 .title { font-weight: 700; } .slider-style-1 .litho-button-wrapper { margin-left: 30px; } .slider-style-1 .slider-text-wrap, .slider-style-1 .slider-title-wrap { padding: 0; } .elementor-element .swiper.slider-style-1 .swiper-pagination { bottom: 43px; } .slider-style-1 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-style-1.swiper-container-vertical .swiper-pagination { bottom: inherit; } /* hero slider style 2 */ .slider-style-2 .subtitle { font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: 1px; color: #fff; margin-bottom: 35px; display: block } .slider-style-2 .title { color: #fff; font-weight: 800; margin-bottom: 45px; letter-spacing: -4px; display: inline-block; } .slider-style-2 .title a { color: #fff; } .slider-style-2 .slide-button-wrapper .elementor-button-wrapper { display: inline-block; } .slider-style-2 .bg-overlay { position: absolute; height: 100%; width: 100%; opacity: 1; top: 0; left: 0; } .slider-style-2 .slider-text-middle-main { width: 100%; position: relative; } .slider-style-2 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .elementor-element .swiper.slider-style-2 .swiper-pagination { bottom: 40px; } .slider-style-2 .slide-button-wrapper .elementor-button-wrapper i:before { -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .slider-style-2.swiper-container-vertical .swiper-pagination { bottom: inherit; } .elementor-element.elementor-pagination-position-outside .swiper.swiper.slider-style-2 { padding-bottom: 0; } /* hero slider style 3 */ .slider-style-3 .swiper-wrapper, .slider-style-3 .swiper-wrapper .swiper-slide { height: 100vh; } .slider-style-3 .bg-overlay { position: absolute; height: 100%; width: 100%; opacity: 1; top: 0; left: 0; } .slider-style-3 .slider-text-middle-main { width: 100%; position: relative; } .slider-style-3 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-style-3.slider-vertical .elementor-button-wrapper .elementor-icon { text-align: center; vertical-align: middle; border-width: 2px; } .slider-style-3.slider-vertical .elementor-button-wrapper .elementor-icon i { text-align: center; margin: 0; display: inline-block; } .slider-style-3.slider-vertical>.swiper-pagination-bullets { width: auto; left: inherit; bottom: inherit; right: 60px; top: 50%; transform: translate3d(0px, -50%, 0); } .slider-style-3.slider-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px auto; display: block; border: 2px solid #fff; background-color: #fff; opacity: 1; width: 10px; height: 10px; } .slider-style-3.slider-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active { border-color: #fff; background-color: transparent; width: 16px; height: 16px; } .slider-style-3.slider-vertical { padding-bottom: 0; } /* hero slider style 4 */ .slider-style-4 .swiper-wrapper, .slider-style-4 .swiper-wrapper .swiper-slide { height: 100vh; } .slider-style-4 .bg-overlay { position: absolute; height: 100%; width: 100%; opacity: 1; top: 0; left: 0; } .slider-style-4 .slider-text-middle-main { width: 100%; z-index: 1; } .slider-style-4 .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-style-4 .elementor-button-wrapper .elementor-icon { text-align: center; vertical-align: middle; } .slider-style-4 .elementor-button-wrapper .elementor-icon i { text-align: center; margin: 0; display: inline-block; } .slider-style-4 .slide-button-separator-wrapper .horizontal-separator { display: inline-block; vertical-align: middle; margin: 0px 3rem 0px 0px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .slider-style-4 .slide-button-separator-wrapper .elementor-button-wrapper { display: inline-block; } .slider-style-4 .slide-button-separator-wrapper { position: absolute; right: 0; margin: 0 7.5rem 9rem 0; bottom: 0; width: 36%; text-align: right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; } .slider-style-4 .swiper-slide.swiper-slide-active .slide-button-separator-wrapper { opacity: 1; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; } .slider-style-4 .slide-title-wrapper { opacity: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .slider-style-4 .swiper-slide.swiper-slide-active .slide-title-wrapper { opacity: 1; transition: all 0.3s ease-in-out 0.3s; -webkit-transition: all 0.3s ease-in-out 0.3s; -moz-transition: all 0.3s ease-in-out 0.3s; -ms-transition: all 0.3s ease-in-out 0.3s; -o-transition: all 0.3s ease-in-out 0.3s; } .slider-style-4.slider-vertical>.swiper-pagination-bullets { right: 7.5rem; width: auto; left: inherit; bottom: inherit; top: 50%; transform: translate3d(0px, -50%, 0); } .slider-style-4.slider-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px auto; display: block; border: 2px solid #fff; background-color: #fff; opacity: 1; width: 10px; height: 10px; } .slider-style-4.slider-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active { border-color: #fff; background-color: transparent; width: 16px; height: 16px; } .slider-style-4.slider-vertical { padding-bottom: 0 !important; } /* interactive portfolio slider */ .interactive-portfolio-wrapper { padding-left: 10.5rem; padding-right: 10.5rem; z-index: 1; position: relative; width: 100%; } .interactive-portfolio-wrapper ul { margin: 0; padding: 0; list-style: none; max-height: 80vh; overflow: auto; } .interactive-portfolio-wrapper ul li a { display: block; } .interactive-portfolio-wrapper ul li .subtitle { opacity: .3; color: #fff; display: inline-block; vertical-align: middle; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li .title { font-size: 80px; line-height: 80px; font-weight: 600; display: inline-block; vertical-align: middle; padding: 25px 35px; color: transparent; -webkit-text-stroke: 2px #4e4e4f; text-stroke: 2px #4e4e4f; position: relative; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .interactive-portfolio-wrapper ul li .title:after { content: attr(data-link-text); white-space: nowrap; position: absolute; left: 35px; bottom: 25px; width: 0; height: calc(100% - 50px); -webkit-text-fill-color: #fff; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; overflow: hidden; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li .interactive-separator { display: inline-block; vertical-align: middle; width: 30px; height: 1px; margin-left: 35px; opacity: 0.2; background-color: #e4e4e4; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li.active a .subtitle { opacity: 1; -webkit-transform: translateX(65px); -ms-transform: translateX(65px); transform: translateX(65px); -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li.active a .interactive-separator { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li.active .title { -webkit-text-stroke: 0 #4e4e4f; text-stroke: 0 #4e4e4f; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li.active .title:after { width: calc(100% - 70px); -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .interactive-portfolio-wrapper ul li .fullscreen-hover-image { pointer-events: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; opacity: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .interactive-portfolio-wrapper ul li.active .fullscreen-hover-image { opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .interactive-portfolio-wrapper ul li { display: table; } .interactive-portfolio-wrapper ul li .interactive-icon { color: #fff; vertical-align: middle; line-height: normal; font-size: 50px; position: relative; top: 6px; opacity: 0; visibility: hidden; -webkit-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } /* split slider */ .slider-split-scroll .swiper-slide .swiper-slide-l { -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); z-index: 1; min-height: 600px; background-color: #fff; } .slider-split-scroll .swiper-slide .swiper-slide-r { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; min-height: 600px; } .slider-split-scroll .swiper-slide-active .swiper-slide-l, .slider-split-scroll .swiper-slide-active .swiper-slide-r, .slider-split-scroll .swiper-slide-duplicate-active .swiper-slide-l, .slider-split-scroll .swiper-slide-duplicate-active .swiper-slide-r { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .slider-split-scroll .slider-split-scroll>.swiper-pagination-bullets { right: 60px; width: auto; left: auto; } .slider-split-scroll .swiper-slide .swiper-slide-l .title { color: #232323; font-weight: 600; letter-spacing: -4px; font-size: 100px; line-height: 95px; } .slider-split-scroll .swiper-slide .swiper-slide-l .title a { color: #232323; } .slider-split-scroll .swiper-slide .swiper-slide-l .title a:hover { color: #000; } .slider-split-scroll .swiper-slide .swiper-slide-l .subtitle { color: #232323; letter-spacing: -0.50px; font-weight: 500; vertical-align: middle; display: inline-block; position: absolute; bottom: 100px; left: 0; } .slider-split-scroll .swiper-slide .swiper-slide-l .subtitle .number { font-weight: 600; } .slider-split-scroll .swiper-slide .swiper-slide-l .subtitle .separator-line { background-color: #232323; margin: 0 15px; vertical-align: middle; display: inline-block; width: 35px; height: 1px; } .slider-split-scroll.swiper-container-vertical>.swiper-pagination-bullets { right: 60px; } .slider-split-scroll .swiper-slide .swiper-slide-l .portfolio-excerpt { color: #232323; margin-top: 15px; } /* icon slider */ .icon-box-carousel-content-box { min-width: 1170px; } .icon-box-carousel-content-box .icon-box-carousel .swiper-slide { background-color: #282828; border-radius: 6px; padding: 4.6rem 4rem; } .icon-box-carousel-content-box .icon-box-carousel .swiper-slide .elementor-icon-box-icon, .icon-box-carousel-content-box .icon-box-carousel .swiper-slide .litho-image-box-img { margin-bottom: 43px; } .elementor-widget-litho-icon-box-carousel:not(.elementor-view-default) .icon-box-carousel-content-box .icon-box-carousel .swiper-slide .elementor-icon { background-color: #1B1B1B; } .icon-box-carousel-content-box .icon-box-carousel .swiper-slide .elementor-icon { color: #fff; } .elementor-widget-litho-icon-box-carousel:not(.elementor-view-default) .icon-box-carousel-content-box .icon-box-carousel .swiper-slide:hover .elementor-icon { background-color: #0038e3 } .icon-box-carousel-content-box .icon-box-carousel .swiper-slide .elementor-icon-box-title { font-size: 20px; font-weight: 500; line-height: 26px; color: #FFFFFF; margin-bottom: 20px; letter-spacing: normal; } .icon-box-carousel-content-box .icon-box-carousel .swiper-slide .elementor-icon-box-description { font-size: 18px; font-weight: 500; line-height: 38px; color: #828282; margin: 0; } /* portfolio slider style 1 */ .portfolio-slider-style-1.portfolio-swiper-slider .portfolio-item figure .portfolio-image, .portfolio-slider-style-1.portfolio-swiper-slider .portfolio-item figure:hover .portfolio-image { background: transparent; margin-bottom: 3rem; } .portfolio-slider-style-1 .portfolio-item .portfolio-hover { position: relative; opacity: 1; } .portfolio-slider-style-1 .portfolio-item .portfolio-caption, .portfolio-slider-style-1.portfolio-swiper-slider .portfolio-item .portfolio-caption { padding: 0; } .portfolio-slider-style-1 .portfolio-item .portfolio-caption .title { font-size: 3.9rem; line-height: 4.2rem; font-weight: 600; letter-spacing: -2px; margin-bottom: 5px; position: relative; } .portfolio-slider-style-1 .portfolio-item .portfolio-caption .subtitle { font-size: 18px; line-height: 22px; } .portfolio-slider-style-1 .portfolio-item figure .slider-title-hover { position: absolute; top: 52%; left: 0; width: 100%; height: 4px; z-index: 1; opacity: 0; background-color: #232323; transform: scaleX(0); -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .portfolio-slider-style-1 .portfolio-item figure:hover .slider-title-hover { opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .portfolio-slider-style-1 .portfolio-item figure:hover { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .portfolio-slider-style-1 .portfolio-item figure:hover .portfolio-caption .title:hover { color: #232323 } .portfolio-slider-style-1 .portfolio-item figure:hover .portfolio-image img, .portfolio-slider-style-1.portfolio-swiper-slider .portfolio-item figure:hover .portfolio-image img { opacity: 1; } .portfolio-slider-style-1 .portfolio-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 30% !important; flex-shrink: 0; height: 100%; position: relative; transition-property: transform; } .portfolio-tile-box-slider, .portfolio-tile-box-slider .elementor-widget-container { height: 100%; } /* portfolio slider style 2 */ .portfolio-slider-style-2.portfolio-swiper-slider.portfolio-colorful figure:hover { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .portfolio-slider-style-2.portfolio-swiper-slider.portfolio-colorful .portfolio-item .portfolio-caption { padding: 0; background-color: transparent; } .portfolio-swiper-slider.portfolio-slider-style-2 .swiper-slide { text-align: center; font-size: 18px; background: #fff; width: 80%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .portfolio-swiper-slider.portfolio-slider-style-2 .swiper-slide { width: auto; } .portfolio-slider-style-2.portfolio-swiper-slider.portfolio-colorful .portfolio-item .portfolio-hover { background-color: transparent; } /* portfolio slider style 3 */ .portfolio-slider-style-3 { padding-bottom: 60px; } .elementor-element .swiper.portfolio-slider-style-3 .elementor-swiper-button { top: inherit; bottom: 10px; } .elementor-element .swiper.portfolio-slider-style-3 .elementor-swiper-button:hover { box-shadow: 0 0 20px rgba(0, 0, 0, .15); } .elementor-element .swiper.portfolio-slider-style-3 .elementor-swiper-button.elementor-swiper-button-prev { left: 50%; margin-left: -45px } .elementor-element .swiper.portfolio-slider-style-3 .elementor-swiper-button.elementor-swiper-button-next { right: 50%; margin-right: -45px; left: inherit; } /* portfolio slider style 4 */ .portfolio-slider-style-4.portfolio-swiper-slider .portfolio-item figure:hover { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .portfolio-slider-style-4.portfolio-swiper-slider .portfolio-item figure:hover .portfolio-image { background: transparent; } .portfolio-slider-style-4.portfolio-swiper-slider .portfolio-item figure:hover .portfolio-image img { opacity: 1; } .swiper.portfolio-slider-style-4 .swiper-slide, .swiper-container.portfolio-slider-style-4 .swiper-slide { width: 38%; } .swiper.portfolio-slider-style-4 .swiper-slide a, .swiper.portfolio-slider-style-4 .swiper-slide figure, .swiper.portfolio-slider-style-4 .swiper-slide img, .swiper-container.portfolio-slider-style-4 .swiper-slide a, .swiper-container.portfolio-slider-style-4 .swiper-slide figure, .swiper-container.portfolio-slider-style-4 .swiper-slide img { width: 100%; } .swiper.portfolio-slider-style-4 .swiper-slide figure, .swiper-container.portfolio-slider-style-4 .swiper-slide figure { padding: 20px; } .swiper.portfolio-slider-style-4 .swiper-slide img, .swiper-container.portfolio-slider-style-4 .swiper-slide img { border-radius: 6px; box-shadow: 0 0 20px rgba(0, 0, 0, .08); } /* =================================== 14. Grid ====================================== */ .blog-post-image img, .portfolio-image img { width: 100%; } .grid { list-style: none; padding: 0; margin: 0; } .grid-sizer { padding: 0 !important; margin: 0 !important; } /* gutter size */ .grid.gutter-very-small li { padding: 3px 3px; } .grid.gutter-small li { padding: 5px 5px; } .grid.gutter-medium li { padding: 7px 7px; } .grid.gutter-large li { padding: 10px 10px; } .grid.gutter-extra-large li { padding: 15px; } .grid.gutter-double-extra-large li { padding: 20px; } .grid.gutter-triple-extra-large li { padding: 30px; } /* grid column */ .grid.grid-6col li { width: 16.666667%; list-style: none; } .grid.grid-6col li.grid-item-double { width: 33.33%; } .grid.grid-5col li { width: 20%; list-style: none; } .grid.grid-5col li.grid-item-double { width: 40%; } .grid.grid-4col li { width: 25%; list-style: none; float: left; } .grid.grid-4col li.grid-item-double { width: 50%; } .grid.grid-3col li { width: 33.33%; float: left; list-style: none; } .grid.grid-3col li.grid-item-double { width: 66.67%; } .grid.grid-2col li { width: 50%; list-style: none; } .grid.grid-2col li.grid-item-double { width: 100%; } .grid.grid-1col li { width: 100%; list-style: none; } /* grid filter */ .grid-filter li, .blog-grid-filter li { display: inline-block; float: none; padding: 0 20px; border: 0; position: relative; } .grid-filter li:first-child, .blog-grid-filter li:first-child { padding-left: 0; } .grid-filter li:last-child, .blog-grid-filter li:last-child { padding-right: 0; } .grid-filter li a, .blog-grid-filter li a { border: 0; border-bottom: 1px solid; border-color: transparent; color: #828282; padding-bottom: 2px; } .grid-filter>li.active>a, .grid-filter>li.active>a:focus, .grid-filter>li.active>a:hover, .grid-filter>li>a:hover, .blog-grid-filter>li.active>a, .blog-grid-filter>li.active>a:focus, .blog-grid-filter>li.active>a:hover, .blog-grid-filter>li>a:hover { border: 0; color: inherit; border-bottom: 1px solid; color: #232323 } .elementor-widget-litho-blog-list ul.blog-grid-filter { margin-bottom: 6rem } /* default grid column */ .default-portfolio-grid li, .default-blog-grid li { padding: 15px; } .default-portfolio-grid li figure, .default-blog-grid li figure { margin-bottom: 0; } /* grid column no masonry */ .grid.no-masonry { display: flex; flex-wrap: wrap; } .grid.no-masonry .grid-item .blog-post { height: auto; } .grid.no-masonry.blog-simple .grid-item .blog-post, .grid.no-masonry.blog-modern .grid-item .blog-post, .grid.no-masonry.blog-widget .grid-item .blog-post, .grid.no-masonry.blog-overlay-image .grid-item .blog-post { height: 100%; } /* =================================== 15. Portfolio ====================================== */ .portfolio-item .portfolio-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .portfolio-item figure { overflow: hidden; position: relative; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .portfolio-item figure div, .portfolio-item figure div *, .portfolio-item figure figcaption, .portfolio-item figure figcaption *.portfolio-item figure:hover div, .portfolio-item figure:hover div *, .portfolio-item figure:hover figcaption, .portfolio-item figure figcaption:hover * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .portfolio-item .portfolio-image { position: relative; overflow: hidden; } .portfolio-item figure:hover .portfolio-hover { opacity: 1; } .portfolio-item .portfolio-caption .title { color: #232323; display: block; } .portfolio-item .portfolio-caption .subtitle { font-size: 13px; line-height: 22px; color: #939393; display: block; } .portfolio-classic .portfolio-item .portfolio-caption, .portfolio-swiper-slider .portfolio-item .portfolio-caption { padding: 30px 20px; text-align: center; background-color: #fff; } .portfolio-classic .portfolio-item figure:hover .portfolio-image, .portfolio-swiper-slider .portfolio-item figure:hover .portfolio-image { background: #000; } .portfolio-classic .portfolio-item figure:hover, .portfolio-swiper-slider .portfolio-item figure:hover { transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); } .portfolio-classic .portfolio-item figure:hover .portfolio-image img, .portfolio-swiper-slider .portfolio-item figure:hover .portfolio-image img { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); opacity: .15; } .portfolio-swiper-slider.portfolio-colorful .portfolio-item figure:hover .portfolio-image img { opacity: .10; } .portfolio-classic .portfolio-item .portfolio-icon a, .portfolio-swiper-slider .portfolio-item .portfolio-icon a { opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); background-color: #fff; color: #262b35; font-size: 13px; } .portfolio-classic .portfolio-item .portfolio-icon i, .portfolio-swiper-slider .portfolio-item .portfolio-icon i { vertical-align: middle; margin-top: -1px; } .portfolio-classic .portfolio-item .portfolio-icon svg, .portfolio-swiper-slider .portfolio-item .portfolio-icon svg { fill: #262b35; vertical-align: middle; margin-top: -1px; height: 14px; } .portfolio-swiper-slider .portfolio-item .portfolio-icon a { font-size: 15px; word-break: break-word; } .portfolio-classic .portfolio-item figure:hover .portfolio-icon a, .portfolio-swiper-slider .portfolio-item figure:hover .portfolio-icon a { opacity: 1; -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .portfolio-classic .portfolio-item figure:hover .portfolio-icon a:last-child, .portfolio-swiper-slider .portfolio-item figure:hover .portfolio-icon a:last-child { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .portfolio-item .portfolio-icon a { width: 40px; height: 40px; display: inline-block; vertical-align: middle; line-height: 39px; text-align: center; margin: 0 5px; } .portfolio-box .portfolio-image { position: relative; overflow: hidden; background: #000; } .portfolio-box .portfolio-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; padding-top: 50px; padding-bottom: 50px; } .portfolio-box:hover .portfolio-hover { opacity: 1; } .portfolio-box *, .portfolio-box:hover * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .portfolio-overlay-image .portfolio-box:hover .portfolio-image img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.2; } .portfolio-box .portfolio-icon { font-size: 18px; position: absolute; left: 50%; top: 50%; margin-left: -10px; color: #fff; margin-top: -10px; opacity: 0; transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .portfolio-box:hover .portfolio-icon { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } .portfolio-box { text-align: center; } .portfolio-box .title { color: #fff; font-weight: 500; display: block; } .portfolio-box .subtitle { color: #fff; font-size: 14px; line-height: 20px; opacity: 0.7; display: block; } /* portfolio classic */ .portfolio-classic .portfolio-item figure { border-radius: 6px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08); box-shadow: 0 0 30px rgba(0, 0, 0, .08); } .portfolio-classic .portfolio-icon a { width: 40px; height: 40px; display: inline-block; vertical-align: middle; line-height: 39px; text-align: center; margin: 0 5px; } .portfolio-classic .portfolio-box { overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .portfolio-classic .portfolio-box:hover { transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); } .portfolio-classic .portfolio-box:hover .portfolio-image img { transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } .portfolio-classic .portfolio-icon a:hover { box-shadow: 0 0 25px rgba(0, 0, 0, .3); } .portfolio-classic .portfolio-box .portfolio-icon a { opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); } .portfolio-classic .portfolio-box:hover .portfolio-icon a { opacity: 1; transition-delay: .1s; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .portfolio-classic .portfolio-box:hover .portfolio-icon a:last-child { transition-delay: .2s; } .portfolio-classic .portfolio-item .portfolio-caption .subtitle { display: block; } /* portfolio bordered */ .portfolio-bordered .portfolio-box .portfolio-hover { opacity: 0; } .portfolio-bordered .portfolio-box:hover .portfolio-hover { left: 20px; opacity: 1; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); } .portfolio-bordered .portfolio-box:hover .portfolio-image img { opacity: .5; -webkit-filter: blur(5px); filter: blur(5px); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } .portfolio-bordered .portfolio-item .portfolio-hover { background-color: #fff; } .portfolio-bordered .portfolio-item .portfolio-caption { text-align: center; } .portfolio-bordered .portfolio-item figure:hover .portfolio-hover { left: 20px; opacity: 1; top: 20px; width: calc(100% - 40px); height: calc(100% - 40px); } .portfolio-bordered .portfolio-item .scale { opacity: 0; -moz-transform: scale3d(0.8, 0.8, 1); -o-transform: scale3d(0.8, 0.8, 1); -ms-transform: scale3d(0.8, 0.8, 1); -webkit-transform: scale3d(0.8, 0.8, 1); transform: scale3d(0.8, 0.8, 1); } .portfolio-bordered .portfolio-item figure:hover .scale { opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .portfolio-bordered .portfolio-item figure:hover .portfolio-image img { opacity: .5; -webkit-filter: blur(5px); filter: blur(5px); transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } .portfolio-bordered .portfolio-item .portfolio-image { background: #000; } /* portfolio boxed */ .portfolio-boxed .portfolio-box .portfolio-hover { opacity: 0; left: 20px; bottom: 20px; width: calc(100% - 40px); height: auto; top: inherit; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); } .portfolio-boxed .portfolio-box:hover .portfolio-hover { box-shadow: 0 0 15px rgba(0, 0, 0, .20); transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; } .portfolio-boxed .portfolio-box .portfolio-hover:hover i { transform: translateX(5px); -moz-transform: translateX(5px); -webkit-transform: translateX(5px); -ms-transform: translateX(5px); } .portfolio-boxed .portfolio-box:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 3s cubic-bezier(.165, .84, .44, 1); -moz-transition: -moz-transform 3s cubic-bezier(.165, .84, .44, 1); transition: transform 3s cubic-bezier(.165, .84, .44, 1); } .portfolio-boxed .portfolio-item figure figcaption { /** opacity: 0; left: 20px; bottom: 20px; width: calc(100% - 40px); height: auto; top: auto; transform: translateY(100%); -moz-transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); position: absolute; **/ opacity: 1; left: 0px; bottom: 00px; width: calc(100% - 40px); height: auto; top: auto; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; position: absolute; } .portfolio-boxed .portfolio-item figure:hover figcaption { transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); opacity: 1; } .portfolio-boxed .portfolio-item figure:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); -webkit-transition: -webkit-transform 3s cubic-bezier(.165, .84, .44, 1); -moz-transition: -moz-transform 3s cubic-bezier(.165, .84, .44, 1); transition: transform 3s cubic-bezier(.165, .84, .44, 1); } .portfolio-boxed .portfolio-item .portfolio-caption { /** display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-radius: 3px; box-shadow: 0 0 15px rgba(0, 0, 0, .20); padding: 20px 30px 15px 30px; background-color: #fff; **/ padding: 18px 30px 18px 30px; border-radius: 0px 10px 0px 6px; } .elementor-widget-litho-portfolio-filter .grid-filter li.nav{ border: 1px solid #DDD !important; border-radius: 4px 4px 4px 4px; padding: 5px 20px !important; margin-right: 15px; } .elementor-widget-litho-portfolio-filter .grid-filter li.nav.active, .elementor-widget-litho-portfolio-filter .grid-filter li.nav:hover{ border: 1px solid #6e46ff !important; background-color:#6e46ff; } .elementor-widget-litho-portfolio-filter .grid-filter li.nav a{ border-bottom: 0px solid !important; } .elementor-widget-litho-portfolio-filter .grid-filter li.nav.active a, .elementor-widget-litho-portfolio-filter .grid-filter li.nav:hover a{ border-bottom: 0px solid !important; color: #fff !important; } .portfolio-boxed .portfolio-item .portfolio-caption .portfolio-icon i { display: inline-block; } .portfolio-boxed .portfolio-item .portfolio-caption:hover .portfolio-icon i { transform: translateX(5px); -moz-transform: translateX(5px); -webkit-transform: translateX(5px); -ms-transform: translateX(5px); } .portfolio-boxed .portfolio-item .portfolio-caption .portfolio-caption-text { margin-right: auto; } .portfolio-boxed .portfolio-item .portfolio-caption .portfolio-caption-text .title, .portfolio-boxed .portfolio-item .portfolio-caption .portfolio-caption-text .subtitle { display: block; } .portfolio-boxed .portfolio-item .portfolio-caption .portfolio-icon { margin-left: auto; } /* portfolio switch image */ .portfolio-switch-image .portfolio-image .portfolio-switch-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .portfolio-switch-image .portfolio-box:hover .portfolio-switch-image { opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .portfolio-switch-image .portfolio-box:hover .portfolio-image { -moz-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .portfolio-switch-image .portfolio-box:hover .portfolio-caption { transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); } .portfolio-switch .portfolio-item .portfolio-caption { padding: 30px 0; text-align: center; } .portfolio-switch .portfolio-item .portfolio-image .portfolio-switch-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .portfolio-switch .portfolio-item .portfolio-image { border-radius: 4px; } .portfolio-switch .portfolio-item figure { overflow: visible; border-radius: 4px; } .portfolio-switch .portfolio-item figure * { will-change: transform; } .portfolio-switch .portfolio-item figure:hover .portfolio-image { -moz-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .portfolio-switch .portfolio-item figure:hover .portfolio-switch-image { opacity: 1; -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .portfolio-switch .portfolio-item figure:hover .portfolio-caption { transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); } /* portfolio justified gallery */ .justified-gallery .caption .subtitle, .justified-gallery .caption .title { display: block; } .justified-gallery .caption .subtitle { font-size: 14px; line-height: 20px; font-weight: 300; } .justified-gallery .caption .title { color: #232323; letter-spacing: -.5px; } .portfolio-portfolio-justified-gallery .portfolio-item figure:hover .portfolio-image img { opacity: 0.4; } .justified-gallery .portfolio-item .portfolio-image { background: #000; } .justified-gallery>a>.jg-caption, .justified-gallery>div>.jg-caption, .justified-gallery>figure>.jg-caption { background-color: #fff; right: auto; padding: 15px 25px 12px; box-shadow: 0 5px 20px rgba(23, 23, 23, .2); white-space: nowrap; z-index: 1; color: inherit; font-size: inherit; font-weight: inherit; font-family: inherit; } .justified-gallery>a>.jg-caption.jg-caption-visible, .justified-gallery>div>.jg-caption.jg-caption-visible, .justified-gallery>figure>.jg-caption.jg-caption-visible { display: inline; filter: "alpha(opacity=1)"; opacity: 1; } .justified-gallery>.jg-entry-visible>img, .justified-gallery>.jg-entry-visible>a>img, .justified-gallery>.jg-entry-visible>svg, .justified-gallery>.jg-entry-visible>a>svg { -webkit-transition: opacity 200ms ease-in; -moz-transition: opacity 200ms ease-in; -o-transition: opacity 200ms ease-in; transition: opacity 200ms ease-in; } /* portfolio slider */ .elementor-element .swiper .swiper-slide figure, .elementor-lightbox .swiper .swiper-slide figure { line-height: inherit; } .portfolio-swiper-slider .portfolio-item figure { line-height: inherit; overflow: visible; word-break: break-word; } .portfolio-swiper-slider .portfolio-item .portfolio-caption .title:hover { color: #0038e3; } .elementor-arrows-position-default .portfolio-swiper-slider .swiper-wrapper { margin-bottom: 65px; } .elementor-element .swiper.portfolio-swiper-slider .elementor-swiper-button-prev, .elementor-element .swiper.portfolio-swiper-slider .elementor-swiper-button-next { border: 1px solid #e4e4e4; font-size: 16px; color: #232323; fill: #232323; line-height: 40px; transform: none; border-radius: 50%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .elementor-arrows-position-default .portfolio-swiper-slider .elementor-swiper-button-prev, .elementor-arrows-position-default .portfolio-swiper-slider .elementor-swiper-button-next { top: inherit; bottom: 0; } .elementor-arrows-position-default .portfolio-swiper-slider .elementor-swiper-button-prev { left: calc(50% - 45px); } .elementor-arrows-position-default .portfolio-swiper-slider .elementor-swiper-button-next { left: calc(50% + 5px); right: inherit; } .portfolio-swiper-slider .elementor-swiper-button-prev i, .portfolio-swiper-slider .elementor-swiper-button-next i { font-size: 16px; } .elementor-element .swiper.portfolio-swiper-slider .elementor-swiper-button-prev:hover, .elementor-element .swiper.portfolio-swiper-slider .elementor-swiper-button-next:hover { box-shadow: 0 0 10px rgba(0, 0, 0, .07); border-color: #ffffff; background: #ffffff; } .elementor-element .swiper.portfolio-swiper-slider .elementor-swiper-button-prev:hover svg, .elementor-element .swiper.portfolio-swiper-slider .elementor-swiper-button-next:hover svg { fill: #232323; } .elementor-arrows-position-outside .swiper, .elementor-arrows-position-outside .swiper-container { position: static; } /* portfolio colorful */ .portfolio-colorful .portfolio-item figure figcaption { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; } .portfolio-colorful .portfolio-item figure:hover figcaption { opacity: 1; } .portfolio-colorful .portfolio-item .portfolio-hover { padding: 3rem 4rem; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; background-color: rgba(0, 0, 0, 0.85); } .portfolio-colorful .portfolio-item .portfolio-icon { position: absolute; top: 50px; right: 50px; } .portfolio-colorful .portfolio-item .portfolio-icon i { color: #fff; font-size: 28px; } .portfolio-colorful .portfolio-item .portfolio-caption { color: #fff; } .portfolio-colorful .portfolio-item .portfolio-caption .title, .portfolio-colorful .portfolio-item .portfolio-caption .subtitle { display: block; color: #fff; } .portfolio-colorful .portfolio-item .portfolio-caption .subtitle { margin-bottom: 5px; color: rgba(255, 255, 255, .70) } .portfolio-colorful .portfolio-item .portfolio-caption .title { font-size: 1.80rem; line-height: 2.3rem; letter-spacing: -.5px; } /* portfolio overlay */ .portfolio-overlay .portfolio-item .portfolio-hover { -ms-flex-pack: center; -webkit-box-pack: flex-center; -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .portfolio-overlay .portfolio-item .portfolio-caption { width: 100%; padding: 50px 20px 50px 20px; } .portfolio-overlay .portfolio-item .portfolio-icon { left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); font-size: 18px; color: #fff; } .portfolio-overlay .portfolio-item .hvr-move-top-bottom, .portfolio-overlay .portfolio-item .hvr-move-bottom-top, .portfolio-overlay .portfolio-item .hvr-move-lrft-right, .portfolio-overlay .portfolio-item .hvr-move-right-left { transition-property: margin, opacity; -moz-transition-property: margin, opacity; -webkit-transition-property: margin, opacity; -ms-transition-property: margin, opacity; opacity: 0; } .portfolio-overlay .portfolio-item .hvr-move-top-bottom { margin-top: -15px; } .portfolio-overlay .portfolio-item figure:hover .hvr-move-top-bottom { margin-top: 0; opacity: 1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .portfolio-overlay .portfolio-item .hvr-move-bottom-top { margin-top: 15px; } .portfolio-overlay .portfolio-item figure:hover .hvr-move-bottom-top { opacity: 1; margin-top: 0; } .portfolio-overlay .portfolio-item .hvr-move-left-right { margin-left: -15px; } .portfolio-overlay .portfolio-item figure:hover .hvr-move-left-right { opacity: 1; margin-left: 0; } .portfolio-overlay .portfolio-item .hvr-move-right-left { margin-left: 15px; } .portfolio-overlay .portfolio-item figure:hover .hvr-move-right-left { margin-left: 0; opacity: 1; } .portfolio-overlay .portfolio-item .portfolio-caption .title { color: #fff; } .portfolio-overlay .portfolio-item .portfolio-caption .subtitle { color: rgba(255, 255, 255, .70); } .portfolio-overlay .portfolio-item .portfolio-image { background: #000; } .portfolio-overlay .portfolio-item figure:hover .portfolio-image img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.15; } /* portfolio hover text postion */ .hover-box-slide-text .hvr-move-bottom-top-self, .hover-box-slide-text .hvr-move-top-bottom-self { overflow: hidden; } .hover-box-slide-text:hover .hvr-move-bottom-top-self span, .hover-box-slide-text:hover .hvr-move-top-bottom-self span { opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } .hover-box-slide-text .hvr-move-bottom-top-self span { opacity: 0; display: block; will-change: transform; -moz-transform: translateY(200%); -ms-transform: translateY(200%); -webkit-transform: translateY(200%); transform: translateY(200%); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .hover-box-slide-text .hvr-move-top-bottom-self span { opacity: 0; display: block; will-change: transform; -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -webkit-transform: translateY(-200%); transform: translateY(-200%); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* portfolio hover icon postion */ .hover-box-slide-text .hvr-move-right-left { opacity: 0; transform: translateX(15px); -moz-transform: translateX(15px); -webkit-transform: translateX(15px); -ms-transform: translateX(15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .hover-box-slide-text:hover .hvr-move-right-left { opacity: 1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); } .hover-box-slide-text .hvr-move-left-right { opacity: 0; transform: translateX(-15px); -moz-transform: translateX(-15px); -webkit-transform: translateX(-15px); -ms-transform: translateX(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .hover-box-slide-text:hover .hvr-move-left-right { opacity: 1; transform: translateX(0px); -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -ms-transform: translateX(0px); } .hover-box-slide-text .hvr-move-top-bottom { opacity: 0; transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .hover-box-slide-text:hover .hvr-move-top-bottom { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } .hover-box-slide-text .hvr-move-bottom-top { opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .hover-box-slide-text:hover .hvr-move-bottom-top { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } /* portfolio single */ .single-portfolio-main-section { padding: 0 0 130px; } .default-top-space-main-section.single-portfolio-main-section { padding: 0; } .single-portfolio-main-section .container-fluid { padding-right: 0; padding-left: 0; } .single-portfolio-main-section .container-fluid .row { margin: 0; } .single-portfolio-main-section .blog-image { margin-bottom: 130px } .portfolio-share-wrapper { padding-bottom: 130px; } .portfolio-share-wrapper .share-heading { color: #232323; font-size: 14px; line-height: 20px; margin: 0px 0px 20px 0px; font-weight: 500; display: block; } .litho-related-portfolio-wrap .blog-grid .portfolio-item .portfolio-icon a { border-radius: 50px; } .litho-related-portfolio-wrap .blog-grid .portfolio-item .title, .litho-related-portfolio-wrap .blog-grid .portfolio-item .title a { color: #232323; font-weight: 500; } .litho-related-portfolio-wrap .blog-grid .portfolio-item .subtitle .category { font-size: 14px; line-height: 20px; } .litho-related-portfolio-wrap .related-portfolio-general-subtitle { margin: 0px 0px 15px 0px; display: block; text-align: center; font-size: 16px; line-height: 28px; } .litho-related-portfolio-wrap .related-portfolio-general-title { font-weight: 600; color: #232323; margin: 0 0 7rem 0; text-align: center; } .single-post .blog-details-text ul.grid { padding-left: 0; } /* portfolio single next - prev */ .portfolio-navigation-wrapper { position: relative; } .portfolio-navigation-wrapper .fancy-box-item { position: relative; background-color: #f7f7f7; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-navigation-wrapper .fancy-box-item a { padding: 4rem 7rem; height: 100%; position: relative; z-index: 0; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .portfolio-navigation-wrapper .fancy-box-item:hover { background-color: #232323; } .portfolio-navigation-wrapper .fancy-box-item .next-previous-navigation { margin-right: auto; text-transform: uppercase; } .portfolio-navigation-wrapper .fancy-box-item .next-previous-navigation i { font-size: 40px; color: #000; margin-right: 20px; vertical-align: middle; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-navigation-wrapper .fancy-box-item .next-previous-navigation .prev-link-text, .portfolio-navigation-wrapper .fancy-box-item .next-previous-navigation .next-link-text { display: inline-block; font-size: 13px; line-height: 22px; font-weight: 500; color: #000; text-transform: uppercase; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-navigation-wrapper .fancy-box-item .cover-background { position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; z-index: -1; visibility: hidden; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; background-size: cover; } .portfolio-navigation-wrapper .fancy-box-item:hover .cover-background { opacity: 1; visibility: visible; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -ms-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; } .portfolio-navigation-wrapper .fancy-box-item .cover-background:after { content: ""; opacity: .4; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(to right, #556fff, #ff798e, #556fff); background-size: 200% auto; transition: all .3s cubic-bezier(.25, .8, .25, 1); } .portfolio-navigation-wrapper .fancy-box-item .title { color: #232323; font-size: 20px; line-height: 28px; display: block; font-weight: 500; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-navigation-wrapper .fancy-box-item.nav-link-next .next-previous-navigation { margin-left: auto; margin-right: 0; } .portfolio-navigation-wrapper .fancy-box-item.nav-link-next .next-previous-navigation i { margin-right: 0; margin-left: 20px; } .portfolio-navigation-wrapper .fancy-box-item:hover .next-previous-navigation i, .portfolio-navigation-wrapper .fancy-box-item:hover .prev-link-text, .portfolio-navigation-wrapper .fancy-box-item:hover .title, .portfolio-navigation-wrapper .fancy-box-item:hover .next-previous-navigation .next-link-text { color: #fff; } /* image gallery */ .image-gallery-box i, .image-gallery-box svg { font-size: 28px; color: #fff; left: 50%; top: 50%; position: absolute; opacity: 0; transform: translate(-50%, -60%); -moz-transform: translate(-50%, -60%); -webkit-transform: translate(-50%, -60%); -ms-transform: translate(-50%, -60%); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .image-gallery-box svg { width: 30px; fill: #fff; } .portfolio-box.image-gallery-box:hover i, .portfolio-box.image-gallery-box:hover svg { opacity: 1; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .portfolio-box.image-gallery-box:hover .portfolio-image img, .portfolio-box.image-gallery-box:hover .portfolio-image iframe { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.15; } .single-view-image li { display:none; } .single-view-image li:nth-child(2){ display:block; } /* porfolio categories */ .porfolio-categories-lists { margin-bottom: 50px; } .porfolio-categories-lists .posted_in { color: #232323; } .porfolio-categories-lists .posted_in a { display: inline-block; text-align: center; font-size: 13px !important; line-height: 20px; margin: 0 4px 10px; padding: 5px 18px 6px; border-radius: 4px; border: 1px solid #e4e4e4; } .porfolio-categories-lists .posted_in a:hover { -webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .1); box-shadow: 0 0 10px rgba(23, 23, 23, .1); color: #828282; } .porfolio-categories-lists .tagcloud { text-align: right; } /* =================================== 16. Blog ====================================== */ .elementor-widget-litho-blog-list ul { padding: 0; margin: 0; list-style: none; } .blog-side-image .grid-item { width: 100%; } .blog-post img { width: 100%; } /* blog list gallery */ .blog-grid .grid-item .blog-post-gallery-grid .grid-gallery-item { padding: 5px; } .blog-grid .grid-item .blog-post-gallery-grid .grid-gallery-item figure { position: relative; overflow: hidden; } .blog-grid .grid-item .blog-post-gallery-grid .grid-gallery-item figcaption { position: absolute; left: 0; right: 0; top: 50%; opacity: 0; margin-top: -11px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .blog-grid .grid-item .blog-post-gallery-grid .grid-gallery-item:hover figcaption { opacity: 1; } .blog-grid .grid-item .blog-post-gallery-grid .grid-gallery-item figcaption i { color: #fff; font-size: 18px; } /* blog list blockquote */ .blog-grid .grid-item .litho-blog-blockquote { padding: 15px; background-color: #232323; } .blog-grid .grid-item .litho-blog-blockquote i { color: #fff; margin-bottom: 15px; font-size: 24px; } .blog-grid .grid-item .litho-blog-blockquote .blockquote-content { color: #fff; } .blog-grid .grid-item .litho-blog-blockquote .blockquote-content p { opacity: .5; } .blog-grid .grid-item .litho-blog-blockquote .blockquote-content h6 { font-size: 15px; line-height: 30px; opacity: .5; margin-bottom: 25px; } /* post type icon */ .post-icon { position: absolute; text-align: center; padding: 6px; width: 50px; height: 50px; line-height: 42px; opacity: 1; background-color: rgba(255, 255, 255, 1); border-radius: 100%; top: 50%; left: 50%; -moz-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); -o-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); -ms-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); -webkit-transition: all 0.4s cubic-bezier(.2, 0, .3, 1); -moz-transition: all 0.4s cubic-bezier(.2, 0, .3, 1); -ms-transition: all 0.4s cubic-bezier(.2, 0, .3, 1); -o-transition: all 0.4s cubic-bezier(.2, 0, .3, 1); transition: all 0.4s cubic-bezier(.2, 0, .3, 1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .3); box-shadow: 0 0 10px rgba(0, 0, 0, .3); } .post-icon:before { font-family: 'feather'; font-size: 20px; line-height: 28px; color: #232323; } .post-type-video-html5:before { content: "\e8ae"; margin-left: 3px; position: relative; top: 1px; } .post-type-quote:before { content: "\e891"; position: relative; top: 1px; } .post-type-audio:before { content: "\e89d"; margin-right: 3px; } .post-type-video:before { content: "\e8ec"; } .post-type-gallery:before { content: "\e878"; margin-right: 1px; } .post-type-gallery-slider:before { content: "\e87c"; } /* blog widget */ .blog-widget.blog-grid .blog-post { padding: 30px; border-radius: 4px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .blog-widget.blog-grid .blog-post .blog-post-images { height: auto; width: 140px; margin-bottom: 0; } .blog-widget.blog-grid .blog-post .post-details { line-height: normal; padding: 0 0 0 30px; position: relative; top: -1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .blog-widget .post-meta-like a { margin: 0 10px 0 0; } .blog-widget.blog-grid .post-author-meta { width: 100%; display: block; margin-bottom: 12px; } .blog-widget.blog-grid .blog-post:hover .blog-post-images img, .blog-widget.blog-grid .blog-post .blog-post-images img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .blog-widget.blog-grid .blog-category { position: inherit; top: 0; right: 0; margin-bottom: 20px; display: block; } /* blog clean */ .blog-clean.blog-grid .blog-post { position: relative; height: 100%; overflow: hidden; border-radius: 6px; background-color: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .08); box-shadow: 0 0 10px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-clean.blog-grid .blog-post-images img { -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1); transition: all 1.5s cubic-bezier(0, 0, .2, 1); } .blog-clean.blog-grid .blog-post:hover .blog-post-images img { opacity: 0.6; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .blog-clean.blog-grid .elementor-icon { width: 46px; height: 46px; line-height: 48px; padding: 0; border: 1px solid; border-radius: 100%; text-align: center; opacity: 0; margin-top: 15px; color: #232323; font-size: 18px; background-color: #FFF; border: 1px solid #fff; left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog-clean.blog-grid .blog-post:hover .elementor-icon { opacity: 1; margin-top: 0; } .blog-clean.blog-grid .elementor-icon i { display: inline-block; line-height: initial; } .blog-clean.blog-grid .post-details { padding: 35px; } .blog-clean.blog-grid .post-date { font-size: 14px; line-height: 20px; display: block; } .blog-clean.blog-grid .post-date { margin-bottom: 0; } .blog-clean.blog-grid .entry-title { color: #232323; font-size: 15px; line-height: 30px; display: block; } .blog-clean.blog-grid .entry-title:hover { color: #0038e3; } .blog-clean.blog-grid .post-author-meta { margin-bottom: -1px; } /* blog standard */ .blog-standard.blog-grid .blog-post-images .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; } .blog-standard.blog-grid .blog-post { border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e4e4e4; margin-bottom: 4.5rem; } .blog-standard.blog-grid .blog-post:hover .blog-post-images img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .blog-standard.blog-grid li:last-child .blog-post { margin-bottom: 0; } .blog-standard.blog-grid .post-meta { z-index: 1; background-color: #0038e3; position: absolute; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 0; padding: 6px 20px 5px; white-space: nowrap; } .blog-standard.blog-grid .post-details { position: relative; } .blog-standard.blog-grid .post-meta, .blog-standard.blog-grid .post-meta a { font-size: 13px; line-height: 22px; color: #fff; font-weight: 500; } .blog-standard.blog-grid .post-meta span, .blog-standard.blog-grid .post-meta a { font-weight: 500; margin: 0; display: inline-block; position: initial; padding: 0; } .blog-standard.blog-grid .blog-post:hover .blog-category a { color: #fff; } .blog-standard.blog-grid .entry-title { display: block; } .blog-standard.blog-grid .post-meta span.post-meta-separator { margin: 0 7px; } .blog-standard.blog-grid .post-meta-wrapper { border-top: 1px solid #e4e4e4; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .blog-standard.blog-grid .post-meta-wrapper>span { border-right: 1px solid #e4e4e4; padding: 16px 15px 16px 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-standard.blog-grid .post-meta-wrapper>span:last-child { border: 0; } .blog-standard.blog-grid .post-meta-wrapper>span i { margin-right: 8px; } .blog-standard.blog-grid .blog-like span:first-of-type, .blog-grid.blog-standard .comment-link span:first-of-type { margin-left: 0; } .blog-standard .post-meta-wrapper>span, .blog-standard .post-meta-wrapper>span a { font-size: 12px; line-height: 22px; vertical-align: top; font-weight: 400; } .blog-standard.blog-grid .blog-post .blog-category a, .blog-standard.blog-grid .blog-post:hover .blog-category a { background-color: transparent; } .blog-standard.blog-grid .post-details>div:last-child { margin-bottom: 0; } .blog-standard .grid-item:not(.has-post-thumbnail) .blog-post .post-details { margin-top: 50px; } /* blog grid */ .blog-grid .blog-post { position: relative; height: 100%; overflow: hidden; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); box-shadow: 0 0 20px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; will-change: transform; } .blog-grid .blog-post-images { overflow: hidden; position: relative; } .blog-grid .blog-post-images img { -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1); transition: all 1.5s cubic-bezier(0, 0, .2, 1); will-change: transfrom; } .blog-post:hover .blog-post-images img { opacity: 0.6; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .blog-grid .blog-category { position: absolute; top: 23px; right: 23px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; z-index: 1; will-change: transfrom; } .blog-grid .blog-category a { font-size: 11px; line-height: 14px; font-weight: 400; background-color: rgba(23, 23, 23, .75); color: #fff; border-radius: 2px; padding: 5px 13px; } .blog-grid .blog-post:hover .blog-category a { background-color: #fff; color: #232323; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2); box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .blog-grid .post-details { padding: 2.75rem 3rem; word-break: break-word; } .blog-grid .post-date, .blog-grid .post-date a { font-size: 13px; line-height: 22px; font-weight: 400; } .blog-grid .post-date { display: block; margin-bottom: 10px; } .blog-grid .entry-title { color: #232323; font-size: 16px; line-height: 28px; display: block; margin-bottom: 15px; } .blog-grid .entry-title:hover { color: #0038e3; } .blog-grid .entry-content { margin-bottom: 25px; } .blog-grid .entry-content p:last-child { margin-bottom: 0; } .blog-grid .blog-post-button { font-size: 11px; padding: 8px 12px; margin-bottom: 25px; background-color: #232323; } .blog-grid .blog-post-button:hover { background-color: #0038e3; } .blog-grid .horizontal-separator { width: 100%; margin-bottom: 25px; } .blog-grid .post-author-meta { margin-right: auto; } .blog-grid .avatar { width: 30px; border-radius: 100%; margin-right: 10px; } .blog-grid .author-name, .blog-grid .author-name a { font-size: 13px; line-height: 22px; font-weight: 400; } .blog-grid .blog-like, .blog-grid .comment-link { font-size: 12px; line-height: 16px; margin-left: 10px; } .blog-grid .blog-like span:first-of-type, .blog-grid .comment-link span:first-of-type { margin-left: 5px; } .blog-grid .post-meta a i { margin-right: 0; } .blog-grid .post-meta a>span:first-of-type { margin-left: 5px; } .blog-grid .post-meta>span:first-child a, .blog-grid .post-meta>a:first-child { margin-left: 0; } .post-meta .blog-like span.posts-like-count { display: inline-block; } .post-meta .blog-like span.posts-like, .post-meta .comment-link span.comment-text { display: none; } .blog-grid .post-meta span.posts-like-count, .blog-grid .post-meta span.comment-count { font-weight: 400; } .blog-grid.default-blog-grid .blog-like, .blog-grid.default-blog-grid .comment-link { display: table-cell; } .post-meta-wrapper .blog-like span.posts-like, .post-meta-wrapper .comment-link span.comment-text { display: none; } .post-meta-grid .post-author-meta { display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center !important; align-items: center !important; } .post-meta-grid .post-meta-like, .post-meta-grid .post-meta-comments { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .post-meta-grid .post-meta-like .blog-like, .post-meta-grid .post-meta-comments .comment-link { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* blog masonry */ .blog-masonry.blog-grid .post-meta { padding: 15px 30px; } .blog-masonry.blog-grid .post-date { margin-bottom: 0; margin-right: auto; color: #262b35; font-weight: 500; } .blog-masonry.blog-grid .blog-category { top: inherit; right: inherit; left: 0; bottom: 0; padding: 13px 25px; background-color: #fff; line-height: 13px; } .blog-masonry.blog-grid .blog-category a { font-size: 13px; line-height: 13px; background-color: transparent; color: #0038e3; border-radius: 0; padding: 0; font-weight: 500; } .blog-masonry.blog-grid .blog-post:hover .blog-category a { background-color: transparent; color: #0038e3; -webkit-box-shadow: none; box-shadow: none; } .blog-masonry.blog-grid .blog-post:hover .blog-post-images img { opacity: 1; } .blog-masonry.blog-grid .post-author-meta { margin-bottom: 20px; display: block; } .blog-masonry.blog-grid .blog-post-button { margin-bottom: 0; } .blog-masonry.blog-grid .comment-link span, .blog-masonry.blog-grid .blog-like span { font-weight: 500; } .blog-masonry.blog-grid .post-meta-like, .blog-masonry.blog-grid .post-meta-comments { line-height: normal; } /* blog classic */ .blog-classic.blog-grid .blog-post { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .blog-classic.blog-grid .blog-post:hover .blog-post-images img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .blog-classic.blog-grid .blog-post-images { margin-bottom: 40px; } .blog-classic.blog-grid .post-details { padding: 0; margin-bottom: 30px; } .blog-classic.blog-grid .post-details .entry-title { margin-bottom: 20px; } .blog-classic.blog-grid .post-meta-wrapper { margin-bottom: 20px; } .blog-classic.blog-grid .post-date { margin-bottom: 0; margin-top: 10px; } .blog-post-button-wrapper { margin-right: auto; } .blog-classic.blog-grid .elementor-gradient-button-wrapper { font-size: 12px; line-height: 16px; padding: 0; margin-bottom: 0; background-color: transparent; color: #232323; display: inline-block; } .blog-classic.blog-grid .blog-post-meta-wrapper .horizontal-separator { width: 28px; margin: 0 8px 0 0; display: inline-block; vertical-align: middle; -webkit-transition: all 1s cubic-bezier(0, 0, .2, 1); transition: all 1s cubic-bezier(0, 0, .2, 1); } .blog-classic.blog-grid .post-meta { margin-right: 1px; } .blog-classic.blog-grid .blog-post:hover .horizontal-separator { width: 50px; } .blog-classic.blog-grid .entry-content { margin-bottom: 20px; width: 95%; } .blog-classic.blog-grid .horizontal-separator+.elementor-button-wrapper { display: inline-block; } /* blog simple */ .blog-simple.blog-grid .blog-post { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 6px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .blog-simple.blog-grid .blog-post-images { width: 50%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; background-position: right center; } .blog-simple.blog-grid .blog-post:hover .blog-post-images { background-position: left center !important; } .blog-simple.blog-grid .blog-post-images a { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #1f232c; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .blog-simple.blog-grid .blog-post:hover .blog-post-images a { opacity: .3; } .blog-simple.blog-grid .post-details { padding: 3.5rem; } .blog-simple.blog-grid .blog-post-images~.post-details { width: 50%; } .blog-simple.blog-grid .blog-category { position: inherit; top: inherit; right: inherit; margin-bottom: 4.5rem; display: block; } .blog-simple.blog-grid .blog-category a { color: #232323; font-size: 11px; line-height: 14px; background-color: #FFF; border-radius: 20px; border: 1px solid rgba(0, 0, 0, .1); padding: 6px 16px; font-weight: 500; -webkit-box-shadow: 0 0 20px rgba(23, 23, 23, .08); box-shadow: 0 0 20px rgba(23, 23, 23, .08); } .blog-simple.blog-grid .blog-post:hover .blog-category a { -webkit-box-shadow: 0 0 0 rgba(23, 23, 23, .08); box-shadow: 0 0 0 rgba(23, 23, 23, .08); } .blog-simple.blog-grid .post-author-meta { margin: 0 0 10px 0; clear: both; display: block; } .blog-simple.blog-grid .post-date { margin-bottom: 5px; } /* blog side image */ .blog-side-image .blog-post { overflow: hidden; position: relative; background-color: #fff; padding: 28px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); box-shadow: 0 0 20px rgba(0, 0, 0, .08); } .blog-side-image .blog-post-images { overflow: hidden; position: relative; width: 55%; } .blog-side-image .blog-post-images img { -webkit-transition: all 1.5s cubic-bezier(0, 0, .2, 1); transition: all 1.5s cubic-bezier(0, 0, .2, 1); } .blog-side-image .blog-post:hover .blog-post-images img { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } .blog-side-image .blog-post-images~.post-details { width: 45%; padding-left: 4.5rem; padding-right: 4.5rem; } .blog-side-image .post-date { display: block; margin-bottom: 15px; color: #0038e3; font-size: 13px; line-height: 22px; } .blog-side-image .entry-title { font-size: 20px; line-height: 28px; color: #232323; display: block; margin-bottom: 20px; } .blog-side-image .entry-title:hover { color: #0038e3; } .blog-side-image .entry-content { margin-bottom: 17%; } .blog-side-image .blog-post-button { font-size: 11px; padding: 8px 12px; margin-bottom: 20px; background-color: #232323; color: #fff; } .blog-side-image .blog-post-button:hover { background-color: #0038e3; } .blog-side-image .post-author-meta { margin: 0; clear: both; display: block; } .blog-side-image .avatar { width: 25px; border-radius: 100%; margin-right: 10px; } .blog-side-image .author-name, .blog-side-image .author-name a { font-size: 12px; line-height: 18px; } .blog-side-image .author-name a { color: #232323; } .blog-side-image .author-name a:hover { color: #0038e3; } .blog-side-image .horizontal-separator { margin: 0 15px 0; width: 30px; display: inline-block; vertical-align: middle; } .blog-side-image .blog-category { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 17px; } .blog-side-image .blog-category a { color: #232323; } .blog-side-image .blog-category a:hover { color: #0038e3; } .blog-side-image .blog-like, .blog-side-image .comment-link { font-size: 12px; line-height: 16px; margin-left: 10px; } .blog-side-image .post-meta { margin-top: 15px; } .blog-side-image .post-meta a i { margin-right: 5px; } .blog-side-image .post-meta>span:first-child a, .blog-side-image .post-meta>a:first-child { margin-left: 0; } .blog-side-image .post-meta>a>i { margin-right: 0; } .blog-side-image:not(.litho-grid-no-order) .grid-item:nth-child(even) .blog-post-images { -ms-flex-order: 2; order: 2; } .blog-side-image .grid-item .blog-post { padding-right: 0; } .blog-side-image:not(.litho-grid-no-order) .grid-item:nth-child(even) .blog-post { padding-left: 0; padding-right: 28px; } /* blog metro */ .blog-metro.blog-grid .blog-post { border-radius: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .blog-metro.blog-grid .blog-category { position: initial; top: initial; right: initial; } .blog-metro.blog-grid .post-details { padding: 3.5rem; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .blog-metro.blog-grid .post-details .entry-title { width: 85%; letter-spacing: -.5px; } .blog-metro.blog-grid .blog-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .blog-metro.blog-grid .blog-post-images { background-color: transparent; } /* blog overlay image */ .blog-overlay-image.blog-grid .blog-post { z-index: 1; padding: 3.5rem; } .blog-overlay-image.blog-grid .blog-post.hvr-shrink { width: 100%; } .blog-overlay-image.blog-grid .blog-category { position: inherit; display: block; margin-bottom: 6.5rem; } .blog-overlay-image.blog-grid .blog-category a { border: 1px solid #E4E4E4; } .blog-overlay-image.blog-grid .blog-post:hover .blog-category a { border-color: rgba(23, 23, 23, 0.75); } .blog-overlay-image.blog-grid .post-author-meta { clear: both; display: block; } .blog-overlay-image.blog-grid .post-meta { margin-top: 10px; } .blog-overlay-image.blog-grid .blog-post-images { transform: scale(1.1, 1.1); opacity: 0; z-index: -1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .blog-overlay-image.blog-grid .post-images-bg { width: 100%; height: 100%; background-repeat: no-repeat !important; background-size: cover !important; overflow: hidden; position: relative; background-position: center center !important; } .blog-overlay-image.blog-grid .blog-post-images, .blog-overlay-image.blog-grid .blog-overlay-image { transform: scale(1.1, 1.1); opacity: 0; z-index: -1; position: absolute; height: 100%; width: 100%; top: 0; left: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; background: rgb(35, 35, 35); background: linear-gradient(0deg, rgba(35, 35, 35, 1) 0%, rgba(35, 35, 35, 0) 89%); will-change: transfrom; } .blog-overlay-image.blog-grid .blog-overlay-image { z-index: 1; } .blog-overlay-image.blog-grid .grid-item:hover .blog-post-images, .blog-overlay-image.blog-grid .grid-item:hover .blog-overlay-image { transform: scale(1, 1); opacity: 1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .blog-overlay-image.blog-grid .post-date, .blog-overlay-image.blog-grid .entry-title, .blog-overlay-image.blog-grid .entry-content, .blog-overlay-image.blog-grid .elementor-gradient-button-wrapper, .blog-overlay-image.blog-grid .post-author-meta, .blog-overlay-image.blog-grid .post-meta { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .blog-overlay-image.blog-grid .entry-title { position: relative; color: #1f232c; margin-bottom: 22px; } .blog-overlay-image.blog-grid .post-date { opacity: 0; margin-bottom: -20px; transform: scale(1, 0); font-weight: 500; } .blog-overlay-image.blog-grid .elementor-gradient-button-wrapper { opacity: 1; transform: scale(1, 1); margin-bottom: 0; font-size: 12px; line-height: 12px; } .blog-overlay-image.blog-grid .grid-item:hover .post-date { opacity: .75; margin-bottom: 15px; transform: scale(1, 1); } .blog-overlay-image.blog-grid .grid-item:hover .entry-title { margin-bottom: -20px; } .blog-overlay-image.blog-grid .grid-item:hover .elementor-gradient-button-wrapper { opacity: 0; transform: scale(1, 0); } .blog-overlay-image.blog-grid .post-details { padding: 0; will-change: transfrom; } /* blog modern */ .blog-modern.blog-grid .blog-post { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .08); box-shadow: 0 0 0 rgba(0, 0, 0, .08); border-radius: 0; background-color: transparent; } .blog-modern.blog-grid .post-details { background-color: #fff; position: absolute; bottom: 44px; left: 30px; padding: 3rem; width: calc(100% - 60px); box-shadow: 0 0 30px rgba(0, 0, 0, .08); -webkit-transition: all 0.5s cubic-bezier(0, 0, .2, 1); transition: all 0.5s cubic-bezier(0, 0, .2, 1); } .blog-modern.blog-grid .grid-item:hover .post-details { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .blog-modern.blog-grid .blog-category { position: initial; width: 100%; display: block; margin-bottom: 10px; } .blog-modern.blog-grid .blog-post-images { margin-bottom: 150px; } .blog-modern.blog-grid .post-author-meta { width: 100%; } .blog-modern.blog-grid .blog-post:hover .blog-category a { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .2); box-shadow: 0 0 0 rgba(0, 0, 0, .2); } .blog-modern.blog-grid .post-author-meta { display: block; margin-bottom: 7px; } .blog-modern.blog-grid .blog-post:hover .blog-post-images img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .litho-comments-wrap .blog-comment li .comment-awaiting-moderation { position: absolute; bottom: -80px; color: #232323; left: 90px; width: calc(100% - 90px); line-height: normal; } /* blog post sticky */ body.blog .litho-default-main-section .litho_layout_no_sidebar_single { padding-top: 130px; padding-bottom: 130px; } body.blog .litho-default-main-section .blog-grid { margin-left: -15px; margin-right: -15px; } .litho-blog-sidebar .blog-standard.blog-post-sticky, .litho-layout-right-sidebar .blog-standard.blog-post-sticky, .litho-layout-left-sidebar .blog-standard.blog-post-sticky { padding-top: 0; } .blog-standard.blog-post-sticky .blog-post-images .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; } .blog-standard.blog-post-sticky .blog-post { border-radius: 6px; -webkit-box-shadow: none; box-shadow: none; border: 0 solid #e4e4e4; margin-bottom: 4.5rem; background-color: #f7f7f7; } .blog-standard.blog-post-sticky .blog-post .blog-post-images { padding: 2.75rem 3rem 0; } .blog-standard.blog-post-sticky .post-details { padding: 5.5rem 9rem 5.5rem 9rem; } .blog-standard.blog-post-sticky .entry-title { color: #232323; display: block; font-size: 1.8rem; line-height: 1.4em; letter-spacing: -0.5px; width: 100%; margin: 0px 0px 25px 0px; font-weight: 500; } .blog-standard.blog-post-sticky .entry-title:hover { color: #0038e3; } .blog-standard.blog-post-sticky .blog-post:hover .blog-post-images img { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .blog-standard.blog-post-sticky li:last-child .blog-post { margin-bottom: 0; } .blog-standard.blog-post-sticky .post-meta { z-index: 1; background-color: #0038e3; position: absolute; border-radius: 4px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 0; padding: 6px 20px 5px; white-space: nowrap; } .blog-standard.blog-post-sticky .post-details { position: relative; } .blog-standard.blog-post-sticky .post-meta, .blog-standard.blog-post-sticky .post-meta a { font-size: 13px; line-height: 22px; color: #fff; font-weight: 500; } .blog-standard.blog-post-sticky .post-meta span, .blog-standard.blog-post-sticky .post-meta a { font-weight: 500; margin: 0; display: inline-block; position: initial; padding: 0; text-transform: uppercase; } .blog-standard.blog-post-sticky .blog-post:hover .blog-category a { color: #fff; } .blog-standard.blog-post-sticky .entry-title { display: block; } .blog-standard.blog-post-sticky .post-meta span.post-meta-separator { margin: 0 7px; } .blog-standard.blog-post-sticky .post-meta-wrapper { border-top: 1px solid #e4e4e4; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; } .blog-standard.blog-post-sticky .post-meta-wrapper>span { border-right: 1px solid #e4e4e4; padding: 16px 15px 16px 15px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .blog-standard.blog-post-sticky .post-meta-wrapper>span:last-child { border: 0; } .blog-standard.blog-post-sticky .post-meta-wrapper>span i { margin-right: 8px; } .blog-standard.blog-post-sticky .avatar { width: 30px; border-radius: 100%; margin-right: 10px; } .blog-standard.blog-post-sticky .blog-like span:first-of-type, .blog-post-sticky.blog-standard .comment-link span:first-of-type { margin-left: 0; } .blog-standard.blog-post-sticky .post-meta-wrapper>span, .blog-standard.blog-post-sticky .post-meta-wrapper>span a { font-size: 11px; line-height: 22px; vertical-align: top; text-transform: uppercase } .blog-standard.blog-post-sticky .blog-post .blog-category a, .blog-standard.blog-post-sticky .blog-post:hover .blog-category a { background-color: transparent; } .blog-standard.blog-post-sticky .entry-content { margin-bottom: 25px; } .blog-standard.blog-post-sticky .entry-content>div:last-child { margin-bottom: 0; } .blog-standard.blog-post-sticky .post-details .btn { font-size: 11px; font-weight: 500; text-transform: uppercase; padding: 7px 22px 7px 22px; margin: 10px 0px 0px 0px; line-height: normal; border-radius: 2px; } /* blog single */ .blog-details-text.entry-content { padding-left: 0; padding-right: 0; } .litho-blog-sidebar, .litho-layout-right-sidebar, .litho-layout-left-sidebar { padding-top: 130px; padding-bottom: 130px; } .tag-like-social-wrapper { padding-bottom: 130px; } .tag-like-social-wrapper .container { padding-left: 5.4%; padding-right: 5.4%; } .tag-like-social-wrapper .container .row:first-child { margin-bottom: 35px; } .tag-like-social-wrapper .container .row:nth-child(2) { margin-bottom: 60px; } .tag-like-social-wrapper .container .row:last-child { margin-bottom: 0; } .single-post .blog-image { margin-bottom: 4rem; text-align: center; } .single-post .blog-image img { border-radius: 6px; } .litho_layout_no_sidebar_single.container-fluid .litho-content-full-part { padding-left: 0; padding-right: 0; } body.blog .litho-default-main-section .litho_layout_no_sidebar_single.container-fluid .litho-content-full-part { padding-left: 15px; padding-right: 15px; } /* blog single blog page */ .single-post .container-fluid-with-padding { padding-left: 15px; padding-right: 15px; } /* blog single related posts */ .litho-related-posts-wrap { background-color: #f7f7f7; padding: 130px 0; } .litho-related-posts-wrap ul { padding-left: 0; } .litho-related-posts-wrap>div:first-child>div:first-child { text-align: center; margin-bottom: 7.6rem; } .litho-related-posts-wrap .related-post-general-subtitle { display: block; font-weight: 500; text-transform: uppercase; } .litho-related-posts-wrap .related-post-general-title { color: #232323; letter-spacing: -1px; display: block; font-weight: 500; font-size: 2.30rem; line-height: 3rem; } .litho-related-posts-wrap .blog-grid li { padding: 0 15px; text-align: center; will-change: transform; margin-bottom: 30px; } .litho-related-posts-wrap .blog-grid.blog-clean li .blog-post:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .litho-related-posts-wrap .blog-grid .blog-post-images { background-image: linear-gradient(60deg, #0039E3 34%, #8600D4 100%); background-color: transparent; } .litho-related-posts-wrap .blog-grid .blog-post-images .hover-icon { width: 45px; height: 45px; line-height: 45px; border: 1px solid #fff; background-color: #fff; color: #232323; font-size: 18px; border-radius: 100%; text-align: center; opacity: 0; margin-top: 15px; left: 50%; top: 50%; position: absolute; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .litho-related-posts-wrap .blog-grid .grid-item:hover .hover-icon { opacity: 1; margin-top: 0; } .litho-related-posts-wrap .blog-grid .grid-item:hover .blog-post { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08); box-shadow: 0 0 30px rgba(0, 0, 0, .08); } .litho-related-posts-wrap .blog-grid .post-date { font-size: 14px; line-height: 20px; text-transform: uppercase; margin: 0 0 7px 0; } .litho-related-posts-wrap .blog-grid .entry-title { font-weight: 500; margin: 0; line-height: 24px; } .litho-related-posts-wrap .blog-grid .entry-content { margin-top: 15px; margin-bottom: 0; } /* blog single comments */ .litho-comments-wrap .comments { width: 100%; padding: 0 13% 0; } .litho-comments-wrap .comments .comment-reply-title { text-align: center; color: #232323; font-weight: 500; margin-bottom: 25px; } .litho-comments-wrap .comments .comments-header { margin-bottom: 5rem; padding: 0 15px; } .litho-comments-wrap .blog-comment { margin: 0 0 130px; padding: 0; list-style: none; } .litho-comments-wrap .blog-comment li { padding-bottom: 65px; position: relative; } .litho-comments-wrap .blog-comment li .comment-author-wrapper { position: relative; } .litho-comments-wrap .blog-comment>li:first-child { padding-top: 0; } .litho-comments-wrap .blog-comment li:last-child { padding-bottom: 0; } .litho-comments-wrap .blog-comment li ul.children { list-style: none; margin-left: 70px; padding-left: 0; } .litho-comments-wrap .blog-comment li ul.children li { margin-top: 60px; padding-bottom: 0; } .litho-comments-wrap .blog-comment li .comment-image-box { width: 75px; margin-right: 25px; } .litho-comments-wrap .blog-comment li .comment-image-box img { border-radius: 100%; width: 95%; } .litho-comments-wrap .blog-comment li .comment-text-box { padding-left: 0; } .litho-comments-wrap .blog-comment li .comment-text-box p:last-child { margin-bottom: 0; } .litho-comments-wrap .blog-comment li .comment-text-box .comment-title-edit-link a { font-weight: 500; color: #232323; font-size: 14px; line-height: 20px; } .litho-comments-wrap .blog-comment li .comment-text-box .comment-title-edit-link a:hover { color: #0038e3; } .litho-comments-wrap .blog-comment li .comment-text-box .comment-reply-link { float: right; margin-top: 7px; font-size: 11px; line-height: 18px; color: #939393; text-transform: uppercase; padding: 5px 16px 3px 16px; border-radius: 50px; border: 1px solid rgba(43.9, 43.9, 43.9, .25); background-color: #ffffff; } .litho-comments-wrap .blog-comment li .comment-text-box .comment-reply-link:hover { border-color: #0038e3; background: #0038e3; color: #fff; } .litho-comments-wrap .blog-comment li .comment-text-box .comments-date { font-size: 14px; line-height: 20px; color: #939393; margin-bottom: 15px; } .litho-comments-wrap .blog-comment li .comment-text-box .comment-text { width: 85%; } .litho-comments-wrap .blog-comment li .comment-text-box .comment-title-edit-link { display: inline; } .litho-comments-wrap .comments .comment-respond { padding: 130px 0 0 0 } .litho-comments-wrap .blog-comment li .comment-respond { padding: 60px 0 0 0 } .litho-comments-wrap .blog-comment li.bypostauthor, .litho-comments-wrap .blog-comment li ul.children li.bypostauthor { background-color: #f7f7f7; border-radius: 5px; padding: 40px; margin-bottom: 30px; } .litho-comments-wrap .blog-comment li.bypostauthor:last-child, .litho-comments-wrap .blog-comment li ul.children li.bypostauthor:last-child { margin-bottom: 0; } /* blog single comments form */ .litho-comments-wrap { padding: 130px 0; } .litho-comments-wrap .comment-respond { width: 100%; padding: 0 13%; } .litho-comments-wrap .comment-respond .comment-reply-title { color: #232323; margin-bottom: 7px; font-weight: 500; padding: 0; text-align: left; } .litho-comments-wrap .comment-respond .comment-reply-title a { margin-left: 5px; font-size: 11px; line-height: 18px; color: #939393; text-transform: uppercase; padding: 5px 16px 5px 16px; border-radius: 50px; border: 1px solid rgba(43.9, 43.9, 43.9, .25); background-color: #ffffff; } .litho-comments-wrap .comment-respond .comment-reply-title a:hover { border-color: #0038e3; background: #0038e3; color: #fff; } .litho-comments-wrap .comment-respond .comment-reply-title small { float: right; font-size: 80%; } .litho-comments-wrap .comment-notes { margin-bottom: 4rem; } .litho-comments-wrap .litho-comment-form { margin: 0 -15px; } .litho-comments-wrap .litho-comment-form .logged-in-as { padding: 0 15px; } .litho-comments-wrap .litho-comment-form .row { margin: 0; } .litho-comments-wrap .litho-comment-form input, .litho-comments-wrap .litho-comment-form textarea { padding: 15px 20px; font-size: 14px; margin-bottom: 30px; border-radius: 4px; line-height: initial; } .litho-comments-wrap .litho-comment-form textarea { height: 120px; line-height: 30px; vertical-align: top; } .litho-comments-wrap .litho-comment-form label { margin-bottom: 15px; width: 85%; vertical-align: top; line-height: 22px; } .litho-comments-wrap .litho-comment-form label .required { color: #fb4f58; } .litho-comments-wrap .litho-comment-form input[type=checkbox] { margin: 0 5px 0 0; padding: 0; width: auto; position: relative; top: 5px; vertical-align: top; } .litho-comments-wrap .litho-comment-form .comment-form-cookies-consent { margin-bottom: 22px; } .litho-comments-wrap .litho-comment-form .form-submit .submit, .litho-comments-wrap .litho-comment-form .form-submit .submit:focus { font-size: 12px; padding: 10px 26px; margin: 0; border-width: 2px; border-color: #232323; } .litho-comments-wrap .litho-comment-form .form-submit .submit:hover { border-color: #232323; } /* blog single author box */ .litho-author-box-wrap .litho-author-box { padding: 4rem; border-radius: 5px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .litho-author-box-wrap .litho-author-box .avtar-image-meta { width: 130px; margin-right: 60px; } .litho-author-box-wrap .litho-author-box .avtar-image-meta .author-avatar img { border-radius: 100%; width: 110px; } .litho-author-box-wrap .litho-author-box .avtar-image-meta .author-title { margin-top: 20px; display: block; font-weight: 500; color: #232323; font-size: 14px; line-height: 20px; } .litho-author-box-wrap .litho-author-box .avtar-image-meta .author-title:hover { color: #0038e3; } .litho-author-box-wrap .litho-author-box .author-content-meta { width: 75%; } .litho-author-box-wrap .litho-author-box .author-content-meta p { margin-bottom: 20px; } .litho-author-box-wrap .litho-author-box .author-content-meta .btn { color: #232323; font-size: 13px; text-transform: uppercase; padding: 5px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid #232323; background-color: transparent; } .litho-author-box-wrap .litho-author-box .author-content-meta .btn:hover { opacity: .7; } /* blog single social icon */ .social-icon-style-3.blog-details-social-sharing ul { padding: 0; margin: 0; } .social-icon-style-3.blog-details-social-sharing ul li { margin: 0 8px; } .social-icon-style-3.blog-details-social-sharing ul li:first-child { margin-left: 0 } .social-icon-style-3.blog-details-social-sharing ul li:last-child { margin-right: 0 } .social-icon-style-3.blog-details-social-sharing ul li a { font-size: 20px; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0; display: inline-block; color: #232323; position: relative; text-align: center; } .social-icon-style-3.blog-details-social-sharing ul li a:hover { color: #fff; } .social-icon-style-3.blog-details-social-sharing ul li a:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); border: 1px solid; border-radius: 100%; opacity: 0; -webkit-transition: all .5s cubic-bezier(0, 0, .2, 1); transition: all .5s cubic-bezier(0, 0, .2, 1); } .social-icon-style-3.blog-details-social-sharing ul li a:hover:after { opacity: .4; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .social-icon-style-3.blog-details-social-sharing ul li a.facebook-f:hover { background-color: #3b5998; } .social-icon-style-3.blog-details-social-sharing ul li a.facebook-f:after { border-color: #3b5998; color: #3b5998; } .social-icon-style-3.blog-details-social-sharing ul li a.twitter:hover { background-color: #000000; } .social-icon-style-3.blog-details-social-sharing ul li a.twitter:after { border-color: #000000; color: #000000; } .social-icon-style-3.blog-details-social-sharing ul li a.linkedin-in:hover { background-color: #007bb6; } .social-icon-style-3.blog-details-social-sharing ul li a.linkedin-in:after { border-color: #007bb6; color: #007bb6; } .social-icon-style-3.blog-details-social-sharing ul li a.pinterest-p:hover { background-color: #CB2027; } .social-icon-style-3.blog-details-social-sharing ul li a.pinterest-p:after { border-color: #CB2027; color: #CB2027; } .social-icon-style-3.blog-details-social-sharing ul li a.reddit:hover { background-color: #fd4504; } .social-icon-style-3.blog-details-social-sharing ul li a.reddit:after { border-color: #fd4504; color: #fd4504; } .social-icon-style-3.blog-details-social-sharing ul li a.stumbleupon:hover { background-color: #eb4823; } .social-icon-style-3.blog-details-social-sharing ul li a.stumbleupon:after { border-color: #eb4823; color: #eb4823; } .social-icon-style-3.blog-details-social-sharing ul li a.digg:hover { background-color: #333333; } .social-icon-style-3.blog-details-social-sharing ul li a.digg:after { border-color: #333333; color: #333333; } .social-icon-style-3.blog-details-social-sharing ul li a.vk:hover { background-color: #0077ff; } .social-icon-style-3.blog-details-social-sharing ul li a.vk:after { border-color: #0077ff; color: #0077ff; } .social-icon-style-3.blog-details-social-sharing ul li a.xing:hover { background-color: #055a5f; } .social-icon-style-3.blog-details-social-sharing ul li a.xing:after { border-color: #055a5f; color: #055a5f; } .social-icon-style-3.blog-details-social-sharing ul li a.telegram-plane:hover { background-color: #1e96c8; } .social-icon-style-3.blog-details-social-sharing ul li a.telegram-plane:after { border-color: #1e96c8; color: #1e96c8; } .social-icon-style-3.blog-details-social-sharing ul li a.odnoklassniki:hover { background-color: #f68b25; } .social-icon-style-3.blog-details-social-sharing ul li a.odnoklassniki:after { border-color: #f68b25; color: #f68b25; } .social-icon-style-3.blog-details-social-sharing ul li a.viber:hover { background-color: #793baa; } .social-icon-style-3.blog-details-social-sharing ul li a.viber:after { border-color: #793baa; color: #793baa; } .social-icon-style-3.blog-details-social-sharing ul li a.whatsapp:hover { background-color: #1b8929; } .social-icon-style-3.blog-details-social-sharing ul li a.whatsapp:after { border-color: #1b8929; color: #1b8929; } .social-icon-style-3.blog-details-social-sharing ul li a.skype:hover { background-color: #0dafeb; } .social-icon-style-3.blog-details-social-sharing ul li a.skype:after { border-color: #0dafeb; color: #0dafeb; } .sidebar .social-icon-style-1 ul li a { width: 30px; height: 30px; line-height: 30px; margin: 0; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .sidebar .social-icon-style-1 ul li a i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .sidebar .social-icon-style-1 ul li a:hover i { color: #828282; } .sidebar .social-icon-style-1 ul li a.facebook:hover i { color: #3b5998; } .sidebar .social-icon-style-1 ul li a.dribbble:hover i { color: #EA4C89; } .sidebar .social-icon-style-1 ul li a.twitter:hover i { color: #000000; } .sidebar .social-icon-style-1 ul li a.instagram:hover i { color: #FE1F49; } /* blog single tag cloud */ .tagcloud a { display: inline-block; text-align: center; font-size: 13px !important; line-height: 20px; margin: 0 8px 10px 0; padding: 6px 18px; border-radius: 4px; border: 1px solid #e4e4e4; } .tagcloud a:hover, .tagcloud a.active { -webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .1); box-shadow: 0 0 10px rgba(23, 23, 23, .1); color: #828282; } .litho-blog-detail-like a { color: #232323; text-transform: uppercase; width: auto; border: 1px solid #e4e4e4; font-size: 12px; height: auto; border-radius: 4px; padding: 6px 18px 5px; line-height: 20px; font-weight: 500; margin: 0 0 10px 0; display: inline-block; } .litho-blog-detail-like a i { margin-right: 8px; color: #fa5c47; font-size: 12px; } .litho-blog-detail-like a:hover { -webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .1); box-shadow: 0 0 10px rgba(23, 23, 23, .1); } .litho-blog-detail-like a .posts-like-count { margin-right: 2px; } /* blog single post title */ .single-post-main-section .litho-single-post-meta ul { padding: 0; margin: 0 0 2rem 0; } .single-post-main-section .litho-single-post-meta ul li { display: inline-block; margin-right: 25px; vertical-align: middle; } .single-post-main-section .litho-single-post-meta ul li i { color: #0038e3; margin-right: 10px; } .single-post-main-section .single-post-title { margin-bottom: 4.5rem; width: 100%; color: #232323; font-weight: 500; word-break: break-word; font-size: 2.30rem; line-height: 3rem; } .single-post-main-section .single-post-title~.col-sm-12 { padding-left: 0; padding-right: 0; clear: both; } /* within content area */ .single-post-main-section.within-content-area .blog-details-text, .single-post-main-section.within-content-area .tag-like-social-wrapper { padding-bottom: 100px; } .single-post-main-section.within-content-area .tag-like-social-wrapper .container, .single-post-main-section.within-content-area .litho-comments-wrap .container, .single-post-main-section.within-content-area .litho-related-posts-wrap .container, .single-portfolio-main-section.within-content-area .litho-related-portfolio-wrap .container, .single-portfolio-main-section.within-content-area .litho-comments-wrap .container { width: 100%; max-width: 100%; } .single-post-main-section.within-content-area .tag-like-social-wrapper .container, .single-post-main-section.within-content-area .litho-comments-wrap .comments, .single-post-main-section.within-content-area .litho-comments-wrap .comment-respond, .single-post-main-section.within-content-area .litho-related-posts-wrap .container, .single-portfolio-main-section.within-content-area .litho-comments-wrap .comment-respond, .litho-page-main-section.within-content-area .litho-comments-wrap .comment-respond, .single-portfolio-main-section.within-content-area .porfolio-categories-lists .container, .single-portfolio-main-section.within-content-area .litho-comments-wrap .comments { padding-left: 0; padding-right: 0; } .single-post-main-section.within-content-area .litho-related-posts-wrap { background-color: transparent; padding: 0; } .single-post-main-section.within-content-area .litho-related-posts-wrap>div:first-child>div:first-child { margin-bottom: 5rem; } .single-post-main-section.within-content-area .litho-comments-wrap { padding: 100px 0 0 0; } .litho-page-main-section.within-content-area .litho-comments-wrap { padding-top: 0; } .litho-page-main-section.within-content-area .litho-comments-wrap .row { margin-right: 0; margin-left: 0; } .litho-page-main-section.within-content-area .litho-comments-wrap .comments { padding: 0; } .litho-page-main-section.within-content-area .litho-layout-both-sidebar .litho-comments-wrap { padding-bottom: 0; } .single-portfolio-main-section.within-content-area .porfolio-categories-lists { margin-bottom: 0; } /* blog single standard post */ .single-post-layout-standard .litho_layout_no_sidebar_single { padding-top: 130px; padding-bottom: 130px; } .single-post-main-section .litho_layout_no_sidebar_single .blog-image, .single-post-main-section .litho_layout_right_sidebar_single .blog-image, .single-post-main-section .litho_layout_left_sidebar_single .blog-image { width: 100%; } .single-post-main-section .litho_layout_no_sidebar_single .blog-image img, .single-post-main-section .litho_layout_right_sidebar_single .blog-image img, .single-post-main-section .litho_layout_left_sidebar_single .blog-image img { border-radius: 6px; } /* blog single gallery post */ .single-post-main-section .blog-post-gallery-type { margin-bottom: 4.5rem; margin-left: -5px; margin-right: -5px; } .blog-post-gallery-type li.grid-item * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .blog-post-gallery-type li.grid-item { padding: 5px; } .blog-post-gallery-type li.grid-item figure { text-align: center; margin: 0; background-color: #232323; position: relative; overflow: hidden; } .blog-post-gallery-type li.grid-item figure figcaption { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; padding-top: 50px; padding-bottom: 50px; } .blog-post-gallery-type li.grid-item figure figcaption i { font-size: 28px; color: #fff; margin-left: -10px; margin-top: -10px; left: 50%; top: 50%; position: absolute; opacity: 0; transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .blog-post-gallery-type li.grid-item figure:hover img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.15; } .blog-post-gallery-type li.grid-item figure:hover figcaption { opacity: 1; } .blog-post-gallery-type li.grid-item figure:hover i { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } /* blog single slider post */ .single-post-main-section .litho-post-single-slider .swiper-button-next, .single-post-main-section .litho-post-single-slider .swiper-button-prev { height: 40px; width: 40px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .single-post-main-section .litho-post-single-slider .swiper-button-next:hover, .single-post-main-section .litho-post-single-slider .swiper-button-prev:hover { background-color: #232323; color: #fff; } .single-post-main-section .litho-post-single-slider .swiper-slide { cursor: url(assets/images/icon-move-white.png), move; } /* blog single html5 video post */ .single-post-main-section .litho-blog-video-html5 { margin-bottom: 4.5rem; } .single-post-main-section .litho-blog-video-html5 video { border-radius: 6px; } /* blog single youtube video post */ .single-post-main-section .litho-blog-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; vertical-align: top; } /* blog single audio post */ .single-post-main-section .litho-blog-audio iframe { width: 100%; border: 0; vertical-align: top; } /* blog single blockquote post */ .single-post-main-section .litho-blog-blockquote blockquote { padding: 6rem 7rem; background-color: #232323; margin: 0; border-radius: 6px; border: 0; text-align: left; } .single-post-main-section .litho-blog-blockquote blockquote i { margin-bottom: 25px; display: block; color: #ff7a56; } .single-post-main-section .litho-blog-blockquote blockquote h6 { color: #fff; font-weight: 300; margin-bottom: 25px; } .single-post-main-section .litho-blog-blockquote blockquote .author-name { font-size: 14px; line-height: 20px; letter-spacing: 2px; color: #828282; font-weight: 500; } /* blog both sidebar */ .litho-layout-both-sidebar { padding-top: 130px; padding-bottom: 130px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 3 } .litho_layout_both_sidebar_single .both-sidebar-right { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .litho_layout_both_sidebar_single .litho-content-center-part { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 3 } .litho_layout_both_sidebar_single .litho-content-right-part { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-top: 130px; padding-bottom: 130px; } /* blog left and right sidebar */ body.blog .container.litho_layout_no_sidebar_single { padding-left: 0; padding-right: 0; } .litho_layout_left_sidebar_single .litho-content-right-part { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding-top: 130px; padding-left: 65px; } .litho_layout_right_sidebar_single .litho-content-left-part { padding-top: 130px; padding-right: 65px; } .single-post-layout-style-1 .litho-blog-sidebar { padding-top: 260px; } .default-top-space-main-section .litho_layout_both_sidebar_single .litho-content-full-part, .default-top-space-main-section .litho_layout_right_sidebar_single .litho-content-full-part, .default-top-space-main-section .litho_layout_left_sidebar_single .litho-content-full-part, .archive .default-top-space-main-section .litho_layout_no_sidebar_single .litho-content-full-part, .home .default-top-space-main-section .litho_layout_no_sidebar_single .litho-content-full-part, .single-product .default-top-space-main-section .litho_layout_no_sidebar_single .litho-content-full-part { padding-top: 130px; padding-bottom: 130px; } /* widget cart */ .sidebar .litho-top-cart-wrapper .litho-cart-top-counter i { color: #232323; } /* widget calendar */ .sidebar table.wp-calendar-table, .elementor-widget table.wp-calendar-table { width: 100%; margin-bottom: 0; } .sidebar table.wp-calendar-table th, .elementor-widget table.wp-calendar-table td, .elementor-widget table.wp-calendar-table th, .elementor-widget table.wp-calendar-table td { border-bottom: 1px solid #e4e4e4; text-align: center; font-size: 13px; line-height: 32px; } .sidebar table.wp-calendar-table td#today, .elementor-widget table.wp-calendar-table td#today { color: #232323; background-color: #e4e4e4; } .sidebar table.wp-calendar-table td#today a, .elementor-widget table.wp-calendar-table td#today a { color: #232323; } .sidebar table.wp-calendar-table td a, .elementor-widget table.wp-calendar-table td a { color: #0038e3; } .sidebar table.wp-calendar-table caption, .elementor-widget table.wp-calendar-table caption { padding-top: 0; padding-bottom: 5px; color: #828282; font-size: 14px; caption-side: initial; } /* blog post next/previous */ .tag-like-social-wrapper .single-post-navigation { border-top: 1px solid #e4e4e4; padding: 20px 0 0 0; margin: 0 15px 80px; max-width: calc(100% - 30px); } .tag-like-social-wrapper .single-post-navigation .blog-nav-link { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; display: inline-block; } .tag-like-social-wrapper .single-post-navigation .blog-nav-link a { margin: 0 5px; } .tag-like-social-wrapper .single-post-navigation .blog-nav-link.blog-nav-link-next { float: right; } .tag-like-social-wrapper .single-post-navigation .blog-nav-link.blog-nav-link-prev { float: left; } /* sidebartag cloud */ .litho-blog-sidebar .tagcloud a { margin-right: 6px; } /* sidebar widget */ .sidebar .widget, .elementor-widget-sidebar .widget, .elementor-widget .widget { margin-bottom: 5rem; width: 100%; display: table; } .sidebar .widget ul, .sidebar .widget ol { margin-bottom: 0; } .sidebar .widget ul li a { text-decoration: none; } .sidebar .widget:last-child, .elementor-widget-sidebar .widget:last-child, .elementor-widget .widget:last-child { margin-bottom: 0; } .sidebar .widget>ul, .elementor-widget-sidebar .widget>ul, .elementor-widget-wp-widget-categories ul, .elementor-widget-wp-widget-pages ul, .elementor-widget-wp-widget-archives ul, .elementor-widget-wp-widget-meta ul, .elementor-widget-wp-widget-recent-posts ul, .elementor-widget-wp-widget-recent-comments ul, .elementor-widget-wp-widget-rss ul { padding: 0; margin: 0; list-style: none; } .sidebar .widget>ul li, .elementor-widget-sidebar .widget>ul li, .elementor-widget-wp-widget-categories ul li, .elementor-widget-wp-widget-pages ul li, .elementor-widget-wp-widget-archives ul li, .elementor-widget-wp-widget-meta ul li, .elementor-widget-wp-widget-recent-posts ul li, .elementor-widget-wp-widget-recent-comments ul li, .elementor-widget-wp-widget-rss ul li { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; line-height: 18px; } .sidebar .widget>ul li:last-child, .elementor-widget-sidebar .widget>ul li:last-child, .elementor-widget-wp-widget-categories ul li:last-child, .elementor-widget-wp-widget-pages ul li:last-child, .elementor-widget-wp-widget-archives ul li:last-child, .elementor-widget-wp-widget-meta ul li:last-child, .elementor-widget-wp-widget-recent-posts ul li:last-child, .elementor-widget-wp-widget-recent-comments ul li:last-child, .elementor-widget-wp-widget-rss ul li:last-child { margin-bottom: 0; padding-bottom: 0; } .sidebar .widget>ul li a, .elementor-widget-sidebar .widget>ul li a, .elementor-widget-wp-widget-categories ul li a, .elementor-widget-wp-widget-pages ul li a, .elementor-widget-wp-widget-archives ul li a, .elementor-widget-wp-widget-meta ul li a, .elementor-widget-wp-widget-recent-posts ul li a, .elementor-widget-wp-widget-recent-comments ul li a, .elementor-widget-wp-widget-rss ul li a { display: inline-block; text-align: left; line-height: 24px; } /* widget title */ .sidebar .widget_search .widget-title, .elementor-widget-sidebar .widget_search .widget-title, .elementor-widget .widget_search .widget-title { margin-bottom: 25px; } .sidebar .widget-title, .elementor-widget-sidebar .widget-title, .elementor-widget .widget-title { color: #232323; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 35px; display: block; } /* widget search */ .sidebar .search-input-wrap { position: relative; } .sidebar .search-input-wrap .btn { padding: 5px 12px; color: #0038e3; font-size: 14px; line-height: 20px; border: 0; top: 10px; right: 4px; position: absolute; text-align: center; vertical-align: middle; background-color: transparent; } .sidebar .widget_search input, .elementor-widget-sidebar .widget_search input, .elementor-widget-wp-widget-search .search-box input { padding: 13px 40px 13px 20px; font-size: 14px; line-height: normal; margin: 0; width: 100%; border-radius: 4px; border-color: #e4e4e4; color: #828282; } .sidebar .widget_search form button, .elementor-widget-sidebar .widget_search button, .elementor-widget-wp-widget-search .search-box button { padding: 5px 12px; color: #0038e3; font-size: 14px; line-height: 20px; border: 0; top: 10px; right: 4px; position: absolute; text-align: center; vertical-align: middle; } /* widget select */ .sidebar .widget label, .elementor-widget-sidebar .widget label, .elementor-widget .widget label { position: relative; top: 0; width: auto; height: auto; margin: 0; padding: 0; } .sidebar select, .elementor-widget-sidebar select, .elementor-widget select { padding: 15px 40px 15px 20px; font-size: 14px; width: 100%; border-radius: 4px; border-color: #e4e4e4; color: #828282; cursor: pointer; margin-bottom: 0; } /* widget about */ .sidebar .about-me-wp-widget, .elementor-widget-sidebar .about-me-wp-widget, .elementor-widget .about-me-wp-widget { padding: 38px; border-radius: 4px; border: 1px solid #e4e4e4; text-align: center; } .sidebar .about-me-wp-widget img, .elementor-widget-sidebar .about-me-wp-widget img, .elementor-widget .about-me-wp-widget img { border-radius: 50%; display: block; margin: 0 auto 5px; width: 100px; } .sidebar .about-me-wp-widget .author-name, .elementor-widget-sidebar .about-me-wp-widget .author-name, .elementor-widget .about-me-wp-widget .author-name { margin-top: 20px; font-weight: 500; color: #232323; font-size: 14px; line-height: 20px; display: block; } .sidebar .about-me-wp-widget .author-designation, .elementor-widget-sidebar .about-me-wp-widget .author-designation, .elementor-widget .about-me-wp-widget .author-designation { margin-top: 5px; margin-bottom: 20px; font-size: 14px; line-height: 18px; display: block; } /* widget recente post */ .sidebar ul.recent-post-wp-widget li, .elementor-widget-sidebar ul.recent-post-wp-widget li, .elementor-widget ul.recent-post-wp-widget li { margin-bottom: 35px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .sidebar ul.recent-post-wp-widget li:last-child, .elementor-widget-sidebar ul.recent-post-wp-widget li:last-child, .elementor-widget ul.recent-post-wp-widget li:last-child { margin-bottom: 0; } .sidebar ul.recent-post-wp-widget li figure, .elementor-widget-sidebar ul.recent-post-wp-widget li figure, .elementor-widget ul.recent-post-wp-widget li figure { width: 80px; margin: 0; } .sidebar ul.recent-post-wp-widget li figure img, .elementor-widget-sidebar ul.recent-post-wp-widget li figure img, .elementor-widget ul.recent-post-wp-widget li figure img { border-radius: 3px; } .sidebar ul.recent-post-wp-widget li .media-body, .elementor-widget-sidebar ul.recent-post-wp-widget li .media-body, .elementor-widget ul.recent-post-wp-widget li .media-body { line-height: normal; position: relative; top: -3px; } .sidebar ul.recent-post-wp-widget li figure~.media-body, .elementor-widget-sidebar ul.recent-post-wp-widget li figure~.media-body, .elementor-widget ul.recent-post-wp-widget li figure~.media-body { padding-left: 30px; } .sidebar ul.recent-post-wp-widget li .media-body .recent-post-title, .elementor-widget-sidebar ul.recent-post-wp-widget li .media-body .recent-post-title, .elementor-widget ul.recent-post-wp-widget li .media-body .recent-post-title { color: #232323; font-weight: 500; margin-bottom: 5%; line-height: normal; } .sidebar ul.recent-post-wp-widget li .media-body .recent-post-title:hover, .elementor-widget-sidebar ul.recent-post-wp-widget li .media-body .recent-post-title:hover, .elementor-widget ul.recent-post-wp-widget li .media-body .recent-post-title:hover { color: #0038e3; } .sidebar ul.recent-post-wp-widget li .media-body .recent-post-content, .elementor-widget-sidebar ul.recent-post-wp-widget li .media-body .recent-post-content, .elementor-widget ul.recent-post-wp-widget li .media-body .recent-post-content { line-height: 22px; font-size: 14px; display: block; } .sidebar ul.recent-post-wp-widget li .media-body .recent-post-meta-date, .elementor-widget-sidebar ul.recent-post-wp-widget li .media-body .recent-post-meta-date, .elementor-widget ul.recent-post-wp-widget li .media-body .recent-post-meta-date { font-size: 14px; margin-bottom: 8px; margin-top: 1px; } /* widget categories */ .sidebar .widget ul li>.count, .elementor-widget-sidebar .widget ul li>.count, .elementor-widget-wp-widget-categories ul li .count { font-size: 14px; position: absolute; top: 2px; right: 0; text-align: right; } /* widget recent comments */ .sidebar .widget_recent_comments a, .elementor-widget .widget_recent_comments a { color: #232323; } .sidebar .widget_recent_comments a:hover, .elementor-widget .widget_recent_comments a:hover { color: #0038e3; } /* =================================== 17. WooCommerce shop ====================================== */ .woocommerce .woocommerce-result-count { margin: 8px 0 30px 0; } .woocommerce .woocommerce-ordering { margin: 0 0 30px 0; } .woocommerce .woocommerce-ordering select { margin: 0; padding: 10px 40px 10px 20px; background: url(assets/images/select-arrow.png) no-repeat 93% 50%; font-size: 14px; width: 100%; border-radius: 0; border-color: #e4e4e4; color: #828282; line-height: 22px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .woocommerce .products ul li, .woocommerce ul.shop-product-list li { text-align: center; padding: 0 10px } .woocommerce span.onsale, .woocommerce ul.shop-product-list li.product .onsale { position: absolute; top: 25px; left: 25px; font-size: 10px; font-weight: 600; color: #fff; line-height: 11px; text-align: center; text-transform: uppercase; display: block; padding: 5px 8px; border-radius: 2px; background-color: #21b375; margin: 0; min-width: 1px; min-height: 1px; right: inherit; } .woocommerce ul.shop-product-list li.product a img.litho-alternate-image { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -ms-transition-duration: .5s; } .woocommerce ul.shop-product-list li.product:hover a img.litho-alternate-image { opacity: 1; visibility: visible; transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; -ms-transition-duration: .5s; } .woocommerce ul.shop-product-list li.product .woocommerce-loop-category__title, .woocommerce ul.shop-product-list li.product .woocommerce-loop-product__title, .woocommerce ul.shop-product-list li.product h3, .woocommerce ul.shop-product-list li.product .woocommerce-loop-category__title a, .woocommerce ul.shop-product-list li.product .woocommerce-loop-product__title a, .woocommerce ul.shop-product-list li.product h3 a { font-weight: 500; color: #232323; font-size: 15px; letter-spacing: initial; line-height: 30px; padding: 0; margin: 0; } .woocommerce ul.shop-product-list li.product .woocommerce-loop-category__title a:hover, .woocommerce ul.shop-product-list li.product .woocommerce-loop-product__title a:hover, .woocommerce ul.shop-product-list li.product h3 a:hover { color: #000; } .woocommerce ul.shop-product-list li.product .litho-product-image { position: relative; overflow: hidden; margin: 0 0 25px; } .woocommerce ul.shop-product-list li.product .button, .woocommerce ul.shop-product-list li.product .added_to_cart { z-index: 1; font-weight: 500; font-size: 13px; border: 0 solid #232323; font-family: 'Poppins', sans-serif; line-height: 22px; color: #fff; text-transform: uppercase; border-radius: 0; margin: 0; background: #232323; width: 100%; text-align: center; padding: 12px 0; bottom: -30%; position: absolute; left: 0; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; } .woocommerce ul.shop-product-list li.product:hover .button, .woocommerce ul.shop-product-list li.product:hover .added_to_cart { bottom: 0; } .woocommerce ul.shop-product-list li.product .button:before { content: "\e926"; padding-right: 5px; font-family: feather !important; } .woocommerce ul.shop-product-list li.product .added_to_cart { border-bottom: 1px solid rgba(255, 255, 255, .8); left: inherit; right: 0; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { top: 9px; right: inherit; margin-left: 8px; } .woocommerce ul.shop-product-list li.product .price { font-size: 14px; line-height: 20px; font-weight: 400; color: #828282; margin: 0; padding: 0; vertical-align: top; } .woocommerce ul.shop-product-list li.product .price del { opacity: 1; } .woocommerce ul.shop-product-list li.product .price ins { font-weight: 400; text-decoration: none; margin-left: 8px; } .woocommerce ul.shop-product-list li.product a img { margin: 0; width: 100%; } .woocommerce ul.shop-product-list li.product, .woocommerce-page ul.shop-product-list li.product { margin-bottom: 60px; } .woocommerce nav.woocommerce-pagination ul { border: 0; margin: 30px 0 0 0; } .woocommerce nav.woocommerce-pagination .page-numbers li, .woocommerce nav.woocommerce-pagination .page-numbers li .page-numbers { overflow: visible; font-weight: 500; font-size: 13px; line-height: 22px; margin: 0 10px; border: 0; } .woocommerce nav.woocommerce-pagination .page-numbers li .page-numbers { color: #828282; line-height: 40px; border: 0; padding: 0 5px; margin: 0; background-color: transparent; min-width: 40px; min-height: 40px; text-align: center; border-radius: 100%; position: relative; display: block; } .woocommerce nav.woocommerce-pagination .page-numbers li .page-numbers:hover, .woocommerce nav.woocommerce-pagination .page-numbers li .page-numbers.current { background-color: #fff; color: #232323; -webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .15); box-shadow: 0 0 10px rgba(23, 23, 23, .15); } .woocommerce nav.woocommerce-pagination .page-numbers li .next, .woocommerce nav.woocommerce-pagination .page-numbers li .prev { font-size: 18px; } .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-color: transparent; color: #232323; } .litho-shop-content-wrap .site-main { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; } .woocommerce ul.shop-product-list li.product .star-rating { font-size: 11px; margin: 2px auto 8px; float: none; } .woocommerce ul.shop-product-list li.product .star-rating span::before { color: #ff9c00; } .return-to-shop { width: 100%; text-align: center; margin: 30px 0 0 0; } .woocommerce .quantity .qty { width: 75px; text-align: left; margin-bottom: 0; padding-top: 5px; padding-bottom: 5px; padding-right: 7px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { opacity: 1; } .woocommerce ul.shop-product-list { margin: 0 -10px; list-style: none; padding: 0; clear: both; } body:not(.elementor-default) .litho-shop-content-wrap .litho_layout_no_sidebar_single { padding-top: 130px } .litho-shop-content-wrap .container-fluid { padding-left: 6.5%; padding-right: 6.5%; } .litho-shop-content-wrap .container-fluid .litho-content-full-part { padding-left: 15px; padding-right: 15px; } .litho-shop-content-wrap .container .litho-content-full-part { padding-top: 0; } .woocommerce-shop .litho-main-title-wrappper~.litho-main-content-wrap .litho-content-full-part, .woocommerce.archive .litho-main-title-wrappper~.litho-main-content-wrap .litho-content-full-part { padding-top: 0; } /* shop and archive sidebar */ .litho-shop-content-wrap .sidebar .widget-title { margin-bottom: 20px; font-size: 15px; line-height: 30px; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item { padding: 0; } .litho-shop-content-wrap .sidebar .widget { margin-bottom: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #e4e4e4; } .litho-shop-content-wrap .sidebar .widget:last-child { margin-bottom: 0; padding-bottom: 0; border: 0; } .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span { padding: 0; line-height: 18px; } .archive-description.post-archive-description { padding-top: 130px; } .archive-description.post-archive-description p:last-child { margin-bottom: 0; } /* price filter */ .woocommerce .widget_price_filter .ui-slider .ui-slider-range { border-radius: 0; background-color: #232323; } .woocommerce .widget_price_filter .ui-slider-horizontal { height: 3px; } .woocommerce .widget_price_filter .price_slider { margin-bottom: 30px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 0; background-color: #dfdfdf; border: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { width: 13px; height: 13px; background-color: #ffffff; top: -5px; border: 1px solid #bbb; } .woocommerce .widget_price_filter .price_slider_amount { text-align: left; font-size: 15px; line-height: 30px; font-weight: 400; color: #828282; } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; font-size: 10px; color: #101010; background-color: transparent; float: right; padding: 1px 12px; outline: 0; border-radius: 0; font-weight: 500; text-align: center; text-decoration: none; text-transform: uppercase; border: 1px solid #d6d6d6; line-height: 19px; transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #fff; background-color: #232323; border: 1px solid #232323; } /* product categories */ .sidebar .widget>ul.product-categories li, .elementor-widget .widget>ul.product-categories li { margin-bottom: 10px; } .sidebar .widget>ul.product-categories>li:last-child, .elementor-widget .widget>ul.product-categories>li:last-child { margin-bottom: 0; } .sidebar .widget>ul.product-categories li ul.children, .elementor-widget .widget>ul.product-categories li ul.children { padding: 5px 0 0 15px; } /* rating filter */ .woocommerce .widget_rating_filter ul li { margin-bottom: 10px; padding: 0; } .woocommerce .widget_rating_filter ul li .star-rating { float: left; } .woocommerce .widget_rating_filter ul li a { width: 100%; padding: 0; text-align: right; font-size: 14px; color: #828282; } .woocommerce .star-rating { float: left; font-size: 13px; color: #ff9c00; margin-top: 4px; } .woocommerce .star-rating::before { color: #ff9c00; } /* product */ .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img { float: left; margin-left: 0; width: 70px; height: auto; box-shadow: none; margin-right: 20px; } .woocommerce ul.cart_list li a, .woocommerce.widget ul.product_list_widget li a { display: block; font-weight: 500; color: #232323; line-height: 26px; font-size: 14px; } .woocommerce ul.cart_list li .star-rating, .woocommerce.widget ul.product_list_widget li .star-rating { font-size: 13px; margin-top: 5px; margin-bottom: 8px; } .woocommerce.widget ul.product_list_widget li .reviewer { display: block; } .woocommerce ul.cart_list li .amount, .woocommerce.widget ul.product_list_widget li .amount { font-size: 14px; } .woocommerce ul.cart_list li ins, .woocommerce.widget ul.product_list_widget li ins { text-decoration: none; padding-left: 7px; } /* search */ .sidebar .widget .woocommerce-product-search label.screen-reader-text, .elementor-widget .widget .woocommerce-product-search label.screen-reader-text { position: absolute; } .litho-shop-content-wrap .sidebar .widget .woocommerce-product-search [type=submit] { text-transform: uppercase; font-size: 13px; } /* cart */ .litho-shop-content-wrap .sidebar .widget .widget_shopping_cart_content .woocommerce-mini-cart__empty-message { margin: 0; text-align: center; padding: 40px; line-height: normal; font-size: 15px; background-color: #f7f7f7; display: block; color: #232323; } .sidebar .widget.widget_shopping_cart .cart_list li a.remove, .elementor-widget .widget.widget_shopping_cart .cart_list li a.remove { position: absolute; top: 0; right: 0; line-height: normal; left: inherit; } .sidebar .widget.widget_shopping_cart .cart_list li, .elementor-widget .widget.widget_shopping_cart .cart_list li { padding-left: 0; padding-right: 2em; margin-bottom: 20px; } .sidebar .widget.widget_shopping_cart .total, .elementor-widget .widget.widget_shopping_cart .total { border-top: 1px solid #e4e4e4; padding: 15px 0 0; text-align: right; } .sidebar .widget.widget_shopping_cart .total strong, .elementor-widget .widget.widget_shopping_cart .total strong { float: left; color: #232323; } .sidebar .widget.widget_shopping_cart .total .amount, .elementor-widget .widget.widget_shopping_cart .total .amount { font-size: 15px; color: #232323; } .sidebar .widget.widget_shopping_cart .buttons, .elementor-widget .widget.widget_shopping_cart .buttons { margin: 0; } .sidebar .widget.widget_shopping_cart .buttons a, .elementor-widget .widget.widget_shopping_cart .buttons a { margin-right: 0; margin-bottom: 5px; width: 48%; } .sidebar .widget.widget_shopping_cart .buttons a.checkout, .elementor-widget .widget.widget_shopping_cart .buttons a.checkout { float: right; } .sidebar .widget.widget_shopping_cart .litho-mini-cart-content-wrap, .elementor-widget .widget.widget_shopping_cart .litho-mini-cart-content-wrap, .page-layout .litho-mini-cart-content-wrap, .box-layout .litho-mini-cart-content-wrap { position: relative; top: 0; right: 0; z-index: 0; display: block; float: left; min-width: 100%; padding: 0; margin: 0; font-size: 1rem; color: #232323; text-align: left; list-style: none; background-color: transparent; background-clip: padding-box; border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; cursor: default; } .sidebar .widget.widget_shopping_cart .litho-cart-top-counter, .elementor-widget .widget.widget_shopping_cart .litho-cart-top-counter, .page-layout .litho-cart-top-counter, .box-layout .litho-cart-top-counter { position: relative; width: auto; display: inherit; margin-bottom: 0; } .sidebar .widget.widget_shopping_cart .litho-top-cart-wrapper, .elementor-widget .widget.widget_shopping_cart .litho-top-cart-wrapper { line-height: normal; padding-right: 0; width: 100%; padding-top: 0; display: block; } .page-layout .litho-top-cart-wrapper, .box-layout .litho-top-cart-wrapper { padding-right: 0; } .page-layout .litho-top-cart-wrapper .litho-cart-top-counter i, .box-layout .litho-top-cart-wrapper .litho-cart-top-counter i { color: #232323; } .page-layout .litho-mini-cart-content-wrap .woocommerce-mini-cart, .box-layout .litho-mini-cart-content-wrap .woocommerce-mini-cart { padding-left: 0; } .page-layout .elementor-widget-container .litho-top-cart-wrapper .cart_list li a.remove, .box-layout .elementor-widget-container .litho-top-cart-wrapper .cart_list li a.remove { right: 0; } .sidebar .widget.widget_shopping_cart .litho-cart-top-counter { display: none; } /* empty cart */ .cart-empty { background-color: transparent; color: #232323; width: 100%; text-align: center; padding: 0; margin: 0; font-size: 18px; } .cart-empty i { font-size: 50px; display: block; margin-bottom: 35px; color: #0038e3; } /* single product */ .litho-single-product-content-wrap .content-area { margin: 0 -15px; } .woocommerce div.product .product_title { color: #232323; font-size: 24px; line-height: 32px; font-family: 'Poppins', sans-serif; font-weight: 500; margin-bottom: 8px; } .woocommerce .woocommerce-product-rating .star-rating { margin: 0; } .woocommerce div.product .woocommerce-review-link { vertical-align: top; display: inline-block; line-height: normal; margin-top: -1px; margin-left: 5px; font-size: 13px; } .woocommerce div.product .woocommerce-product-rating { margin-bottom: 0px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #232323; font-size: 16px; line-height: 28px; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 1; } .woocommerce div.product p.price ins, .woocommerce div.product span.price ins { font-weight: 400; text-decoration: none; margin-left: 5px; } .woocommerce-product-details__short-description { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 5px; } .woocommerce div.product p.stock { font-size: 11px; background-color: #77a464; display: inline-block; color: #fff; padding: 0 10px; text-transform: uppercase; line-height: 27px; vertical-align: top; } .woocommerce div.product p.out-of-stock { font-size: 11px; background-color: #de1f1f; display: inline-block; color: #fff; padding: 0 10px; text-transform: uppercase; line-height: 27px; } .woocommerce div.product form.cart .button { vertical-align: middle; float: left; margin: 0; letter-spacing: normal; padding: 8px 25px; } .woocommerce div.product form.cart div.quantity { float: left; margin: 0 15px 0 0; } .woocommerce div.product form.cart { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; padding-bottom: 30px; } .woocommerce div.product .product_meta .sku_wrapper, .woocommerce div.product .product_meta .posted_in, .woocommerce div.product .product_meta .tagged_as, .woocommerce div.product .product_meta .social-icons-wrapper { font-size: 13px; text-transform: uppercase; margin-bottom: 5px; color: #232323; display: block; } .woocommerce div.product .product_meta .social-icons-wrapper .default-icon { display: inline-block; } .woocommerce div.product .product_meta .social-icons-wrapper .default-icon li a { font-size: 13px; padding: 5px 5px; color: #232323 } .woocommerce div.product .product_meta .sku_wrapper .sku { color: #828282 } .woocommerce div.product div.images .flex-control-thumbs { margin: 10px -5px 0; } .woocommerce div.product div.images .flex-control-thumbs li { padding: 5px; } .woocommerce div.product div.images .flex-control-thumbs li img { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .woocommerce div.product form.cart .variations { margin-top: -8px; } .woocommerce div.product form.cart .variations label { font-weight: 400; margin: 0; color: #232323; text-transform: uppercase; font-size: 13px; } .woocommerce div.product form.cart .variations td.label { padding-right: 0; width: 65px; vertical-align: top; line-height: normal; padding-top: 20px; } .woocommerce div.product form.cart .variations select { max-width: 55%; min-width: 55%; color: #828282; display: inline-block; margin-right: 0; margin: 0; padding: 5px 30px 5px 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(assets/images/select-arrow.png) no-repeat 95% 50%; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { border: 0; vertical-align: middle; line-height: 2em; padding: 8px 0; } .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover { background-color: #232323; } .woocommerce div.product form.cart .reset_variations { text-decoration: underline; margin-left: 10px; } .woocommerce div.product form.cart .reset_variations:hover { text-decoration: none; } .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-price { margin-bottom: 8px; } .woocommerce div.product form.cart table { border: 0; width: 100%; } .woocommerce div.product form.cart .group_table td:first-child { text-align: left; width: auto; } .woocommerce div.product form.cart .group_table tr:first-child td { border: 0; } .woocommerce div.product form.cart .group_table td { vertical-align: middle; padding: 10px 0; border: 0; border-top: 1px solid #e4e4e4; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label { padding-right: 10px; padding-left: 10px; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label label { margin-bottom: 0; } .woocommerce div.product form.cart table.group_table { margin-bottom: 20px; } .woocommerce div.product .woocommerce-tabs { margin-top: 60px; display: inline-block; width: 100%; } .woocommerce div.product .woocommerce-tabs ul.tabs { text-align: center; margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none; } .woocommerce div.product .woocommerce-tabs .panel { border: 0; -webkit-box-shadow: none; box-shadow: none; float: left; width: 100%; padding: 70px 0 100px; border-radius: 0; margin: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border: 2px solid transparent; border-radius: 0; margin: 0 25px; background-color: transparent; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #232323; border-bottom: 2px solid #232323; font-weight: 500; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 0; border-bottom: 2px solid transparent; color: #828282; font-weight: 500; text-transform: uppercase; font-family: 'Poppins', sans-serif; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #232323; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs .panel .comment-form-cookies-consent { clear: both; } .woocommerce div.product .woocommerce-tabs .panel .comment-form-cookies-consent input[type=checkbox] { width: auto; position: relative; top: 9px; margin-right: 3px; vertical-align: top; } .woocommerce div.product .woocommerce-tabs .panel h2, .woocommerce-page .cart-collaterals .cart_totals h2 { color: #232323; font-size: 18px; line-height: 30px; font-family: 'Poppins', sans-serif; font-weight: 500; margin-bottom: 10px; } .woocommerce .related>h2, .woocommerce .up-sells>h2, .woocommerce .cross-sells>h2 { color: #232323; font-size: 24px; line-height: 32px; font-family: 'Poppins', sans-serif; font-weight: 500; text-align: center; margin-bottom: 5rem; } .woocommerce table.shop_attributes { border-top: 0 solid #e8e8e8; } .woocommerce table.shop_attributes th { border-bottom: 1px solid #e8e8e8; border-right: 0; font-weight: 500; font-size: 15px; padding: 10px 15px; color: #232323; width: 150px; } .woocommerce table.shop_attributes td { border-bottom: 1px solid #e8e8e8; border-right: 0; font-style: normal; padding: 10px 15px; font-size: 15px; } .woocommerce table.shop_attributes td p { padding: 0; margin: 0; } .woocommerce table.shop_attributes tr:nth-child(2n) td, .woocommerce table.shop_attributes tr:nth-child(2n) th { background-color: #f7f7f7; } .woocommerce div.product .woocommerce-tabs .panel>h2 { margin-bottom: 7px; display: none; } .woocommerce div.product .woocommerce-tabs .panel ul { padding: 0; list-style: none; } .woocommerce div.product .woocommerce-tabs .panel ul li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; } .woocommerce div.product .woocommerce-tabs .panel ul li:last-child { border-bottom: none } .woocommerce div.product .woocommerce-tabs .panel h2 { margin-bottom: 40px; } .woocommerce .cross-sells { margin-top: 100px; width: 100%; } .woocommerce div.product .woocommerce-tabs .panel .woocommerce-Reviews .woocommerce-noreviews { margin-bottom: 5px; } .woocommerce #reviews #comments ol.commentlist li { padding: 0 0 25px 0; margin: 0 0 30px; position: relative; border-bottom: 1px solid #e8e8e8; } .woocommerce #reviews #comments ol.commentlist li:last-child { border-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 0; width: 65px; height: auto; background: #ebe9eb; border: 0 solid #e4e1e3; margin: 0; box-shadow: none; border-radius: 100%; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 90px; border: 0 solid #e4e1e3; border-radius: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 14px; line-height: 20px; color: #939393; margin-bottom: 15px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author { font-weight: 500; color: #232323; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; margin-bottom: 5px; display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { display: block; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { width: 85%; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description p:last-child { margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { font-size: 12px; margin-top: 0; margin-bottom: 5px; float: right; } .woocommerce #reviews #comments ol.commentlist { margin: 25px 0 15px 0; padding-left: 0; } .woocommerce #review_form #respond .comment-form-author { float: left; width: 49%; } .woocommerce #review_form #respond .comment-form-email { float: right; width: 49%; } .woocommerce #review_form #respond .comment-form-rating, .woocommerce #review_form #respond .comment-form-comment { clear: both; } .woocommerce #review_form #respond input, .woocommerce #review_form #respond textarea { border-radius: 4px; padding: 15px 20px; font-size: 14px; line-height: normal; } .woocommerce #reviews #comment { height: 95px; } .woocommerce #review_form .comment-notes { margin-bottom: 4rem; } .woocommerce #review_form label { margin-bottom: 15px; } .woocommerce #respond input#submit, .woocommerce .woocommerce-product-search input[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-product-search button { outline: none; padding: 8px 21px 8px; text-align: center; margin: 0; background-color: #232323; border: 2px solid #232323; color: #fff; border-radius: 0; font-size: 11px; font-weight: 600; text-transform: uppercase; } .woocommerce #respond input#submit:hover, .woocommerce .woocommerce-product-search input[type="submit"]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-product-search button:hover { background-color: transparent; color: #232323; } .woocommerce-Reviews .comment-reply-title { font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 30px; color: #232323; margin-bottom: 5px; display: block; } .comment-edit-link { margin: 0 0 0 5px; font-size: 13px; } span.required { color: #fb4f58 } .woocommerce #review_form #respond .comment-form-rating .stars a { color: #fd961e; } .woocommerce #review_form #respond textarea { height: 120px; } .woocommerce #review_form #respond .form-submit input { font-size: 12px; padding: 8px 26px; border-radius: 2px; line-height: normal; } .woocommerce #review_form #respond .comment-form-rating label { margin-bottom: 5px; } .woocommerce div.product .related { border-top: 1px solid #e4e4e4; padding: 70px 0 0; } .woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover { opacity: .5; } .woocommerce div.product div.images .flex-control-thumbs li img { opacity: 1; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 40%; } .pswp__caption__center { color: #ffffff; text-align: center; } .pswp__bg { opacity: .7 !important; } .pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: transparent; } .woocommerce-product-gallery__image .zoomImg, .woocommerce-product-gallery__image>a { cursor: crosshair; } .pswp--open .pswp__container { -webkit-transition-duration: 0.6s !important; -o-transition-duration: 0.6s !important; transition-duration: 0.6s !important; } /* cart page */ .woocommerce-cart .woocommerce { padding: 130px 0 130px 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .woocommerce table.shop_table { border: 0 solid rgba(0, 0, 0, .1); margin: 0 0 25px 0; width: 100%; border-radius: 0; border-collapse: collapse; } .woocommerce table.shop_table th { padding: 15px 10px; font-weight: 500; font-family: 'Poppins', sans-serif; color: #232323; border: 0; } .woocommerce table.shop_table td, .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, .woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child { border: 0; border-top: 1px solid #e4e4e4; padding: 25px 10px; font-weight: 400; } .woocommerce table.shop_table td.product-remove { width: 25px; } .woocommerce table.shop_table td.product-thumbnail { width: 110px; } .woocommerce a.remove { font-size: 18px; color: #828282 !important; font-weight: 400; } .woocommerce-cart table.cart td.actions { padding-top: 60px; } .woocommerce a.remove:hover { color: #0038e3 !important; background: transparent; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 75px; } .woocommerce-cart .woocommerce-cart-form { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; padding-right: 70px; } .woocommerce-cart .cart-collaterals { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .woocommerce-cart .cart-collaterals .cart_totals { background-color: #f7f7f7; padding: 50px; width: 100%; } .woocommerce-cart .cart-collaterals .cart_totals h2 { color: #232323; font-size: 18px; line-height: 22px; margin-bottom: 15px; font-family: 'Poppins', sans-serif; font-weight: 500; } .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td { border-top: 1px solid #e4e4e4; padding-top: 20px; padding-bottom: 20px; } .woocommerce-cart .cart-collaterals .cart_totals table th { padding-left: 0; font-weight: 500; color: #232323; min-width: 110px; } .woocommerce-cart .cart-collaterals .cart_totals table td { font-size: 15px; font-weight: 400; padding-right: 0; } .woocommerce-cart .cart-collaterals .cart_totals table td .amount { color: #232323; font-weight: 500; } .woocommerce-cart .cart-collaterals .cart_totals table .order-total td { font-weight: 500; color: #232323; font-size: 1.8rem; line-height: 2.5rem; letter-spacing: -.5px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background: #232323; border: 2px solid #232323; font-weight: 500; color: #fff; font-size: 15px; letter-spacing: 1px; padding: 13px 32px; letter-spacing: 1px; margin: 15px 0 0 0; border-radius: 0; text-transform: uppercase; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: transparent; color: #232323; } #add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout { padding: 0; } #add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table { margin: 0; padding: 0; } #add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small { clear: both; display: block; font-size: 13px; line-height: 22px; color: #757575; } #add_payment_method .cart-collaterals .cart_totals table small .amount, .woocommerce-cart .cart-collaterals .cart_totals table small .amount, .woocommerce-checkout .cart-collaterals .cart_totals table small .amount { color: #757575; font-weight: 400; } .woocommerce ul#shipping_method li { margin: 0 0 14px; } .woocommerce ul#shipping_method li input { margin: 2px 10px 0 0; vertical-align: top; width: auto; } #add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination { font-size: 13px; } .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong { font-weight: 500; } .woocommerce ul#shipping_method li .woocommerce-shipping-calculator { width: 100%; } #add_payment_method .cart-collaterals .shipping-calculator-button, .woocommerce-cart .cart-collaterals .shipping-calculator-button, .woocommerce-checkout .cart-collaterals .shipping-calculator-button { margin-top: 10px; width: 100%; font-size: 13px; text-decoration: underline; } #add_payment_method .cart-collaterals .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping-calculator-button::after { margin-left: 10px; position: relative; top: 1px; } .woocommerce-cart .cart-collaterals .cart_totals table td input { font-size: 13px; padding: 9px 10px; line-height: normal; margin-bottom: 8px; } .woocommerce-cart .woocommerce form p { margin-bottom: 0; } .woocommerce ul#shipping_method .amount { font-weight: 400; color: #828282; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce form.checkout_coupon .button { text-align: center; outline: none; letter-spacing: normal; font-size: 12px; text-transform: uppercase; line-height: 22px; color: #ffffff; border: 2px solid #232323; background-color: #232323; border-radius: 0; width: auto; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 5px 18px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce form.checkout_coupon .button:hover { background-color: transparent; color: #232323; } .woocommerce-cart .cart-collaterals .shipping-calculator-form { width: 160px; } .woocommerce-cart .cart-collaterals .shipping-calculator-form button.button { font-size: 11px; width: 100%; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text { width: 170px; } #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 { border: 1px dashed #dfdfdf; padding: 10px 130px 8px 45px; margin: 0; width: 100%; } .woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon { width: 50%; position: relative; float: left } .woocommerce #content table.cart td.actions .coupon button.button, .woocommerce table.cart td.actions .coupon button.button, .woocommerce-page #content table.cart td.actions .coupon button.button, .woocommerce-page table.cart td.actions .coupon button.button { position: absolute; right: 0; background-color: transparent; border: 0; color: #232323; padding: 10px 20px; } .woocommerce #content table.cart td.actions .coupon:before, .woocommerce table.cart td.actions .coupon:before, .woocommerce-page #content table.cart td.actions .coupon:before, .woocommerce-page table.cart td.actions .coupon:before { content: "\e8bf"; font-family: feather; position: absolute; left: 20px; z-index: 2; line-height: 42px; } .woocommerce-cart .woocommerce-cart-form .actions button.button, .woocommerce-cart .woocommerce-cart-form .actions button.button:disabled[disabled]:hover { font-size: 11px; letter-spacing: .5px; padding: 8px 24px; background: 0 0; border-color: #dbdbdb; color: #232323; } .woocommerce-cart .woocommerce-cart-form .actions button.button:disabled[disabled], .woocommerce-cart .woocommerce-cart-form table.cart td.actions .button { padding: 8px 24px; width: auto; display: inline-block; } .woocommerce-cart .woocommerce-cart-form .actions button.button:hover { background-color: #232323; color: #fff; border-color: #232323; } .woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions { padding-left: 0; padding-right: 0; } .woocommerce-notices-wrapper { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .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] { padding: 5px 18px; } .woocommerce-cart .woocommerce ul#shipping_method li label { font-size: 14px; } .woocommerce-cart .cart-collaterals .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__rendered { font-size: 13px; } .woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0px; right: 4px; } .woocommerce-cart .select2-container--default .select2-search--dropdown .select2-search__field { padding: 8px 10px; } .woocommerce-cart .select2-results__option { font-size: 13px; padding: 10px 10px; } .woocommerce-cart .select2-container--default .select2-selection--single { margin: 0; } .woocommerce-cart .select2-container { margin-bottom: 8px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce form.checkout_coupon .button { float: none; margin-right: 0; margin-top: 10px; clear: both; width: 100%; padding: 10px 26px; } .woocommerce form.checkout_coupon .button { margin-top: 0; } .woocommerce form.login .lost_password { text-align: right; } .woocommerce form.login .lost_password a { color: #232323; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 7px 0 2px; position: relative; text-decoration: none; border: 0; border-bottom: 2px solid; background-color: transparent; font-size: 12px; text-transform: uppercase; } .woocommerce form.login a:hover { opacity: .7; } .woocommerce-error li, .woocommerce-info li, .woocommerce-message li { display: inline-block; } .woocommerce form.checkout_coupon .form-row { width: 100%; } .woocommerce form .form-row { padding: 0; margin: 0 0 25px; outline: none; display: block; } .woocommerce form.lost_reset_password, .woocommerce form.lost_reset_password { width: 50%; margin: 0 auto; padding: 5% 5% 6% 5%; border: 1px solid #e4e4e4; } .woocommerce form.lost_reset_password .woocommerce-form-row, .woocommerce form.lost_reset_password .woocommerce-form-row { width: 100%; } .woocommerce form.lost_reset_password .woocommerce-form-row:last-of-type, .woocommerce form.lost_reset_password .woocommerce-form-row:last-of-type { margin-bottom: 0; } .woocommerce form.lost_reset_password .woocommerce-form-row .button.button, .woocommerce form.lost_reset_password .woocommerce-form-row .button.button { width: 100%; } /* checkout page */ .select2-container--default .select2-selection--single { border: 1px solid #dfdfdf; padding: 9px 10px; width: 100%; margin: 0 0 8px; text-align: left; max-width: 100%; font-weight: 400; color: #232323; height: auto; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #A6A7A9; line-height: normal; padding: 0; font-size: 14px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px; outline: none; top: 6px; right: 10px; } .woocommerce form .form-row .select2-container, .woocommerce form .form-row .select2-container .selection, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--single .select2-selection__arrow b { outline: none; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #dfdfdf; line-height: normal; padding: 10px 15px; margin: 0; } .select2-dropdown { border: 1px solid #dfdfdf; border-radius: 0; font-size: 14px; line-height: normal; } .select2-results__option { font-size: 14px; padding: 10px 15px; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] { background-color: #f7f7f7; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] { background-color: #f7f7f7; color: #828282; } .select2-container--default .select2-selection--single .select2-selection__arrow b { background: url(assets/images/select-arrow.png) no-repeat 97% 50%; border: 0; height: 16px; left: 50%; margin-left: -8px; margin-top: -8px; position: absolute; top: 50%; width: 16px; } .woocommerce-NoticeGroup { margin-bottom: 70px; } .woocommerce-NoticeGroup .woocommerce-error li { display: inherit; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { margin-bottom: 40px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0; } #add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address { float: none; } #add_payment_method .checkout .col-2 h3#ship-to-different-address label, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address label, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label { padding: 0; margin: 0; } .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address label input[type=checkbox] { position: relative; margin: 3px 10px 0 0; left: 0; float: left; width: auto; } .woocommerce-checkout .woocommerce form .form-row .select2-container--default .select2-selection--single { padding: 13px 15px 14px; margin-bottom: 0; } .woocommerce-checkout .woocommerce form .form-row input.input-text, .woocommerce-checkout .woocommerce form .form-row textarea { line-height: 26px; } .woocommerce-checkout .woocommerce form .form-row textarea { height: 120px; } .woocommerce form .form-row label { margin-bottom: 15px; } form.woocommerce-checkout { padding-top: 130px; display: table; width: 100%; } .woocommerce form .form-row .input-checkbox { width: auto; margin: -6px 5px 0 0 } .woocommerce .col2-set, .woocommerce-page .col2-set { margin-bottom: 70px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table td { padding: 20px 0; vertical-align: top; width: 50%; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table td .product-quantity { font-weight: 400; } .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 #e4e4e4; } .woocommerce-checkout .woocommerce ul#shipping_method li label { font-weight: 400; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .amount { color: #232323; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total .amount { font-weight: 500; font-size: 1.8rem; line-height: 2.5rem; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total .includes_tax { display: block; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot .order-total .includes_tax .amount { color: #828282; font-size: 13px; line-height: 22px; font-weight: 400; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 1em 0; } .woocommerce-checkout #payment ul.payment_methods input[type=radio] { width: auto; margin: 0 10px 0 0; position: relative; top: 1px; } .woocommerce-checkout #payment ul.payment_methods li { margin-bottom: 1px; } .woocommerce-checkout .checkout-content-right #payment ul.payment_methods li { margin-bottom: 13px; line-height: normal; } .woocommerce-checkout .checkout-content-right #payment ul.payment_methods li:last-child { margin-bottom: 0; } .woocommerce-checkout .checkout-content-right #payment ul.payment_methods li.payment_method_paypal label { display: -webkit-inline-box; } .woocommerce-checkout .checkout-content-right #payment ul.payment_methods li.woocommerce-info::before { top: 17px; } #add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img { margin: -2px 10px 0; width: 75px; } #add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal { font-size: 15px; text-decoration: underline; line-height: normal; margin-top: 6px; } #add_payment_method #payment .payment_method_paypal .about_paypal:hover, .woocommerce-cart #payment .payment_method_paypal .about_paypal:hover, .woocommerce-checkout #payment .payment_method_paypal .about_paypal:hover { text-decoration: none; } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { margin: 20px 0; color: #828282; font-size: 13px; line-height: 22px; background-color: #f7f7f7; padding: 30px; border-radius: 0; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 1em 0 0; margin-bottom: 0; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { margin: 0; font-size: 15px; letter-spacing: 1px; padding: 18px 38px; width: 100%; } .woocommerce form .form-row label.checkbox .woocommerce-terms-and-conditions-link, .woocommerce-page form .form-row label.checkbox .woocommerce-terms-and-conditions-link { text-decoration: underline; } .woocommerce form .form-row label.checkbox .woocommerce-terms-and-conditions-link:hover, .woocommerce-page form .form-row label.checkbox .woocommerce-terms-and-conditions-link:hover { text-decoration: none; } .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p, .woocommerce form .checkout-content-right .form-row label.checkbox, .woocommerce-page form .checkout-content-right .form-row label.checkbox { font-size: 13px; line-height: 22px; } .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p a { text-decoration: underline; } .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p a:hover { text-decoration: none; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 0 solid #d3ced2; padding: 0; margin: 0 auto 4.5rem; border-radius: 0; width: 40%; } .woocommerce form.checkout_coupon { margin-bottom: 0; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { display: block; } .woocommerce form .form-row textarea { height: 7em; } .woocommerce-page h3, .woocommerce-checkout .woocommerce h3 { font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 22px; letter-spacing: normal; color: #232323; font-weight: 500; margin-bottom: 30px; padding-bottom: 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background-color: transparent; border-radius: 0; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { display: none; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 40px 0 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .08); padding: 40px; border-radius: 0; border: 0; } .checkout-content-left { float: left; width: 59%; padding-right: 70px; } .checkout-content-right { float: right; width: 41%; background-color: #f7f7f7; padding: 45px; } .checkout-content-right table.shop_table { overflow: hidden } .woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content { flex-basis: unset; text-align: left; font-size: 15px; } .woocommerce .wc-block-components-notice-banner.is-info { width: 100%; display: flex; justify-content: center; align-items: center; gap: 0; } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info, .woocommerce .woocommerce-form-login-toggle .woocommerce-info, .woocommerce .wc-block-components-notice-banner.is-info { padding: 0 !important; background-color: transparent; border: 0; border-radius: 0; text-align: center; color: #232323; margin: 0; font-weight: 400; } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a, .woocommerce .woocommerce-form-login-toggle .woocommerce-info a, .woocommerce .wc-block-components-notice-banner.is-info a { color: #232323; text-decoration: underline; } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a:hover, .woocommerce .woocommerce-form-login-toggle .woocommerce-info a:hover, .woocommerce .wc-block-components-notice-banner.is-info a:hover { text-decoration: none; color: #0038e3; } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before, .woocommerce .woocommerce-form-login-toggle .woocommerce-info::before, .woocommerce .wc-block-components-notice-banner.is-info::before { color: #0038e3; margin-top: 1px; position: relative; left: inherit; top: 1px; margin-right: 5px; font-family: feather !important; font-weight: 400; content: "\e8e9"; } .woocommerce .wc-block-components-notice-banner.is-info::before { font-size: 16px; top: 0; margin-right: 9px; } .woocommerce .wc-block-components-notice-banner.is-info svg { display: none; } .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info::before, .woocommerce .woocommerce-form-coupon-toggle .wc-block-components-notice-banner.is-info::before { content: "\e8bf"; } .woocommerce .woocommerce-form-coupon-toggle { margin-top: 15px; } .woocommerce-page h3#order_review_heading { border-bottom: 0; margin-bottom: 15px; } .woocommerce-checkout .woocommerce form.login p:first-child, .woocommerce-checkout .woocommerce form.checkout_coupon p:first-child { margin-top: 4.5rem; } .woocommerce-terms-and-conditions-wrapper .woocommerce-invalid #terms { margin-left: 6px; } .woocommerce .woocommerce-checkout .col2-set, .woocommerce-page .woocommerce-checkout .col2-set { margin-bottom: 0; padding-left: 0; padding-right: 0; } .woocommerce-checkout .checkout.woocommerce-checkout .col-1 { margin-bottom: 0; } .woocommerce-checkout .checkout.woocommerce-checkout .col-2 .woocommerce-shipping-fields h3 { font-size: 15px; line-height: 22px; color: #828282; font-family: roboto, sans-serif; font-weight: 400; } body.woocommerce-checkout .litho_layout_no_sidebar_single { padding-top: 130px; padding-bottom: 130px; } .form-row.form-row-wide.create-account.woocommerce-validated { margin-bottom: 10px; } .woocommerce .checkout-content-right .woocommerce-checkout-payment { position: relative; } .woocommerce .checkout-content-right .blockUI.blockOverlay { position: absolute !important; left: -30px !important; top: -30px !important; width: calc(100% + 60px) !important; height: calc(100% + 60px) !important; } .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner.is-info { background-color: #4278bb; padding: 13px 30px 12px 45px !important; margin: 2em 0; outline: none; position: relative; color: #fff; border-top: 0; border-radius: 0; list-style: none outside; width: auto; word-wrap: break-word; line-height: 24px; justify-content: start; } .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward, .woocommerce.single-product .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward { color: #ffffff !important; border: 2px solid #232323; background-color: #232323 !important; opacity: 1; text-decoration: none; margin-left: 10px; margin-right: -10px; font-size: 10px; padding: 0 10px !important; line-height: 19px; text-transform: uppercase; float: right; } .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover, .woocommerce.single-product .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover { background-color: #fff !important; border-color: #fff; color: #232323 !important; } .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner>.wc-block-components-notice-banner__content, .woocommerce.single-product .wc-block-components-notice-banner>.wc-block-components-notice-banner__content { flex-basis: 100%; } /* order conformation page */ .woocommerce ul.order_details { margin: 0 0 3em; list-style: none; padding: 0; } .woocommerce ul.order_details li { margin-right: 4em; font-size: 11px; border-right: 1px dashed #e4e4e4; padding-right: 4em; list-style-type: none; margin-bottom: 3rem } .woocommerce ul.order_details li strong { font-weight: 400; color: #232323; font-size: 14px; padding-top: 5px; } .woocommerce-thankyou-order-received { color: #232323; margin-bottom: 40px; font-size: 22px; } .woocommerce-order-details .woocommerce-order-details__title { font-weight: 500; color: #232323; font-size: 18px; line-height: 22px; font-family: 'Poppins', sans-serif; margin-bottom: 10px; padding-bottom: 0; } .woocommerce .woocommerce-order .woocommerce-order-details { margin-bottom: 0; } .woocommerce .woocommerce-order-details table.shop_table.order_details tfoot td { color: #232323; font-weight: 400; } .woocommerce table.shop_table.order_details td, .woocommerce table.shop_table.order_details th { padding: 15px 10px 15px 0; } .woocommerce .woocommerce-order .woocommerce-customer-details { margin-top: 80px; } .woocommerce .woocommerce-order .woocommerce-customer-details h2 { font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 22px; letter-spacing: normal; color: #232323; font-weight: 500; margin-bottom: 30px; padding-bottom: 0; } .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--phone, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email { position: relative; } .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--phone::before, .woocommerce .woocommerce-order .woocommerce-customer-details .woocommerce-customer-details--email::before { top: -2px; } .woocommerce .woocommerce-thankyou-order-details.order_details.order_details { margin-bottom: 5em; } .woocommerce-checkout.woocommerce-order-received .woocommerce-order .woocommerce-order-details .woocommerce-table--order-details tfoot tr th { padding-left: 53% !important; width: 75%; } /* wocommerce error */ .woocommerce-message, .woocommerce-error, .woocommerce-info, .woocommerce-warning, .woocommerce .wc-block-components-notice-banner.is-success, .woocommerce .wc-block-components-notice-banner.is-error, .woocommerce-checkout .checkout-content-right .wc-block-components-notice-banner.is-info { padding: 13px 30px 12px 45px !important; margin: 2em 0; outline: none; position: relative; background-color: #54b783; color: #fff; border-top: 0; border-radius: 0; list-style: none outside; width: auto; word-wrap: break-word; line-height: 24px; } .woocommerce .wc-block-components-notice-banner.is-success { font-size: 15px; } .woocommerce .wc-block-components-notice-banner.is-success>svg { border: 1px #fff solid; background-color: #54b783; } .woocommerce-message a, .woocommerce-error a, .woocommerce-info a, .woocommerce-warning a { color: #fff; text-shadow: 0 0 0 #fff; filter: alpha(opacity=100); opacity: 1; } .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-warning .button { margin-left: 10px; margin-right: -10px; font-size: 10px; padding: 0 10px; line-height: 19px; text-transform: uppercase; float: right; } .woocommerce .woocommerce-message .button:hover, .woocommerce .woocommerce-error .button:hover, .woocommerce .woocommerce-info .button:hover, .woocommerce .woocommerce-warning .button:hover { color: #232323; background-color: #fff; border-color: #fff; } .woocommerce-message strong, .woocommerce-error strong, .woocommerce-info strong, .woocommerce-warning strong { font-weight: 500; } .woocommerce-error, .woocommerce .wc-block-components-notice-banner.is-error { background-color: #e65656; } .woocommerce-info, .woocommerce-checkout .checkout-content-right .wc-block-components-notice-banner.is-info { background-color: #4278bb } .woocommerce-warning { background-color: #e2ad4b; } .woocommerce-message .close, .woocommerce-error .close, .woocommerce-info .close, .woocommerce-warning .close { right: -10px; font-weight: 100; color: #fff; } .woocommerce-message::before, .woocommerce-error::before, .woocommerce-info::before, .woocommerce-warning::before, .woocommerce .wc-block-components-notice-banner.is-success::before, .woocommerce .wc-block-components-notice-banner.is-error::before, .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner.is-info::before, .woocommerce-checkout .checkout-content-right .wc-block-components-notice-banner.is-info::before{ font-family: 'Simple-Line-Icons'; display: inline-block; position: absolute; top: 12px; left: 20px; font-size: 16px; } .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner.is-info::before, .woocommerce-checkout .checkout-content-right .wc-block-components-notice-banner.is-info::before{ font-family: 'Simple-Line-Icons' !important; } .woocommerce .wc-block-components-notice-banner.is-error::before { top: 13px; } .woocommerce .wc-block-components-notice-banner>svg { display: none; } .woocommerce-message::before, .woocommerce .wc-block-components-notice-banner.is-success::before { color: #fff; content: "\e080"; } .woocommerce-error::before, .woocommerce .wc-block-components-notice-banner.is-error::before { color: #fff; content: "\e082"; } .woocommerce-info::before, .woocommerce .woocommerce-MyAccount-content .wc-block-components-notice-banner.is-info::before, .woocommerce-checkout .checkout-content-right .wc-block-components-notice-banner.is-info::before { color: #fff; content: "\e08b"; } .woocommerce-warning::before { color: #fff; content: "\e07c"; } .woocommerce-checkout .checkout-content-right .wc-block-components-notice-banner.is-info .wc-block-components-notice-banner__content { font-weight: 500; } .woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .restore-item{ color: #fff; } /* woocommerce account */ .woocommerce-account .litho-my-account-full .woocommerce { padding-top: 0; padding-bottom: 0; } .woocommerce-account .woocommerce { padding: 130px 0; } .woocommerce-account .woocommerce h2 { font-weight: 500; color: #232323; font-family: 'Poppins', sans-serif; font-size: 18px; line-height: 30px; margin-bottom: 25px; } .woocommerce-account .woocommerce form.login { padding: 4rem; background-color: #f7f7f7; width: 100%; margin: 0; } .woocommerce-account .woocommerce form.login .lost_password { margin-bottom: 0 } .woocommerce-account .woocommerce form.register { width: 100%; border: 1px solid #e4e4e4; padding: 4rem; width: 100%; margin: 0; } .woocommerce-account .woocommerce form.register>p:last-of-type { margin-bottom: 0; } .woocommerce-account .woocommerce form.login .button, .woocommerce-account .woocommerce form.register .button { padding: 10px 26px; width: 100%; letter-spacing: 1px; } .woocommerce-account .woocommerce form .form-row input.input-text, .woocommerce-account .woocommerce form .form-row textarea { width: 100%; line-height: 26px; } .woocommerce-account .woocommerce form.register .woocommerce-privacy-policy-text { font-size: 13px; line-height: 22px; } .woocommerce-account .woocommerce form.register .woocommerce-privacy-policy-text a { text-decoration: underline; } .woocommerce-account .woocommerce form.register .woocommerce-privacy-policy-text a:hover { text-decoration: none; } .woocommerce-account .woocommerce-notices-wrapper { margin-bottom: 5rem; } .woocommerce-account .woocommerce-notices-wrapper:empty { display: none; } .woocommerce-account .woocommerce .col2-set, .woocommerce-account .woocommerce-page .col2-set { margin-bottom: 0; padding: 0 5%; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .col2-set, .woocommerce-account .woocommerce-page .woocommerce-MyAccount-content .col2-set { padding: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content header.title { float: none } .woocommerce-account .woocommerce .woocommerce-MyAccount-content address { line-height: 30px; margin-bottom: 1rem; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content table th, .woocommerce-account .woocommerce .woocommerce-MyAccount-content table td, .woocommerce-account .woocommerce .woocommerce-MyAccount-content table.shop_table_responsive tbody tr:first-child td:first-child { padding-left: 0; } .woocommerce-account .woocommerce .col-1 { width: 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; } .woocommerce-account .woocommerce .col-2 { width: 45%; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; margin-left: 8%; } .woocommerce-account .woocommerce form.register .form-row, .woocommerce-account .woocommerce form.login .form-row { margin-bottom: 20px; } .woocommerce .woocommerce-MyAccount-navigation { margin: 0; background-color: #f7f7f7; padding: 40px; } .woocommerce .woocommerce-MyAccount-navigation ul { padding: 0; margin: 0; list-style: none; } .woocommerce .woocommerce-MyAccount-navigation ul li { border-bottom: 1px solid #e4e4e4; padding-bottom: 12px; padding-top: 10px; width: 100%; } .woocommerce .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: 0; } .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #232323; } .woocommerce-MyAccount-content a { text-decoration: underline; color: #232323; } .woocommerce-MyAccount-content a:hover { text-decoration: none; } .woocommerce table.my_account_orders .button { padding: 3px 20px 2px; font-size: 10px; margin: 2px; } .woocommerce table.my_account_orders { font-size: 15px; line-height: 30px; } .woocommerce .woocommerce-MyAccount-content { padding-left: 50px; } .woocommerce .both-content-center .woocommerce-MyAccount-content { padding-left: 19px; } .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 50px; } .woocommerce .woocommerce-customer-details { margin-bottom: 0; } .woocommerce-order .woocommerce-customer-details .woocommerce-column.woocommerce-column--1.woocommerce-column--billing-address.col-1, .woocommerce-order .woocommerce-customer-details .woocommerce-column.woocommerce-column--2.woocommerce-column--shipping-address.col-2 { width: 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 0; float: left; padding: 0 15px; } .woocommerce .woocommerce-order .woocommerce-customer-details .col2-set { margin-left: -15px; margin-right: -15px; width: inherit; display: block; } .woocommerce .woocommerce-customer-details address { border: 0; border-radius: 0; padding: 0; margin-bottom: 1rem; } .woocommerce address { line-height: 24px; margin-bottom: 1rem; } .woocommerce-password-strength { font-size: 13px; color: #232323; } .woocommerce-page form .form-row textarea { height: 5em; } .woocommerce-page header.title h3 { margin-bottom: 0; border-bottom: 0 solid #e4e4e4; padding-bottom: 0; } .woocommerce-page header.title { margin-bottom: 0; border-bottom: 0 solid #e4e4e4; padding-bottom: 15px; float: left; } .woocommerce-account .addresses .title .edit { margin-top: 1px; font-size: 12px; } .woocommerce-page legend { font-family: 'Poppins', sans-serif; margin-bottom: 20px; border-bottom: 0 solid #e4e4e4; padding-bottom: 0; color: #232323; font-size: 18px; line-height: 28px; font-weight: 500; } .woocommerce-page fieldset { margin-top: 30px; margin-bottom: 15px; } .woocommerce-page mark.order-number, .woocommerce-page mark.order-date, .woocommerce-page mark.order-status { padding: 0; background-color: transparent; } .woocommerce-address-fields .woocommerce-address-fields__field-wrapper { margin-bottom: 15px; width: 100%; float: left; } .woocommerce-address-fields>p { clear: both } .woocommerce-page .col2-set form.login input.button, .woocommerce-page .col2-set form.register input.button { padding: 8px 21px 7px; } .woocommerce-account .woocommerce-MyAccount-content .select2-container--default .select2-selection--single { padding: 14px 10px 13px 10px; } .woocommerce-account .woocommerce-MyAccount-content .form-row em { font-size: 13px; line-height: normal; padding-top: 5px; display: block; } .woocommerce-account .woocommerce-MyAccount-content .col-2 { margin-left: 0; float: right; } .woocommerce .woocommerce-MyAccount-content table.order_details .download-file .button { padding: 6px 13px; font-size: 11px; letter-spacing: normal; line-height: normal; margin: 0; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone { margin-top: 10px; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email { position: relative; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before { content: "\e8a5"; font-family: 'feather' !important; } .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before { content: "\e88a"; font-family: 'feather' !important; top: 2px; } .woocommerce .woocommerce-MyAccount-content table.order_details tfoot td { color: #232323; } .woocommerce .woocommerce-MyAccount-content table.order_details tfoot td .includes_tax { color: #828282; display: block; } .woocommerce .woocommerce-order { padding-left: 15px; padding-right: 15px; } /* search results page */ .search-results .litho_layout_no_sidebar_single, .search-no-results .litho_layout_no_sidebar_single { padding-top: 130px; padding-bottom: 130px; } .search-results .litho_layout_no_sidebar_single.container-fluid, .search-no-resultscontainer-fluid .litho_layout_no_sidebar_single { background-color: #f7f7f7; } .search-results .litho_layout_no_sidebar_single .litho-blog-sidebar, .search-results .litho_layout_no_sidebar_single .litho-layout-right-sidebar, .search-results .litho_layout_no_sidebar_single .litho-layout-left-sidebar, .search-no-results .litho_layout_no_sidebar_single .litho-blog-sidebar, .search-no-results .litho_layout_no_sidebar_single .litho-layout-right-sidebar, .search-no-results .litho_layout_no_sidebar_single .litho-layout-left-sidebar { padding-top: 0; padding-bottom: 0; } /* pagination */ .litho-pagination { margin-top: 5rem; } .litho-pagination .page-numbers { display: inline-block; list-style: none; padding: 0; margin: 0 auto; letter-spacing: initial; } .litho-pagination .page-numbers li { display: inline-block; } .litho-pagination .page-numbers li, .litho-pagination .page-numbers li .page-numbers { font-weight: 500; font-size: 13px; line-height: 22px; margin: 0 10px; } .litho-pagination .page-numbers li .page-numbers i { margin: 0 5px 2px; font-size: 18px; vertical-align: middle; } .litho-pagination .page-numbers li .page-numbers, .page-links .inner-page-links .post-page-numbers { color: #828282; line-height: 40px; border: 0; padding: 0 5px; margin: 0; background-color: transparent; min-width: 40px; min-height: 40px; text-align: center; border-radius: 100%; position: relative; display: block; } .page-links .inner-page-links .pagination-title { margin-right: 10px; } .page-links .inner-page-links .post-page-numbers { display: inline-block; margin: 0 5px; } .litho-pagination .page-numbers li .page-numbers:hover, .litho-pagination .page-numbers li .page-numbers.current, .page-links .inner-page-links .post-page-numbers:hover, .page-links .inner-page-links .post-page-numbers.current { background-color: #fff; color: #232323; -webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .15); box-shadow: 0 0 10px rgba(23, 23, 23, .15); } .litho-pagination .page-numbers li .dots:hover, .litho-pagination .page-numbers li .prev:hover, .litho-pagination .page-numbers li .next:hover { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .litho-portfolio-load-more a { display: none !important; } .blog-pagination { margin-top: 7rem; float: left; width: calc(100% - 30px); border-top: 1px solid rgba(35, 35, 35, 0.1); padding: 20px 0 0 0; margin-left: 15px; font-size: 14px; font-weight: 500; } .blog-pagination .old-post a:hover, .blog-pagination .new-post a:hover { color: #232323; } .blog-pagination .old-post { float: right; } .blog-pagination .new-post { float: left; } .blog-pagination .old-post i { margin-left: 5px; } .blog-pagination .new-post i { margin-right: 5px; } .blog-infinite-scroll-pagination { border: 0; } /* =================================== 18. Elements ====================================== */ .feature-box .content { color: #828282; } /* testimonials style 1 */ .testimonials-style-1 * { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .testimonials-style-1 { padding: 3.5rem 0 3.5rem 3.5rem; background-color: #f7f7f7; position: relative; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .testimonials-style-1 .testimonials-rounded-icon svg, .testimonials-style-1 .testimonials-quotes { font-size: 50px; color: #0038e3; fill: #0038e3; position: absolute; top: 0; z-index: 1; -ms-transform: translateY(-50%) rotateY(0deg) rotateX(0deg); -moz-transform: translateY(-50%) rotateY(0deg) rotateX(0deg); -webkit-transform: translateY(-50%) rotateY(0deg) rotateX(0deg); transform: translateY(-50%) rotateY(0deg) rotateX(0deg); } .testimonials-style-1:hover .testimonials-rounded-icon svg, .testimonials-style-1:hover .testimonials-quotes { -ms-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg); -moz-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg); -webkit-transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg); transform: translateY(-50%) rotateY(-180deg) rotateX(-180deg); } .testimonials-style-1 .testimonials-rounded-icon svg { width: 30px; } .testimonials-style-1 .testimonial-content { line-height: 28px; font-size: 16px; width: 75%; display: block; } .testimonials-style-1 .separator-line { background-color: #e4e4e4; width: 100%; margin-top: 35px; margin-bottom: 35px; } .testimonials-style-1 .author { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonials-style-1 .author img { border-radius: 50%; margin-right: 20px; width: 60px; } .testimonials-style-1 .author .author-main { display: inline-block; width: 67%; } .testimonials-style-1 .testimonial-name { font-size: 14px; line-height: 26px; font-weight: 500; color: #232323; display: block; } .testimonials-style-1 .testimonial-position { font-size: 13px; line-height: 22px; display: block; } .testimonials-style-1:hover { box-shadow: 0 0 15px rgba(0, 0, 0, .07); background-color: #fff } .testimonials-style-1:hover .testimonials-bubble, .testimonials-style-1:hover .testimonial-content { color: #0039CC; } /* testimonials style 2 */ .testimonials-style-2 { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; will-change: transform; } .testimonials-style-2 .testimonial-wrap { height: 100%; width: 100%; overflow: hidden; background-color: #fff; border-radius: 5px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; will-change: transform; } .testimonials-style-2:hover .testimonial-wrap { box-shadow: 0 0 20px rgba(0, 0, 0, .07); } .testimonials-style-2 .testimonials-content-wrap { position: relative; padding: 3.5rem; } .testimonials-style-2 .testimonials-rounded-icon { height: 75px; width: 75px; line-height: 71px; overflow: hidden; box-shadow: 0 0 25px rgba(0, 0, 0, .05); position: absolute; top: 0; left: 50%; border-radius: 50%; text-align: center; background-color: #fff; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transition: all 0.3s ease-in-out; } .testimonials-style-2 .testimonials-rounded-icon i { line-height: inherit; font-size: 28px; color: #0056b3; } .testimonials-style-2 .testimonials-rounded-icon svg { fill: #0056b3; width: 20px; } .testimonials-style-2:hover .testimonials-rounded-icon { transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); } .testimonials-style-2 .testimonial-content { margin-bottom: 25px; display: inline-block; } .testimonials-style-2 .testimonial-name { color: #232323; display: block; } .testimonials-style-2 .testimonial-position { font-size: 13px; line-height: 22px; display: block; } /* testimonials style 4 */ .testimonials-style-4 .testimonial-content { background-color: #fff; border: 1px solid #ededed; margin-bottom: 35px; padding: 30px 40px; border-radius: 5px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .08); box-shadow: 0 0 20px rgba(0, 0, 0, .08); position: relative; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .testimonials-style-4 .testimonial-content:before, .testimonials-style-4 .testimonial-content:after { top: 100%; left: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .testimonials-style-4 .testimonial-content:before { border-color: rgba(237, 237, 237, 0); border-top-color: #ededed; border-width: 18px 18px 0 0; } .testimonials-style-4 .testimonial-content:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ffffff; border-width: 14px 13px 0 0; margin-left: 2px; } .testimonials-style-4 .testimonial-content:hover { -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08); box-shadow: 0 0 25px rgba(0, 0, 0, .08); } .testimonials-style-4 .testimonials-author-box { padding-left: 20px; padding-right: 20px; } .testimonials-style-4 .testimonials-author-box .testimonials-image-box { display: inline-block; } .testimonials-style-4 .testimonials-author-box img { width: 60px; border-radius: 50px; margin-right: 15px; } .testimonials-style-4 .testimonials-author-details { display: inline-block; vertical-align: middle; position: relative; top: 2px; } .testimonials-style-4 .testimonials-author-details .testimonial-name { font-size: 14px; line-height: 24px; color: #232323; display: block; } .testimonials-style-4 .testimonials-author-details .testimonial-position { font-size: 13px; line-height: 22px; display: block; } .testimonials-style-4 .testimonials-rounded-icon { line-height: normal; } .testimonials-style-4 .testimonials-rounded-icon i { color: #fd961e; font-size: 11px; letter-spacing: 2px; } .testimonials-style-4 .testimonials-rounded-icon svg { fill: #fd961e; width: 12px; margin-right: 1px; display: inline-block; } .testimonials-style-3 .testimonials-rounded-icon svg { fill: #fd961e; width: 13px; margin: 0px 2px 3px 0px; display: inline-block; } /* list style */ .elementor-widget-litho-lists .list-item .elementor-icon-list-icon { display: inherit; } .elementor-widget-litho-lists .elementor-icon-list-items li { color: #232323; list-style: none; margin-bottom: 10px; padding-bottom: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .elementor-widget-litho-lists .elementor-icon-list-items:not(.elementor-inline-items) li:last-child { border: 0 !important; padding-bottom: 0; margin-bottom: 0; } .elementor-widget-litho-lists .elementor-icon-list-items li i { line-height: 30px; color: #0038E3; font-size: 18px; } .elementor-widget-litho-lists .elementor-icon-list-items li.svg-icon .elementor-icon-list-icon { line-height: 26px; display: inline-block; } .elementor-widget-litho-lists .elementor-icon-list-items li svg { fill: #0038E3; } .li-bullet { margin-left: 10px; margin-right: 10px; } .elementor-widget-litho-lists .elementor-icon-list-items li:last-child { border: 0 !important; } /* charts */ .pie-charts .chart-canvas { display: inline-block; } .pie-charts .chart-canvas-inner { display: inline-block; } .chart { text-align: center; position: relative; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .chart .percent { letter-spacing: -1px; color: #232323; font-size: 30px; line-height: 32px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .chart-text .chart-title { font-size: 13px; line-height: 22px; display: block; color: #232323; margin-top: -10px; } .chart-text .vertical-separator { background-color: rgba(35, 35, 35, .5); height: 40px; top: -30px; position: relative; display: table; margin-left: auto; margin-right: auto; margin-bottom: 10px; } /* newsletter style 1 */ .newsletter-style-1 { position: relative; } .newsletter-style-1 input { padding: 8px 60px 7px 15px; font-size: 11px; background-color: #f7f7f7; border: 1px solid #dfdfdf; max-width: 100%; resize: none; outline: none; width: 100%; border-radius: 5px; line-height: 24px; min-height: 44px; margin-bottom: 0; } .newsletter-style-1 input[type="text"] { display: none; } .newsletter-style-1 input:focus { border-color: #989898; } .newsletter-style-1 .btn { position: absolute; line-height: 18px; top: 0; right: 0; bottom: 0; border: 0; padding: 0 16px; margin: 0; background-color: transparent; color: #232323; border-left: 1px solid #b0b0b0; font-size: 13px; min-height: 44px; } .newsletter-style-1 .btn span { display: none; } /* newsletter style 5 */ .newsletter-style-5 { position: relative; } .newsletter-style-5 input { padding: 10px 135px 10px 20px; font-size: 13px; background-color: #f7f7f7; border: 1px solid #dfdfdf; max-width: 100%; resize: none; outline: none; width: 100%; border-radius: 5px; line-height: 24px; min-height: 50px; margin-bottom: 0; } .newsletter-style-5 input[type="text"] { display: none; } .newsletter-style-5 input:focus { border-color: #989898; } .newsletter-style-5 .btn { position: absolute; line-height: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; border: 0; padding: 0 20px; margin: 0; background-color: transparent; color: #232323; border-left: 1px solid #b0b0b0; font-size: 12px; } .newsletter-style-5 .btn i { margin-right: 8px; top: 1px; font-size: 14px; position: relative; } /* newsletter style 6 */ .newsletter-style-6 input { margin-bottom: 20px; border-radius: 4px; padding: 10px 20px; font-size: 14px; background-color: #f7f7f7; border: 0; color: #828282; } .newsletter-style-6 button.btn { background: #ff7a56; color: #ffffff; font-size: 13px; padding: 12px 32px; display: block; border: 2px solid #ff7a56; width: 100%; outline: none; } .newsletter-style-6 button.btn i { margin-right: 7px; font-size: 15px; position: relative; top: 1px; } .newsletter-style-6 button.btn:hover { background-color: transparent; color: #ff7a56; } .newsletter-style-6 form .mc4wp-response { position: relative; } /* newsletter style 7 */ .newsletter-style-7 input { margin: 0 25px 0 0; border-radius: 4px; padding: 13px 20px; font-size: 14px; background-color: #f7f7f7; border: 0; color: #828282; width: 65%; display: inline-block; } .newsletter-style-7 input[type="text"] { display: none; } .newsletter-style-7 button.btn { background: #232323; color: #ffffff; font-size: 14px; padding: 15px 40px 16px 40px; display: inline-block; border: 2px solid #232323; width: auto; vertical-align: top; } .newsletter-style-7 button.btn i { margin-right: 7px; font-size: 16px; position: relative; top: 1px; } .newsletter-style-7 button.btn:hover { background-color: transparent; color: #232323; border-color: #232323; } /* alert message */ .alert { margin-bottom: 25px; } .btn-close:focus { box-shadow: none; } .alert-dismissible .btn-close { padding: 0 1rem; height: 100%; font-size: 10px; } .message-box-style-2 { padding: 15px 25px; box-shadow: 0 0 30px rgba(0, 0, 0, .08); } /* tab */ .nav-tabs { border: none; margin-bottom: 0; } .tab-style-1 .nav-tabs, .tab-style-2 .nav-tabs { margin-bottom: 7rem; } .nav-tabs>li.nav-item { display: inline-block; float: none; margin: 0 20px; -webkit-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .nav-tabs>li.nav-item>a.nav-link { border: none; text-align: center; padding: 0; margin-bottom: 0; } .nav-tabs>li.nav-item>a.nav-link.active, .nav-tabs>li.nav-item>a.nav-link.active:focus, .nav-tabs>li.nav-item>a.nav-link:focus, .nav-tabs>li.nav-item>a.nav-link.active:hover, .nav-tabs>li.nav-item>a.nav-link:hover { border-bottom: none; color: #0038e3; fill: #0038e3; background: none; } .nav-tabs>li.nav-item>a.nav-link>i { font-size: 28px; } .nav-tabs>li.nav-item>a.nav-link>svg { width: 18px; } .nav-tabs>li.nav-item.nav-icon-left>a.nav-link>i, .nav-tabs>li.nav-item.nav-icon-left>a.nav-link>svg, .nav-tabs>li.nav-item.nav-icon-left>a.nav-link>img { display: inline-block; vertical-align: middle; margin-right: 10px; } .nav-tabs>li.nav-item.nav-icon-top>a.nav-link>i, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link>svg, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link>img, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link>.tab-title-image { display: block; margin: 0 auto 15px; -webkit-transform: translateY(5px); -moz-transform: translateY(5px); -ms-transform: translateY(5px); -o-transform: translateY(5px); transform: translateY(5px); } .nav-tabs>li.nav-item.nav-icon-top>a.nav-link>img { width: 30px; } .nav-tabs>li.nav-item>a.nav-link * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .nav-tabs>li.nav-item.nav-icon-top>a.nav-link:hover>i, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link:focus>i, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link.active>i, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link:hover>svg, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link:focus>svg, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link.active>svg, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link:hover>img, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link:focus>img, .nav-tabs>li.nav-item.nav-icon-top>a.nav-link.active>img { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* tab style 1 */ .tab-style-1 .nav-tabs>li.nav-item>.tab-border { width: 0; height: 2px; display: block; margin-top: -1px; opacity: 0; transition-duration: 0.5s; background-color: #0038e3; } .tab-style-1 .nav-tabs>li.nav-item>a.nav-link:hover+.tab-border, .tab-style-1 .nav-tabs>li.nav-item>a.nav-link.active+.tab-border, .tab-style-1 .nav-tabs>li.nav-item.active .tab-border { opacity: 1; width: 100%; } .tab-style-1 .nav-tabs { margin-bottom: 7rem; } /* tab style 2 */ .tab-style-2 li a.nav-link span { display: block; color: #828282; font-weight: 400; } .tab-style-2 li.nav-icon-left a.nav-link span { display: initial; margin-right: 10px; } .tab-style-2 .nav-tabs { margin-bottom: 7rem; } /* accordion style 1 */ .accordion-style-1 .elementor-accordion-item { border: 0; } .accordion-style-1 .elementor-accordion-item:last-child { border-bottom: 0; } .accordion-style-1 .elementor-tab-title { padding: 22px 25px 24px 0; position: relative; -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); will-change: transfrom; } .accordion-style-1 .elementor-accordion-icon { position: absolute; top: 50%; width: auto !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -1px; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right { right: 0; } .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left { left: 0; } .accordion-style-1 .elementor-accordion-icon i { font-size: 13px; } .accordion-style-1 .elementor-tab-content { border: 0; padding: 0; } .accordion-style-1 .elementor-tab-content .panel-tab-content { border: 0; padding: 30px 20px 30px 0; } .accordion-style-1 .elementor-tab-content p:last-child { margin-bottom: 0; } /* accordion style 2 */ .accordion-style-2 .elementor-accordion-item:first-child { padding-top: 0; } .accordion-style-2 .elementor-accordion-item:last-child { padding-bottom: 0; border-bottom: 0; } .accordion-style-2 .elementor-accordion-item { border: 0; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 20px 30px; will-change: transform; } .accordion-style-2 .elementor-tab-title { margin: 0; padding: 0; line-height: normal; } .accordion-style-2 .elementor-tab-content { border: 0; margin-left: 199px; width: 38%; padding: 0; } .accordion-style-2 .elementor-tab-content .panel-tab-content { border: 0; padding: 13px 0 7px; } .accordion-style-2 .elementor-tab-content p:last-child { padding: 0; margin: 0; } .accordion-style-2 .panel-time { min-width: 195px; display: inline-block; font-size: 15px; color: #828282; font-weight: 400; } .accordion-style-2 .accordion-toggle { display: inline-block; width: calc(100% - 400px); color: #232323; } .accordion-style-2 .panel-speaker { display: inline-block; font-size: 15px; color: #828282; font-weight: 400; } .accordion-style-2 .elementor-tab-title .elementor-accordion-icon i { font-weight: 800; } /* progress bar */ .progress { overflow: visible; height: 4px; position: relative; border-radius: 0 } .progress .progress-title { position: absolute; top: -28px; } .progress .progress-bar { position: relative; overflow: visible; } .progress .progress-bar span { position: absolute; top: -28px; right: 0; } .elementor-widget-litho-progress:last-child .litho-progress-wrapper { margin-bottom: 0; } .litho-progress-wrapper { overflow: visible; height: 4px; position: relative; border-radius: 0; margin-bottom: 4rem; } .litho-progress-wrapper .elementor-progress-bar { position: relative; overflow: visible; background-color: #0038e3; height: 4px; border-radius: 0; } .litho-progress-wrapper .elementor-progress-bar .elementor-progress-percentage { position: absolute; top: -28px; right: 0; color: #232323; font-weight: 500; font-size: 13px; line-height: 22px; } .litho-progress-wrapper .elementor-progress-text { overflow: visible; color: #232323; font-size: 13px; line-height: 22px; padding-left: 0; position: absolute; top: -28px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .progress-style-1 .elementor-progress-percentage { padding-right: 0; } /* progress step style 1 */ .progress-step-style-1 .progress-step-item { display: block; position: relative; padding: 45px 25px 0; z-index: 1; } .progress-step-style-1 .progress-step-item:hover .progress-step-item-bfr, .progress-step-style-1 .progress-step-item:hover .progress-step-icon-bfr, .progress-step-style-1 .progress-step-item:hover .progress-step-number-bfr { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -ootransform: scale(1.2); transform: scale(1.2); } .progress-step-style-1 .progress-step-item .progress-step-item-bfr, .progress-step-style-1 .progress-step-icon .progress-step-icon-bfr, .progress-step-style-1 .progress-step-number .progress-step-number-bfr { width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 8px; left: 50%; margin-left: -20px; -webkit-transition: .3s cubic-bezier(.3, .58, .55, 1); transition: .3s cubic-bezier(.3, .58, .55, 1); background-color: #232323; } .progress-step-style-1 .progress-step-icon { position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 700; margin-left: -18px; width: 36px; height: 36px; text-align: center; } .progress-step-style-1 .progress-step-item-box .progress-step-item-box-bfr { background-color: rgba(0, 0, 0, .2); display: block; width: 60%; height: 1px; position: absolute; content: ''; top: 28px; left: 75%; } .progress-step-style-1 .progress-step-icon .progress-step-icon-bfr { width: 72px; height: 72px; opacity: .2; margin-left: -36px; top: -18px; z-index: -1; } .progress-step-style-1 .progress-step-number { color: #fff; font-weight: 500; position: relative; z-index: 1; text-align: center; font-size: 18px; line-height: 38px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .progress-step-style-1 .progress-step-number .progress-step-number-bfr { width: 56px; height: 56px; top: -10px; margin-left: -28px; z-index: -1; opacity: .4; } .progress-step-style-1 .progress-content { padding-top: 50px; } .progress-step-style-1 .progress-step-title { margin-bottom: 10px; font-weight: 500; color: #232323; display: block; text-align: center; } .progress-step-style-1 .progress-step-content { color: rgba(35, 35, 35, .7); } /* progress step style 2 */ .progress-step-style-2 .progress-step-icon-box { position: relative; margin-bottom: 40px; } .progress-step-style-2 .progress-step-icon { background-color: #fff; width: 130px; height: 130px; box-shadow: 0 0 10px rgba(0, 0, 0, .07); line-height: 130px; border-radius: 100%; text-align: center; display: inline-block; vertical-align: middle; transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; } .progress-step-style-2 .progress-step-icon i { font-size: 50px; vertical-align: middle; } .progress-step-style-2 .progress-step-icon svg { width: 45px; } .progress-step-style-2:hover .progress-step-icon { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0, 0, 0, .11); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .progress-step-style-2 .progress-step-icon-box .progress-step-item-box-bfr { width: 80px; background-color: rgba(117, 117, 117, .2); position: absolute; top: 50%; left: calc(100% + 15px); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); display: inline-block; } /* progress step style 3 */ .progress-step-style-3 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .progress-step-style-3 * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .progress-step-style-3 .progress-step-item { display: flex; position: relative; flex-flow: row wrap; align-items: stretch !important; justify-content: flex-start; text-align: left; transition: box-shadow .3s ease, background .3s ease; } .progress-step-style-3 .progress-step-item:hover .progress-step-number-bfr { background-color: #fff; color: #27ae60; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .progress-step-style-3 .progress-step-number-bfr { display: block; text-align: center; position: relative; width: 50px; height: 50px; border-radius: 100%; font-size: 20px; line-height: 46px; color: #fff; background-color: #27ae60; border: 2px solid #27ae60; } .progress-step-style-3 .progress-step-item-box { position: relative; margin-right: 40px; } .progress-step-style-3 .progress-step-item-box .progress-step-item-box-bfr { background-color: #e4e4e4; position: absolute; bottom: 20px; left: 50%; width: 1px; height: calc(100% - 90px); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .progress-step-style-3 .progress-content { overflow: hidden; flex: 1; max-width: 100%; margin-bottom: 3.7em; } .progress-step-style-3:last-child .progress-content { margin-bottom: 0; } /* progress step style 4 */ .progress-step-style-4 .progress-step-item { display: block; position: relative; padding: 45px 25px 0; z-index: 1; } .progress-step-style-4 .progress-step-item:hover .progress-step-icon-bfr, .progress-step-style-4 .progress-step-item:hover .progress-step-number-bfr { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -ootransform: scale(1.1); transform: scale(1.1); } .progress-step-style-4 .progress-step-icon .progress-step-icon-bfr, .progress-step-style-4 .progress-step-number .progress-step-number-bfr { width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 8px; left: 50%; margin-left: -20px; -webkit-transition: .3s cubic-bezier(.3, .58, .55, 1); transition: .3s cubic-bezier(.3, .58, .55, 1); background-color: #232323; } .progress-step-style-4 .progress-step-icon { position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 700; margin-left: -18px; width: 36px; height: 36px; text-align: center; } .progress-step-style-4 .progress-step-item-box .progress-step-item-box-bfr { background-color: rgba(0, 0, 0, .2); display: block; width: 100%; height: 1px; position: absolute; content: ''; top: 28px; left: 0; } .progress-step-style-4 .progress-step-icon .progress-step-icon-bfr { width: 72px; height: 72px; opacity: .2; margin-left: -36px; top: -18px; z-index: -1; } .progress-step-style-4 .progress-step-number { color: #fff; font-weight: 500; position: relative; z-index: 1; text-align: center; font-size: 18px; line-height: 38px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .progress-step-style-4 .progress-step-number .progress-step-number-bfr { width: 56px; height: 56px; top: -10px; margin-left: -28px; z-index: -1; } .progress-step-style-4 .progress-content { padding-top: 50px; } .progress-step-style-4 .progress-step-title { margin-bottom: 10px; font-weight: 500; color: #232323; display: block; text-align: center; } .progress-step-style-4 .progress-step-content { color: rgba(35, 35, 35, .7); } /* progress step style 5 */ .progress-step-style-5 .progress-step-item { display: block; position: relative; padding: 45px 25px 0; z-index: 1; } .progress-step-style-5 .progress-step-item:hover .progress-step-icon-afr, .progress-step-style-5 .progress-step-item:hover .progress-step-number-bfr { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -ootransform: scale(1.1); transform: scale(1.1); } .progress-step-style-5 .progress-step-icon .progress-step-icon-afr, .progress-step-style-5 .progress-step-number .progress-step-number-bfr { width: 40px; height: 40px; border-radius: 50%; position: absolute; top: 8px; left: 50%; margin-left: -20px; -webkit-transition: .3s cubic-bezier(.3, .58, .55, 1); transition: .3s cubic-bezier(.3, .58, .55, 1); background-color: #232323; } .progress-step-style-5 .progress-step-icon { position: absolute; margin-bottom: 0; line-height: 1; top: 10px; left: 50%; font-weight: 700; margin-left: -18px; width: 36px; height: 36px; text-align: center; } .progress-step-style-5 .progress-step-item-box .progress-step-item-box-bfr { background-color: rgba(0, 0, 0, .2); z-index: -2; display: block; width: 100%; height: 1px; position: absolute; content: ''; top: 28px; left: 0; } .progress-step-style-5 .progress-step-icon .progress-step-icon-afr { opacity: 0; width: 72px; height: 72px; margin-left: -36px; top: -18px; z-index: -1; } .progress-step-style-5 .progress-step-item:hover .progress-step-icon-afr { opacity: 1; } .progress-step-style-5 .progress-step-number { color: #fff; font-weight: 500; position: relative; z-index: 1; text-align: center; font-size: 18px; line-height: 38px; display: block; -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .progress-step-style-5 .progress-step-number .progress-step-number-bfr { width: 56px; height: 56px; top: -10px; margin-left: -28px; z-index: -1; box-shadow: 0 0 15px rgba(0, 0, 0, .08); } .progress-step-style-5 .progress-content { padding-top: 50px; } .progress-step-style-5 .progress-step-title { margin-bottom: 10px; font-weight: 500; color: #232323; display: block; text-align: center; } .progress-step-style-5 .progress-step-content { color: rgba(35, 35, 35, .7); } /* newsletter */ .newsletter-style input { padding-right: 130px; } .newsletter-style .btn { position: absolute; line-height: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); right: 0; border: 1px solid #b0b0b0; border-top: 0; border-right: 0; border-bottom: 0; padding: 0 16px } /* newsletter style style 2 */ .newsletter-style-2 form { position: relative; } .newsletter-style-2 .btn { background-color: #0038e3; color: #fff; font-size: 13px; line-height: 22px; position: absolute; top: 50%; border-radius: 0 100px 100px 0; right: 0px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 8px 24px; letter-spacing: inherit; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); height: 100%; } .newsletter-style-2 .btn i { font-size: 16px; position: relative; top: 1px; } .newsletter-style-2 .btn span { margin-left: 7px; } .newsletter-style-2 .btn .fa-arrow-right { display: none } .newsletter-style-2 input { padding: 10px 150px 10px 20px; font-size: 14px; border-color: rgba(0, 0, 0, .1); border-radius: 100px; margin: 0; } .newsletter-style-2 input[type="text"] { display: none; } /* newsletter style style 3 */ .newsletter-style-3 .btn { position: absolute; top: 50%; border-radius: 0; right: 0px; border: 1px solid rgba(0, 0, 0, 0.1); letter-spacing: inherit; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .newsletter-style-3 input { padding-right: 145px; margin-bottom: 0; } .newsletter-style-3 .btn span { margin-left: 7px; } .newsletter-style-3 input[type="text"] { display: none; } /* newsletter style style 4 */ .newsletter-style-4 .btn { position: absolute; top: 0; right: -1px; bottom: 0; border: 1px solid rgba(0, 0, 0, 0.1); padding: 4px 14px; letter-spacing: inherit; } .newsletter-style-4 input { padding-right: 70px; margin-bottom: 0; } .newsletter-style-4 .medium-input+.btn { padding: 4px 18px; } .newsletter-style-4 .large-input+.btn { padding: 4px 23px; } .newsletter-style-4 .btn span { margin-left: 7px; } .newsletter-style-4 input[type="text"] { display: none; } /* client logo style 1 */ .client-logo-style-1 .client-box { padding: 15px; border: 1px solid #939393; position: relative; width: 100%; height: 100%; display: inline-block; z-index: 0; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; opacity: 1; } .client-logo-style-1 .client-box:hover { z-index: 10; } .client-logo-style-1 .client-box:before, .client-logo-style-1 .client-box:after { content: ""; display: block; position: absolute; background-color: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; opacity: 1; } .client-logo-style-1 .client-box:before { width: calc(100% + 4px); height: calc(100% + 4px); z-index: 1; transition: height 1s ease, opacity .8s ease; -webkit-transition: height 1s ease, opacity .8s ease; -moz-transition: height 1s ease, opacity .8s ease; -ms-transition: height 1s ease, opacity .8s ease; -o-transition: height 1s ease, opacity .8s ease; } .client-logo-style-1 .client-box:after { height: calc(100% + 4px); width: 100%; z-index: 1; transition: width 1s ease, opacity .8s ease; } .client-logo-style-1 .client-box:hover:before { transition: height .2s ease, opacity .3s ease; -webkit-transition: height .2s ease, opacity .3s ease; -moz-transition: height .2s ease, opacity .3s ease; -ms-transition: height .2s ease, opacity .3s ease; -o-transition: height .2s ease, opacity .3s ease; height: calc(100% - 20px); opacity: .7; } .client-logo-style-1 .client-box:hover:after { transition: width .2s ease, opacity .3s ease; -webkit-transition: width .2s ease, opacity .3s ease; -moz-transition: width .2s ease, opacity .3s ease; -ms-transition: width .2s ease, opacity .3s ease; -o-transition: width .2s ease, opacity .3s ease; width: calc(100% - 20px); opacity: .8; } .client-logo-style-1 .client-box .client-box-image { z-index: 2; position: relative; } /* client logo style 2 */ .client-logo-style-2 .client-box { position: relative; width: 100%; height: 100%; display: inline-block; z-index: 0; padding: 25px; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; } .client-logo-style-2 .client-box .client-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background-color: #fff; border-radius: 4px; transform: scale(0.8); transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; box-shadow: 0 0 15px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .client-logo-style-2 .client-box:hover .client-overlay { opacity: 1; transform: scale(1); } /* liquid image style 1 */ .liquid-image-style-1 .secondary-image-box { width: 70%; overflow: hidden; border-radius: 6px; position: relative; } .liquid-image-style-1 .liquid-image-overlay { background-color: rgba(23, 23, 23, .5); position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .liquid-image-style-1 .primary-image-box { position: absolute; right: 15px; width: 70%; bottom: 0; text-align: right; } .liquid-image-style-1 .primary-image-box img { border-radius: 6px; } /* liquid image style 2 */ .liquid-image-style-2 { margin-top: 35%; } .liquid-image-style-2 .secondary-image-box { width: 50%; overflow: hidden; border-radius: 6px; position: relative; z-index: 1; } .liquid-image-style-2 .liquid-image-overlay { background-color: rgba(23, 23, 23, .5); position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .liquid-image-style-2 .primary-image-box { position: absolute; right: 15px; width: 70%; bottom: 0; text-align: right; } .liquid-image-style-2 .primary-image-box img { border-radius: 6px; } /* pricing table */ .pricing-table { padding: 70px 60px 70px; } .pricing-table .pricing-header .popular-label { position: absolute; top: 0; left: 50%; padding: 6px 17px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); background-color: #232323; border-radius: 2px; font-size: 12px; line-height: 16px; color: #fff; } .pricing-table .pricing-header .title { font-size: 14px; line-height: 20px; margin-bottom: 5px; } .pricing-table .pricing-header .subtitle { font-size: 18px; line-height: 22px; color: #232323; margin-bottom: 2rem; } .pricing-table .pricing-header .price { font-weight: 500; color: #0038e3; letter-spacing: -2px; } .pricing-table .pricing-header .duration { color: #232323; font-size: 14px; line-height: 20px; font-weight: 500; display: block; } .pricing-table .pricing-body { padding-top: 3rem; padding-bottom: 3rem; } .pricing-table .pricing-body ul { padding: 0; margin: 0; list-style: none; } .pricing-table .pricing-body ul li { padding: 12px 0; } .pricing-table .pricing-body ul li:last-child { border-bottom: none !important; } /* price table style 2 */ .price-table-style-2 { position: relative; overflow: hidden; } .price-table-style-2.pricing-table .pricing-header .popular-label { position: absolute; top: 0; left: 0; padding: 20px 15px; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); background-color: #f7f7f7; border-radius: 0; font-size: 13px; line-height: 22px; color: #262b35; letter-spacing: 1px; width: 100%; } /* price table style 3 */ .price-table-style-3 { position: relative; overflow: hidden; } .price-table-style-3.pricing-table .pricing-header .popular-label { position: absolute; top: 12px; left: inherit; right: -31px; padding: 20px 15px; transform: translate(0, 0); -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); background-color: #f7f7f7; border-radius: 0; font-size: 13px; line-height: 22px; color: #262b35; letter-spacing: 1px; width: 120px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); } .price-table-style-3.pricing-table .pricing-body ul li { padding: 5px 0; } /* counter */ .vertical-counter-number { overflow: hidden; width: 100%; height: auto; } .vertical-counter-number ul { text-align: center; margin: 0; padding: 0; transform: translateY(0); transition: 2s ease-in-out; list-style: none; } .single-post .blog-details-text .vertical-counter-number ul { padding-left: 0; } .vertical-counter-wrapper .vertical-counter { color: #232323; font-size: 2.85rem; line-height: 3.1rem; letter-spacing: -2px; } .vertical-counter-wrapper .title { display: block; margin-top: 5px; font-size: 13px; line-height: 22px; } .vertical-counter-wrapper .number-suffix, .vertical-counter-wrapper .number-prefix { color: #e6994e; font-size: 30px; line-height: 24px; font-weight: 500; margin-left: 3px; vertical-align: top; } .elementor-counter .elementor-counter-number-suffix { font-weight: 500; margin: -1px 0 0 -3px; } /* fancy text box style 1 */ .fancy-text-box-style-1 .fancy-text-box { display: inline-block; position: relative; padding: 3.5rem 3.5rem 3.5rem 3.5rem; } .fancy-text-box-style-1 .fancy-text-box:before, .fancy-text-box-style-1 .fancy-text-box:after { border: 10px solid #0039cc; height: 165px; width: 67px; content: ""; display: block; position: absolute; top: 50%; bottom: 0; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } .fancy-text-box-style-1 .fancy-text-box:before { border-right: 0 !important; } .fancy-text-box-style-1 .fancy-text-box:after { border-left: 0 !important; right: 0; left: inherit; } .fancy-text-box-style-1 .fancy-text-box .title { font-size: 80px; line-height: 72px; margin-bottom: 0; margin-right: 15px; letter-spacing: -5px; font-weight: 500; color: #232323; display: inline-block; position: relative; top: 3px; } .fancy-text-box-style-1 .fancy-text-box .content { display: inline-block; width: 90px; font-size: 16px; font-weight: 500; text-align: left; margin: 0 auto; line-height: 20px; color: #232323; } .fancy-text-box-style-1 .fancy-text-box .content p { margin: 0; } /* fancy text box style 2 */ .fancy-text-box-style-2 .fancy-text-box-image { position: relative; overflow: hidden; border-radius: 6px; background-color: #232323; will-change: transform; } .fancy-text-box-style-2 .fancy-text-box-image img { transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; } .fancy-text-box-style-2 figure:hover .fancy-text-box-image>img { opacity: 0.4; } .fancy-text-box-style-2 figure .fancy-text-box-details { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; } .fancy-text-box-style-2 .fancy-text-box-details a { height: 100px; width: 100px; padding: 20px; border-radius: 100%; background-color: #fff; text-align: center; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08); box-shadow: 0 0 25px rgba(0, 0, 0, .08); transform: scale(.9, .9); -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); opacity: 0; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; } .fancy-text-box-style-2 figure:hover .fancy-text-box-details a { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); opacity: 1; } .fancy-text-box-style-2 .fancy-text-box-details a .elementor-icon { color: #0038e3; font-size: 18px; line-height: 22px; margin-bottom: 10px; display: block; } .fancy-text-box-style-2 .fancy-text-box-details a span { font-size: 13px; line-height: 14px; color: #232323; } .fancy-text-box-style-2 figure figcaption { text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; } .fancy-text-box-style-2 figure:hover figcaption { -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); opacity: 0; } .fancy-text-box-style-2 figcaption .conter-wrap { width: 77%; padding: 16px 20px 17px; display: inline-block; border-radius: 4px; background-color: #fff; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08); box-shadow: 0 0 25px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fancy-text-box-style-2 .conter-wrap .title { font-size: 14px; line-height: 20px; color: #232323; text-align: center; display: block; } .fancy-text-box-style-2 .conter-wrap .subtitle { font-size: 12px; line-height: 16px; margin-top: 4px; display: block; } /* fancy text box style 3 */ .fancy-text-box-style-3 figure { position: relative; overflow: hidden; } .fancy-text-box-style-3 figure .fancy-text-box-image img { width: 100%; -webkit-transition-duration: 2s; -moz-transition-duration: 2s; -ms-transition-duration: 2s; transition-duration: 2s; } .fancy-text-box-style-3 figure:hover .fancy-text-box-image img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); -o-transform: scale(1.4); -webkit-transition-duration: 4s; transition-duration: 4s; } .fancy-text-box-style-3 figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fancy-text-box-style-3 figcaption .fancy-text-box, .fancy-text-box-style-3 .fancy-text-box-hover { padding: 15px; } .fancy-text-box-style-3 .fancy-text-box .fancy-icon { background-color: #fff; color: #232323; font-size: 18px; border-radius: 50%; text-align: center; position: absolute; left: 14%; bottom: 11%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .fancy-text-box .fancy-icon svg { width: 20px; height: 100%; } .fancy-text-box-style-3 figure:hover .fancy-icon { opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .fancy-text-box-style-3 .fancy-text-box-hover { opacity: 0; position: absolute; bottom: -25px; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .fancy-text-box-style-3 figure:hover .fancy-text-box-hover { opacity: 1; bottom: 0; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .fancy-text-box-style-3 figure .fancy-text-button i, .fancy-text-box-style-3 figure .fancy-text-button img { margin-left: 5px; } .fancy-text-box-style-3 .fancy-text-box-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .fancy-text-box-style-3 .fancy-text-button, .fancy-text-box-style-3 .fancy-text-button span { display: inline-block; transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; } .fancy-text-box-style-3 .subtitle { display: block; margin-bottom: 10px; } .fancy-text-box-style-3 .fancy-text-box-hover .content p { margin-bottom: 15px; } .fancy-text-box-style-3 .fancy-text-button span { vertical-align: middle; display: inline-block; } .fancy-text-box-style-3 .fancy-text-button .elementor-icon { vertical-align: middle; } .fancy-text-box-style-3 .fancy-text-button .elementor-icon i { font-size: 15px; } .fancy-text-box-style-3 .fancy-text-box .content { overflow: hidden; min-height: 75px; } /* fancy text box style 4 */ .fancy-text-box-style-4 figcaption, .fancy-text-box-style-4 .fancy-text-box-image img, .fancy-text-box-style-4 .litho-button-wrapper, .fancy-text-box-style-4 .fancy-text-box-overlay { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .fancy-text-box-style-4 { position: relative; overflow: hidden; z-index: 0 } .fancy-text-box-style-4 figcaption { padding-left: 5rem; padding-right: 5rem; position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); } .fancy-text-box-style-4 figcaption .title { display: block } .fancy-text-box-style-4 figcaption .title .subtitle { display: block } .fancy-text-box-style-4 .litho-button-wrapper { margin-top: 30px; opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); } .fancy-text-box-style-4 .fancy-text-box-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: rgba(38, 43, 53, 0.3); } .fancy-text-box-style-4 figure:hover .fancy-text-box-image img { -webkit-filter: blur(3px); filter: blur(3px); transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .fancy-text-box-style-4 figure:hover figcaption { transform: translateY(-65px); -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px); } .fancy-text-box-style-4 figure:hover .litho-button-wrapper { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); } .fancy-text-box-style-4 .elementor-button .elementor-icon { vertical-align: middle; display: inline-block; } .fancy-text-box-style-4 .elementor-button .elementor-icon i { font-size: 15px; margin-right: 5px; } /* fancy text box style 5 */ .fancy-text-box-style-5 * { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .fancy-text-box-style-5 { min-height: 600px; overflow: hidden; position: relative; } .fancy-text-box-style-5 .fancy-text-bg-banner-image { position: absolute; top: 0; left: 0; opacity: 1; height: 100%; width: 100%; z-index: 0; visibility: visible; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; background-size: cover; } .fancy-text-box-style-5 .fancy-text-box { padding: 4rem 5rem; position: absolute; width: 100%; left: 0px; top: auto; z-index: 9; bottom: 0px; height: auto; transform: translateY(70px); -webkit-transform: translateY(70px); -moz-transform: translateY(70px); -ms-transform: translateY(70px); } .fancy-text-box-style-5 .fancy-text-box .content-bottom { opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); } .fancy-text-box-style-5:hover .fancy-text-box .content-bottom { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); } .fancy-text-box-style-5:hover .fancy-text-box { background-color: #c3964e; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); } .fancy-text-box-style-5 .fancy-text-box .title { color: #fff; margin-bottom: 20px; } .fancy-text-box-style-5 .fancy-text-box p { margin: 0; } .fancy-text-box-style-5 .fancy-text-box-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; } .fancy-text-box-style-5 .elementor-button-wrapper .elementor-button .elementor-icon { vertical-align: middle; } /* fancy text box style 6 */ .fancy-text-box-style-6 * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .fancy-text-box-style-6 figure { position: relative; overflow: hidden; border-radius: 6px; background-color: #1f232c; will-change: transform; } .fancy-text-box-style-6 .banners-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .fancy-text-box-style-6 .conter-wrap { padding-top: 3.5rem; padding-bottom: 3.5rem; padding-left: 15px; padding-right: 15px; } .fancy-text-box-style-6 .elementor-button-wrapper .elementor-button { line-height: 34px; opacity: 0; position: absolute; top: 50%; left: 50%; margin: -18px 0 0 0; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .fancy-text-box-style-6 figure:hover .elementor-button-wrapper .elementor-button { opacity: 1; transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); } .fancy-text-box-style-6 .elementor-button-wrapper .elementor-button i { font-size: 15px; } .fancy-text-box-style-6 .title { position: relative; white-space: nowrap; line-height: normal; font-weight: 500; font-size: 18px; color: #fff; display: block; opacity: 1; transform: translateY(40px); -moz-transform: translateY(40px); -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; } .fancy-text-box-style-6 figure:hover .title { opacity: 0; transform: translateY(70px); -moz-transform: translateY(70px); -webkit-transform: translateY(70px); -ms-transform: translateY(70px); } .fancy-text-box-style-6 .subtitle-box { opacity: 0; transform: translateY(70px); -moz-transform: translateY(70px); -webkit-transform: translateY(70px); -ms-transform: translateY(70px); } .fancy-text-box-style-6 figure:hover .subtitle-box { opacity: 1; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); } .fancy-text-box-style-6 .subtitle { line-height: normal; font-weight: 500; font-size: 14px; border-bottom: 1px solid; color: #fff; display: inline-block; position: relative; white-space: nowrap; } .fancy-text-box-style-6 .fancy-text-box-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .fancy-text-box-style-6 figure img { -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .fancy-text-box-style-6 figure:hover img { opacity: .5; -moz-transform: scale3d(1.1, 1.1, 1); -o-transform: scale3d(1.1, 1.1, 1); -ms-transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } /* fancy text box style 7 */ .fancy-text-box-style-7 figure { position: relative; } .fancy-text-box-style-7 .fancy-text-box-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fancy-text-box-style-7 figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .fancy-text-box-style-7 figcaption .subtitle { border-radius: 2px; font-weight: 500; font-size: 12px; position: absolute; top: 40px; left: 50px; line-height: 14px; background: #fff; color: #232323; padding: 8px 15px 9px 15px; -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); } .fancy-text-box-style-7 figure:hover figcaption .subtitle { background: #232323; color: #fff; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; box-shadow: 0 0 10px rgba(0, 0, 0, .2); } .fancy-text-box-style-7 figure:hover figcaption .subtitle a { color: #fff; } .fancy-text-box-style-7 figcaption .banner-content { position: absolute; bottom: 0; left: 0; padding: 20px 50px 40px; width: 100%; -ms-flex-pack: center !important; justify-content: center !important; } .fancy-text-box-style-7 figcaption .banner-content .title, .fancy-text-box-style-7 figcaption .banner-content .title a { font-weight: 500; letter-spacing: -0.50px; font-size: 18px; line-height: 22px; color: #fff; display: inline-block; } .fancy-text-box-style-7 figcaption .banner-content .title { width: 50%; -ms-flex-item-align: center !important; align-self: center !important; } .fancy-text-box-style-7 figcaption .banner-content .fancy-icon { width: 40px; height: 40px; line-height: 42px; text-align: center; margin-left: auto; -ms-flex-item-align: center !important; background-color: #fff; border-radius: 100%; align-self: center !important; opacity: 0; transform: translateY(10px); -moz-transform: translateY(10px); -webkit-transform: translateY(10px); -ms-transform: translateY(10px); -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); } .fancy-text-box-style-7 figcaption .banner-content .fancy-icon a { width: 100%; height: 100%; display: block; } .fancy-text-box-style-7 figcaption .banner-content .fancy-icon i { color: #232323; } .fancy-text-box-style-7 figure:hover .banner-content .fancy-icon { opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } /* fancy text box style 8 */ .fancy-text-box-style-8 .title { -webkit-transform: translateX(20%); transform: translateX(20%); transition: -webkit-transform .3s cubic-bezier(.2, .95, .25, 1); transition: transform .3s cubic-bezier(.2, .95, .25, 1); transition: transform .3s cubic-bezier(.2, .95, .25, 1), -webkit-transform .3s cubic-bezier(.2, .95, .25, 1); -webkit-transform-origin: left center; transform-origin: left center; font-weight: 500; display: inline-block; } .fancy-text-box-style-8 a { color: #828282; } .fancy-text-box-style-8:hover .title { color: #cb933d; -webkit-transform: translateX(0); transform: translateX(0); } .fancy-text-box-style-8 .fancy-icon { font-size: 40px; -webkit-transform: scaleX(0) translateX(0); transform: scaleX(0) translateX(0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transform-origin: left center; transform-origin: left center; margin-left: 10px; vertical-align: middle; display: inline-block; } .fancy-text-box-style-8:hover .fancy-icon { -webkit-transform: scaleX(1) translateX(-3.727em); transform: scaleX(1) translateX(0); color: #cb933d; } .fancy-text-box-style-8 .fancy-icon svg { width: 20px; fill: #cb933d; } .fancy-text-box-style-8 .fancy-text-box-image { margin-bottom: 30px; } /* fancy text box style 9 */ .fancy-text-box-style-9 .fancy-text-box-image { position: relative; overflow: hidden; border-radius: 6px; } .fancy-text-box-style-9 .fancy-text-box-details { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .fancy-text-box-style-9 .fancy-text-box-details .fancy-text-button { background-color: #ca943d; opacity: 0; border-radius: 100%; width: 110px; height: 110px; text-align: center; position: relative; top: -15px; padding: 1.5rem 15px; z-index: 1; line-height: 20px; font-size: 16px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fancy-text-box-style-9 figure:hover .fancy-text-button { opacity: 1; top: 0; } .fancy-text-box-style-9 .fancy-text-box-details .fancy-text-button span { display: block; color: #fff; } .fancy-text-box-style-9 .fancy-text-box-details .fancy-text-button i { font-size: 16px; margin-bottom: 8px; } .fancy-text-box-style-9 figcaption { margin-top: 40px; } .fancy-text-box-style-9 .title { color: #232323; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fancy-text-box-style-9 .content { margin-top: 7px; display: block; } .fancy-text-box-style-9 .content ul { padding: 0; margin: 0; display: inline-block; } .fancy-text-box-style-9 .content ul li { float: left; padding: 0 17px 0 0; margin: 0 15px 0 0; } .fancy-text-box-style-9 .content ul li:first-child { list-style: none; } .fancy-text-box-style-9 .content ul li:last-child { padding: 0; margin: 0; } .fancy-text-box-style-9 .fancy-text-box-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } /* fancy text box style 10 */ .fancy-text-box-style-10 { background-color: #fff; overflow: hidden; border-radius: 6px; height: 100%; box-shadow: 0 0 30px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; will-change: transform; } .fancy-text-box-style-10 figure { position: relative; overflow: hidden; } .fancy-text-box-style-10 .fancy-text-box-image { position: relative; overflow: hidden; } .fancy-text-box-style-10 .fancy-text-box-image img { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .fancy-text-box-style-10:hover img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); } .fancy-text-box-style-10 .fancy-icon { background: #ffffff; border-radius: 50px; text-align: center; border-color: #ffffff; color: #232323; z-index: 1; position: absolute; top: 50%; left: 50%; height: 44px; width: 44px; line-height: 40px; padding: 0; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; display: flex; align-items: center; justify-content: center; } .fancy-text-box-style-10:hover .fancy-icon { opacity: 1; } .fancy-text-box-style-10 .fancy-icon i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fancy-text-box-style-10 .fancy-icon svg { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; height: 16px; } .fancy-text-box-style-10 .fancy-icon:hover svg { fill: #fff; } .fancy-text-box-style-10 .fancy-text-box-overlay { z-index: 1; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #232323; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .fancy-text-box-style-10:hover .fancy-text-box-overlay { opacity: 1; } .fancy-text-box-style-10 figcaption { padding: 35px; } .fancy-text-box-style-10 figcaption .title { color: #232323; font-size: 14px; line-height: 30px; font-weight: 500; display: block; } .fancy-text-box-style-10 .button-box { position: relative; } .fancy-text-box-style-10 .subtitle { opacity: 1; transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .fancy-text-box-style-10:hover .subtitle { opacity: 0; } .fancy-text-box-style-10 .elementor-button-wrapper { position: absolute; bottom: 0; width: 100%; opacity: 0; transform: translateY(20px); -moz-transform: translateY(20px); -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transition-property: transform, opacity; -moz-transition-property: transform, opacity; -webkit-transition-property: transform, opacity; -ms-transition-property: transform, opacity; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .fancy-text-box-style-10:hover .elementor-button-wrapper { opacity: 1; transform: translateY(0px); -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -ms-transform: translateY(0px); } /* fancy text box style 11 */ .fancy-text-box-style-11 * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fancy-text-box-style-11 { -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08); box-shadow: 0 0 30px rgba(0, 0, 0, .08); } .fancy-text-box-style-11 .fancy-text-box-image { position: relative; overflow: hidden; } .fancy-text-box-style-11 .fancy-text-box-details { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; } .fancy-text-box-style-11 figcaption { padding: 3rem 3.5rem; position: relative; background-color: #fff; } .fancy-text-box-style-11 figcaption .title { display: block; margin-bottom: 5px; } .fancy-text-box-style-11:hover img { transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); opacity: 0.5; } .fancy-text-box-style-11 .fancy-text-button { display: inline-block; vertical-align: middle; text-align: center; margin: 0 3px; display: inline-block; vertical-align: middle; text-align: center; margin: 0 5px; opacity: 0; transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); } .fancy-text-box-style-11:hover .fancy-text-button { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; opacity: 1; transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); } .fancy-text-box-style-11:hover .fancy-text-box-details { opacity: 1; } /* fancy text box style 12 */ .fancy-text-box-style-12 * { -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; } .fancy-text-box-style-12 { overflow: hidden; position: relative; } .fancy-text-box-style-12 figcaption { position: absolute; top: 0; right: 0; height: 100%; width: 170px; display: -webkit-box; display: -ms-flexbox; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .fancy-text-box-style-12 figcaption .title { margin-bottom: -20px; font-size: 3.9rem; line-height: 4.2rem; display: block; word-break: initial; } .fancy-text-box-style-12:hover figcaption .title { margin-bottom: 10px; } .fancy-text-box-style-12 figcaption .elementor-button-wrapper { opacity: 0; transform: scale(1, 1); } .fancy-text-box-style-12:hover .elementor-button-wrapper { opacity: 1; transform: scale(1, 1); } .fancy-text-box-style-12 .fancy-text-box-image { position: relative; left: 0; width: calc(100% - 130px); } .fancy-text-box-style-12:hover .fancy-text-box-image { left: -20%; filter: grayscale(100%); opacity: .8 } /* fancy text box style 13 */ .fancy-text-box-style-13 { position: relative; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fancy-text-box-style-13 .fancy-text-box-image { width: calc(100% + 50px); transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -ms-transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; transform: translate3d(-40px, 0, 0); -moz-transform: translate3d(-40px, 0, 0); -webkit-transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); } .fancy-text-box-style-13:hover .fancy-text-box-image { width: calc(100% + 0); transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .fancy-text-box-style-13 .fancy-text-box-image img { width: 100%; transition-duration: 0.35s; -moz-transition-duration: 0.35s; -webkit-transition-duration: 0.35s; -ms-transition-duration: 0.35s; } .fancy-text-box-style-13:hover .fancy-text-box-image img { opacity: 0.5; } .fancy-text-box-style-13 figcaption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 45px 0; text-align: center; } .fancy-text-box-style-13 figcaption .fancy-text-box { display: inline-block; } /* fancy text box style 14 */ .fancy-text-box-style-14 * { will-change: transform; } .fancy-text-box-style-14 figure { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .fancy-text-box-style-14 .fancy-text-box-image { margin-right: -25px; width: 100%; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; visibility: visible; } .fancy-text-box-style-14 .fancy-text-box-image img { -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-text-box-style-14:hover .fancy-text-box-image img { opacity: .3; padding: 15px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-text-box-style-14 figcaption { position: relative; visibility: visible; } .fancy-text-box-style-14 .content { letter-spacing: 1px; color: #ff6437; margin-bottom: 10px; } .fancy-text-box-style-14 title { font-size: 2.85rem; font-weight: 400; line-height: 40px; letter-spacing: -1px; color: #232323; } .fancy-text-box-style-14 title span { font-weight: 600; } .fancy-text-box-style-14 .elementor-button-wrapper { position: absolute; left: 50%; top: 50%; opacity: 0; transform: scale(1, 1); -webkit-transform: scale(1, 1) translate(-50%, -50%); -moz-transform: scale(1, 1) translate(-50%, -50%); -ms-transform: scale(1, 1) translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-text-box-style-14:hover .elementor-button-wrapper { opacity: 1; transform: scale(1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale(1.1, 1.1) translate(-50%, -50%); -moz-transform: scale(1.1, 1.1) translate(-50%, -50%); -ms-transform: scale(1.1, 1.1) translate(-50%, -50%); } /* fancy text box style 15 */ .fancy-text-box-style-15 figcaption .fancy-text-box { padding: 5px 30px; background-color: #fff; -ms-flex-align: center !important; align-items: center !important; display: -ms-flexbox !important; display: flex !important; position: absolute; bottom: 25px; left: 25px; width: calc(100% - 50px); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-text-box-style-15 figcaption .fancy-text-box .title { margin-right: auto; } .fancy-text-box-style-15 figcaption .fancy-text-box .title a, .fancy-text-box-style-15 figcaption .fancy-text-box .elementor-button-wrapper i { color: #232323; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-text-box-style-15:hover figcaption .fancy-text-box { background-color: #232323; border-radius: 4px; bottom: 25px; } .fancy-text-box-style-15:hover figcaption .fancy-text-box .title a, .fancy-text-box-style-15:hover figcaption .fancy-text-box .elementor-button-wrapper i { color: #fff; } .fancy-text-box-style-15 .fancy-text-box-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: visible; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fancy-text-box-style-15:hover .fancy-text-box-overlay { opacity: 1; } .fancy-text-box-style-15 .elementor-icon { vertical-align: middle; } .fancy-text-box-style-15 .fancy-text-box-image img { width: 100%; } .fancy-text-box-style-15 figcaption a.elementor-button { border: 0; background-color: transparent; padding: 0; } .fancy-text-box-style-3 .fancy-text-button .elementor-icon, .fancy-text-box-wrapper a.elementor-button .elementor-icon, .fancy-text-box-wrapper a.elementor-button .elementor-icon i { font-size: 15px; } /* content block style 2 */ .content-block-style-2 .content-wrap { position: relative; padding: 3rem; box-shadow: 0 0 30px rgba(0, 0, 0, .08); background-color: #fff; } .content-block-style-2 .content-wrap .title { display: block; color: #232323; margin-bottom: 10px; } .content-block-style-2 .content-wrap .subtitle { color: #232323; font-size: 16px; line-height: 28px; margin-bottom: 15px; } .content-block-style-2 .content p { margin: 0; } .content-block-style-2 .separator-line { margin-bottom: 25px; margin-top: 25px; background-color: #ededed; } .content-block-style-2 .litho-button-wrapper a.elementor-button.elementor-align-icon-left { text-align: right; } .content-block-style-2 .litho-button-wrapper a.elementor-button { text-align: left; padding: 0; background-color: transparent; color: #232323; border: 0; width: 100%; margin: 0; } .content-block-style-2 .litho-button-wrapper a.elementor-button:hover { color: #0038e3; } .content-block-style-2 .vertical-separator { height: 50px; width: 2px; left: 50%; top: 0; position: absolute; background-color: #0038e3; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .content-block-style-2, .content-block-style-2 .content-wrap { height: 100%; } /* content block style 3 */ .content-block-style-3 .title .label { background-color: #70a967; display: inline-block; vertical-align: middle; padding: 5px 9px 5px; font-size: 10px; line-height: 10px; color: #fff; margin-left: 10px; border-radius: 1px; margin-top: -2px; } /* content block style 4 */ .content-block-style-4 .content-wrap { padding-top: 40px; padding-bottom: 40px; text-align: left; } .content-block-style-4 .content-wrap .subtitle { margin: 0 30px 0 0; padding-right: 25px; border-right: 1px solid #dbdbdb; color: #ca943d; display: inline-block; word-break: normal; } .content-block-style-4 .content-wrap .title { font-size: 16px; line-height: 28px; color: #232323; } /* content block style 5 */ .content-block-style-5 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; word-break: initial; } .content-block-style-5 .content-wrap { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-direction: row; background-color: #bf8c4c; } .content-block-style-5 .content-wrap .content-title-wrap { padding: 3rem 4.6rem; } .content-block-style-5 .litho-button-wrapper { height: 100%; } .content-block-style-5 .litho-button-wrapper a { height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; } /* flip box */ .flip-box-wrapper { height: 415px; position: relative; -webkit-perspective: 1000px; perspective: 1000px; } .flip-box { position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .flip-box-front-overlay, .flip-box-back-overlay { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; padding: 60px; } .elementor-flip-box--effect-flip .flip-box-back-overlay { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .elementor-flip-box--effect-flip .flip-front-side { background-color: #000; border-radius: 4px; overflow: hidden; -webkit-transform: none; -ms-transform: none; transform: none; z-index: 1; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .elementor-flip-box--effect-flip .flip-back-side { background-color: #007bff; border-radius: 4px; overflow: hidden; display: block; position: absolute; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .elementor-flip-box--effect-flip .flip-box-wrapper:hover .flip-front-side { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .elementor-flip-box--effect-flip .flip-box-wrapper:hover .flip-back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .flip-front-side .title { color: #fff; font-weight: 500; font-size: 18px; line-height: 22px; letter-spacing: 1px; margin-bottom: 5px; display: block } .flip-front-side .subtitle { color: #fff; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.50px; margin-bottom: 5px; display: block; } .flip-front-side .description { color: #fff; } .flip-back-side .elementor-icon { font-size: 50px; margin-bottom: 30px; color: #fff; } .flip-back-side .title { color: #fff; font-weight: 500; font-size: 16px; line-height: 28px; letter-spacing: 1px; margin-bottom: 10px; display: block } .flip-back-side .subtitle { color: #fff; font-weight: 500; font-size: 14px; line-height: 20px; letter-spacing: 0.50px; margin-bottom: 15px; display: block; } .flip-back-side .description { color: #fff; margin-bottom: 32px; } .elementor-flip-box--direction-up.elementor-flip-box--effect-flip .flip-back-side { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .elementor-flip-box--direction-up.elementor-flip-box--effect-flip .flip-box-wrapper:hover .flip-front-side { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .elementor-flip-box--direction-down.elementor-flip-box--effect-flip .flip-back-side { -webkit-transform: rotateX(180deg) rotateY(0); transform: rotateX(180deg) rotateY(0); } .elementor-flip-box--direction-down.elementor-flip-box--effect-flip .flip-box-wrapper:hover .flip-front-side { -webkit-transform: rotateX(-180deg) rotateY(0); transform: rotateX(-180deg) rotateY(0); } .elementor-flip-box--direction-right.elementor-flip-box--effect-flip .flip-back-side { -webkit-transform: rotateX(0) rotateY(-180deg); transform: rotateX(0) rotateY(-180deg); } .elementor-flip-box--direction-right.elementor-flip-box--effect-flip .flip-box-wrapper:hover .flip-front-side { -webkit-transform: rotateX(0) rotateY(180deg); transform: rotateX(0) rotateY(180deg); } .cd-headline.slide span, .cd-headline.slide .cd-words-wrapper { padding: 0; } /* slide box */ .elementor-flip-box--effect-slide .flip-box-wrapper { overflow: hidden; } .elementor-flip-box--effect-slide .flip-back-side { -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .elementor-flip-box--effect-slide .flip-box-wrapper:hover .flip-back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-flip-box--effect-slide.elementor-flip-box--direction-left .flip-back-side { -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } .elementor-flip-box--effect-slide.elementor-flip-box--direction-up .flip-back-side { -webkit-transform: translateX(0) translateY(100%); -ms-transform: translateX(0) translateY(100%); transform: translateX(0) translateY(100%); } .elementor-flip-box--effect-slide.elementor-flip-box--direction-down .flip-back-side { -webkit-transform: translateX(0) translateY(-100%); -ms-transform: translateX(0) translateY(-100%); transform: translateX(0) translateY(-100%); } /* push box */ .elementor-flip-box--effect-push .flip-box-wrapper { overflow: hidden; } .elementor-flip-box--effect-push .flip-front-side { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-flip-box--effect-push .flip-back-side { -webkit-transform: translateX(-100%) translateY(0); -ms-transform: translateX(-100%) translateY(0); transform: translateX(-100%) translateY(0); } .elementor-flip-box--effect-push .flip-box-wrapper:hover .flip-back-side { -webkit-transform: none; -ms-transform: none; transform: none; } .elementor-flip-box--effect-push .flip-box-wrapper:hover .flip-front-side { -webkit-transform: translateX(100%) translateY(0); -ms-transform: translateX(100%) translateY(0); transform: translateX(100%) translateY(0); } /* flip box effect */ .elementor-flip-box--effect-zoom-in .flip-box-wrapper { overflow: hidden; } .elementor-flip-box--effect-zoom-in .flip-box-wrapper .flip-back-side { -webkit-transition: opacity .5s .2s, -webkit-transform .7s; transition: opacity .5s .2s, -webkit-transform .7s; -o-transition: transform .7s, opacity .5s .2s; transition: transform .7s, opacity .5s .2s; transition: transform .7s, opacity .5s .2s, -webkit-transform .7s; opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); } .elementor-flip-box--effect-zoom-in .flip-box-wrapper:hover .flip-back-side { -webkit-transition: opacity .5s, -webkit-transform .7s; transition: opacity .5s, -webkit-transform .7s; -o-transition: transform .7s, opacity .5s; transition: transform .7s, opacity .5s; transition: transform .7s, opacity .5s, -webkit-transform .7s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .elementor-flip-box--effect-zoom-out .flip-box-wrapper { overflow: hidden; } .elementor-flip-box--effect-zoom-out .flip-box-wrapper .flip-front-side { -webkit-transition: opacity .35s, width .1ms, -webkit-transform .7s; transition: opacity .35s, width .1ms, -webkit-transform .7s; -o-transition: transform .7s, opacity .35s, width .1ms; transition: transform .7s, opacity .35s, width .1ms; transition: transform .7s, opacity .35s, width .1ms, -webkit-transform .7s; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); z-index: 1; width: 100%; } .elementor-flip-box--effect-zoom-out .flip-box-wrapper:hover .flip-front-side { width: 0; opacity: 0; -webkit-transform: scale(.7); -ms-transform: scale(.7); transform: scale(.7); -webkit-transition: opacity .7s .1s, width .1ms .7s, -webkit-transform .8s; transition: opacity .7s .1s, width .1ms .7s, -webkit-transform .8s; -o-transition: transform .8s, opacity .7s .1s, width .1ms .7s; transition: transform .8s, opacity .7s .1s, width .1ms .7s; transition: transform .8s, opacity .7s .1s, width .1ms .7s, -webkit-transform .8s; } .elementor-flip-box--effect-fade .flip-back-side { opacity: 0; } .elementor-flip-box--effect-fade .flip-box-wrapper:hover .flip-back-side { opacity: 1; } /* team style 1 */ .team-style-1 figure { position: relative; overflow: hidden; margin: 0; border-radius: 5px; will-change: transform; } .team-style-1 figure .team-member-image { position: relative; overflow: hidden; will-change: transform; } .team-style-1 figure .team-member-image img { width: 100%; } .team-style-1 figure figcaption { padding: 50px 60px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; background-color: rgb(23, 23, 23, .5); visibility: hidden; transition: opacity .3s, visibility .3s; } .team-style-1 figure figcaption .social-icon * { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .team-style-1 figure figcaption .social-icon a { margin: 0 10px; color: #fff; font-size: 18px; } .team-style-1 figure figcaption .social-icon a svg { height: 18px; fill: #fff; top: -2px; position: relative; } .team-style-1 figure figcaption .social-icon a:first-child { margin-left: 0 } .team-style-1 figure figcaption .social-icon a:last-child { margin-right: 0 } .team-style-1 figure figcaption .social-icon.social-icon-bottom { margin-top: auto; position: relative; } .team-style-1 figure:hover figcaption { opacity: 1; visibility: visible; } .team-style-1 figure figcaption .team-member-name { display: block; padding-bottom: 1%; color: #fff; font-size: 16px; line-height: 28px; margin-top: auto; } .team-style-1 figure figcaption .team-member-designation { display: block; font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.7); } .team-style-1 figure figcaption .social-icon, .team-style-1 figure figcaption .team-member-name, .team-style-1 figure figcaption .team-member-designation { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0; transition: opacity .85s cubic-bezier(.19, 1, .22, 1), -webkit-transform .85s cubic-bezier(.19, 1, .22, 1); transition: transform .85s cubic-bezier(.19, 1, .22, 1), opacity .85s cubic-bezier(.19, 1, .22, 1); transition: transform .85s cubic-bezier(.19, 1, .22, 1), opacity .85s cubic-bezier(.19, 1, .22, 1), -webkit-transform .85s cubic-bezier(.19, 1, .22, 1); } .team-style-1 figure:hover figcaption .social-icon, .team-style-1 figure:hover figcaption .team-member-name, .team-style-1 figure:hover figcaption .team-member-designation { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .team-style-1 figure:hover figcaption .team-member-name { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .team-style-1 figure:hover figcaption .team-member-designation { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .team-style-1 figure:hover figcaption .social-icon { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } /* team style 2 */ .team-style-2 figure .team-member-image { position: relative; overflow: hidden; border-radius: 5px; } .team-style-2 figure .team-member-details { position: absolute; height: 100%; width: 100%; left: 0; top: 100%; background-color: rgb(23, 23, 23, .5); transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; -ms-transition-duration: 0.3s; transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; } .team-style-2 figure .team-member-image, .team-style-2 figure:hover .team-member-image { transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; } .team-style-2 figure { margin: 0; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .team-style-2 figure:hover .team-member-details { top: 0; } .team-style-2 figure .social-icon a i { -webkit-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -moz-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -ms-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); -o-transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1); } .team-style-2 figure .social-icon a:hover i { -moz-transform: scale3d(1.3, 1.3, 1.3); -o-transform: scale3d(1.3, 1.3, 1.3); -ms-transform: scale3d(1.3, 1.3, 1.3); -webkit-transform: scale3d(1.3, 1.3, 1.3); transform: scale3d(1.3, 1.3, 1.3); } .team-style-2 .team-member-description { color: #fff; text-align: center; } .team-style-2 .social-icon { width: 100%; position: absolute; bottom: 40px; left: 0; text-align: center; } .team-style-2 .social-icon a { margin: 0 15px; font-size: 13px; color: #fff; } .team-style-2 .social-icon a svg { height: 16px; fill: #fff; top: -2px; position: relative; } .team-style-2 .social-icon a:first-child { margin-left: 0; } .team-style-2 .social-icon a:last-child { margin-right: 0; } .team-style-2 figcaption { padding-top: 35px; padding-bottom: 35px; } .team-style-2 .team-member-name { color: #232323; font-size: 14px; line-height: 30px; } .team-style-2 .team-member-designation { font-size: 13px; line-height: 22px; text-align: center; } /* team style 3 */ .team-style-3 { overflow: hidden; will-change: transform; } .team-style-3 figcaption { background-color: #fff; padding: 40px 15px; } .team-style-3 .team-member-name { color: #262b35; display: block; } .team-style-3 .team-member-designation { font-size: 13px; line-height: 22px; margin-bottom: 20px; display: block; } .team-style-3 .social-icon a { margin: 0 15px; color: #262b35; } .team-style-3 .social-icon a svg { height: 16px; fill: #262b35; top: -2px; position: relative; } .team-style-3 .social-icon a:hover { color: #ff7a56; } .team-style-3 .social-icon a:hover svg { fill: #ff7a56; } .team-style-3 figure .team-member-image { overflow: hidden; position: relative; } .team-style-3 figure .team-member-image img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .team-style-3 figure:hover .team-member-image img { transform: scale(1.1); transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } /* team style 4 */ .team-style-4 { position: relative; overflow: hidden; margin: 0; border-radius: 5px; will-change: transform; } .team-style-4 .team-member-image { position: relative; overflow: hidden; will-change: transform; } .team-style-4 .team-member-details { position: absolute; top: 0; left: 0; height: 100%; width: 100%; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; padding: 30px 20px; } .team-style-4 .team-member-details .social-icon, .team-style-4 .team-member-details .team-member-name, .team-style-4 .team-member-details .team-member-designation { -webkit-transform: translateY(15px); transform: translateY(15px); opacity: 0; transition: opacity .85s cubic-bezier(.19, 1, .22, 1), -webkit-transform .85s cubic-bezier(.19, 1, .22, 1); transition: transform .85s cubic-bezier(.19, 1, .22, 1), opacity .85s cubic-bezier(.19, 1, .22, 1); transition: transform .85s cubic-bezier(.19, 1, .22, 1), opacity .85s cubic-bezier(.19, 1, .22, 1), -webkit-transform .85s cubic-bezier(.19, 1, .22, 1); } .team-style-4:hover .team-member-details .social-icon, .team-style-4:hover .team-member-details .team-member-name, .team-style-4:hover .team-member-details .team-member-designation { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .team-style-4 .team-member-details .social-icon { bottom: 30px; } .team-style-4 .team-member-details .team-member-designation { color: #fff; display: block; font-size: 13px; line-height: 22px; } .team-style-4 .team-member-details .team-member-name { display: block; color: #fff; } .team-style-4 .social-icon a i, .team-style-4 .social-icon a .team-member-socials-label { color: #fff; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .team-style-4 .social-icon a svg { height: 18px; fill: #fff; top: -2px; position: relative; } .team-style-4 .social-icon a:hover i, .team-style-4 .social-icon a:hover svg, .team-style-4 .social-icon a:hover .team-member-socials-label { opacity: .7; } .team-style-4 .social-icon a { margin: 0 10px; } .team-style-4:hover .team-member-details { opacity: 1; visibility: visible; } .team-style-4:hover .team-member-name { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .team-style-4:hover .team-member-designation { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .team-style-4:hover .social-icon { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .team-style-4.swiper-slide .team-member-details .team-member-name { margin-bottom: 15px; } .team-style-4 .social-icon a .team-member-socials-label { margin-left: 5px; } .elementor-element .swiper .swiper-slide.team-style-4 figure { line-height: 0; } /* icon with text style 1 */ .icon-text-style-1 { padding: 4rem; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); } .icon-text-style-1:hover { background-color: #0038e3; } .icon-text-style-1:hover .elementor-icon, .icon-text-style-1:hover .title { color: #fff; } .icon-text-style-1:hover .content { color: rgba(255, 255, 255, .65); } .icon-text-style-1 .elementor-icon { color: #0038e3; font-size: 50px; margin-bottom: 25px; } .icon-text-style-1 .elementor-icon img { width: 70px; } .icon-text-style-1 .title { color: #232323; font-size: 16px; line-height: 24px; display: block; margin-bottom: 10px; } .icon-text-style-1 .elementor-button-wrapper .elementor-button { padding: 5px 0 2px; position: relative; text-decoration: none; border-radius: 0; border: 0; border-bottom: 2px solid #232323; background-color: transparent; font-size: 14px; color: #232323; } .icon-text-style-1:hover .elementor-button-wrapper .elementor-button { border-color: #ffffff; color: #ffffff; } /* icon with text style 2 */ .icon-text-style-2, .icon-text-style-2 .icon-text-style-wrapper { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .icon-text-style-2 { overflow: hidden; border-radius: 6px; background-color: #fff; } .elementor-widget-litho-feature-box:hover .icon-text-style-2 { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .08); box-shadow: 0 0 15px rgba(0, 0, 0, .08); } .icon-text-style-2 .icon-text-style-wrapper { width: 100%; -webkit-transform: translateY(30px); -moz-transform: translateY(30px); -ms-transform: translateY(30px); -o-transform: translateY(30px); transform: translateY(30px); overflow: hidden; padding: 15px 5rem; } .elementor-widget-litho-feature-box:hover .icon-text-style-2 .icon-text-style-wrapper { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); } .icon-text-style-2 .title, .icon-text-style-2 .subtitle-link { display: block; } .icon-text-style-2 i { font-size: 40px; margin-bottom: 15px; color: #0038e3; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .icon-text-style-2 .elementor-icon img { margin-bottom: 15px; } .elementor-widget-litho-feature-box:hover .icon-text-style-2 .elementor-icon { opacity: 0; } .icon-text-style-2 .title { color: #232323; font-size: 16px; line-height: 24px; } .icon-text-style-2 a .subtitle { text-decoration: underline; } .icon-text-style-2 a:hover .subtitle { text-decoration: none; } .icon-text-style-2 .content { margin-top: 10px; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .elementor-widget-litho-feature-box:hover .icon-text-style-2 .content { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* icon with text style 3 */ .icon-text-style-3 .elementor-icon { margin-bottom: 30px; } .icon-text-style-3 .title { font-size: 15px; line-height: 30px; margin-bottom: 5px; } /* icon with text style 4 */ .icon-text-style-4 figure, .icon-text-style-4 figure figcaption .hover-content, .icon-text-style-4 figure .hover-show-content, .icon-text-style-4 figcaption .hover-action-btn { transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .icon-text-style-4 figure { position: relative; overflow: hidden; margin: 0; } .icon-text-style-4 figure>img { width: 100%; } .icon-text-style-4 figcaption { text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0% 22% 0% 22%; } .icon-text-style-4 figure .hover-content { height: 100%; -ms-flex-align: center !important; align-items: center !important; -ms-flex-pack: center !important; justify-content: center !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-direction: column !important; flex-direction: column !important; } .icon-text-style-4 .icon-text-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .icon-text-style-4 .hover-action-btn .elementor-icon { font-size: 18px; width: 40px; height: 40px; line-height: 23px; border-radius: 50%; background-color: #c89965; text-align: center; position: relative; } .icon-text-style-4 .hover-action-btn .elementor-icon i { font-size: 18px; color: #333045; line-height: initial; margin: 0 auto; display: inline-block; } .icon-text-style-4 .hover-action-btn .elementor-icon img { position: absolute; left: 50%; top: 50%; margin: 0; transform: translate(-50%, -50%); } .icon-text-style-4 figcaption .hover-content>:first-child { margin-top: auto !important; } .icon-text-style-4 figcaption .hover-content .title { margin-bottom: auto !important; } .icon-text-style-4 figcaption .hover-content>span:first-child { margin-top: auto !important; margin-bottom: auto !important; } .icon-text-style-4 .hover-show-content { opacity: 0; visibility: hidden; margin-bottom: -40px; } .icon-text-style-4 figcaption .hover-action-btn { position: absolute; bottom: 40px; left: 0; width: 100%; } .icon-text-style-4 figure:hover .hover-action-btn { opacity: 0; visibility: hidden; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .icon-text-style-4 figure:hover .hover-show-content { opacity: 1; visibility: visible; margin: 0; } .icon-text-style-4 figure:hover figcaption .hover-content { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } .icon-text-style-4 .hover-show-content .content { opacity: 0; min-height: 50px; overflow: hidden; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } .icon-text-style-4 figure:hover .hover-show-content .content { height: auto; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; opacity: 1; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .icon-text-style-4 .title { font-size: 1.8rem; line-height: 36px; letter-spacing: -0.5px; } .icon-text-style-4 figcaption .hover-action-btn { justify-content: center; align-items: center; display: flex; } .icon-text-style-4 .hover-action-btn .elementor-icon { display: flex; justify-content: center; align-items: center; } /* icon with text style 5 */ .icon-text-style-5 { padding: 4rem 0; background-color: #fff; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .icon-text-style-5 img { width: 50%; margin-bottom: 35px; border-radius: 100%; } .elementor-view-default .icon-text-style-5 i { margin-bottom: 35px; } .icon-text-style-5 .title { font-size: 15px; line-height: 22px; color: #232323; display: block; } .icon-text-style-5 .content p { margin: 0; } .icon-text-style-5 .content { display: block; } .icon-text-style-5 .elementor-button-wrapper { position: absolute; bottom: -30px; opacity: 0; margin: 0 auto; left: 0; right: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .icon-text-style-5:hover .elementor-button-wrapper { bottom: 0; opacity: 1; } .icon-text-style-5 .elementor-button-wrapper .elementor-button { width: 100%; border-radius: 0; } /* icon with text style 6 */ .icon-text-style-6 * { transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .4s; -ms-transition-duration: .4s; -moz-transition-duration: .4s; -webkit-transition-duration: .4s; -o-transition-duration: .4s; } .icon-text-style-6 figure>img { width: 100%; } .icon-text-style-6 .bg-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .icon-text-style-6 { position: relative; overflow: hidden; } .icon-text-style-6 .hover-action-btn { position: absolute; bottom: 50px; right: 45px; } .icon-text-style-6 figure:hover .hover-action-btn { opacity: 0; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); } .icon-text-style-6 .hover-action-btn .elementor-icon { font-size: 15px; line-height: 36px; color: #fff; z-index: 1; border: 2px solid #fff; text-align: center; width: 35px; height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; } .icon-text-style-6 .hover-action-btn .elementor-icon i { margin: 0; display: inline-block; } .icon-text-style-6 .hover-action-btn .elementor-icon svg { margin: 0; display: inline-block; fill: #fff; } .icon-text-style-6 figcaption { padding: 3.5rem; position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; transform: translateY(calc(100% - 130px)); -webkit-transform: translateY(calc(100% - 130px)); -moz-transform: translateY(calc(100% - 130px)); -ms-transform: translateY(calc(100% - 130px)); } .icon-text-style-6 .title { font-size: 20px; line-height: 28px; color: #fff; margin-bottom: 15px; font-weight: 600; display: block; } .icon-text-style-6 .hover-show-content { opacity: 0; visibility: hidden; } .icon-text-style-6 .hover-show-content .elementor-button { margin-top: 5px; } .icon-text-style-6 .hover-show-content .elementor-button span { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .icon-text-style-6 figure .icon-text-overlay { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; z-index: -1; background-color: rgba(35, 35, 35, .9); } .icon-text-style-6 figure:hover .icon-text-overlay { height: 100%; } .icon-text-style-6 figure:hover figcaption, .icon-text-style-6 figure:hover .icon-text-overlay { transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); } .icon-text-style-6 figure:hover .hover-show-content { opacity: 1; visibility: visible; } .icon-text-style-6 figure .hover-content { position: relative; z-index: 1 } /* icon with text style 7 */ .icon-text-style-7 * { transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .icon-text-style-7 { padding: 6rem 5.5rem; overflow: hidden; position: relative; } .icon-text-style-7 .subtitle { color: #e6994e; margin-bottom: 15px; font-weight: 500; display: block; } .icon-text-style-7 .title { color: #232323; margin-bottom: 20px; width: 90%; } .icon-text-style-7 .feature-background-img { width: 100%; height: 100%; left: 0; z-index: -1; opacity: 0; top: 0; position: absolute; } .icon-text-style-7:hover .feature-background-img { opacity: 1; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .icon-text-style-7 .icon-text-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); } .icon-text-style-7:hover .subtitle { color: #fff; } .icon-text-style-7:hover .title, .icon-text-style-7:hover .title .title-link { color: #fff; } .icon-text-style-7 .elementor-button-wrapper .elementor-button { color: #828282; } .icon-text-style-7:hover .elementor-button-wrapper .elementor-button { color: #fff; } .icon-text-style-7 .elementor-button-wrapper .elementor-button span, .icon-text-style-7 .elementor-button-wrapper .elementor-button span i { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s; } .icon-text-style-7 .title { letter-spacing: -0.50px; font-size: 18px; line-height: 22px; display: inline-block; } /* icon with text style 8 */ .icon-text-style-8 { height: 650px; } .icon-text-style-8 .icon-text-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(35, 35, 35, .70); } .icon-text-style-8 .feature-background-img { height: 100%; } .icon-text-style-8 .feature-box-content { padding: 5rem; position: relative; } .icon-text-style-8 .feature-box-content .title { margin-top: auto; color: #fff; font-size: 2.85rem; line-height: 3.4rem; } .icon-text-style-8 .feature-box-content .subtitle { color: #ca943d; } .icon-text-style-8 .feature-box-content { color: #ca943d; } .icon-text-style-8 .feature-box-content .elementor-button-wrapper { margin-top: auto; } /* icon with text style 9 */ .icon-text-style-9 * { transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .icon-text-style-9 { border: 1px solid #e4e4e4; overflow: hidden; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; position: relative; transition-duration: 0.4s; -webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; } .icon-text-style-9 .feature-box-wrap { padding: 3rem; width: 100%; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); overflow: hidden; will-change: transform; } .icon-text-style-9 .feature-box-wrap .elementor-icon i, .icon-text-style-9 .feature-box-wrap .elementor-icon img { margin-bottom: 15px; } .icon-text-style-9 .feature-box-wrap .title { margin-bottom: 10px; display: block; font-size: 2.85rem; line-height: 3.4rem; } .icon-text-style-9 .feature-box-wrap .subtitle { font-size: 16px; font-weight: 600; line-height: 28px; } .icon-text-style-9 .feature-box-wrap .elementor-button-wrapper { margin-top: 15px; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); } .icon-text-style-9:hover { background-color: #fff; border-color: #fff !important; box-shadow: 0 0 30px rgba(0, 0, 0, .08); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transform: translate3d(0, -3px, 0); -o-transform: translate3d(0, -3px, 0); -ms-transform: translate3d(0, -3px, 0); -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .icon-text-style-9:hover .feature-box-wrap { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } .icon-text-style-9:hover .feature-box-wrap .elementor-button-wrapper { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* icon with text style 10 */ .icon-text-style-10 { overflow: hidden; border-bottom: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; height: 100%; } .icon-text-style-10 .feature-box-wrap { position: relative; width: 100%; } .icon-text-style-10 .feature-box-content-hover, .icon-text-style-10 .feature-box-content { padding: 52px 20px 43px; display: block; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-text-style-10 .feature-box-content { opacity: 0; visibility: hidden; position: absolute; background-image: linear-gradient(to bottom, #ffffff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7); width: 100%; } .icon-text-style-10 .feature-box-content-hover .elementor-icon { margin-bottom: 10px; text-align: inherit; } .icon-text-style-10 .feature-box-content-hover .elementor-icon i { display: inline-block; } .icon-text-style-10 .feature-box-content .title { margin-bottom: 10px; display: block; font-size: 15px; line-height: 30px; } .icon-text-style-10 .feature-box-content-hover .title { font-size: 15px; line-height: 30px; display: block; } .icon-text-style-10 .feature-box-content .subtitle { margin-bottom: 10px; display: block; } .icon-text-style-10:hover .feature-box-content-hover { opacity: 0; visibility: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .icon-text-style-10:hover .feature-box-content { opacity: 1; visibility: visible; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* tilt box style 1 */ .tilt-box-inner, .tilt-box-style-1 { position: relative; z-index: 0; } .tilt-box-inner .tilt-box, .tilt-box-style-1 .tilt-box { position: relative; z-index: -1; } .tilt-box-style-1 .overlap-title { z-index: 0; margin-bottom: -60px; position: relative; font-weight: 700; font-size: 11rem; line-height: 11rem; display: block; color: rgba(130, 130, 130, 0.1); } .tilt-box-style-1 .tilt-box img { border-radius: 6px 6px 6px 6px; position: relative; } .tilt-box-style-1 .tilt-box-overlay { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 1; } /* tilt box style 2 */ .tilt-box-style-2 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .tilt-box-style-2 .overlap-title { font-size: 230px; line-height: 230px; color: #232323; letter-spacing: -5px; clear: both; display: inherit; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .tilt-box-style-2 .title { padding: 5px 20px; background-color: #232323; letter-spacing: 1px; font-size: 13px; line-height: 22px; margin-bottom: 20px; color: #fff; display: inline-block; } .tilt-box-style-2 .elementor-icon { display: block; } .tilt-box-style-2 .elementor-icon i, .tilt-box-style-2 .elementor-icon svg { display: inline-block; } .elementor-view-stacked .tilt-box-style-2 .elementor-icon { display: inline-block; } .elementor-view-stacked .tilt-box-style-2 .elementor-icon i, .elementor-view-stacked .tilt-box-style-2 .elementor-icon svg { display: block; } .elementor-view-stacked .tilt-box-style-2 .title { display: block; } .elementor-shape-circle .tilt-box-style-2 .elementor-icon { display: inline-block; margin-bottom: 20px; } .elementor-shape-circle .tilt-box-style-2 .title { display: block; } /* tilt box style 3 */ .tilt-box-style-3 .separator-line { background-color: #000; width: 1px; height: 110px; top: 25px; position: relative; z-index: 1; } .tilt-box-style-3 .h-1 { font-weight: 600; letter-spacing: -4px; color: #000; font-size: 5rem; line-height: 5rem; margin-bottom: 25px; } .tilt-box-style-3 .tilt-box-inner { text-align: left; } .tilt-box-style-3 .tilt-box-inner .description-text { color: #232323; font-size: 1.80rem; line-height: 2.5rem; font-weight: 500; margin-bottom: 25px; letter-spacing: -0.5px; } .tilt-box-style-3 .tilt-box-inner .author-text { font-weight: 500; letter-spacing: 1px; } .tilt-box-style-3 .letter-position-below .separator-line { top: inherit; bottom: 25px; } /* tilt box style 4 */ .tilt-box-style-4 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } .tilt-box-style-4 .overlap-title { font-size: 200px; line-height: 200px; color: #232323; font-weight: 600; letter-spacing: -10px; clear: both; display: initial; -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .tilt-box-style-4 .title { padding: 5px 20px; background-color: #232323; letter-spacing: 1px; font-size: 13px; line-height: 22px; margin-bottom: 20px; color: #fff; display: inline-block; } .tilt-box-style-4 .tilt-box { background-position: left center; background-size: auto !important; } /* countdown style 1 */ .counter-box-1 .counter-box { display: inline-block; text-align: center; padding: 0; float: none; padding: 0 40px; position: relative; } .counter-box-1 .counter-box:after { content: ":"; position: absolute; right: -5px; top: 18%; font-size: 34px; font-weight: 600; color: #232323; } .counter-box-1.hide-separator .counter-box:after { display: none; } .counter-box-1 .counter-box:first-child { padding-left: 0; } .counter-box-1 .counter-box:last-child { padding-right: 0; } .counter-box-1 .counter-box:last-child:after { display: none; } .counter-box-1 .number { font-size: 47px; text-align: center; line-height: 50px; color: #232323; } .counter-box-1 span { display: block; font-size: 12px; text-align: center; font-weight: 400; color: rgba(35, 35, 35, .5); margin-top: -2px; } /* =================================== 19. Others ====================================== */ /* image box */ .elementor-vertical-align-top .litho-image-box-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .litho-image-box-img { display: inline-block; } .elementor-position-top .litho-image-box-img { margin: auto auto 15px; } .elementor-position-left .litho-image-box-wrapper, .elementor-position-right .litho-image-box-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .elementor-position-left .litho-image-box-wrapper { text-align: left; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .elementor-position-left .litho-image-box-img { margin-right: 15px; } .elementor-position-right .litho-image-box-wrapper { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .elementor-position-right .litho-image-box-img { margin-left: 15px; } .elementor-html .elementor-widget-hamburger-menu .elementor-editor-widget-settings { top: 18px !important; } .elementor-html .elementor-template-edit-cover { background-color: #0038E3; color: #fff; padding: 6px 12px 7px; font-size: 12px; display: inline-block; line-height: normal; vertical-align: top; cursor: pointer; top: 0; right: 0; z-index: 1; } .elementor-html .elementor-template-edit-cover span { margin-left: 8px; font-weight: 600; font-size: 11px; text-transform: uppercase; } .elementor-widget:not(:last-child) { margin-bottom: 0 !important; } .elementor-column>.elementor-widget-wrap>.elementor-element.elementor-absolute { padding: initial; } .elementor-counter .elementor-counter-number-prefix:empty, .elementor-counter .elementor-counter-number-suffix:empty { display: none; } .hamburger-menu-modern .elementor-template-edit-cover, .hamburger-menu-half .elementor-template-edit-cover { position: absolute; left: 0; right: auto; z-index: 1; } /* image gallery columns */ .gallery { width: 100%; display: inline-block; } .gallery .gallery-item .gallery-icon img { width: 100%; } .gallery-columns-1 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-1 .gallery-item { float: left; width: 100%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-1 .gallery-item img { margin-bottom: 0; } .gallery-columns-1 .gallery-item:nth-child(3n+1) { clear: left } .gallery-columns-2 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-2 .gallery-item { float: left; width: 50%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-2 .gallery-item img { margin-bottom: 0; } .gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: left; } .gallery-columns-3 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-3 .gallery-item { float: left; width: 33.333%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-3 .gallery-item img { margin-bottom: 0; } .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: left } .gallery-columns-4 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-4 .gallery-item { float: left; width: 25%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: left } .gallery-columns-5 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-5 .gallery-item { float: left; width: 20%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: left } .gallery-columns-6 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-6 .gallery-item { float: left; width: 16.6667%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: left } .gallery-columns-7 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-7 .gallery-item { float: left; width: 14.28%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: left } .gallery-columns-8 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-8 .gallery-item { float: left; width: 12.5%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: left } .gallery-columns-9 { float: left; width: calc(100% + 20px); margin: 0 -10px; } .gallery-columns-9 .gallery-item { float: left; width: 11.11%; margin-bottom: 20px; text-align: center; padding-left: 10px; padding-right: 10px; } .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left } .gallery-caption { padding: 4px 0; word-wrap: break-word; } /* elementor social icon */ .elementor-icon-view-vertical .social-icons-wrapper ul li { width: 100%; display: block; } .elementor-icon-view-vertical .social-icons-wrapper ul li a.elementor-icon { margin-right: 0; border-radius: 0; } .elementor-icon-view-vertical .social-icons-wrapper ul li i { min-width: 30px; } /* elementor icon gradient */ .litho-icon-box-wrapper .elementor-icon i:before { position: initial; left: initial; -webkit-transform: initial; -ms-transform: initial; transform: initial; } /* animation effect */ .litho-button-wrapper .elementor-button.btn-custom-effect { background-color: transparent; } .hvr-btn-expand-ltr, .hvr-btn-slide-up-bg, .hvr-btn-slide-down-bg, .hvr-btn-slide-left-bg, .hvr-btn-slide-right-bg { position: relative; z-index: 1; overflow: hidden; } .hvr-btn-expand-ltr:before { content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: -1; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; width: 50%; height: 53px; } .hvr-btn-expand-ltr:hover:before { width: 100% !important; } .hvr-btn-slide-up-bg:before, .hvr-btn-slide-down-bg:before, .hvr-btn-slide-left-bg:before, .hvr-btn-slide-right-bg:before { content: ""; position: absolute; height: 100%; width: 100%; z-index: -1; left: 0; top: 0; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-btn-slide-up-bg:before { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } .hvr-btn-slide-down-bg:before { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .hvr-btn-slide-left-bg:before { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .hvr-btn-slide-right-bg:before { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .hvr-btn-slide-right-bg:hover:before, .hvr-btn-slide-left-bg:hover:before { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .hvr-btn-slide-up-bg:hover:before, .hvr-btn-slide-down-bg:hover:before { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .hvr-float-5px, .hvr-float-3px, .hvr-scale-effect, .hvr-scale-9-effect { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; will-change: transform; } .hvr-float-10px { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; will-change: transform; } .hvr-float-10px:active, .hvr-float-10px:focus, .hvr-float-10px:hover, .elementor-animation-float-10px:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-float-5px:active, .hvr-float-5px:focus, .hvr-float-5px:hover, .elementor-animation-float-5px:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .hvr-float-3px:active, .hvr-float-3px:focus, .hvr-float-3px:hover, .elementor-animation-float-3px:hover { -webkit-transform: translateY(-3px); transform: translateY(-3px); } .hvr-scale-effect:hover { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3); transform: scale(1.3); -o-transform: scale(1.3); } .hvr-scale-9-effect:hover { -webkit-transform: scale(.9); -ms-transform: scale(.9); -moz-transform: scale(.9); transform: scale(.9); -o-transform: scale(.9); } .hvr-zoom-effect span { border-radius: 0; display: block; height: 0; left: 50%; margin: 0; position: absolute; top: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; width: 0; z-index: -1; } .hvr-ease-in-out, .elementor-button, .elementor-button-wrapper a.elementor-button { transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; } /* loading */ .woocommerce .blockUI.blockOverlay::before { -webkit-animation: initial; animation: initial; } .loading { position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; } .woocommerce .blockUI.blockOverlay { opacity: .90 !important; } .woocommerce .checkout-content-right .blockUI.blockOverlay, .woocommerce .checkout-content-right .blockUI.blockOverlay::before { background: #f7f7f7 !important; opacity: 1 !important; } .loading::after, .woocommerce .blockUI.blockOverlay::after { margin: 0 !important; background: none; content: "" !important; position: absolute; left: calc(50% - 10px) !important; top: calc(50% - 10px) !important; width: 20px !important; height: 20px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .woocommerce .blockUI.blockOverlay::after { left: calc(50% - 16px) !important; top: calc(50% - 16px) !important; width: 36px !important; height: 36px !important; border: 3px solid rgba(23, 23, 23, 0.3); border-top-color: rgba(23, 23, 23, 0.8); } .loading:before, .woocommerce .blockUI.blockOverlay::before { background: none; content: ""; background-color: rgba(255, 255, 255, 1) !important; position: absolute; right: 0; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border-radius: inherit; z-index: 1; padding: 0 !important; } .loading.dark:before { background-color: rgba(0, 0, 0, .8) !important; } .loading.dark::after { border: 2px solid rgba(255, 255, 255, 0.2); border-top-color: rgba(255, 255, 255, 0.7); } .page-loader { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(255, 255, 255, 1) !important; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99999; } .page-loader::after { background: none; content: "" !important; position: absolute; left: calc(50% - 25px) !important; top: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 2px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .grid-loading { overflow: hidden; position: relative; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; z-index: 99; } .grid-loading::after { background: none; content: "" !important; position: absolute; top: 100px !important; left: calc(50% - 25px) !important; width: 50px !important; height: 50px !important; opacity: 1 !important; right: inherit !important; z-index: 9; text-align: center; border: 3px solid rgba(23, 23, 23, 0.2); border-top-color: rgba(23, 23, 23, 0.7); border-radius: 50%; animation: spin 1s linear infinite; -webkit-animation: spin 1s linear infinite; } .grid-loading:before { content: ""; position: absolute; right: 2px; top: 1px; width: calc(100% - 4px); height: calc(100% - 2px); border-radius: inherit; z-index: 1; } .grid-loading .grid-item { visibility: hidden; } .grid-loading li.grid-item { overflow: hidden; opacity: 0; } /* cookie message */ .litho-cookie-policy-wrapper { top: 0 !important; bottom: 0; position: fixed; width: 100%; height: 100%; z-index: 9999; background-color: rgba(23, 23, 23, .8); } .litho-cookie-policy-wrapper.litho-gdpr-disable-overlay { top: inherit !important; width: auto; height: auto; background-color: transparent; } .litho-cookie-policy-wrapper.litho-gdpr-disable-overlay .cookie-container { border: 1px solid #ededed; } .litho-cookie-policy-wrapper.full-content.litho-gdpr-disable-overlay { width: 100%; } .litho-cookie-policy-wrapper.full-content.litho-gdpr-disable-overlay .cookie-container { border: 0; border-top: 1px solid #ededed; } .cookie-container { background-color: #fff; position: absolute; bottom: 0; width: 100%; padding: 20px 30px; text-align: center; } .cookie-container .litho-cookie-policy-text { color: #232323; font-weight: 400; font-size: 12px; line-height: 18px; display: inline-block; } .cookie-container .litho-cookie-policy-text a { text-decoration: underline; color: #232323; } .cookie-container .litho-cookie-policy-text a:hover { text-decoration: none; } .cookie-container .btn { display: inline-block; margin-left: 25px; } .litho-cookie-policy-wrapper.left-content .cookie-container { width: 330px; padding: 25px; margin: 0 0 15px 15px; } .litho-cookie-policy-wrapper.left-content .cookie-container .litho-cookie-policy-text { width: 100%; margin-bottom: 20px; } .litho-cookie-policy-wrapper.left-content .cookie-container .btn { width: 100%; margin: 0; } .litho-cookie-policy-wrapper.right-content .cookie-container { right: 0; left: inherit; width: 330px; padding: 25px; margin: 0 15px 15px 0; } .litho-cookie-policy-wrapper.right-content .cookie-container .litho-cookie-policy-text { width: 100%; margin-bottom: 20px; } .litho-cookie-policy-wrapper.right-content .cookie-container .btn { width: 100%; margin: 0; } /* elementor wrap */ .elementor-view-framed .elementor-icon { border-width: 1px; } .elementor-widget-image .elementor-image>a { display: block; } .elementor-widget-wrap>.elementor-element.elementor-initial { position: initial !important; } .elementor-widget-wrap>.elementor-element.elementor-inherit { position: inherit !important; } .elementor-widget-wrap>.elementor-element.elementor-unset { position: unset !important; } .elementor-element-edit-mode .elementor-widget-litho-hamburger-menu { padding: 20px; } .elementor-widget-litho-icon-box .elementor-icon-box-content .elementor-icon-box-title { color: #232323; } .show-menu .hamburger-menu-wrapper .elementor-no-template-message { background: #fff; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column-reverse; text-align: center; } .show-menu .hamburger-menu-wrapper .elementor-no-template-message .close-menu { position: absolute; top: 0; right: 0; width: 50px; height: 50px; line-height: 50px; } .show-menu .hamburger-menu-wrapper .elementor-no-template-message .elementor-custom-new-template-link { text-decoration: underline; font-weight: 500; } .show-menu .elementor-element-edit-mode.elementor-hidden-tablet .hamburger-menu-wrapper .elementor-template-edit-cover, .show-menu .elementor-element-edit-mode.elementor-hidden-phone .hamburger-menu-wrapper .elementor-template-edit-cover, .show-menu .elementor-element-edit-mode.elementor-hidden-tablet .hamburger-menu-wrapper .hamburger-menu, .show-menu .elementor-element-edit-mode.elementor-hidden-phone .hamburger-menu-wrapper .hamburger-menu { display: inline-block; } .video-icon-box .litho-button-wrapper *, .elementor-icon-list-items .litho-button-wrapper *, .feature-box-carousel-style-1 .litho-button-wrapper *, .feature-box-carousel-style-2 .litho-button-wrapper *, .testimonials-style-1 .litho-button-wrapper *, .portfolio-item figure .litho-button-wrapper *, .portfolio-box .litho-button-wrapper *, .blog-post-gallery-type li.grid-item .litho-button-wrapper *, .nav-tabs>li.nav-item>a.nav-link .litho-button-wrapper *, .progress-step-style-3 .litho-button-wrapper *, .fancy-text-box-style-11 .litho-button-wrapper *, .fancy-text-box-style-12 .litho-button-wrapper *, .team-style-1 .litho-button-wrapper *, .icon-text-style-6 .litho-button-wrapper *, .icon-text-style-7 .litho-button-wrapper *, .icon-text-style-9 .litho-button-wrapper * { transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; } a.elementor-custom-new-template-link { text-decoration: underline; } a.elementor-custom-new-template-link:hover { text-decoration: none; } rs-module .far:before, rs-module .fa:before, rs-module .fas:before { font-family: "Font Awesome 5 Free" !important; font-weight: 900 !important; } rs-module .fab:before { font-family: "Font Awesome 5 Brands" !important; font-weight: 400 !important; } .admin-bar footer:not(.footer-sticky), .elementor-editor-active footer:not(.footer-sticky) { position: relative; } .elementor-counter .elementor-counter-number-wrapper { color: #222; } /* navigation edit */ .elementor-custom-menu { list-style: none; padding: 0; margin: 0; } .elementor-custom-menu li { border-bottom: 1px solid #E4E4E4; padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px; } .elementor-custom-menu li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .elementor-custom-menu li ul { list-style: none; } .elementor-custom-menu li ul li { border-bottom: 0; padding-bottom: 2px; font-size: 14px; margin-bottom: 0; } .edit-litho-section * { transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .edit-litho-section { z-index: 999; position: absolute; top: 30px; background-color: #0038e3; border: 0 solid #0038e3; width: 25px; height: 25px; border-radius: 2px; text-align: center; font-size: 14px; line-height: 28px; padding-left: 1px; left: 15px; } .edit-litho-section:hover { background-color: #27AE60; border: 0 solid #27AE60; } .edit-litho-section i { color: #fff; } .edit-mini-header { top: 11px; } .edit-top-header { top: 19px; } .edit-header { top: 29px; } .edit-footer { top: 57px; } .edit-page-title { top: 150px; } .litho-main-title-wrappper { position: relative; } .litho-main-title-wrappper>.edit-page-title { top: inherit; bottom: 24px; } .admin-bar .tooltip-inner, .elementor-editor-active .tooltip-inner { font-size: 11px; text-transform: uppercase; font-weight: 500; background-color: #27AE60 !important; opacity: 1 !important; } .admin-bar .tooltip-arrow::before { border-right-color: #27AE60 !important; } .admin-bar .tooltip.show, .elementor-editor-active .tooltip.show { opacity: 1 !important; } .left-menu-classic .edit-header { top: 46px; } .left-menu-modern .edit-header { top: 70px; left: 40px; } .page-wrapper~footer .edit-footer { left: 80px; } .mfp-bg~.tooltip, .mfp-wrap~.tooltip { z-index: 10008; } /* features */ .litho-navigation-wrapper .title { font-size: 15px; font-weight: 500; line-height: 30px; letter-spacing: 0px; color: #232323; -webkit-text-fill-color: initial; display: block; margin-bottom: 15px; } .litho-navigation-wrapper .litho-navigation-link { list-style: none; margin: 0; padding: 0; } .litho-navigation-wrapper ul li { border-bottom: 1px solid #E4E4E4; padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px; } .litho-navigation-wrapper ul li ul li { border-bottom: 0; padding-bottom: 2px; font-size: 14px; margin-bottom: 0; } .litho-navigation-wrapper ul li ul { list-style: none; } /* for lazyload */ .lazyload:not(.loaded), .lazyloading:not(.loaded), .lazy:not(.loaded) { background: url('assets/images/loading-black-small.svg') center center no-repeat #fff !important; position: relative; border-color: transparent !important; opacity: 1 !important; transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -webkit-transition: all 0s ease-in-out !important; -ms-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; } /* bootstrap */ [class^="col-"], [class*=" col-"], [class^="col"], [class*=" col"] { position: relative; padding-right: 15px; padding-left: 15px; } .media { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .navbar-toggler:focus { box-shadow: none; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-right: 15px; padding-left: 15px; } .row { margin-right: -15px; margin-left: -15px; } .row>* { padding-right: 15px; padding-left: 15px; } nav [class^="col-"], nav [class*=" col-"], nav [class^="col"], nav [class*=" col"] { padding-left: 0; padding-right: 0; } .navbar-collapse { position: initial; } .row.gx-0 { margin-left: 0; margin-right: 0; } .media-body { -ms-flex: 1; flex: 1; } /* for buy and demo button */ .theme-demos { width: 655px; height: 100%; min-height: 100%; display: none; position: fixed; background-color: #fff; right: -655px; top: 0; z-index: 1050; -webkit-transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); transition: all .5s cubic-bezier(0.77, 0, 0.175, 1); } .show-theme-demos .theme-demos { display: block; } .theme-demos section { height: 100%; min-height: 100%; position: relative; z-index: 11; padding: 0; width: 100%; } .theme-demos .demos-wrapper { height: 100%; overflow-y: hidden; padding: 40px 25px; background-color: #fff; width: 100%; position: relative; z-index: 11; } .theme-demos.show { -webkit-transform: translateX(-100%); transform: translateX(-100%); box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.25); } .theme-demos .grid { padding: 0 5px; } .theme-demos .buy-theme, .theme-demos .all-demo { position: absolute; left: -150px; bottom: 195px; transform: translateY(-50%) translateY(-7px); background-color: #fff; cursor: pointer; z-index: 10; transition: all .25s cubic-bezier(0.23, 1, 0.32, 1) .45s; min-width: 150px; } .all-demo { box-shadow: 0px 0px 15px 0 rgba(0, 0, 0, 0.15); } .theme-demos .buy-theme { bottom: 125px; text-align: center; background: #232323 } .theme-demos .buy-theme a, .theme-demos .all-demo a { color: #232323; font-size: 11px; padding: 12px 15px; display: block; text-decoration: none; font-weight: 500; } .theme-demos .buy-theme a { color: #fff; } .theme-demos .buy-theme a>i, .theme-demos .all-demo a>i { position: absolute; left: 0; top: 0; height: 100%; width: 59px; line-height: 55px; text-align: center; opacity: 0; font-size: 24px; transition-delay: 0.3s; } .theme-demos .buy-theme .theme-wrapper, .theme-demos .all-demo .theme-wrapper { padding: 0 9px; position: relative; top: 0; opacity: 1; transition-delay: 0.3s; } .theme-demos .buy-theme .theme-wrapper span, .theme-demos .all-demo .theme-wrapper span { font-size: 15px; font-weight: 600; } .theme-demos .buy-theme .theme-wrapper span { margin-right: 0; } .theme-demos .buy-theme .theme-wrapper i, .theme-demos .all-demo .theme-wrapper i { margin-right: 10px; font-size: 21px; } .theme-demos .buy-theme .theme-wrapper>div, .theme-demos .all-demo .theme-wrapper>div { display: inline-block; vertical-align: middle; font-size: 15px; line-height: 15px } .theme-demos .buy-theme .theme-wrapper>div { font-size: 14px; text-transform: uppercase; line-height: 23px; } .theme-demos .all-demo .theme-wrapper>div { font-size: 14px; text-transform: uppercase; line-height: 23px; } .theme-demos.show .buy-theme, .theme-demos.show .all-demo { transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; -o-transition-duration: .2s; -webkit-transition: all .2s cubic-bezier(0.23, 1, 0.32, 1); transition: all .2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translateX(107px) translateY(-50%) translateY(-7px); transform: translateX(107px) translateY(-50%) translateY(-7px); min-width: 50px; left: -163px; } .theme-demos.show .buy-theme a>i, .theme-demos.show .all-demo a>i { opacity: 1; transition-delay: 0.3s; } .theme-demos.show .buy-theme .theme-wrapper, .theme-demos.show .all-demo .theme-wrapper { opacity: 0; transition-delay: 0s; } .theme-demos .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .theme-demos .mCustomScrollBox { display: -webkit-box; display: -ms-flexbox; display: flex; } .theme-demos .mCustomScrollBox .mCSB_container.mCS_y_hidden.mCS_no_scrollbar_y { -ms-flex-item-align: center; align-self: center; } .theme-demos .mCustomScrollBox .mCSB_container { width: 100%; -ms-flex-item-align: start; align-self: flex-start; margin: 0; } .theme-demos .clearfix { clear: both; } .show-search-popup .theme-demos, .show-menu .theme-demos { z-index: 1; } img.alignright { margin-bottom: 18px; margin-top: .5em; } img.alignleft { margin-bottom: 18px; margin-top: .5em; } table td a, .default-page-main-section a { text-decoration: underline; } table td a:hover, .default-page-main-section a:hover { text-decoration: none; } kbd { color: initial; border-radius: 0; padding: 0; margin: 0; background: inherit; font-size: inherit; font-family: monospace; } .default-page-main-section pre { margin-bottom: 30px; } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; font-weight: 700; } .wp-block-rss.wp-block-rss, .single-post .blog-details-text .wp-block-rss.wp-block-rss { list-style: none; padding-left: 0; } .e--ua-webkit .blog-details-text .elementor-element a, .e--ua-webkit .blog-details-text .elementor-element th a { text-decoration: none; } .e--ua-webkit .single-post-layout-standard .litho_layout_no_sidebar_single { padding-top: 0; padding-bottom: 0; } /* default widget WP 5.8 */ .widget.widget_block.widget_tag_cloud .wp-block-tag-cloud .tag-cloud-link { color: #828282; display: inline-block; text-align: center; font-size: 13px !important; line-height: 20px; margin: 0 8px 10px 0; padding: 6px 18px; border-radius: 4px; border: 1px solid #e4e4e4; text-decoration: none; } .widget.widget_block.widget_tag_cloud .wp-block-tag-cloud .tag-cloud-link:hover { -webkit-box-shadow: 0 0 10px rgba(23, 23, 23, .1); box-shadow: 0 0 10px rgba(23, 23, 23, .1); color: #828282; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget { padding: 0; margin: 0; list-style: none; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li { margin-bottom: 35px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; line-height: 18px; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li:last-child { margin-bottom: 0; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li .media-body { line-height: normal; position: relative; top: -3px; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li figure { width: 80px; margin: 0; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li figure img { border-radius: 3px; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li .recent-post-title { color: #232323; font-weight: 500; line-height: normal; margin-bottom: 10px; display: block; } .widget.widget_litho_recent_post_widget .litho-recent-post-wrapper.recent-post-wp-widget li figure~.media-body { padding-left: 30px; } .sidebar .wp-block-categories-list.wp-block-categories { padding: 0; margin: 0; list-style: none; } .sidebar .wp-block-categories-list.wp-block-categories li, .sidebar .wp-block-archives-list.wp-block-archives li { position: relative; display: inline-block; width: 100%; margin-bottom: 10px; line-height: 18px; } .sidebar .wp-block-categories-list.wp-block-categories li a { display: inline-block; text-align: left; line-height: 24px; } .sidebar .wp-block-categories-list.wp-block-categories li:last-child, .sidebar .wp-block-archives-list.wp-block-archives li:last-child { margin-bottom: 0; } .widget.widget_litho_instagram_widget .instagram-feed { padding: 0; margin: 0 -5px; } .widget.widget_litho_instagram_widget .instagram-feed li { padding: 5px; } .widgettitle { color: #232323; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 35px; display: block; } .widget.widget_litho_about_widget .litho-about-me-wrapper.about-me-wp-widget { padding: 38px; border-radius: 4px; border: 1px solid #e4e4e4; text-align: center; } .widget.widget_litho_about_widget .litho-about-me-wrapper.about-me-wp-widget img { border-radius: 50%; display: block; margin: 0 auto 5px; width: 100px; } .widget.widget_litho_about_widget .litho-about-me-wrapper.about-me-wp-widget .author-name { margin-top: 20px; font-weight: 500; color: #232323; font-size: 14px; line-height: 20px; display: block; } .widget.widget_litho_about_widget .litho-about-me-wrapper.about-me-wp-widget .author-designation { margin-top: 5px; margin-bottom: 20px; font-size: 14px; line-height: 18px; display: block; } .widget.widget_block .wp-block-group__inner-container .wp-block-search .wp-block-search__label { color: #232323; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 25px; display: block; } .widget.widget_block .wp-block-group__inner-container .wp-block-search .wp-block-search__input { padding: 12px 40px 14px 20px; font-size: 14px; line-height: normal; margin: 0; width: 100%; border-radius: 4px; border-color: #e4e4e4; color: #828282; } .widget.widget_block .wp-block-group__inner-container .wp-block-search .wp-block-search__button { font-size: 13px; padding: 12px 15px; border-color: #232323; background-color: #232323; font-weight: 500; text-transform: uppercase; color: #fff; box-shadow: none; } .widget.widget_block .wp-block-group__inner-container .wp-block-search .wp-block-search__button:hover { background-color: transparent; color: #232323; } .sidebar .wp-block-search { margin-top: 0; margin-bottom: 0; } .sidebar .wp-block-search .wp-block-search__inside-wrapper, .widget.widget_search .search-box .search-input-wrap { position: relative; } .widget.widget_search .search-box .search-input-wrap input { margin-bottom: 0; } .widget.widget_search .search-box button { border: 0; background-color: transparent; box-shadow: none; font-size: 0; margin: 0; top: 9px; position: absolute; right: 0; } .widget.widget_search .search-box button:before { font-family: feather !important; font-style: normal; font-weight: 400; content: "\e8bd"; color: #0038e3; font-size: 14px; } .sidebar .wp-block-search .wp-block-search__inside-wrapper button { border: 0; background-color: transparent; box-shadow: none; font-size: 0; margin: 0; top: 7px; } .sidebar .wp-block-search .wp-block-search__inside-wrapper button:before { font-family: feather !important; font-style: normal; font-weight: 400; content: "\e8bd"; color: #0038e3; font-size: 14px; } .sidebar .widget h2, .sidebar .widget.widget_search label { color: #232323; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 25px; display: block; font-family: Poppins, sans-serif; } .sidebar .widget .wp-block-archives-list { list-style: none; padding-left: 0; } .sidebar ol.wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 24px; } /* default css */ .navbar.navbar-default { position: fixed; padding: 0; top: 0; background-color: #fff; z-index: 99; width: 100%; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; } header.sticky .navbar.navbar-default { border-bottom: 0; box-shadow: 0 0 35px rgba(0, 0, 0, .10); } .navbar h1 .site-title a, .navbar h1, .navbar .site-title a { font-size: 18px; font-weight: 500; letter-spacing: .5px; line-height: normal; margin: 0 !important; color: #232323; } .navbar-expand-lg.navbar-default .navbar-nav .nav-link { color: #232323; } .navbar-expand-lg.navbar-default .navbar-nav .page_item>a, .navbar-expand-lg.navbar-default .navbar-nav>.menu-item>a { color: #232323; font-size: 14px; padding: 25px 0; font-weight: 500; margin: 0 18px; display: inline-block; } .navbar-expand-lg.navbar-default .navbar-nav .page_item>a:hover, .navbar-expand-lg.navbar-default .navbar-nav .menu-item>a:hover, .navbar-expand-lg.navbar-default .navbar-nav .menu-item:hover>a, .navbar-expand-lg.navbar-default .navbar-nav>.menu-item.current-menu-item>a, .navbar-expand-lg.navbar-default .navbar-nav .page_item:hover a, .navbar-expand-lg.navbar-default .navbar-nav .page_item.current_page_ancestor>a { color: #00000099; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item { position: relative; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu, .navbar-expand-lg.navbar-default .navbar-nav .page_item .children { display: none; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item:hover>.sub-menu, .navbar-expand-lg.navbar-default .navbar-nav .page_item:hover>.children { display: block; } .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children { box-sizing: border-box; background-color: #fff; padding: 25px 0; left: 0; width: 240px; margin: 0; border: none; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); border-radius: 4px; border: 0; left: auto; position: absolute; } .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li .children { left: 241px; top: 25px; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu li, .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li { position: relative; line-height: normal; } .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li { padding: 9px 45px 9px 35px; line-height: normal; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu li a, .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li a { padding: 0 0; margin: 0; color: #828282; font-size: 13px; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu li a:hover, .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu li:hover>a, .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li a:hover, .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li.current_page_item>a, .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li.current_page_ancestor>a { color: #232323; } .navbar-default .navbar-nav .menu-item .sub-menu li.menu-item-has-children:before, .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li.page_item_has_children:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105"; position: absolute; right: 25px; top: 10px; } .navbar-expand-lg.navbar-default .navbar-nav .page_item>.children li.page_item_has_children:before { top: 14px } .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu li.current-menu-item>a { color: #232323; } .navbar-expand-lg.navbar-default .navbar-nav .menu-item .sub-menu li>.sub-menu { left: 241px; top: -25px; } .navbar-expand-lg.navbar-default .navbar-nav>li:last-child .nav-link { margin-right: 0; } .navbar-expand-lg.navbar-default .navbar-nav li.open>.nav-link, .navbar-expand-lg.navbar-default .navbar-nav li:hover>.nav-link { color: rgba(0, 0, 0, 0.6); } .navbar-expand-lg.navbar-default .navbar-nav.litho-normal-menu>.page_item:last-child>a { margin-right: 0; } .navbar-expand-lg.navbar-default .navbar-nav>.menu-item:last-child>a { margin-right: 0; } .litho-default-main-section .litho-pagination .page-numbers { margin: 0 auto; } .wp-block-button .wp-block-button__link, .editor-styles-wrapper .wp-block-button__link, .wp-block-button__link { border-radius: 0; margin-bottom: 0; text-decoration: none !important; border: 2px solid #232323; background-color: #232323; } .wp-block-button .wp-block-button__link:hover, .editor-styles-wrapper .wp-block-button__link:hover, .wp-block-button__link:hover { background-color: transparent; color: #232323; border-color: #232323; } .wp-block-button.is-style-outline .wp-block-button__link { background-color: transparent; color: #232323; border-color: #232323; } .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: #232323; color: #fff; border-color: #232323; } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { margin-bottom: 20px; } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content>h2 { margin-left: 0; text-align: left; max-width: 100%; } .litho_layout_no_sidebar_single .alignfull { margin-bottom: 25px; } .blocks-gallery-grid, .wp-block-gallery { margin-bottom: 15px; padding-left: 0; padding-right: 0; } .wp-block-columns.alignfull .wp-block-column p { padding: 0 20px; } .wp-block-pullquote.is-style-solid-color { border: 0 solid #232323; } .size-full.is-style-circle-mask { text-align: left; } .single-post .blog-details-text ol, .single-post .blog-details-text ul { padding-left: 18px } .has-large-font-size { font-size: 24px; line-height: 1.25; } .wp-block-cover.has-background-dim { margin-bottom: 25px; } .wp-block-file .wp-block-file__button { border-radius: 0; } .wp-block-calendar table caption, .wp-block-calendar table tbody { caption-side: inherit; } .wp-calendar-nav { text-align: center; margin: 0 0 30px; } .sidebar .wp-calendar-nav { margin-bottom: 0; padding-top: 8px; } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { font-size: 13px; } .wp-block-latest-comments__comment-excerpt p { font-size: 15px; line-height: 30px; } .wp-block-search { margin-bottom: 25px; } .sidebar .wp-block-rss.wp-block-rss { padding: 0; list-style: none; } .sidebar .wp-block-rss.wp-block-rss li { margin-bottom: 10px; } .footer-default-wrapper { background-color: #fff; border-top: 1px solid #E4E4E4; padding: 35px 0px 35px 0px; } .footer-default-wrapper .site-title a { font-weight: 500; font-size: 16px; } .footer-default-wrapper .copyright-text a { text-decoration: underline; } .footer-default-wrapper .copyright-text a:hover { text-decoration: none; } .navbar.navbar-default span.icon-bar { background-color: #232323; height: 2px; width: 20px; display: block; margin: 4px 0; } body:not(.elementor-page) h1, body:not(.elementor-page) h2, body:not(.elementor-page) h3, body:not(.elementor-page) h4, body:not(.elementor-page) h5, body:not(.elementor-page) h6 { margin-bottom: 25px; } body:not(.elementor-page) .litho-main-title-wrap h1, body:not(.elementor-page) .litho-main-title-wrap h2, body:not(.elementor-page) .litho-main-title-wrap h3, body:not(.elementor-page) .litho-main-title-wrap h4, body:not(.elementor-page) .litho-main-title-wrap h5, body:not(.elementor-page) .litho-main-title-wrap h6 { margin-bottom: 0; } .blog-details-text a, .blog-details-text th a { text-decoration: underline; } .elementor-editor-active .blog-details-text a, .elementor-editor-active .blog-details-text th a { text-decoration: none; } .blog-details-text a:hover, .blog-details-text th a:hover { text-decoration: none; } body:not(.elementor-page) .litho-main-content-wrap { min-height: calc(100vh - 290px); } body:not(.elementor-page) ul.blocks-gallery-grid, body:not(.elementor-page) ul.wp-block-gallery { padding-left: 0; } body:not(.elementor-page) .container.litho_layout_left_sidebar_single, body:not(.elementor-page) .container.litho_layout_right_sidebar_single, body:not(.elementor-page) .container.litho_layout_both_sidebar_single { padding-left: 15px; padding-right: 15px; } .page-links { clear: both; padding-top: 25px; text-align: center; } pre { display: block; padding: 10px; margin: 10px 0 30px; font-size: 15px; line-height: 30px; color: #232323; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } hr.wp-block-separator { border-bottom-width: 2px; } hr { margin-top: 30px; margin-bottom: 30px; } .default-blog-grid.blog-grid .blog-post-button { color: #fff; border: 0; border-radius: 3px; text-transform: uppercase; } .blog-details-text table { margin-bottom: 30px; width: 100%; } .blog-details-text table th, .blog-details-text table td { padding: 15px; border: 1px solid #e4e4e4; line-height: normal; } dd { margin-left: 40px; } .blog-details-text ul>ul { list-style-type: circle; } .blog-details-text input[type="submit"] { padding: 12px 25px 13px 25px; text-transform: uppercase; } blockquote { border-left: 5px solid #232323; padding-left: 30px; } blockquote svg{ height: 20px; } body .sidebar .widget.widget_nav_menu ul, body .elementor-widget-wp-widget-nav_menu ul { list-style: none; padding: 0; } .sidebar .widget.widget_nav_menu ul ul, .elementor-widget-wp-widget-nav_menu ul ul { padding-left: 12px; } .sidebar select { margin: 0; padding: 12px 40px 12px 20px; background: url(assets/images/select-arrow.png) no-repeat 93% 50%; font-size: 14px; width: 100%; border-radius: 0; border-color: #e4e4e4; color: #828282; line-height: 22px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .sidebar .widget_rss .widget-title a { color: #232323; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 35px; } .sidebar .widget_rss ul li { margin-bottom: 20px; } .sidebar .widget_rss ul li .rsswidget { display: initial; } .sidebar .widget_rss ul li .rss-date { font-size: 13px; } .sidebar .widget_rss ul li .rssSummary { margin: 8px 0; line-height: 24px; } .sidebar .widget_pages ul ul, .sidebar .widget_categories ul ul { padding-left: 15px; margin-top: 10px; } .sidebar .widget.widget_categories form label, .sidebar .widget.widget_archive label { margin-bottom: 10px; } .wp-caption-text { text-align: center; font-size: 13px; } .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form .btn i { margin-right: 8px; } .single-portfolio-main-section .default-portfolio-image { margin-top: 130px; } .portfolio-template-default .litho-related-portfolio-wrap .container { padding-left: 0; padding-right: 0; } .navbar-default .logo-dark { visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; } header.sticky .navbar-default .logo-dark { visibility: visible; opacity: 1; width: auto; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .navbar-default .logo-light { visibility: visible; opacity: 1; width: auto; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; } header.sticky .navbar-default .logo-light { visibility: hidden; opacity: 0; width: 0; transition-duration: 0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; } .wp-block-file a.wp-block-file__button { text-decoration: none !important; } body.blog .litho-default-main-section .container.litho_layout_no_sidebar_single { padding-left: 15px; padding-right: 15px; } body:not(.elementor-page) .litho_layout_no_sidebar_single .litho-content-full-part p:last-child img.alignright { clear: both; } .default-page-main-section .litho_layout_no_sidebar_single.container-fluid .litho-content-full-part { padding-left: 15px; padding-right: 15px; } .single-post .header-default-wrapper, .single-product .header-default-wrapper { border-bottom: 1px solid rgba(0, 0, 0, 10%); } .default-shop-main-section { padding-top: 130px; padding-bottom: 130px } .default-main-title-wrappper .top-space { padding-top: 80px } .header-default-wrapper .site-title { padding: 25px 0; display: inline-block; } .widget.widget_block .btn.btn-default i { margin-right: 7px; } .single-post .blog-image .wp-caption-text { padding-top: 10px; } table.wp-calendar-table { caption-side: top; } /* gutenberg default blocks */ .wp-block-pullquote { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; margin-bottom: 35px; margin-top: 30px; color: #828282; border-left: 0px; } .wp-block-pullquote cite { color: inherit; } .wp-block-separator.is-style-wide { width: 100%; } :root .wp-block-pullquote .has-very-dark-gray-color { color: inherit; } .wp-block-table { width: 100%; } .wp-block-table td, .wp-block-table th { border-color: #ededed; } pre.wp-block-verse { margin-bottom: 30px; } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments li article { display: table } .wp-block-latest-comments li article footer, .wp-block-latest-comments li article .wp-block-latest-comments__comment-excerpt { margin-left: 0 !important } ul.aligncenter { display: table; list-style-position: inside; padding-left: 0; } .editor-block-list__layout a:hover, .editor-block-list__layout a:focus { text-decoration: none; } .wp-block-media-text, .wp-block-code, .wp-block-preformatted { margin-bottom: 28px; margin-top: 28px; } .wp-block-pullquote p, .wp-block-pullquote p:last-of-type { font-size: 28px; line-height: 1.6; margin-bottom: 28px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 1.25em; } .wp-block-cover p.has-text-color a { text-decoration: none; } .wp-block-button a { text-decoration: none; } .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-bottom: 16px; } .wp-block-audio, .wp-block-cover, .wp-block-image { margin-bottom: 28px; margin-top: 28px; } .wp-block-table.is-style-stripes { border: 0 solid #e8e8e8; border-right: 0; margin-bottom: 25px; } .wp-block-table.is-style-stripes table { margin-bottom: 0; } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-right: 1px solid #e8e8e8; } .wp-block-table.is-style-stripes tr td:last-child, .wp-block-table.is-style-stripes tr th:last-child { border-right: 0; } .wp-block-latest-posts a { text-decoration: underline; } .wp-block-latest-posts a:hover { text-decoration: none; } .wp-block-cover .wp-block-cover-text { font-size: 16px; } .wp-block-video { margin: 28px 0; } .wp-block-categories-list ul ul { list-style-type: circle; } .single-format-audio .wp-audio-shortcode { margin-bottom: 50px; } .wp-block-button { margin-bottom: 20px; } .wp-block-search { margin-bottom: 28px; margin-top: 28px; } .wp-block-search .wp-block-search__label { color: #828282; font-weight: 500; } .wp-block-search .wp-block-search__input { width: auto; border-radius: 4px; margin: auto; padding: 6px 15px; color: rgba(14, 28, 46, .62); font-size: 13px; line-height: inherit; border: 1px solid #e4e4e4 } .wp-block-search .wp-block-search__button { color: #828282; padding: 6px 10px; background: #f7f7f7; border: 1px solid #ccc; box-shadow: none; border-radius: 4px; outline: 0; font-size: 13px; } .wp-block-calendar table caption, .wp-block-calendar table th { text-align: center; } .wp-block-calendar table { border: 0 } .wp-block-quote { width: 100%; } .wp-block-quote cite { display: inline-block; } .wp-block-quote.is-large cite { margin-top: 1em; } .wp-block-quote.has-text-align-left cite { text-align: left; } .wp-block-quote.has-text-align-center cite { text-align: center; } .wp-block-cover-image.has-background-dim:not([class*=-background-color]), .wp-block-cover.has-background-dim:not([class*=-background-color]) { color: #fff; margin-bottom: 28px; } .blog-details-text.entry-content iframe { width: 100%; } .wp-block-calendar table caption { color: #232323; } .single-post-main-section .single-post-title~.col-sm-12>div:first-child { margin-top: 0; } .blog-details-text a:hover, .blog-details-text th a:hover { text-decoration: none; } .wp-block-file .wp-block-file__button { background-color: #232323; border: 2px solid #232323; } .wp-block-file .wp-block-file__button:hover { background-color: transparent; color: #232323; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited { box-shadow: none; color: #232323; opacity: 1; } .wp-calendar-nav { text-align: left; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } code, a>code { color: #232323; } ul.wp-block-categories-list li a, ul.wp-block-archives-list li a { text-decoration: underline; } ul.wp-block-categories-list li a:hover, ul.wp-block-archives-list li a:hover { text-decoration: none; } .wp-block-pullquote.alignleft { margin-right: 30px; } .wp-block-pullquote.alignright { margin-left: 30px; } .wp-block-image.alignleft.is-resized { margin: .5em 1em .5em 0; } .wp-block-image.alignright.is-resized { margin: .5em 0 .5em 1em; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .wp-block-table .has-fixed-layout { border-collapse: separate; border-spacing: 0; } /* alignfull */ .wp-block-button__link { color: #fff; } .entry-content .wp-block-video.alignwide { width: 100%; max-width: 100%; } .container.litho_layout_no_sidebar_single .entry-content *.alignfull, body .container .entry-content *.alignfull { position: relative; margin-top: calc(2 * 1rem); margin-bottom: calc(2 * 1rem); left: calc((1140px - 100vw)/2); width: 100vw; max-width: 100vw; } .wp-block-coblocks-author { margin-top: 28px; margin-bottom: 28px; } .wp-block-coblocks-social { margin-bottom: 28px; } .wp-block-button.alignright, .wp-block-button.alignleft { margin-top: 28px; margin-bottom: 28px; } .wp-block-button.alignright { margin-left: 25px; margin-top: 0 } .wp-block-button.alignleft { margin-right: 25px; } .wp-block-cover p:not(.has-text-color) { color: #fff; font-size: 36.5px; margin-top: 28px; margin-bottom: 28px; } .wp-block-cover.has-background-dim p:not(.has-text-color) { padding-left: 0; padding-right: 0; font-size: 24px; } body .litho_layout_left_sidebar_single .entry-content *.alignfull, body .litho_layout_right_sidebar_single .entry-content *.alignfull, body .litho_layout_both_sidebar_single .entry-content *.alignfull, body .litho_layout_left_sidebar_single .entry-content *.alignwide, body .litho_layout_right_sidebar_single .entry-content *.alignwide, body .litho_layout_both_sidebar_single .entry-content *.alignwide { left: 0; width: 100%; max-width: 100%; margin-top: calc(2 * 1rem); margin-bottom: calc(2 * 1rem); } body .litho_layout_left_sidebar_single .entry-content .wp-block-columns.alignfull .wp-block-column p, body .litho_layout_right_sidebar_single .entry-content .wp-block-columns.alignfull .wp-block-column p, body .litho_layout_both_sidebar_single .entry-content .wp-block-columns.alignfull .wp-block-column p, body .litho_layout_left_sidebar_single .entry-content .wp-block-columns.alignwide .wp-block-column p, body .litho_layout_right_sidebar_single .entry-content .wp-block-columns.alignwide .wp-block-column p, body .litho_layout_both_sidebar_single .entry-content .wp-block-columns.alignwide .wp-block-column p { padding-left: 0; padding-right: 0; } .wp-block-button.alignleft, .wp-block-button.alignright { margin-top: 0; } /* blockquote style */ .is-style-large { border: 0; } .wp-block-pullquote blockquote { border: 0; margin: 1em; padding: 0; width: auto; } .wp-block-pullquote p, blockquote.wp-block-quote p { width: 100%; margin-bottom: 0; } .wp-block-image .alignleft { margin-right: 25px; } .wp-block-image .alignright { margin-left: 25px; } .wp-block-cover .wp-block-cover-text { padding-left: 50px; padding-right: 50px; } .wp-block-cover.has-parallax.alignfull .wp-block-cover-text { padding-left: 14px; padding-right: 14px; } hr.wp-block-separator { margin-top: 28px; margin-bottom: 28px; } .wp-block-file .wp-block-file__button { padding: 0.7em 1em; line-height: 1.8; } .wp-block-tag-cloud { line-height: 24px; } .wp-block-tag-cloud a { text-decoration: underline; } .wp-block-tag-cloud a:hover { text-decoration: none; } .wp-block-image .aligncenter { clear: both; } .wp-block-image img { vertical-align: top; } /* block categories */ .wp-block-image.size-full { clear: both; } .has-small-font-size { font-size: 12px; } .has-normal-font-size { font-size: 13px; } .has-medium-font-size { font-size: 20px; } .has-huge-font-size { font-size: 23px; line-height: 31px; } .is-style-outline .wp-block-button__link { color: #232323; } /* button background color */ .has-primary-background-color, :root .has-primary-background-color { background-color: #6f6f6f; } .has-secondary-background-color, :root .has-secondary-background-color { background-color: #0038e3; } .has-dark-gray-background-color, :root .has-dark-gray-background-color { background-color: #232323; } .has-light-gray-background-color, :root .has-light-gray-background-color { background-color: #f1f1f1; } .has-white-background-color, :root .has-white-background-color { background-color: #ffffff; } /* button text color */ .has-primary-color, .wp-block-cover p.has-primary-color a, .wp-block-cover p.has-primary-color { color: #828282; } .has-secondary-color, .wp-block-cover p.has-secondary-color a, .wp-block-cover p.has-secondary-color { color: #0038e3; } .has-dark-gray-color, .wp-block-cover p.has-dark-gray-color a, .wp-block-cover p.has-dark-gray-color { color: #232323; } .has-light-gray-color, .wp-block-cover p.has-light-gray-color a, .wp-block-cover p.has-light-gray-color { color: rgb(118, 118, 118); } .has-white-color, .wp-block-cover p.has-white-color a, .wp-block-cover p.has-white-color { color: #ffffff; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { margin-top: 10px; } .wp-block-gallery.is-cropped { margin-bottom: 0; } .wp-block-gallery { margin-bottom: 28px; } .wp-block-preformatted pre, .wp-block-verse pre { padding: .8em 1em; } .container.litho_layout_no_sidebar_single .entry-content *.alignfull .wp-block-column { padding-left: 15px; padding-right: 15px; } .wp-block-button a { line-height: 1.8; } .wp-block-tag-cloud a { margin-right: 5px; } .wc-block-product-search .wc-block-product-search__field { margin-bottom: 0; } .wp-block-group.has-background { margin-bottom: 15px; } /* features */ .litho-navigation-wrapper .title { font-size: 15px; font-weight: 500; line-height: 30px; letter-spacing: 0px; color: #232323; -webkit-text-fill-color: initial; display: block; margin-bottom: 15px; } .litho-navigation-wrapper .litho-navigation-link { list-style: none; margin: 0; padding: 0; } .litho-navigation-wrapper ul li { border-bottom: 1px solid #E4E4E4; padding: 0px 0px 8px 0px; margin: 0px 0px 8px 0px; } .litho-navigation-wrapper ul li ul li { border-bottom: 0; padding-bottom: 2px; font-size: 14px; margin-bottom: 0; } .litho-navigation-wrapper ul li ul { list-style: none; } /* for WPML */ .sidebar .wpml-ls-legacy-dropdown { width: 100%; } .sidebar .wpml-ls-legacy-dropdown a { color: #828282; font-weight: 400; padding: 7px 15px 9px; text-transform: none; background-color: #fff; border-color: #d6d6d6; transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .sidebar .wpml-ls-legacy-dropdown a:hover, .sidebar .wpml-ls-legacy-dropdown .wpml-ls-item:hover a { background-color: #fff; color: #828282; } .sidebar .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { border: 5px solid transparent; border-top: 5px solid; color: #888; } .sidebar .wpml-ls-legacy-dropdown .wpml-ls-item:hover a.wpml-ls-item-toggle:after { top: calc(50% - .555em); -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); } .sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border: 0; } .sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li { background-color: #fff; } .sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a { padding: 7px 10px; color: #828282; font-weight: 400; line-height: 24px; font-size: inherit; border-bottom: 0; } .sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:last-child a { border-bottom: 1px solid #d6d6d6; } .sidebar .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a:hover { background-color: #232323; color: #b1b1b1; } .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer { margin-bottom: 0; } .wpml-ls-statics-footer .wpml-ls-current-language>a { color: #000000; background-color: #eeeeee; } body:not(.elementor-page) .litho-page-main-section .litho-content-full-part a.wp-block-button__link { color: #fff; } body:not(.elementor-page) .litho-page-main-section .litho-content-full-part a.wp-block-button__link:hover { color: #232323; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1em; padding: 0 1em; border-left: .25em solid; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.5em; font-style: italic; line-height: 1.6; margin-bottom: 0; } .calendar_wrap .wp-calendar-table th, .calendar_wrap .wp-calendar-table td { text-align: center; padding: 4px 0; } .single-post .blog-details-text .wp-block-latest-comments, .single-post .blog-details-text .wp-block-latest-posts { padding-left: 0; } body:not(.elementor-page) .litho-page-main-section { padding-top: 130px; padding-bottom: 130px; } body:not(.elementor-page) .litho-page-main-section .litho-content-left-part, body:not(.elementor-page) .litho-page-main-section .litho-content-right-part, body:not(.elementor-page) .litho-page-main-section .sidebar, body:not(.elementor-page) .litho-page-main-section .both-content-center { padding-top: 0; padding-bottom: 0; } body:not(.elementor-page) .litho-page-main-section .sidebar { padding-top: 0; } body:not(.elementor-page) .litho-page-main-section+.litho-comments-wrap { padding-top: 0; } body:not(.elementor-page).woocommerce-cart .litho-page-main-section { padding-top: 0; padding-bottom: 0; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { clear: both; } .wp-block-quote.has-text-align-left.is-large { margin-bottom: 25px; } .wp-block-archives-dropdown select, .wp-block-categories-dropdown.wp-block-categories select { width: auto; padding-left: 5px; } .wp-block-latest-posts__list.has-dates.wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid)>li { margin-bottom: 1.25em; } .wp-block-latest-posts__list.is-grid.columns-5.has-dates.wp-block-latest-posts { padding-left: 0; } .small, small { font-size: 11px; } .wp-caption p.wp-caption-text a { text-decoration: none; } .blog-comment li .comment-text-box ul { list-style: initial; margin-bottom: 20px; padding-left: 18px; } .blog-comment li .comment-text-box ol { margin-bottom: 20px; padding-left: 18px; } .blog-comment li .comment-text-box ol ol { margin-bottom: 0; } .blog-comment li .comment-text-box ul li, .blog-comment li .comment-text-box ol li { padding-bottom: 0; } .blog-comment li .comment-text-box ul li ul, .blog-comment li .comment-text-box ul li ol { margin-bottom: 0; } .litho-comments-wrap .blog-comment li pre { max-width: 650px; } address { margin-bottom: 20px; } .instagram-feed.grid { display: flex; flex-wrap: wrap; } .instagram-feed.grid li .col-video-wrapper { overflow: hidden; position: relative; height: 100%; width: 100%; border-radius: 3px; padding: 0 !important; } .woocommerce-cart .woocommerce { justify-content: center; } .woocommerce-cart .woocommerce .wc-block-components-notice-banner>.wc-block-components-notice-banner__content { font-size: 18px; color: #232323; font-weight: 500; } .woocommerce-cart .wc-empty-cart-message .wc-block-components-notice-banner is-info svg{ display: none; } .woocommerce-cart .woocommerce .wc-block-components-notice-banner.is-success .wc-block-components-notice-banner__content { color: #fff; } .woocommerce-cart .woocommerce .wc-block-components-notice-banner.is-info::before { color: #0038e3; margin-top: 1px; position: absolute; left: inherit; top: -90px; margin-right: 5px; font-family: et-line !important; font-size: 50px; font-weight: 400; content: "\e027"; } .woocommerce-cart .woocommerce .wc-block-components-notice-banner.is-info { position: relative; margin-top: 120px; } /* animation keyframe */ @-webkit-keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.10); transform: scale(1.10); } } @keyframes video-icon-sonar { 0% { opacity: 1; -webkit-transform: scale(0.1); transform: scale(0.1); } 100% { opacity: 0; -webkit-transform: scale(1.10); transform: scale(1.10); } } @-webkit-keyframes down-arrow { 0% { opacity: 0; top: 0px; } 18% { opacity: 0.2; top: 3px; } 36% { opacity: .4; top: 8px; } 54% { opacity: .6; top: 18px; } 72% { opacity: .8; top: 18px; } 100% { opacity: 1; top: 18px; } } @keyframes down-arrow { 0% { opacity: 0; top: 0px; } 18% { opacity: .0.2; top: 3px; } 36% { opacity: .4; top: 8px; } 54% { opacity: .6; top: 18px; } 72% { opacity: .8; top: 18px; } 100% { opacity: 1; top: 18px; } } @keyframes spin { to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } /* for mozilla */ @-moz-document url-prefix() { .elementor-counter .elementor-counter-number-suffix { display: block ruby; } .blog-grid.default-blog-grid .blog-like, .blog-grid.default-blog-grid .comment-link { display: ruby; } } /* bootstrap */ @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: auto } } @media (max-width: 1024px) { .elementor-nav-menu .sub-arrow{ position: absolute; right: 20px; } } div:not(.elementor-location-header):not(.elementor-location-header) .elementor-widget-text-editor .elementor-widget-container a, .tribe-link-view-attendee a, .tribe-events-content a{ color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)) !important; } .tribe-events-event-categories a, .tribe-events-event-categories a:hover{ cursor: text; color: #54595f; } .dsingle_people_title ul{ list-style: none; padding-left: 0; } /** Filters **/ /** End Filters **/ /** News **/ ul#news-years-list li a{ font-family: "Open Sans", Sans-serif; font-size: 16px; } /** End News **/ /** Customize style **/ .woocommerce-page form.woocommerce-ordering{ display: none !important; } /** End Customize style **/