D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
crucpprw
/
crucialpack.com
/
wp-content
/
themes
/
pangja
/
Filename :
style.css
back
Copy
/* Theme Name: Pangja Theme URI: http://harutheme.com/pangja Author: HaruTheme Author URI: http://harutheme.com/ Description: Pangja is the Print Shop & Printing Services WordPress theme from HaruTheme have many features: mega menu,...and much more Version: 1.4.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready Text Domain: pangja Domain Path: /languages/ This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*----------------------------------- * TABLE OF CONTENT * 1. LIBRARIES AND DEFINED VARIABLES * 2. CORE * 3. THEME * 4. HEADER * 5. FOOTER * 6. BLOG * 7. WOOCOMMERCE * 8. SHORTCODES * 9. THEMECHECK * 10. RESPONSIVE PAGES *-----------------------------------*/ /*----------------------------------- * 1. LIBRARIES AND DEFINED VARIABLES *-----------------------------------*/ .d-flex { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } .flex-row { -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -webkit-flex-direction: row !important; -ms-flex-direction: row !important; flex-direction: row !important; } .flex-row-reverse { -webkit-box-orient: horizontal !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: row-reverse !important; -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -webkit-flex-direction: column !important; -ms-flex-direction: column !important; flex-direction: column !important; } .flex-column-reverse { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -webkit-flex-direction: column-reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .justify-content-start { -webkit-box-pack: start !important; -webkit-justify-content: flex-start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -webkit-box-pack: end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .align-items-start { -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -webkit-box-align: end !important; -webkit-align-items: flex-end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-self-start { -webkit-align-self: flex-start !important; -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -webkit-align-self: flex-end !important; -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -webkit-align-self: center !important; -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .ml-auto, .mx-auto { margin-left: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .mt-auto { margin-top: auto !important; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-webkit-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-o-keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes spinner { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-moz-keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-o-keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @keyframes header-drop { 0% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-moz-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } @-webkit-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } @-o-keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } @keyframes header-drop-out { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -ms-transform: translateY(-90px); -o-transform: translateY(-90px); transform: translateY(-90px); } } /*----------------------------------- * ICON HOVER EFFECT KEYFRAMES *-----------------------------------*/ @-webkit-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #007de6, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #007de6, 0 0 0 10px rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.5); opacity: 0; } } @-moz-keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #007de6, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #007de6, 0 0 0 10px rgba(255, 255, 255, 0.5); -moz-transform: scale(1.5); opacity: 0; } } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #007de6, 0 0 0 10px rgba(255, 255, 255, 0.5); } 100% { box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #007de6, 0 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(1.5); opacity: 0; } } /*----------------------------------- * 2. CORE *-----------------------------------*/ /* =WordPress Core * see: https://codex.wordpress.org/CSS#WordPress_Generated_Classes -------------------------------------------------------------- */ /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 16px; margin: 0; padding: 5px 4px 5px; font-style: italic; margin-bottom: 20px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; 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: 100000; /* Above WP toolbar. */ } .gallery-caption { color: #686868; display: block; font-size: 13px; font-size: 0.8125rem; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .bypostauthor > article .fn:after { content: "\f304"; left: 3px; position: relative; top: 5px; } /* WordPress Block -------------------------------------------------------------- */ /* WordPress Block -------------------------------------------------------------- */ .wp-block-cover-text { color: #006ad0 !important; } .wp-block-search__input { display: block; width: calc(100% - 70px); height: 40px; background-color: #f2f2f2; border: none; outline: none; padding-left: 15px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 0; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .wp-block-search__button { width: 60px !important; height: 40px; padding: 0; font-size: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: #3f3f3f; outline: none; margin-left: 0 !important; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wp-block-search__button:hover { cursor: pointer; background: #006ad0; color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .wp-block-search__button:before { color: #fff; content: "\f4a4"; font-family: Ionicons; position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*----------------------------------- * LOADING *-----------------------------------*/ .square-1 { background-color: #bd4932; } .square-1 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .square-1 .spinner { width: 80px; height: 80px; background-color: #fff; margin-right: auto; margin-left: auto; margin-top: 60px; -webkit-animation: square-1 1s infinite ease-in-out; -o-animation: square-1 1s infinite ease-in-out; animation: square-1 1s infinite ease-in-out; } @-webkit-keyframes square-1 { 0% { -webkit-transform: perspective(160px); } 50% { -webkit-transform: perspective(160px) rotateY(-180deg); } 100% { -webkit-transform: perspective(160px) rotateY(-180deg) rotateX(-180deg); } } @keyframes square-1 { 0% { transform: perspective(160px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(160px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(160px) rotateX(-180deg) rotateY(-180deg); } } .square-2 { background-color: #db9e36; } .square-2 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .square-2 .spinner { width: 20px; height: 20px; background-color: #fff; position: absolute; left: 65px; top: 65px; } .square-2 .spinner:nth-child(2n+0) { margin-right: 0; } .square-2 #spinner_one { -webkit-animation: square-2-one 2s infinite; -o-animation: square-2-one 2s infinite; animation: square-2-one 2s infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .square-2 #spinner_two { -webkit-animation: square-2-two 2s infinite; -o-animation: square-2-two 2s infinite; animation: square-2-two 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .square-2 #spinner_three { -webkit-animation: square-2-three 2s infinite; -o-animation: square-2-three 2s infinite; animation: square-2-three 2s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .square-2 #spinner_four { -webkit-animation: square-2-four 2s infinite; -o-animation: square-2-four 2s infinite; animation: square-2-four 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .square-2 #spinner_five { -webkit-animation: square-2-five 2s infinite; -o-animation: square-2-five 2s infinite; animation: square-2-five 2s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .square-2 #spinner_six { -webkit-animation: square-2-six 2s infinite; -o-animation: square-2-six 2s infinite; animation: square-2-six 2s infinite; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .square-2 #spinner_seven { -webkit-animation: square-2-seven 2s infinite; -o-animation: square-2-seven 2s infinite; animation: square-2-seven 2s infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .square-2 #spinner_eight { -webkit-animation: square-2-eight 2s infinite; -o-animation: square-2-eight 2s infinite; animation: square-2-eight 2s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .square-2 #spinner_big { position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; -webkit-animation: square-2-big 2s infinite; -o-animation: square-2-big 2s infinite; animation: square-2-big 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes square-2-one { 50% { -webkit-transform: translate(-65px, -65px); } } @keyframes square-2-one { 50% { transform: translate(-65px, -65px); -webkit-transform: translate(-65px, -65px); } } @-webkit-keyframes square-2-two { 50% { -webkit-transform: translate(0, -65px); } } @keyframes square-2-two { 50% { transform: translate(0, -65px); -webkit-transform: translate(0, -65px); } } @-webkit-keyframes square-2-three { 50% { -webkit-transform: translate(65px, -65px); } } @keyframes square-2-three { 50% { transform: translate(65px, -65px); -webkit-transform: translate(65px, -65px); } } @-webkit-keyframes square-2-four { 50% { -webkit-transform: translate(65px, 0); } } @keyframes square-2-four { 50% { transform: translate(65px, 0); -webkit-transform: translate(65px, 0); } } @-webkit-keyframes square-2-five { 50% { -webkit-transform: translate(65px, 65px); } } @keyframes square-2-five { 50% { transform: translate(65px, 65px); -webkit-transform: translate(65px, 65px); } } @-webkit-keyframes square-2-six { 50% { -webkit-transform: translate(0, 65px); } } @keyframes square-2-six { 50% { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } } @-webkit-keyframes square-2-seven { 50% { -webkit-transform: translate(-65px, 65px); } } @keyframes square-2-seven { 50% { transform: translate(-65px, 65px); -webkit-transform: translate(-65px, 65px); } } @-webkit-keyframes square-2-eight { 50% { -webkit-transform: translate(-65px, 0); } } @keyframes square-2-eight { 50% { transform: translate(-65px, 0); -webkit-transform: translate(-65px, 0); } } @-webkit-keyframes square-2-big { 50% { -webkit-transform: scale(0.5); } } @keyframes square-2-big { 50% { transform: scale(0.5); -webkit-transform: scale(0.5); } } .square-3 { background-color: #ffd34e; } .square-3 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 200px; width: 200px; margin-top: -100px; margin-left: -100px; } .square-3 .spinner { width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0); margin-right: auto; margin-left: auto; border: 4px solid #fff; left: 73px; top: 73px; position: absolute; } .square-3 #first_spinner { -webkit-animation: square-3-first-animate 1s infinite ease-in-out; -o-animation: square-3-first-animate 1s infinite ease-in-out; animation: square-3-first-animate 1s infinite ease-in-out; } .square-3 #second_spinner { -webkit-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; -moz-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; -o-animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; -ms-transition: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; animation: square-3-second 1s forwards, square-3-second-animate 1s infinite ease-in-out; } .square-3 #third_spinner { -webkit-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; -moz-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; -o-animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; -ms-transition: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; animation: square-3-third 1s forwards, square-3-third-animate 1s infinite ease-in-out; } @-webkit-keyframes square-3-first-animate { 0% { -webkit-transform: perspective(100px); } 50% { -webkit-transform: perspective(100px) rotateY(-180deg); } 100% { -webkit-transform: perspective(100px) rotateY(-180deg) rotateX(-180deg); } } @keyframes square-3-first-animate { 0% { transform: perspective(100px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(100px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(100px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(100px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(100px) rotateX(-180deg) rotateY(-180deg); } } @-webkit-keyframes square-3-second { 100% { width: 100px; height: 100px; left: 48px; top: 48px; } } @keyframes square-3-second { 100% { width: 100px; height: 100px; left: 48px; top: 48px; } } @-webkit-keyframes square-3-second-animate { 0% { -webkit-transform: perspective(200px); } 50% { -webkit-transform: perspective(200px) rotateY(180deg); } 100% { -webkit-transform: perspective(200px) rotateY(180deg) rotateX(180deg); } } @keyframes square-3-second-animate { 0% { transform: perspective(200px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(200px) rotateX(180deg) rotateY(0deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(0deg); } 100% { transform: perspective(200px) rotateX(180deg) rotateY(180deg); -webkit-transform: perspective(200px) rotateX(180deg) rotateY(180deg); } } @-webkit-keyframes square-3-third { 100% { width: 150px; height: 150px; left: 23px; top: 23px; } } @keyframes square-3-third { 100% { width: 150px; height: 150px; left: 23px; top: 23px; } } @-webkit-keyframes square-3-third-animate { 0% { -webkit-transform: perspective(300px); } 50% { -webkit-transform: perspective(300px) rotateY(-180deg); } 100% { -webkit-transform: perspective(300px) rotateY(-180deg) rotateX(-180deg); } } @keyframes square-3-third-animate { 0% { transform: perspective(300px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(300px) rotateX(-180deg) rotateY(0deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(0deg); } 100% { transform: perspective(300px) rotateX(-180deg) rotateY(-180deg); -webkit-transform: perspective(300px) rotateX(-180deg) rotateY(-180deg); } } .square-4 { background-color: white; } .square-4 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .square-4 .spinner { width: 25px; height: 25px; background-color: rgba(255, 255, 255, 0); margin-right: auto; margin-left: auto; border: 4px solid #ef4a4a; left: 37px; top: 37px; position: absolute; } .square-4 #first_spinner { -webkit-animation: square-4-first 1s infinite; -o-animation: square-4-first 1s infinite; animation: square-4-first 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .square-4 #second_spinner { -webkit-animation: square-4-second 1s infinite; -o-animation: square-4-second 1s infinite; animation: square-4-second 1s infinite; } .square-4 #third_spinner { -webkit-animation: square-4-third 1s infinite; -o-animation: square-4-third 1s infinite; animation: square-4-third 1s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .square-4 #forth_spinner { -webkit-animation: square-4-forth 1s infinite; -o-animation: square-4-forth 1s infinite; animation: square-4-forth 1s infinite; } @-webkit-keyframes square-4-first { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, 150%) scale(2, 2); -webkit-transform: translate(150%, 150%) scale(2, 2); transform: translate(150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-first { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, 150%) scale(2, 2); -webkit-transform: translate(150%, 150%) scale(2, 2); transform: translate(150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes square-4-second { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, 150%) scale(2, 2); -webkit-transform: translate(-150%, 150%) scale(2, 2); transform: translate(-150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-second { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, 150%) scale(2, 2); -webkit-transform: translate(-150%, 150%) scale(2, 2); transform: translate(-150%, 150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes square-4-third { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, -150%) scale(2, 2); -webkit-transform: translate(-150%, -150%) scale(2, 2); transform: translate(-150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-third { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(-150%, -150%) scale(2, 2); -webkit-transform: translate(-150%, -150%) scale(2, 2); transform: translate(-150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @-webkit-keyframes square-4-forth { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, -150%) scale(2, 2); -webkit-transform: translate(150%, -150%) scale(2, 2); transform: translate(150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } @keyframes square-4-forth { 0% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } 50% { -ms-transform: translate(150%, -150%) scale(2, 2); -webkit-transform: translate(150%, -150%) scale(2, 2); transform: translate(150%, -150%) scale(2, 2); } 100% { -ms-transform: translate(1, 1) scale(1, 1); -webkit-transform: translate(1, 1) scale(1, 1); transform: translate(1, 1) scale(1, 1); } } .square-5 { background-color: #2980b9; } .square-5 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 118px; width: 118px; margin-top: -59px; margin-left: -59px; } .square-5 .spinner { width: 20px; height: 20px; background-color: #fff; margin-right: 20px; float: left; margin-bottom: 20px; } .square-5 .spinner:nth-child(3n+0) { margin-right: 0px; } .square-5 #spinner_one { -webkit-animation: square-5 1s -0.9s ease-in-out infinite; -o-animation: square-5 1s -0.9s ease-in-out infinite; animation: square-5 1s -0.9s ease-in-out infinite; } .square-5 #spinner_two { -webkit-animation: square-5 1s -0.8s ease-in-out infinite; -o-animation: square-5 1s -0.8s ease-in-out infinite; animation: square-5 1s -0.8s ease-in-out infinite; } .square-5 #spinner_three { -webkit-animation: square-5 1s -0.7s ease-in-out infinite; -o-animation: square-5 1s -0.7s ease-in-out infinite; animation: square-5 1s -0.7s ease-in-out infinite; } .square-5 #spinner_four { -webkit-animation: square-5 1s -0.6s ease-in-out infinite; -o-animation: square-5 1s -0.6s ease-in-out infinite; animation: square-5 1s -0.6s ease-in-out infinite; } .square-5 #spinner_five { -webkit-animation: square-5 1s -0.5s ease-in-out infinite; -o-animation: square-5 1s -0.5s ease-in-out infinite; animation: square-5 1s -0.5s ease-in-out infinite; } .square-5 #spinner_six { -webkit-animation: square-5 1s -0.4s ease-in-out infinite; -o-animation: square-5 1s -0.4s ease-in-out infinite; animation: square-5 1s -0.4s ease-in-out infinite; } .square-5 #spinner_seven { -webkit-animation: square-5 1s -0.3s ease-in-out infinite; -o-animation: square-5 1s -0.3s ease-in-out infinite; animation: square-5 1s -0.3s ease-in-out infinite; } .square-5 #spinner_eight { -webkit-animation: square-5 1s -0.2s ease-in-out infinite; -o-animation: square-5 1s -0.2s ease-in-out infinite; animation: square-5 1s -0.2s ease-in-out infinite; } .square-5 #spinner_nine { -webkit-animation: square-5 1s -0.1s ease-in-out infinite; -o-animation: square-5 1s -0.1s ease-in-out infinite; animation: square-5 1s -0.1s ease-in-out infinite; } @-webkit-keyframes square-5 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes square-5 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .square-6 { background-color: #3498db; } .square-6 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 118px; width: 72px; margin-top: -59px; margin-left: -36px; } .square-6 .spinner { width: 26px; height: 26px; background-color: #fff; margin-right: 20px; float: left; margin-bottom: 20px; } .square-6 .spinner:nth-child(2n+0) { margin-right: 0; } .square-6 #spinner_one { -webkit-animation: square-6-one 1s infinite; -o-animation: square-6-one 1s infinite; animation: square-6-one 1s infinite; } .square-6 #spinner_two { -webkit-animation: square-6-two 1s infinite; -o-animation: square-6-two 1s infinite; animation: square-6-two 1s infinite; } .square-6 #spinner_three { -webkit-animation: square-6-three 1s infinite; -o-animation: square-6-three 1s infinite; animation: square-6-three 1s infinite; } .square-6 #spinner_four { -webkit-animation: square-6-four 1s infinite; -o-animation: square-6-four 1s infinite; animation: square-6-four 1s infinite; } .square-6 #spinner_five { -webkit-animation: square-6-five 1s infinite; -o-animation: square-6-five 1s infinite; animation: square-6-five 1s infinite; } .square-6 #spinner_six { -webkit-animation: square-6-six 1s infinite; -o-animation: square-6-six 1s infinite; animation: square-6-six 1s infinite; } @-webkit-keyframes square-6-one { 50% { -ms-transform: translate(-100px, 46px) rotate(-179deg); -webkit-transform: translate(-100px, 46px) rotate(-179deg); transform: translate(-100px, 46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-one { 50% { -ms-transform: translate(-100px, 46px) rotate(-179deg); -webkit-transform: translate(-100px, 46px) rotate(-179deg); transform: translate(-100px, 46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-two { 50% { -ms-transform: translate(100px, 46px) rotate(179deg); -webkit-transform: translate(100px, 46px) rotate(179deg); transform: translate(100px, 46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-two { 50% { -ms-transform: translate(100px, 46px) rotate(179deg); -webkit-transform: translate(100px, 46px) rotate(179deg); transform: translate(100px, 46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-three { 50% { -ms-transform: translate(-100px, 0) rotate(-179deg); -webkit-transform: translate(-100px, 0) rotate(-179deg); transform: translate(-100px, 0) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-three { 50% { -ms-transform: translate(-100px, 0) rotate(-179deg); -webkit-transform: translate(-100px, 0) rotate(-179deg); transform: translate(-100px, 0) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-four { 50% { -ms-transform: translate(100px, 0) rotate(179deg); -webkit-transform: translate(100px, 0) rotate(179deg); transform: translate(100px, 0) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-four { 50% { -ms-transform: translate(100px, 0) rotate(179deg); -webkit-transform: translate(100px, 0) rotate(179deg); transform: translate(100px, 0) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-five { 50% { -ms-transform: translate(-100px, -46px) rotate(-179deg); -webkit-transform: translate(-100px, -46px) rotate(-179deg); transform: translate(-100px, -46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-five { 50% { -ms-transform: translate(-100px, -46px) rotate(-179deg); -webkit-transform: translate(-100px, -46px) rotate(-179deg); transform: translate(-100px, -46px) rotate(-179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @-webkit-keyframes square-6-six { 50% { -ms-transform: translate(100px, -46px) rotate(179deg); -webkit-transform: translate(100px, -46px) rotate(179deg); transform: translate(100px, -46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes square-6-six { 50% { -ms-transform: translate(100px, -46px) rotate(179deg); -webkit-transform: translate(100px, -46px) rotate(179deg); transform: translate(100px, -46px) rotate(179deg); } 100% { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .square-7 { background-color: #e74c3c; } .square-7 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 100px; width: 100px; margin-top: -50px; margin-left: -50px; } .square-7 .spinner { width: 25px; height: 25px; background-color: #fff; margin-right: 50px; float: left; margin-bottom: 50px; } .square-7 .spinner:nth-child(2n+0) { margin-right: 0; } .square-7 #spinner_one { -webkit-animation: square-7-one 2s infinite; -o-animation: square-7-one 2s infinite; animation: square-7-one 2s infinite; } .square-7 #spinner_two { -webkit-animation: square-7-two 2s infinite; -o-animation: square-7-two 2s infinite; animation: square-7-two 2s infinite; } .square-7 #spinner_three { -webkit-animation: square-7-three 2s infinite; -o-animation: square-7-three 2s infinite; animation: square-7-three 2s infinite; } .square-7 #spinner_four { -webkit-animation: square-7-four 2s infinite; -o-animation: square-7-four 2s infinite; animation: square-7-four 2s infinite; } @-webkit-keyframes square-7-one { 25% { -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(75px, 75px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-one { 25% { transform: translate(75px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(75px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(75px, 75px) rotate(-180deg); -webkit-transform: translate(75px, 75px) rotate(-180deg); } 75% { transform: translate(0, 75px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, 75px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-7-two { 25% { -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-75px, 75px) rotate(-180deg); } 75% { -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-two { 25% { transform: translate(0, 75px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, 75px) rotate(-90deg) scale(0.5); } 50% { transform: translate(-75px, 75px) rotate(-180deg); -webkit-transform: translate(-75px, 75px) rotate(-180deg); } 75% { transform: translate(-75px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(-75px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-7-three { 25% { -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(75px, -75px) rotate(-180deg); } 75% { -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-three { 25% { transform: translate(0, -75px) rotate(-90deg) scale(0.5); -webkit-transform: translate(0, -75px) rotate(-90deg) scale(0.5); } 50% { transform: translate(75px, -75px) rotate(-180deg); -webkit-transform: translate(75px, -75px) rotate(-180deg); } 75% { transform: translate(75px, 0) rotate(-270deg) scale(0.5); -webkit-transform: translate(75px, 0) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-7-four { 25% { -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5); } 50% { -webkit-transform: translate(-75px, -75px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-7-four { 25% { transform: translate(-75px, 0) rotate(-90deg) scale(0.5); -webkit-transform: translate(-75px, 0) rotate(-90deg) scale(0.5); } 50% { transform: translate(-75px, -75px) rotate(-180deg); -webkit-transform: translate(-75px, -75px) rotate(-180deg); } 75% { transform: translate(0, -75px) rotate(-270deg) scale(0.5); -webkit-transform: translate(0, -75px) rotate(-270deg) scale(0.5); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .square-8 { background-color: #2c3e50; } .square-8 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 50px; margin-top: -25px; margin-left: -25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: square-8-loading-center-absolute 1.5s infinite; -o-animation: square-8-loading-center-absolute 1.5s infinite; animation: square-8-loading-center-absolute 1.5s infinite; } .square-8 .spinner { width: 25px; height: 25px; background-color: #fff; float: left; } .square-8 #spinner_one { -webkit-animation: square-8-one 1.5s infinite; -o-animation: square-8-one 1.5s infinite; animation: square-8-one 1.5s infinite; } .square-8 #spinner_two { -webkit-animation: square-8-two 1.5s infinite; -o-animation: square-8-two 1.5s infinite; animation: square-8-two 1.5s infinite; } .square-8 #spinner_three { -webkit-animation: square-8-three 1.5s infinite; -o-animation: square-8-three 1.5s infinite; animation: square-8-three 1.5s infinite; } .square-8 #spinner_four { -webkit-animation: square-8-four 1.5s infinite; -o-animation: square-8-four 1.5s infinite; animation: square-8-four 1.5s infinite; } @-webkit-keyframes square-8-loading-center-absolute { 100% { -webkit-transform: rotate(-45deg); } } @keyframes square-8-loading-center-absolute { 100% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } } @-webkit-keyframes square-8-one { 25% { -webkit-transform: translate(0, -50px) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-one { 25% { transform: translate(0, -50px) rotate(-180deg); -webkit-transform: translate(0, -50px) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } @-webkit-keyframes square-8-two { 25% { -webkit-transform: translate(50px, 0) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-two { 25% { transform: translate(50px, 0) rotate(-180deg); -webkit-transform: translate(50px, 0) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } @-webkit-keyframes square-8-three { 25% { -webkit-transform: translate(-50px, 0) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-three { 25% { transform: translate(-50px, 0) rotate(-180deg); -webkit-transform: translate(-50px, 0) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: rtranslate(0, 0) rotate(-180deg); } } @-webkit-keyframes square-8-four { 25% { -webkit-transform: translate(0, 50px) rotate(-180deg); } 100% { -webkit-transform: translate(0, 0) rotate(-180deg); } } @keyframes square-8-four { 25% { transform: translate(0, 50px) rotate(-180deg); -webkit-transform: translate(0, 50px) rotate(-180deg); } 100% { transform: translate(0, 0) rotate(-180deg); -webkit-transform: translate(0, 0) rotate(-180deg); } } .square-9 { background-color: #1e1e20; } .square-9 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .square-9 .spinner { width: 20px; height: 20px; background-color: #fff; margin-right: 110px; float: left; margin-bottom: 110px; } .square-9 .spinner:nth-child(2n+0) { margin-right: 0; } .square-9 #spinner_one { -webkit-animation: square-9-one 2s infinite; -o-animation: square-9-one 2s infinite; animation: square-9-one 2s infinite; } .square-9 #spinner_two { -webkit-animation: square-9-two 2s infinite; -o-animation: square-9-two 2s infinite; animation: square-9-two 2s infinite; } .square-9 #spinner_three { -webkit-animation: square-9-three 2s infinite; -o-animation: square-9-three 2s infinite; animation: square-9-three 2s infinite; } .square-9 #spinner_four { -webkit-animation: square-9-four 2s infinite; -o-animation: square-9-four 2s infinite; animation: square-9-four 2s infinite; } .square-9 #spinner_big { -webkit-animation: square-9-big 0.5s infinite; -o-animation: square-9-big 0.5s infinite; animation: square-9-big 0.5s infinite; position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; } @-webkit-keyframes square-9-big { 25% { -webkit-transform: scale(0.5); } } @keyframes square-9-big { 25% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes square-9-one { 25% { -webkit-transform: translate(130px, 0) rotate(-90deg); } 50% { -webkit-transform: translate(130px, 130px) rotate(-180deg); } 75% { -webkit-transform: translate(0, 130px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-one { 25% { transform: translate(130px, 0) rotate(-90deg); -webkit-transform: translate(130px, 0) rotate(-90deg); } 50% { transform: translate(130px, 130px) rotate(-180deg); -webkit-transform: translate(130px, 130px) rotate(-180deg); } 75% { transform: translate(0, 130px) rotate(-270deg); -webkit-transform: translate(0, 130px) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-9-two { 25% { -webkit-transform: translate(0, 130px) rotate(-90deg); } 50% { -webkit-transform: translate(-130px, 130px) rotate(-180deg); } 75% { -webkit-transform: translate(-130px, 0) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-two { 25% { transform: translate(0, 130px) rotate(-90deg); -webkit-transform: translate(0, 130px) rotate(-90deg); } 50% { transform: translate(-130px, 130px) rotate(-180deg); -webkit-transform: translate(-130px, 130px) rotate(-180deg); } 75% { transform: translate(-130px, 0) rotate(-270deg); -webkit-transform: translate(-130px, 0) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-9-three { 25% { -webkit-transform: translate(0, -130px) rotate(-90deg); } 50% { -webkit-transform: translate(130px, -130px) rotate(-180deg); } 75% { -webkit-transform: translate(130px, 0) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-three { 25% { transform: translate(0, -130px) rotate(-90deg); -webkit-transform: translate(0, -130px) rotate(-90deg); } 50% { transform: translate(130px, -130px) rotate(-180deg); -webkit-transform: translate(130px, -130px) rotate(-180deg); } 75% { transform: translate(130px, 0) rotate(-270deg); -webkit-transform: translate(130px, 0) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @-webkit-keyframes square-9-four { 25% { -webkit-transform: translate(-130px, 0) rotate(-90deg); } 50% { -webkit-transform: translate(-130px, -130px) rotate(-180deg); } 75% { -webkit-transform: translate(0, -130px) rotate(-270deg); } 100% { -webkit-transform: rotate(-360deg); } } @keyframes square-9-four { 25% { transform: translate(-130px, 0) rotate(-90deg); -webkit-transform: translate(-130px, 0) rotate(-90deg); } 50% { transform: translate(-130px, -130px) rotate(-180deg); -webkit-transform: translate(-130px, -130px) rotate(-180deg); } 75% { transform: translate(0, -130px) rotate(-270deg); -webkit-transform: translate(0, -130px) rotate(-270deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .round-1 { background-color: #374140; } .round-1 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; } .round-1 .spinner { width: 20px; height: 20px; background-color: #FFF; float: left; margin-right: 20px; margin-top: 65px; border-radius: 100%; } .round-1 #spinner_one { -webkit-animation: round-1-one 1.5s infinite; -o-animation: round-1-one 1.5s infinite; animation: round-1-one 1.5s infinite; } .round-1 #spinner_two { -webkit-animation: round-1-two 1.5s infinite; -o-animation: round-1-two 1.5s infinite; animation: round-1-two 1.5s infinite; -webkit-animation-delay: 0.25s; animation-delay: 0.25s; } .round-1 #spinner_three { -webkit-animation: round-1-three 1.5s infinite; -o-animation: round-1-three 1.5s infinite; animation: round-1-three 1.5s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes round-1-one { 75% { -webkit-transform: scale(0); } } @keyframes round-1-one { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes round-1-two { 75% { -webkit-transform: scale(0); } } @keyframes round-1-two { 75% { transform: scale(0); -webkit-transform: scale(0); } } @-webkit-keyframes round-1-three { 75% { -webkit-transform: scale(0); } } @keyframes round-1-three { 75% { transform: scale(0); -webkit-transform: scale(0); } } .round-2 { background-color: #dc3522; } .round-2 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .round-2 .spinner { width: 20px; height: 20px; background-color: #FFF; position: absolute; left: 65px; top: 65px; border-radius: 50%; } .round-2 .spinner:nth-child(2n+0) { margin-right: 0; } .round-2 #spinner_one { -webkit-animation: round-2-one 2s infinite; -o-animation: round-2-one 2s infinite; animation: round-2-one 2s infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .round-2 #spinner_two { -webkit-animation: round-2-two 2s infinite; -o-animation: round-2-two 2s infinite; animation: round-2-two 2s infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .round-2 #spinner_three { -webkit-animation: round-2-three 2s infinite; -o-animation: round-2-three 2s infinite; animation: round-2-three 2s infinite; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .round-2 #spinner_four { -webkit-animation: round-2-four 2s infinite; -o-animation: round-2-four 2s infinite; animation: round-2-four 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round-2 #spinner_five { -webkit-animation: round-2-five 2s infinite; -o-animation: round-2-five 2s infinite; animation: round-2-five 2s infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .round-2 #spinner_six { -webkit-animation: round-2-six 2s infinite; -o-animation: round-2-six 2s infinite; animation: round-2-six 2s infinite; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .round-2 #spinner_seven { -webkit-animation: round-2-seven 2s infinite; -o-animation: round-2-seven 2s infinite; animation: round-2-seven 2s infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .round-2 #spinner_eight { -webkit-animation: round-2-eight 2s infinite; -o-animation: round-2-eight 2s infinite; animation: round-2-eight 2s infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .round-2 #spinner_big { position: absolute; width: 50px; height: 50px; left: 50px; top: 50px; -webkit-animation: round-2-big 2s infinite; -o-animation: round-2-big 2s infinite; animation: round-2-big 2s infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } @-webkit-keyframes round-2-big { 50% { -webkit-transform: scale(0.5); } } @keyframes round-2-big { 50% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes round-2-one { 50% { -webkit-transform: translate(-65px, -65px); } } @keyframes round-2-one { 50% { transform: translate(-65px, -65px); -webkit-transform: translate(-65px, -65px); } } @-webkit-keyframes round-2-two { 50% { -webkit-transform: translate(0, -65px); } } @keyframes round-2-two { 50% { transform: translate(0, -65px); -webkit-transform: translate(0, -65px); } } @-webkit-keyframes round-2-three { 50% { -webkit-transform: translate(65px, -65px); } } @keyframes round-2-three { 50% { transform: translate(65px, -65px); -webkit-transform: translate(65px, -65px); } } @-webkit-keyframes round-2-four { 50% { -webkit-transform: translate(65px, 0); } } @keyframes round-2-four { 50% { transform: translate(65px, 0); -webkit-transform: translate(65px, 0); } } @-webkit-keyframes round-2-five { 50% { -webkit-transform: translate(65px, 65px); } } @keyframes round-2-five { 50% { transform: translate(65px, 65px); -webkit-transform: translate(65px, 65px); } } @-webkit-keyframes round-2-six { 50% { -webkit-transform: translate(0, 65px); } } @keyframes round-2-six { 50% { transform: translate(0, 65px); -webkit-transform: translate(0, 65px); } } @-webkit-keyframes round-2-seven { 50% { -webkit-transform: translate(-65px, 65px); } } @keyframes round-2-seven { 50% { transform: translate(-65px, 65px); -webkit-transform: translate(-65px, 65px); } } @-webkit-keyframes round-2-eight { 50% { -webkit-transform: translate(-65px, 0); } } @keyframes round-2-eight { 50% { transform: translate(-65px, 0); -webkit-transform: translate(-65px, 0); } } .round-3 { background-color: #88a825; } .round-3 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 200px; margin-top: -25px; margin-left: -100px; } .round-3 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; margin-top: 15px; border-radius: 100%; } .round-3 #first_spinner { -webkit-animation: round-3-first 2s infinite; -o-animation: round-3-first 2s infinite; animation: round-3-first 2s infinite; } .round-3 #second_spinner { -webkit-animation: round-3-second 2s infinite; -o-animation: round-3-second 2s infinite; animation: round-3-second 2s infinite; } @-webkit-keyframes round-3-first { 25% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } 50% { -ms-transform: translate(180px, 0) scale(1); -webkit-transform: translate(180px, 0) scale(1); transform: translate(180px, 0) scale(1); } 75% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } } @keyframes round-3-first { 25% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } 50% { -ms-transform: translate(180px, 0) scale(1); -webkit-transform: translate(180px, 0) scale(1); transform: translate(180px, 0) scale(1); } 75% { -ms-transform: translate(90px, 0) scale(2); -webkit-transform: translate(90px, 0) scale(2); transform: translate(90px, 0) scale(2); } } @-webkit-keyframes round-3-second { 25% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } 50% { -ms-transform: translate(-180px, 0) scale(1); -webkit-transform: translate(-180px, 0) scale(1); transform: translate(-180px, 0) scale(1); } 75% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } } @keyframes round-3-second { 25% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } 50% { -ms-transform: translate(-180px, 0) scale(1); -webkit-transform: translate(-180px, 0) scale(1); transform: translate(-180px, 0) scale(1); } 75% { -ms-transform: translate(-90px, 0) scale(2); -webkit-transform: translate(-90px, 0) scale(2); transform: translate(-90px, 0) scale(2); } } .round-4 { background-color: #35203b; } .round-4 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 300px; margin-top: -25px; margin-left: -150px; } .round-4 .spinner { width: 18px; height: 18px; background-color: #fff; float: left; margin-top: 15px; margin-right: 15px; border-radius: 100%; -webkit-animation: round-4 1s infinite; -o-animation: round-4 1s infinite; animation: round-4 1s infinite; } .round-4 .spinner:last-child { margin-right: 0px; } .round-4 .spinner:nth-child(9) { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .round-4 .spinner:nth-child(8) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .round-4 .spinner:nth-child(7) { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .round-4 .spinner:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .round-4 .spinner:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round-4 .spinner:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .round-4 .spinner:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .round-4 .spinner:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes round-4 { 50% { -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } @keyframes round-4 { 50% { -ms-transform: translate(0, -50px); -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } } .round-5 { background-color: #cf4a30; } .round-5 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 60px; width: 60px; margin-top: -30px; margin-left: -30px; -webkit-animation: round-5-loading-center-absolute 1s infinite; -o-animation: round-5-loading-center-absolute 1s infinite; animation: round-5-loading-center-absolute 1s infinite; } .round-5 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; border-radius: 50%; margin-right: 20px; margin-bottom: 20px; } .round-5 .spinner:nth-child(2n+0) { margin-right: 0; } .round-5 #spinner_one { -webkit-animation: round-5-one 1s infinite; -o-animation: round-5-one 1s infinite; animation: round-5-one 1s infinite; } .round-5 #spinner_two { -webkit-animation: round-5-two 1s infinite; -o-animation: round-5-two 1s infinite; animation: round-5-two 1s infinite; } .round-5 #spinner_three { -webkit-animation: round-5-three 1s infinite; -o-animation: round-5-three 1s infinite; animation: round-5-three 1s infinite; } .round-5 #spinner_four { -webkit-animation: round-5-four 1s infinite; -o-animation: round-5-four 1s infinite; animation: round-5-four 1s infinite; } @-webkit-keyframes round-5-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round-5-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes round-5-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes round-5-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes round-5-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes round-5-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes round-5-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes round-5-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes round-5-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes round-5-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } .round-6 { background-color: #ed8c2b; } .round-6 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 20px; width: 140px; margin-top: -10px; margin-left: -70px; -webkit-animation: round-6-loading-center-absolute 1s infinite; -o-animation: round-6-loading-center-absolute 1s infinite; animation: round-6-loading-center-absolute 1s infinite; } .round-6 .spinner { width: 20px; height: 20px; background-color: #fff; float: left; border-radius: 100%; margin-right: 20px; margin-bottom: 20px; } .round-6 .spinner:last-child { margin-right: 0; } .round-6 #spinner_one { -webkit-animation: round-6-one 1s infinite; -o-animation: round-6-one 1s infinite; animation: round-6-one 1s infinite; } .round-6 #spinner_two { -webkit-animation: round-6-two 1s infinite; -o-animation: round-6-two 1s infinite; animation: round-6-two 1s infinite; } .round-6 #spinner_three { -webkit-animation: round-6-three 1s infinite; -o-animation: round-6-three 1s infinite; animation: round-6-three 1s infinite; } .round-6 #spinner_four { -webkit-animation: round-6-four 1s infinite; -o-animation: round-6-four 1s infinite; animation: round-6-four 1s infinite; } @-webkit-keyframes round-6-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes round-6-loading-center-absolute { 100% { -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes round-6-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @keyframes round-6-one { 50% { -ms-transform: translate(20px, 20px); -webkit-transform: translate(20px, 20px); transform: translate(20px, 20px); } } @-webkit-keyframes round-6-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @keyframes round-6-two { 50% { -ms-transform: translate(-20px, 20px); -webkit-transform: translate(-20px, 20px); transform: translate(-20px, 20px); } } @-webkit-keyframes round-6-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @keyframes round-6-three { 50% { -ms-transform: translate(20px, -20px); -webkit-transform: translate(20px, -20px); transform: translate(20px, -20px); } } @-webkit-keyframes round-6-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } @keyframes round-6-four { 50% { -ms-transform: translate(-20px, -20px); -webkit-transform: translate(-20px, -20px); transform: translate(-20px, -20px); } } .round-7 { background-color: #db5800; } .round-7 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 20px; width: 100px; margin-top: -10px; margin-left: -50px; } .round-7 .spinner { width: 20px; height: 20px; background-color: #fff; border-radius: 100%; margin-right: 20px; margin-bottom: 20px; position: absolute; } .round-7 #spinner_one { -webkit-animation: round-7 2s linear infinite; -o-animation: round-7 2s linear infinite; animation: round-7 2s linear infinite; } .round-7 #spinner_two { -webkit-animation: round-7 2s linear infinite -0.4s; -o-animation: round-7 2s linear infinite -0.4s; animation: round-7 2s linear infinite -0.4s; } .round-7 #spinner_three { -webkit-animation: round-7 2s linear infinite -0.8s; -o-animation: round-7 2s linear infinite -0.8s; animation: round-7 2s linear infinite -0.8s; } .round-7 #spinner_four { -webkit-animation: round-7 2s linear infinite -1.2s; -o-animation: round-7 2s linear infinite -1.2s; animation: round-7 2s linear infinite -1.2s; } .round-7 #spinner_five { -webkit-animation: round-7 2s linear infinite -1.6s; -o-animation: round-7 2s linear infinite -1.6s; animation: round-7 2s linear infinite -1.6s; } @-webkit-keyframes round-7 { 0% { left: 100px; top: 0; } 80% { left: 0; top: 0; } 85% { left: 0; top: -20px; width: 20px; height: 20px; } 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px; } 100% { left: 100px; top: 0; } } @keyframes round-7 { 0% { left: 100px; top: 0; } 80% { left: 0; top: 0; } 85% { left: 0; top: -20px; width: 20px; height: 20px; } 90% { width: 40px; height: 15px; } 95% { left: 100px; top: -20px; width: 20px; height: 20px; } 100% { left: 100px; top: 0; } } .round-8 { background-color: #ff9000; } .round-8 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 118px; width: 118px; margin-top: -59px; margin-left: -59px; } .round-8 .spinner { width: 20px; height: 20px; background-color: #fff; margin-right: 20px; float: left; margin-bottom: 20px; border-radius: 50%; } .round-8 .spinner:nth-child(3n+0) { margin-right: 0px; } .round-8 #spinner_one { -webkit-animation: round-8 1s -0.9s ease-in-out infinite; -o-animation: round-8 1s -0.9s ease-in-out infinite; animation: round-8 1s -0.9s ease-in-out infinite; } .round-8 #spinner_two { -webkit-animation: round-8 1s -0.8s ease-in-out infinite; -o-animation: round-8 1s -0.8s ease-in-out infinite; animation: round-8 1s -0.8s ease-in-out infinite; } .round-8 #spinner_three { -webkit-animation: round-8 1s -0.7s ease-in-out infinite; -o-animation: round-8 1s -0.7s ease-in-out infinite; animation: round-8 1s -0.7s ease-in-out infinite; } .round-8 #spinner_four { -webkit-animation: round-8 1s -0.6s ease-in-out infinite; -o-animation: round-8 1s -0.6s ease-in-out infinite; animation: round-8 1s -0.6s ease-in-out infinite; } .round-8 #spinner_five { -webkit-animation: round-8 1s -0.5s ease-in-out infinite; -o-animation: round-8 1s -0.5s ease-in-out infinite; animation: round-8 1s -0.5s ease-in-out infinite; } .round-8 #spinner_six { -webkit-animation: round-8 1s -0.4s ease-in-out infinite; -o-animation: round-8 1s -0.4s ease-in-out infinite; animation: round-8 1s -0.4s ease-in-out infinite; } .round-8 #spinner_seven { -webkit-animation: round-8 1s -0.3s ease-in-out infinite; -o-animation: round-8 1s -0.3s ease-in-out infinite; animation: round-8 1s -0.3s ease-in-out infinite; } .round-8 #spinner_eight { -webkit-animation: round-8 1s -0.2s ease-in-out infinite; -o-animation: round-8 1s -0.2s ease-in-out infinite; animation: round-8 1s -0.2s ease-in-out infinite; } .round-8 #spinner_nine { -webkit-animation: round-8 1s -0.1s ease-in-out infinite; -o-animation: round-8 1s -0.1s ease-in-out infinite; animation: round-8 1s -0.1s ease-in-out infinite; } @-webkit-keyframes round-8 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes round-8 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } .round-9 { background-color: #f0c600; } .round-9 .haru-loading-site-absolute { position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; margin-top: -75px; margin-left: -75px; border-radius: 50%; } .round-9 .spinner { width: 20px; height: 20px; background-color: #fff; position: absolute; border-radius: 50%; -webkit-animation: round-9 0.8s infinite; -o-animation: round-9 0.8s infinite; animation: round-9 0.8s infinite; } .round-9 #spinner_one { top: 19px; left: 19px; } .round-9 #spinner_two { top: 0px; left: 65px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .round-9 #spinner_three { top: 19px; left: 111px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .round-9 #spinner_four { top: 65px; left: 130px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .round-9 #spinner_five { top: 111px; left: 111px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .round-9 #spinner_six { top: 130px; left: 65px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .round-9 #spinner_seven { top: 111px; left: 19px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .round-9 #spinner_eight { top: 65px; left: 0px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } @-webkit-keyframes round-9 { 25% { -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 75% { -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); } } @keyframes round-9 { 50% { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } 100% { -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } } #haru-site-preloader { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; } #haru-site-preloader .haru-loading-site { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /*----------------------------------- * DIALOG *-----------------------------------*/ .animated { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .dialog { position: fixed; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; pointer-events: none; z-index: 9999; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); top: 0px; left: 0px; } .dialog.dialog--open { visibility: visible; } .dialog__content { width: 100%; height: 100%; padding: 20px; text-align: center; position: relative; z-index: 5; opacity: 0; } .dialog--open .dialog__content { pointer-events: auto; } .dialog--open .dialog__overlay { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; } .dialog--close .dialog__overlay { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .dialog__content { padding: 0; } .dialog.dialog--open .dialog__content { opacity: 1; } .morph-shape { position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); top: -2px; left: -2px; z-index: -1; } .morph-shape svg rect { stroke: #fff; stroke-width: 2px; stroke-dasharray: 1680; } .dialog--open .morph-shape svg rect { -webkit-animation: anim-dash 0.6s forwards; -o-animation: anim-dash 0.6s forwards; animation: anim-dash 0.6s forwards; } .dialog-inner { opacity: 0; } .dialog-inner div button { background-color: transparent; } .dialog-inner div button i { font-size: 20px; } .dialog--open .dialog-inner { padding: 30px; opacity: 1; -webkit-transition: opacity 0.85s 0.35s; -o-transition: opacity 0.85s 0.35s; transition: opacity 0.85s 0.35s; } .dialog.dialog--open h2 { -webkit-animation: anim-elem-1 0.7s ease-out both; -o-animation: anim-elem-1 0.7s ease-out both; animation: anim-elem-1 0.7s ease-out both; } .dialog.dialog--open button[data-dialog-close] { position: absolute; border: none; outline: none; top: 10%; right: 5%; width: 50px; height: 50px; line-height: 1; color: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .dialog.dialog--open button[data-dialog-close]:hover { color: #006ad0; } .dialog.dialog--open p { line-height: 1.5; font-size: 18px; } @keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } @-webkit-keyframes anim-dash { 0% { stroke-dashoffset: 1680; } 100% { stroke-dashoffset: 0; } } /* Inner elements animations */ @-webkit-keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes anim-elem-1 { 0% { opacity: 0; } 100% { opacity: 1; } } /* FadeInDown for Search Popup*/ @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .dialog--open { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /*----------------------------------- * NEWSLETTER POPUP *-----------------------------------*/ #haru-popup { background-color: #fff; box-sizing: border-box; margin: 40px auto; max-width: 95%; position: relative; text-align: left; background-repeat: no-repeat !important; background-size: cover !important; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } @media screen and (max-width: 767px) { #haru-popup { max-height: 400px !important; } } #haru-popup .newsletter-title { color: #006ad0; font-size: 28px; } @media screen and (max-width: 991px) { #haru-popup .newsletter-title { font-size: 24px; } } #haru-popup .newsletter-description { font-size: 17px; font-weight: 600; line-height: 1.8; } @media screen and (max-width: 991px) { #haru-popup .newsletter-description { font-size: 15px; } } #haru-popup .popup-left { width: 50%; float: left; height: 100%; } @media screen and (max-width: 767px) { #haru-popup .popup-left { width: 100%; clear: both; } } #haru-popup .popup-right { width: 50%; float: right; height: 100%; position: relative; text-align: center; } @media screen and (max-width: 767px) { #haru-popup .popup-right { width: 100%; background-color: #fff; clear: both; position: absolute; } } #haru-popup .popup-right .popup-right-content { position: absolute; width: 100%; top: 50%; padding: 0 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { #haru-popup .popup-right .popup-right-content { padding: 0 40px; } } #haru-popup .subscribe-default { position: relative; padding-bottom: 5px; } #haru-popup .subscribe-default .subscribe-email { width: 100%; padding: 0; border: none; margin-top: 30px; } #haru-popup .subscribe-default .subscribe-email input[type="email"] { border: 1px solid #e5e5e5; font-style: italic; width: 100%; padding: 9px 0 9px 9px; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #haru-popup .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder { color: #fff; opacity: 1; } #haru-popup .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder { color: #fff; } #haru-popup .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder { color: #fff; } #haru-popup .subscribe-default .subscribe-email input[type="email"]:focus { outline: none; border: 1px solid #006ad0; } #haru-popup .subscribe-default .subscribe-submit input[type="submit"] { border: 1px solid #006ad0; background: none; text-transform: uppercase; padding: 10px 0; color: #fff; background: #006ad0; } #haru-popup .subscribe-default .subscribe-submit input[type="submit"]:hover { background: #fff; color: #006ad0; } #haru-popup .subscribe-default .subscribe-submit input[type="submit"]:focus { outline: none; } #haru-popup .checkbox-label { margin-top: 15px; } #haru-popup .checkbox-label .showagain { margin-right: 3px; } #haru-popup .checkbox-label label { font-weight: normal; } @media (max-width: 480px) { #haru-popup .checkbox-label { margin-left: 15px; } } /* * Add css3 animation effect * More details here: http://codepen.io/dimsemenov/pen/GAIkt */ /* ====== Zoom effect ====== */ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.5s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.5s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* ====== Newspaper effect ====== */ .mfp-newspaper { /* start state */ /* animate in */ /* animate out */ } .mfp-newspaper .mfp-with-anim { opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s; transform: scale(0) rotate(500deg); } .mfp-newspaper.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-newspaper.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1) rotate(0deg); } .mfp-newspaper.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-newspaper.mfp-removing .mfp-with-anim { transform: scale(0) rotate(500deg); opacity: 0; } .mfp-newspaper.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-horizontal effect ====== */ .mfp-move-horizontal { /* start state */ /* animate in */ /* animate out */ } .mfp-move-horizontal .mfp-with-anim { opacity: 0; transition: all 0.3s; transform: translateX(-50px); } .mfp-move-horizontal.mfp-bg { opacity: 0; transition: all 0.3s; } .mfp-move-horizontal.mfp-ready .mfp-with-anim { opacity: 1; transform: translateX(0); } .mfp-move-horizontal.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-horizontal.mfp-removing .mfp-with-anim { transform: translateX(50px); opacity: 0; } .mfp-move-horizontal.mfp-removing.mfp-bg { opacity: 0; } /* ====== Move-from-top effect ====== */ .mfp-move-from-top { /* start state */ /* animate in */ /* animate out */ } .mfp-move-from-top .mfp-content { vertical-align: top; } .mfp-move-from-top .mfp-with-anim { opacity: 0; transition: all 0.2s; transform: translateY(-100px); } .mfp-move-from-top.mfp-bg { opacity: 0; transition: all 0.2s; } .mfp-move-from-top.mfp-ready .mfp-with-anim { opacity: 1; transform: translateY(0); } .mfp-move-from-top.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-move-from-top.mfp-removing .mfp-with-anim { transform: translateY(-50px); opacity: 0; } .mfp-move-from-top.mfp-removing.mfp-bg { opacity: 0; } /* ====== 3d unfold ====== */ .mfp-3d-unfold { /* start state */ /* animate in */ /* animate out */ } .mfp-3d-unfold .mfp-content { perspective: 2000px; } .mfp-3d-unfold .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform-style: preserve-3d; transform: rotateY(-60deg); } .mfp-3d-unfold.mfp-bg { opacity: 0; transition: all 0.5s; } .mfp-3d-unfold.mfp-ready .mfp-with-anim { opacity: 1; transform: rotateY(0deg); } .mfp-3d-unfold.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-3d-unfold.mfp-removing .mfp-with-anim { transform: rotateY(60deg); opacity: 0; } .mfp-3d-unfold.mfp-removing.mfp-bg { opacity: 0; } /* ====== Zoom-out effect ====== */ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } /* ====== "Hinge" close effect ====== */ @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { animation-duration: 1s; animation-name: hinge; } .mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg { opacity: 0; transition: opacity 0.5s ease-out; } .mfp-with-fade.mfp-ready .mfp-content { opacity: 1; } .mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0; } .widget-social-profile ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .widget-social-profile ul li { display: inline-block; } @media screen and (max-width: 767px) { .widget-social-profile ul li { padding: 0 5px; } } .widget-social-profile ul li:first-child a i { padding-left: 0; } .widget-social-profile ul li a { color: #9f9f9f; display: inline-block; font-size: 0; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget-social-profile ul li a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget-social-profile ul li a i { font-size: 16px; padding: 10px 10px; } .widget-my-account a { color: #9f9f9f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget-my-account a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget-my-account a:first-child { padding-right: 15px; border-right: 1px solid #e5e5e5; } .widget-my-account a:last-child { padding-left: 12px; } /*----------------------------------- * 3. THEME *-----------------------------------*/ /*----------------------------------- * BASE STYLE *-----------------------------------*/ body { color: #3f3f3f; line-height: 1.8; overflow-x: hidden; font-family: "Poppins"; -webkit-font-smoothing: antialiased; } a { text-decoration: none; color: #3f3f3f; } a:hover { color: #006ad0; text-decoration: none; } a:active { color: #006ad0; text-decoration: none; } a:focus { color: #006ad0; outline: none; text-decoration: none; } h1, h2, h3, h4, h5, h6 { color: #3f3f3f; font-family: "Poppins"; font-weight: 700; } img { max-width: 100%; height: auto; } p { line-height: 1.8; } /*----------------------------------- * LAYOUT STYLE *-----------------------------------*/ body.layout-boxed #haru-main { max-width: 1200px; margin: auto; overflow: hidden; } body.layout-float .vc_row:not(.vc_inner) { padding: 0; } @media screen and (max-width: 1399px) { body.layout-float .vc_row:not(.vc_inner) { padding: 0 25px; } } @media screen and (max-width: 1199px) { body.layout-float .vc_row:not(.vc_inner) { padding: 0; } } body.layout-float .vc_row[data-vc-full-width] { padding: 0 85px; } body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding { padding: 0 100px; } @media screen and (max-width: 1399px) { body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding { padding: 0 50px; } } @media screen and (max-width: 1199px) { body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding { padding: 0 50px; } } @media screen and (max-width: 991px) { body.layout-float .vc_row[data-vc-full-width].vc_row-no-padding { padding: 0 15px; } } @media screen and (max-width: 1399px) { body.layout-float .vc_row[data-vc-full-width] { padding: 0 35px; } } @media screen and (max-width: 1199px) { body.layout-float .vc_row[data-vc-full-width] { padding: 0 35px; } } @media screen and (max-width: 991px) { body.layout-float .vc_row[data-vc-full-width] { padding: 0; } } body.layout-float .header-1 .haru-header-nav-wrap { padding: 0; } /*----------------------------------- * BACK TO TOP *-----------------------------------*/ .back-to-top { display: block; position: fixed; right: 30px; bottom: -45px; background: rgba(0, 0, 0, 0.3); padding: 10px 15px; z-index: 99; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .back-to-top.in { bottom: 30px; } .back-to-top:hover { background: rgba(0, 0, 0, 0.5); } .back-to-top i { color: #fff; font-size: 18px; } /*----------------------------------- * PAGE TITLE AND BREADCRUMBS *-----------------------------------*/ .haru-page-title-section { background-size: cover; background-color: #f4f4f4; margin-bottom: 80px; position: relative; min-height: 170px; } @media screen and (max-width: 991px) { .haru-page-title-section { margin-bottom: 30px; min-height: 90px; } } @media screen and (max-width: 767px) { .haru-page-title-section { min-height: 58px; } } .haru-page-title-section:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); } .haru-page-title-section .haru-page-title-wrapper { padding-top: 4%; } .haru-page-title-section .haru-page-title-wrapper.no-breadcrumbs { padding-bottom: 8%; } .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { color: #fff; font-size: 50px; margin-bottom: 0; position: relative; text-align: center; } @media screen and (max-width: 1199px) { .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { font-size: 30px; } } @media screen and (max-width: 991px) { .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { font-size: 24px; } } @media screen and (max-width: 767px) { .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner h2 { font-size: 18px; } } .haru-page-title-section .haru-page-title-wrapper .page-title-inner .block-center-inner .page-sub-title { display: block; position: relative; padding-top: 15px; color: #fff; text-align: center; } .haru-page-title-section .haru-breadcrumb-wrapper { padding-bottom: 4%; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs { list-style-type: none; list-style: none; padding: 0; text-align: center; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li { position: relative; display: inline-block; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:last-child { padding-right: 0; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li span { color: #fff; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a { color: #fff; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li a:hover { color: #006ad0; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:first-child:before { display: none; } .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li:before { content: "|"; color: #fff; font-family: fontAwesome; left: -18px; position: absolute; } @media screen and (max-width: 991px) { .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li { padding-top: 15px; padding-bottom: 15px; font-size: 14px; } } @media screen and (max-width: 767px) { .haru-page-title-section .haru-breadcrumb-wrapper .breadcrumbs li { padding-top: 5px; padding-bottom: 5px; } } .hide-page-title .haru-single-blog, .hide-page-title .haru-archive-blog, .hide-page-title .haru-archive-product, .hide-page-title .haru-single-product { margin-top: 80px; } @media screen and (max-width: 991px) { .hide-page-title .haru-single-blog, .hide-page-title .haru-archive-blog, .hide-page-title .haru-archive-product, .hide-page-title .haru-single-product { margin-top: 40px; } } /*----------------------------------- * CUSTOMIZE VISUAL COMPOSER OVERLAY *-----------------------------------*/ .overlay-bg-vc-wapper { position: relative; } .overlay-bg-vc { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /*----------------------------------- * CONTACT PAGES *-----------------------------------*/ .contact-form .contact-title { font-size: 14px; font-weight: 600; margin-bottom: 15px; margin-top: 0; } .contact-form .contact-title span { color: red; margin-left: 5px; } .contact-form .contact-name { padding-right: 15px; width: 50%; float: left; } @media screen and (max-width: 767px) { .contact-form .contact-name { width: 100%; padding-right: 0; } } .contact-form .contact-email { padding-left: 15px; width: 50%; float: left; } @media screen and (max-width: 767px) { .contact-form .contact-email { width: 100%; padding-left: 0; } } .contact-form .contact-subject { clear: both; } .contact-form .contact-submit input { position: relative; margin-top: -5px; border: 1px solid #006ad0; background: #006ad0; color: #fff; font-weight: 600; padding: 8px 25px; border-radius: 4px; min-width: 135px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .contact-form .contact-submit input { margin-top: 10px; } } .contact-form .contact-submit input:hover { background: #00509d; color: #fff; } .contact-form .contact-submit input:focus { outline: none; } .contact-form .contact-label { padding: 10px 0; text-transform: uppercase; } .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea { border: 1px solid #e5e5e5; background-color: #fff; margin-bottom: 30px; padding: 7px 15px; width: 100%; border-radius: 5px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .contact-form input[type="text"]::-moz-placeholder, .contact-form input[type="tel"]::-moz-placeholder, .contact-form input[type="email"]::-moz-placeholder, .contact-form textarea::-moz-placeholder { color: #3f3f3f; opacity: 1; } .contact-form input[type="text"]:-ms-input-placeholder, .contact-form input[type="tel"]:-ms-input-placeholder, .contact-form input[type="email"]:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder { color: #3f3f3f; } .contact-form input[type="text"]::-webkit-input-placeholder, .contact-form input[type="tel"]::-webkit-input-placeholder, .contact-form input[type="email"]::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder { color: #3f3f3f; } .contact-form input[type="text"]:focus, .contact-form input[type="text"]:hover, .contact-form input[type="tel"]:focus, .contact-form input[type="tel"]:hover, .contact-form input[type="email"]:focus, .contact-form input[type="email"]:hover, .contact-form textarea:focus, .contact-form textarea:hover { outline: none; border: 1px solid #006ad0; } @media screen and (max-width: 991px) { .contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea { margin-bottom: 20px; } } /*----------------------------------- * SPECIAL PARALLAX PAGE HOME 2 FIX *-----------------------------------*/ body.parallax-disable { overflow-x: hidden; } body.parallax-disable .vc_row[data-vc-full-width] { overflow: inherit; } /*----------------------------------- * AJAX LOADING OVERFLOW *-----------------------------------*/ .haru-ajax-overflow { display: none; margin: 0; padding: 0; width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-ajax-overflow.active { display: table; z-index: 99999999; } .haru-ajax-overflow .haru-ajax-loading { width: 60px; height: 50px; background-color: #fff; display: inline-block; left: 0; right: 0; margin: auto; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2); } .haru-ajax-overflow .haru-ajax-loading .loading-wrapper { width: 38px; height: 38px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .haru-ajax-overflow .spinner { width: 5px; height: 5px; background-color: #006ad0; position: absolute; border-radius: 50%; -webkit-animation: round-9 0.8s infinite; -o-animation: round-9 0.8s infinite; animation: round-9 0.8s infinite; } .haru-ajax-overflow #spinner_one { top: 5px; left: 5px; } .haru-ajax-overflow #spinner_two { top: 0px; left: 16px; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .haru-ajax-overflow #spinner_three { top: 5px; left: 27px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .haru-ajax-overflow #spinner_four { top: 16px; left: 31px; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .haru-ajax-overflow #spinner_five { top: 27px; left: 27px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .haru-ajax-overflow #spinner_six { top: 31px; left: 16px; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .haru-ajax-overflow #spinner_seven { top: 27px; left: 5px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .haru-ajax-overflow #spinner_eight { top: 16px; left: 0px; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .haru-introduce-widget { text-align: center; } .haru-introduce-widget .intro-description { font-style: italic; margin-top: 20px; } .shape-row { background: linear-gradient(to bottom left, transparent 50%, #006ad0 50%); } .haru-content-404 .page-content { text-align: center; margin-bottom: 80px; } .haru-content-404 .page-content .haru-title-404 { line-height: 1; font-size: 250px; color: #006ad0; } @media screen and (max-width: 991px) { .haru-content-404 .page-content .haru-title-404 { font-size: 200px; } } @media screen and (max-width: 767px) { .haru-content-404 .page-content .haru-title-404 { font-size: 120px; } } .haru-content-404 .page-content p.txt2 { color: #3f3f3f; font-size: 36px; letter-spacing: 0px; margin-top: 30px; } @media screen and (max-width: 991px) { .haru-content-404 .page-content p.txt2 { font-size: 35px; line-height: 35px; } } @media screen and (max-width: 767px) { .haru-content-404 .page-content p.txt2 { font-size: 18px; line-height: 18px; } } .haru-content-404 .page-content p.txt3 { color: #3f3f3f; padding-bottom: 30px; } .haru-content-404 .page-content a { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; font-weight: 700; padding: 10px 30px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-content-404 .page-content a:hover { border: 1px solid #006ad0; background-color: transparent; color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-content-404 .page-content a i { margin-right: 5px; } body.header-over-slideshow .haru-content-404 .page-content { padding-top: 100px; } @media screen and (max-width: 991px) { body.header-over-slideshow .haru-content-404 .page-content { padding-top: 20px; } } .maintenance-mode { background-size: cover; text-align: center; } .maintenance-mode .maintanence-page { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .maintenance-mode .maintanence-page .maintenance-title { font-size: 40px; font-weight: 300; } @media screen and (max-width: 767px) { .maintenance-mode .maintanence-page .maintenance-title { font-size: 20px; } } .maintenance-mode .maintanence-page .countdown-wrapper { padding: 50px 15%; } @media screen and (max-width: 767px) { .maintenance-mode .maintanence-page .countdown-wrapper { padding: 50px 5%; } } .maintenance-mode .maintanence-page .maintenance-social ul { list-style: none; padding: 0; margin: 0; } .maintenance-mode .maintanence-page .maintenance-social li { display: inline-block; font-size: 20px; padding: 0 10px; } @media screen and (max-width: 767px) { .maintenance-mode .maintanence-page .maintenance-social li { font-size: 16px; } } .wp-block-separator { border: none; border-bottom: 2px solid #8f98a1; margin: 1.65em auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } .wp-block-quote:not(.is-large):not(.is-style-large) { border-left: 4px solid #000; padding: 0 0 0 1em; } .wp-block-pullquote { border-bottom: 4px solid #555d66; border-top: 4px solid #555d66; color: #40464d; margin-left: 0; margin-right: 0; padding: 3em 0; margin: 15px 0; text-align: center; } .wp-block-pullquote :not(.is-style-solid-color) { background: none; } .wp-block-pullquote blockquote { padding: 0; border-left: none; } /*----------------------------------- * 4. HEADER *-----------------------------------*/ /*----------------------------------- * HEADER *-----------------------------------*/ /*----------------------------------- * TOPBAR *-----------------------------------*/ body.header-sidebar .haru-top-header { background-color: #fff; } .haru-top-header { border-bottom: 1px solid #e5e5e5; font-size: 12px; } .haru-top-header .topheader-fullwith { padding: 0 5%; } .haru-top-header .top-sidebar.top-header-left { text-align: left; } @media screen and (max-width: 991px) { .haru-top-header .top-sidebar.top-header-left { text-align: center; } } .haru-top-header .top-sidebar.top-header-right { line-height: 36px; text-align: right; } @media screen and (max-width: 991px) { .haru-top-header .top-sidebar.top-header-right { text-align: center; } } @media screen and (max-width: 767px) { .haru-top-header.mobile-top-header-hide { display: none; } } @media screen and (max-width: 767px) { .haru-top-header { height: auto; } } .header-1 .haru-header-nav-wrap { padding: 0 3%; } .header-1 .haru-header-nav-wrap .header-nav-above { height: 105px; } .header-1 .haru-header-nav-wrap .header-nav-above .header-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu { float: none; text-align: center; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li { text-align: left; display: inline-block; float: none; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a { line-height: 105px; padding-top: 0; padding-bottom: 0; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li { position: relative; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul { right: 0; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul > li:hover > ul { left: -100%; right: auto; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul > li:hover > ul > li:hover > ul { left: -100%; right: auto; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul > li:hover > ul > li:hover > ul > li:hover > ul { left: -100%; right: auto; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { left: -100%; right: auto; } .header-1 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li.menu_style_dropdown > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { left: -100%; right: auto; } .header-1 .haru-header-nav-wrap .header-nav-above .header-right { display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] { color: #fff; letter-spacing: 1px; } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover { color: #fff; } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background: #006ad0; color: #fff; } .header-1.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total { background-color: #006ad0; color: #fff; } .header-2 .haru-header-nav-wrap { padding: 0 5%; } @media screen and (max-width: 1199px) { .header-2 .haru-header-nav-wrap { padding: 0 1%; } } .header-2 .haru-header-nav-wrap .header-nav-above { height: 105px; } .header-2 .haru-header-nav-wrap .header-nav-above .header-left { text-align: left; } .header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a { line-height: 105px; padding-top: 0; padding-bottom: 0; } @media screen and (max-width: 1199px) { .header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a { font-size: 12px !important; } } .header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-left .navbar-nav { float: right; } .header-2 .haru-header-nav-wrap .header-nav-above .header-center .menu-right { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-logo { text-align: center; padding: 0 30px; } @media screen and (max-width: 1199px) { .header-2 .haru-header-nav-wrap .header-nav-above .header-center .header-logo img { max-width: 150px !important; } } .header-2 .haru-header-nav-wrap .header-nav-above .header-right { text-align: right; } .header-2 .haru-header-nav-wrap .header-nav-above .header-right .header-elements-item { text-align: left; } .header-2.header-over-slideshow .haru-header-nav-wrap .post-category-wrap .categories { border: 1px solid rgba(255, 255, 255, 0.3); } .header-2.header-over-slideshow .haru-header-nav-wrap .post-category-wrap .categories:before { background-color: #fff; } .header-2.header-over-slideshow .haru-header-nav-wrap .post-category-wrap .categories h2 { color: #fff; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item { color: #fff; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] { color: #fff; letter-spacing: 1px; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover { color: #fff; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background: #fff; color: #006ad0; } .header-2.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total { background-color: #fff; color: #006ad0; } .header-3 .haru-header-nav-above-wrap .header-nav-above { height: 100px; padding-top: 45px; } .header-3 .haru-header-nav-above-wrap .header-nav-above .header-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-3 .haru-header-nav-above-wrap .header-nav-above .header-right { display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-3 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a { line-height: 100px; padding: 0 20px; text-transform: uppercase; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item { color: #fff; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] { color: #fff; letter-spacing: 1px; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover { color: #fff; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background: #fff; color: #006ad0; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover { color: #fff; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i { color: #fff; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total { background-color: #fff; color: #006ad0; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a { color: #fff; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a:hover { color: #fff; } .header-3.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a i { color: #fff; } .header-10 .haru-header-nav-above-wrap { border-bottom-color: #e5e5e5; border-bottom-style: double; } .header-10 .haru-header-nav-above-wrap .header-nav-above { height: 100px; padding: 25px 0; } .header-10 .haru-header-nav-above-wrap .header-nav-above .header-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-10 .haru-header-nav-above-wrap .header-nav-above .header-right { display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-10 .haru-header-nav-above-wrap .header-nav-above .header-elements-item.header-social-network-wrap a.header-icon, .header-10 .haru-header-nav-above-wrap .header-nav-above .header-elements-item.header-social-network-wrap i.header-icon { font-size: 16px; } .header-10 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu { margin-left: -20px; } .header-10 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #006ad0; } .header-10 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a { line-height: 59px; padding: 0 20px; text-transform: uppercase; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item { color: #fff; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] { color: #fff; letter-spacing: 1px; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover { color: #fff; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background: #fff; color: #006ad0; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover { color: #fff; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i { color: #fff; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total { background-color: #fff; color: #006ad0; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a { color: #fff; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a:hover { color: #fff; } .header-10.header-over-slideshow .haru-header-nav-above-wrap .header-elements .header-elements-item.search-button-wrap a i { color: #fff; } .header-4 .haru-header-nav-wrap { padding: 0 5%; } .header-4 .haru-header-nav-wrap .header-nav-above { height: 105px; } .header-4 .haru-header-nav-wrap .header-nav-above .header-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-4 .haru-header-nav-wrap .header-nav-above .header-center .header-navigation .menu-wrap .haru-main-menu > li > a { line-height: 105px; padding-top: 0; padding-bottom: 0; } .header-4 .haru-header-nav-wrap .header-nav-above .header-center .menu-left .navbar-nav { float: right; } .header-4 .haru-header-nav-wrap .header-nav-above .header-center .header-logo { line-height: 105px; text-align: center; } .header-4 .haru-header-nav-wrap .header-nav-above .header-right { display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-4 .haru-header-nav-wrap .header-elements .header-elements-item.custom-text-wrap .button_style_6 { display: block; background-color: #006ad0; border: 1px solid #006ad0; color: #3f3f3f; font-weight: 600; font-size: 13px; padding: 11px 15px; min-width: 160px; letter-spacing: 1px; text-transform: uppercase; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-4 .haru-header-nav-wrap .header-elements .header-elements-item.custom-text-wrap .button_style_6:hover { background-color: transparent; color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-4 .haru-header-nav-wrap #popup-menu-button { margin-right: 35px; margin-top: -5px; } .header-4.header-over-slideshow .haru-header-nav-wrap #popup-menu-button { background-color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap #popup-menu-button:hover, .header-4.header-over-slideshow .haru-header-nav-wrap #popup-menu-button:active { background-color: #006ad0; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item { color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] { color: #fff; letter-spacing: 1px; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover { color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background: #fff; color: #006ad0; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i:hover { color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist i { color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total { background-color: #fff; color: #006ad0; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.user-account-wrap .user-account-content.logged-out a { color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-button-wrap a:hover { color: #fff; } .header-4.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-button-wrap a i { color: #fff; } .header-5 .haru-header-nav-wrap { padding: 0 5%; } .header-5 .haru-header-nav-wrap .header-nav-above { height: 105px; } .header-5 .haru-header-nav-wrap .header-nav-above .header-left { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .header-5 .haru-header-nav-wrap .header-nav-above .header-center { text-align: center; } .header-5 .haru-header-nav-wrap .header-nav-above .header-right { display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-5 .haru-header-nav-wrap #popup-menu-button { margin-top: 3px; margin-left: 40px; } .header-5.header-over-slideshow .haru-header-nav-wrap #popup-menu-button { background-color: #fff; } .header-5.header-over-slideshow .haru-header-nav-wrap #popup-menu-button:hover, .header-5.header-over-slideshow .haru-header-nav-wrap #popup-menu-button:active { background-color: #006ad0; } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"] { color: #fff; letter-spacing: 1px; } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity: 1; } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.search-box-wrap .search-box button:hover { color: #fff; } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background: #006ad0; color: #fff; } .header-5.header-over-slideshow .haru-header-nav-wrap .header-elements .header-elements-item .my-wishlist-wrap .haru-wishlist span.total { background-color: #006ad0; color: #fff; } header.header-6 .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { line-height: 105px; } header.header-6 .haru-header-nav-wrap .header-navigation .header-right .header-elements { margin-left: 5px; } header.header-6 .haru-header-nav-wrap .header-navigation .header-right .header-elements .header-elements-item { margin-left: 25px; } .header-7 .nav-fullwith { padding: 0 3%; } .header-7 .haru-header-nav-above-wrap .header-nav-above { height: 105px; } .header-7 .haru-header-nav-above-wrap .header-nav-above .header-right .header-elements-item.search-product-category { margin-right: 20px; } .header-7 .haru-header-nav-wrap { height: 60px; } .header-7 .haru-header-nav-wrap .header-navigation { position: relative; } .header-7 .haru-header-nav-wrap .header-navigation:before { content: ''; position: absolute; top: 0; left: calc(25% + 8px); height: 1px; width: calc(75% - 8px); background-color: #e5e5e5; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.left { width: calc(25% - 22px); } .header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu { margin-left: 30px; } .header-7 .haru-header-nav-wrap .header-navigation .header-primary-menu .menu-wrap .haru-main-menu > li > a { line-height: 59px; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav { display: flex; align-items: center; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li { line-height: 59px; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .header-social-network-wrap li a:hover { color: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-7 .haru-header-nav-wrap .header-navigation .header-elements-nav.right .header-elements .haru-canvas-sidebar-toggle-wrap a:hover { color: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-info { display: flex; } .info-item { display: flex; align-items: center; padding-left: 40px; } .info-item__icon { font-size: 24px; color: #006ad0; width: 30px; } .info-item__content { padding-left: 10px; } .info-item__title { font-weight: 700; text-transform: uppercase; } /* HARU HEADER SIDEBAR STYLE */ #haru-header.header-sidebar { background-color: #fff; height: 100%; position: fixed; width: 300px; z-index: 1000; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; } #haru-header.header-sidebar .vertical-header-wrap { height: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-top { text-align: center; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-logo { padding: 40px 0; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-logo img { max-height: 120px; max-width: 100%; padding: 5px 20px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .header-elements-left .header-elements-item:first-child { margin-right: 25px; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .user-account-wrap .user-account-content .user-account-menu { left: 0; right: auto; text-align: left; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { left: 0; right: auto; } #haru-header.header-sidebar .vertical-header-wrap .header-top .header-elements-top .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap { left: auto; right: -300px; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom { padding-top: 20px; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap { width: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu { padding: 0; width: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a { color: #006ad0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li { font-size: 14px; float: none; position: relative; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a { display: block; padding: 15px 30px 15px 30px; font-weight: 700; letter-spacing: .2em; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a:after { position: absolute; right: 30px; top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul { left: 100%; top: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul { background: #fff; left: 100%; min-width: 970px; top: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul { background: #fff; left: 100%; min-width: 970px; top: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li.mega-fullwidth > ul { max-width: calc(100vw - 330px); } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item { margin: 0; padding: 10px 30px; width: 100%; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap { margin-top: 60px; text-align: center; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li { padding: 0 5px; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li:first-child { padding-left: 0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a { color: #9f9f9f; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.header-social-network-wrap li a:hover { color: #006ad0; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap { color: #9f9f9f; text-align: center; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap span { color: #9f9f9f; } #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item a.header-icon, #haru-header.header-sidebar .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item i.header-icon { font-size: 14px; font-weight: 400; } #haru-header.header-sidebar.header-dark { background-color: #312d2e; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-top .header-elements .header-elements-item a.header-icon, #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-top .header-elements .header-elements-item i.header-icon { color: #9f9f9f; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-top .header-elements .header-elements-item a.header-icon:hover, #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-top .header-elements .header-elements-item i.header-icon:hover { color: #006ad0; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap { width: 100%; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li > a { color: #9f9f9f; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a { color: #006ad0; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap { color: #9f9f9f; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements.header-elements-nav .header-elements-item.custom-text-wrap span { color: #006ad0; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements .header-elements-item a.header-icon, #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements .header-elements-item i.header-icon { color: #9f9f9f; } #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements .header-elements-item a.header-icon:hover, #haru-header.header-sidebar.header-dark .vertical-header-wrap .header-bottom .header-elements .header-elements-item i.header-icon:hover { color: #006ad0; } body.header-sidebar .haru-archive-blog, body.header-sidebar .haru-single-blog { padding: 0 15px; } body.header-sidebar .haru-archive-product, body.header-sidebar .haru-single-product { padding: 0 15px; } body.header-sidebar [data-vc-stretch-content="true"] { padding-left: 300px; } @media screen and (max-width: 991px) { body.header-sidebar [data-vc-stretch-content="true"] { padding-left: 0; } } .header-sidebar .haru-top-header { padding-left: 300px; position: fixed; width: 100%; z-index: 1000; } @media screen and (max-width: 991px) { .header-sidebar .haru-top-header { padding-left: 0; position: relative; } } .header-sidebar #haru-content-main { padding-left: 300px !important; } @media screen and (max-width: 991px) { .header-sidebar #haru-content-main { padding-left: 0 !important; } } .header-sidebar footer { margin-left: 300px !important; } @media screen and (max-width: 991px) { .header-sidebar footer { margin-left: 0 !important; } } /* Style for Mega Menu */ /***** TABLE OF CONTENTS ***** *** 1. GENERAL *** 2. MEGA MENU STYLE COLUMN *** 3. MEGA MENU STYLE DROPDOWN *** 4. MEGA MENU STYLE TAB */ /* RESET MENU STYLE */ .navbar { border: none; margin: 0; padding: 0; } @media (min-width: 768px) { .navbar .navbar-nav { padding: 0; } } .navbar .navbar-nav a, .navbar .navbar-nav ul, .navbar .navbar-nav li, .navbar .navbar-nav div, .navbar .navbar-nav form, .navbar .navbar-nav input { margin: 0; padding: 0; font-family: "Poppins"; } .navbar .navbar-nav a { position: relative; text-decoration: none; } .navbar .navbar-nav li { list-style: none; } .navbar .navbar-nav > li > a { display: block; padding: 15px; text-transform: uppercase; } .navbar .navbar-nav > li > a span.haru_sub_label { color: #fff; font-size: 9px; margin-left: 5px; padding: 0 5px; position: absolute; right: -2px; height: 15px; line-height: 14px; top: 50%; text-transform: capitalize; -webkit-transform: translateY(calc(-50% - 15px)); -ms-transform: translateY(calc(-50% - 15px)); -o-transform: translateY(calc(-50% - 15px)); transform: translateY(calc(-50% - 15px)); } .navbar .navbar-nav > li > a:after { top: -2px; } .navbar .navbar-nav > li a i { line-height: 20px; } .navbar .navbar-nav > li a i.left { padding-right: 5px; float: left; } .navbar .navbar-nav > li a i.center { padding-left: 5px; } .navbar .navbar-nav > li a i.right { padding-left: 5px; } .navbar .navbar-nav > li a span.haru_sub_label { color: #fff; font-size: 10px; margin-left: 5px; padding: 1px 3px; } .navbar .navbar-nav > li a:after { content: '\f107'; font-family: FontAwesome; padding-left: 6px; font-size: 10px; position: relative; } .navbar .navbar-nav > li a:only-child:after { content: ''; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul { display: block; opacity: 1; visibility: visible; overflow: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > a:after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .navbar .navbar-nav > li.menu_style_dropdown:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul > li:hover > ul { display: block; left: 100%; opacity: 1; overflow: visible; position: absolute; top: 0; visibility: visible; } .navbar .navbar-nav > li.menu_style_dropdown ul { background-color: #fff; display: none; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .navbar .navbar-nav > li.menu_style_dropdown ul li { display: block; float: none; min-width: 250px; position: relative; } @media screen and (max-width: 1400px) { .navbar .navbar-nav > li.menu_style_dropdown ul li { min-width: 220px; } } @media screen and (max-width: 1199px) { .navbar .navbar-nav > li.menu_style_dropdown ul li { min-width: 190px; } } .navbar .navbar-nav > li.menu_style_dropdown ul li a { display: block; line-height: 20px; padding: 10px 20px; } .navbar .navbar-nav > li.menu_style_dropdown ul li a:after { position: absolute; right: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-2 > ul > li { float: left; width: 50%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-3 > ul > li { float: left; width: 33.3333333%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-4 > ul > li { float: left; width: 25%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-5 > ul > li { float: left; width: 20%; } .navbar .navbar-nav > li.menu_style_column.mega-col-columns-6 > ul > li { float: left; width: 16.6666666%; } .navbar .navbar-nav > li.menu_style_column:hover > ul { display: block; opacity: 1; overflow: visible; visibility: visible; } .navbar .navbar-nav > li.menu_style_column > ul { display: none; left: 0; opacity: 0; overflow: hidden; padding: 30px 0px; position: absolute; top: 100%; visibility: hidden; width: 100%; -webkit-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.2); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .navbar .navbar-nav > li.menu_style_column > ul > li { border-left: 1px solid #e5e5e5; } .navbar .navbar-nav > li.menu_style_column > ul > li:first-child { border: none; padding-left: 2px; } .navbar .navbar-nav > li.menu_style_column > ul > li a:after { display: none; } .navbar .navbar-nav > li.menu_style_column > ul > li > a { position: relative; display: block; padding: 0 20px 15px 20px; font-weight: 600; text-transform: uppercase; } .navbar .navbar-nav > li.menu_style_column > ul > li > a:hover { color: #006ad0; } .navbar .navbar-nav > li.menu_style_column > ul > li > a:after { display: none; } .navbar .navbar-nav > li.menu_style_column > ul > li ul li a { display: block; padding: 10px 20px; position: relative; } .navbar .navbar-nav > li.menu_style_tab > ul { display: none; left: 0; opacity: 0; overflow: hidden; position: absolute; top: 99%; visibility: hidden; width: 100%; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.1); -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .navbar .navbar-nav > li.menu_style_tab > ul:before { background: #fafafa; border-right: 1px solid #e5e5e5; bottom: 0; content: ''; position: absolute; top: 0; width: 25%; } .navbar .navbar-nav > li.menu_style_tab > ul > li { clear: none; display: block; position: static; text-align: right; width: 25%; } .navbar .navbar-nav > li.menu_style_tab > ul > li:first-child { margin-top: 20px; } .navbar .navbar-nav > li.menu_style_tab > ul > li:hover a:before, .navbar .navbar-nav > li.menu_style_tab > ul > li.active a:before { height: 100%; } .navbar .navbar-nav > li.menu_style_tab > ul > li a:after { display: none; } .navbar .navbar-nav > li.menu_style_tab > ul > li > a { display: block; font-weight: 600; padding: 10px 20px; position: relative; text-align: right; } .navbar .navbar-nav > li.menu_style_tab > ul > li > a:after { content: ''; } .navbar .navbar-nav > li.menu_style_tab > ul > li > a:before { content: ''; height: 0; left: 0; position: absolute; top: 0; width: 2px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .navbar .navbar-nav > li.menu_style_tab > ul > li.active > a { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #006ad0; background: #fff; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul { background: #fff; height: auto; left: 25%; opacity: 0; padding: 20px 20px; position: absolute; right: 0; top: 10px; text-align: left; visibility: hidden; width: auto; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-1 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-1 section { width: 100%; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-2 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-2 section { width: 50%; float: left; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-3 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-3 section { width: 33.3333%; float: left; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area.columns-4 section, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul.columns-4 section { width: 25%; float: left; } .navbar .navbar-nav > li.menu_style_tab > ul > li > .haru_megamenu_widget_area .widget-title-wrapper a, .navbar .navbar-nav > li.menu_style_tab > ul > li > ul .widget-title-wrapper a { display: none; } .navbar .navbar-nav > li.menu_style_tab > ul > li.active .haru_megamenu_widget_area, .navbar .navbar-nav > li.menu_style_tab > ul > li.active ul { opacity: 1; visibility: visible; top: 0; z-index: 999; } .navbar .navbar-nav > li.menu_style_tab:hover ul { display: block; opacity: 1; visibility: visible; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-2 > ul > li > ul > li { float: left; width: 50%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-3 > ul > li > ul > li { float: left; width: 33.3333333%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-4 > ul > li > ul > li { float: left; width: 25%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-5 > ul > li > ul > li { float: left; width: 20%; padding: 10px 0; } .navbar .navbar-nav > li.menu_style_tab.mega-col-columns-6 > ul > li > ul > li { float: left; width: 16.6666666%; padding: 10px 0; } .navbar .navbar-nav > li.mega-fullwidth > ul { width: 1170px; } @media screen and (max-width: 1199px) { .navbar .navbar-nav > li.mega-fullwidth > ul { width: 970px; } } .haru_widget_area > .haru_megamenu_widget_area section { position: relative; margin-top: 0; margin-bottom: 0; } .haru_widget_area > .haru_megamenu_widget_area section .widget-title-wrapper h3 { font-size: 14px; text-transform: uppercase; font-weight: 600; margin: 0; padding-top: 10px; padding-bottom: 20px; color: #3f3f3f; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget { left: 0; padding: 0; position: relative; width: 100%; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li { border: none; padding: 4px 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li:hover { -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0); } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a { font-weight: 700; padding-bottom: 0 !important; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a img { border: 1px solid #e5e5e5; float: left; margin: 0; margin-right: 10px; padding: 5px; width: 33.33%; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li a:after { content: ''; display: none; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating { font-family: star; margin: 10px 0; text-align: left; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating:before { content: "\f383 \f383 \f383 \f383 \f383"; color: #f7bb2a; font-family: Ionicons; letter-spacing: 2px; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li .star-rating span:before { content: "\f384 \f384 \f384 \f384 \f384"; color: #f7bb2a; font-family: Ionicons; letter-spacing: 2px; } .haru_widget_area > .haru_megamenu_widget_area section .product_list_widget > li ins { margin-right: 8px; } .haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a { display: inline-block; font-size: 14px !important; padding: 5px 10px; margin-right: 10px; margin-top: 10px; color: #9f9f9f; border-top: solid 1px #9f9f9f; border-left: solid 1px #9f9f9f; border-right: solid 1px #9f9f9f; border-bottom: solid 1px #9f9f9f; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .haru_widget_area > .haru_megamenu_widget_area section .widget_product_tag_cloud .tagcloud a:hover { color: #fff; background: #006ad0; border-top: solid 1px #006ad0; border-left: solid 1px #006ad0; border-right: solid 1px #006ad0; border-bottom: solid 1px #006ad0; } .haru_megamenu_widget_area .products-slider-shortcode-wrapper .product .product-short-description, .haru_megamenu_widget_area .products-slider-shortcode-wrapper .type-product .product-short-description { display: none; } .haru_megamenu_widget_area ul.instagram-pics { list-style: none; margin: 0; padding: 0; font-size: 0; } .haru_megamenu_widget_area ul.instagram-pics li { display: inline-block; padding: 0; margin: 0; } .haru_megamenu_widget_area ul.instagram-pics a { display: block; position: relative; overflow: hidden; } .haru_megamenu_widget_area ul.instagram-pics a:before { content: ""; position: absolute; width: 101%; height: 101%; background-color: rgba(0, 106, 208, 0.5); opacity: 0; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .haru_megamenu_widget_area ul.instagram-pics a:after { display: none; } .haru_megamenu_widget_area ul.instagram-pics a:hover:before { opacity: 1; } .haru_megamenu_widget_area ul.instagram-pics a img { padding: 5px; border: 1px solid #e5e5e5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru_megamenu_widget_area ul.instagram-pics + p { margin: 0; font-size: 13px; font-style: italic; letter-spacing: 0.02em; } .haru_megamenu_widget_area .null-instagram-feed { text-align: left; } .haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics { list-style: none; list-style-type: none; padding: 0; margin-left: -5px; margin-right: -5px; margin-top: -5px; } .haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics li { width: 25%; display: inline-block; padding: 5px; } .haru_megamenu_widget_area .null-instagram-feed.columns-4 .instagram-pics li a { display: block; position: relative; overflow: hidden; } .haru_megamenu_widget_area .null-instagram-feed .clear { display: block; } /*----------------------------------- * HEADER MOBILE *-----------------------------------*/ /* HARU MOBILE MENU */ header.haru-mobile-header { display: none; /*----------------------------------- * HEADER MOBILE 1 *-----------------------------------*/ /*----------------------------------- * HEADER MOBILE 2 *-----------------------------------*/ /*----------------------------------- * HEADER MOBILE 3 *-----------------------------------*/ /*----------------------------------- * HEADER MOBILE STICKY *-----------------------------------*/ } @media screen and (max-width: 991px) { header.haru-mobile-header { display: block; } } header.haru-mobile-header .haru-mobile-header-wrap { border-bottom: solid 1px #e5e5e5; z-index: 1000; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container { background-color: #fff; position: relative; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner { height: 60px; position: relative; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile { line-height: 60px; vertical-align: middle; text-align: center; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile img { max-height: 40px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements { display: block; font-size: 0; position: absolute; top: 0; bottom: 0; margin: auto; right: 0; color: #000; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements:before { content: ""; display: inline-block; vertical-align: middle; height: 100%; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item { display: inline-block; vertical-align: middle; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item i { font-size: 24px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav { background: #fff; display: none; margin-bottom: 15px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly { display: block; position: fixed; margin: 0; top: 0; bottom: 0; overflow: auto; overflow-x: hidden; width: 300px; left: -300px; border-right: solid 1px #006ad0; z-index: 300; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly.in { left: 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly ul.haru-nav-mobile-menu { padding: 20px 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown .mobile-menu-header .mobile-menu-close { display: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-dropdown ul.haru-nav-mobile-menu { padding: 10px 0 0 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements { text-align: center; padding-top: 30px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item { padding: 0 8px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.my-wishlist span.total { display: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap { text-align: left; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap .user-account-content.logged-in { top: -3px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap .user-account-content .user-account-menu { right: 50%; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.user-account-wrap .user-account-content .avatar { max-width: 20px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.search-button-wrap { font-size: 20px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-elements .header-elements-item.search-button-wrap i { margin-left: 0; position: relative; top: -1px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social { padding: 0; padding: 20px 0; margin: 0; text-align: center; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-header-social .header-elements-item i { font-size: 16px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header { background-color: #000; color: #fff; font-weight: 700; padding: 10px 0; text-align: center; text-transform: uppercase; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close { position: absolute; height: 45px; width: 45px; right: 0; top: 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover { cursor: pointer; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:hover:after { background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after { content: ''; position: absolute; height: 2px; width: 20px; top: 50%; left: 13px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .mobile-menu-header .mobile-menu-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu { padding: 0; margin-bottom: 0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item { color: #3f3f3f; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a { color: #3f3f3f; display: block; font-size: 14px; padding: 10px 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret { color: #3f3f3f; float: right; font-size: 18px; font-weight: 400; height: 45px; position: absolute; right: 0; top: 0; width: 45px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after { display: block; content: ""; position: absolute; right: 16px; width: 13px; height: 13px; z-index: 10; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:before { top: 22px; height: 1px; border-top: 1px solid; border-left: 1px solid; border-top-color: inherit; border-left-color: inherit; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:after { top: 16px; right: 22px; border-top: 1px solid; border-left: 1px solid; width: 1px; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret:hover { cursor: pointer; color: #006ad0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-item > b.menu-caret.active:before { opacity: 0; visibility: hidden; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-ancestor > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-parent > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.current-menu-item > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li.menu-current > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li > a:hover, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li:hover > a, header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav ul.haru-nav-mobile-menu li ul.sub-menu li:hover > a { color: #006ad0; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li { list-style: none; list-style-type: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav .haru-nav-mobile-menu li > ul.sub-menu { position: relative; list-style: none; padding: 0; margin: 0; padding-left: 15px; display: none; } header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay { opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: -1; pointer-events: none; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap { border-left: none; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i { margin-left: 10px; margin-right: 10px; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i { padding: 0 5px; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total { right: 0px; } header.haru-mobile-header.header-mobile-1 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } header.haru-mobile-header.header-mobile-2 .header-mobile-above { text-align: center; } header.haru-mobile-header.header-mobile-2 .header-mobile-above img { max-height: 50px; padding: 5px 0; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap { background-color: #8e8e8e; border-bottom: none; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container { background-color: transparent; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner { position: relative; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap.in .toggle-icon span { background: transparent; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:after, header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon:before { background: none repeat scroll 0 0 #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap .toggle-icon span { background: none repeat scroll 0 0 #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap { border-left: none; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i { margin-left: 10px; margin-right: 10px; color: #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i { padding: 0 5px; color: #fff; } header.haru-mobile-header.header-mobile-2 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total { right: 0px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-logo-mobile { position: absolute; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements { right: 50px; left: auto; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap { border-left: none; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.search-button-wrap a i { margin-left: 10px; height: 24px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon i { padding: 0 5px; height: 24px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .header-elements .header-elements-item.mini-cart-wrap.no-price .widget_shopping_cart_content .widget_shopping_cart_icon .total { right: 0px; } header.haru-mobile-header.header-mobile-3 .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-inner .toggle-icon-wrap { right: 0; left: auto; } header.haru-mobile-header.header-mobile-3 .mini-cart-wrap { position: static; } header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { left: -200px; right: auto; } @media screen and (max-width: 320px) { header.haru-mobile-header.header-mobile-3 .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { left: -175px; } } @media screen and (max-width: 767px) { body { left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } } body.menu-mobile-in { left: 280px; overflow: hidden; } body.menu-mobile-in header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-menu-overlay { opacity: 1; z-index: 299; pointer-events: auto; cursor: crosshair; color: #fff; } body.admin-bar header.haru-mobile-header .haru-mobile-header-wrap .haru-mobile-header-container .haru-mobile-header-nav.menu-mobile-fly { top: 46px; } form.haru-search-form-mobile-menu { display: none; } /*----------------------------------- * HEADER MOBILE ICON TOGGLE *-----------------------------------*/ .toggle-icon-wrap { display: inline-block; bottom: 0; cursor: pointer; left: 0; position: absolute; top: 0; vertical-align: middle; } .toggle-icon-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .toggle-icon-wrap .toggle-icon { display: inline-block; height: 30px; position: relative; vertical-align: middle; width: 30px; } .toggle-icon-wrap .toggle-icon > span { background: none repeat scroll 0 0 #000; bottom: 0; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 80%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toggle-icon-wrap .toggle-icon:after, .toggle-icon-wrap .toggle-icon:before { background: none repeat scroll 0 0 #000; content: ""; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 80%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .toggle-icon-wrap .toggle-icon:before { top: 20%; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .toggle-icon-wrap .toggle-icon:after { bottom: 20%; -webkit-transform-origin: bottom left; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; } .toggle-icon-wrap.in .toggle-icon span { background: transparent; } .toggle-icon-wrap.in .toggle-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .toggle-icon-wrap.in .toggle-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } @media screen and (max-width: 991px) { body.onepage .haru-mobile-header .container { width: 100%; } } /*----------------------------------- * HEADER CUSTOMIZE *-----------------------------------*/ .header-elements-left .header-elements-item { margin-right: 25px; } @media screen and (max-width: 1199px) { .header-elements-left .header-elements-item { margin-right: 20px; } } @media screen and (max-width: 767px) { .header-elements-left .header-elements-item { margin-right: 5px; } } .header-elements-left .header-elements-item:first-child { margin-right: 0; } .header-elements-right .header-elements-item { margin-left: 25px; } @media screen and (max-width: 1199px) { .header-elements-right .header-elements-item { margin-left: 20px; } } @media screen and (max-width: 767px) { .header-elements-right .header-elements-item { margin-left: 5px; } } .header-elements-right .header-elements-item:first-child { margin-left: 0; } .header-elements-nav .header-elements-item { margin-left: 25px; } @media screen and (max-width: 1199px) { .header-elements-nav .header-elements-item { margin-left: 20px; } } @media screen and (max-width: 767px) { .header-elements-nav .header-elements-item { margin-left: 5px; } } .header-elements-nav .header-elements-item:first-child { margin-left: 0; } .header-elements-item { position: relative; display: inline-block; font-size: 14px; vertical-align: middle; } .header-elements-item a.header-icon, .header-elements-item i.header-icon { color: #3f3f3f; font-size: 16px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header-elements-item a.header-icon:hover, .header-elements-item i.header-icon:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .header-elements-item a.header-icon, .header-elements-item i.header-icon { font-size: 18px; } } /*----------------------------------- * SEARCH BUTTON POPUP AJAX *-----------------------------------*/ .header-elements-item.search-button-wrap a { display: inline-block; } .header-elements-item.search-button-wrap a i { display: block; } .mfp-bg.search-popup { background: #000; opacity: .9; } .mfp-wrap.search-popup .mfp-content { height: 100%; } #haru-search-popup .haru-search-wrap { max-width: 550px; position: absolute; top: calc(50% - 100px); left: 50%; width: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #haru-search-popup .haru-search-wrap .search-popup-form { font-size: 18px; position: relative; height: 40px; } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] { background: none; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; font-family: "Poppins"; letter-spacing: 2px; height: 100%; padding: 0; position: absolute; width: 100%; } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-moz-placeholder { color: rgba(255, 255, 255, 0.8); opacity: 1; } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:-ms-input-placeholder { color: rgba(255, 255, 255, 0.8); } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.8); } @media (max-width: 767px) { #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"] { font-size: 16px; } } #haru-search-popup .haru-search-wrap .search-popup-form input[type="search"]:focus { outline: none; } #haru-search-popup .haru-search-wrap .search-popup-form button { background: none; border: none; color: #fff; position: absolute; right: 0; height: 100%; width: 45px; } #haru-search-popup .haru-search-wrap .search-popup-form button:focus { outline: none; } #haru-search-popup .haru-search-wrap .ajax-search-result { background-color: #fff; } #haru-search-popup .haru-search-wrap .ajax-search-result ul { list-style: none; margin: 0; padding: 0; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li { border-bottom: 1px solid rgba(238, 238, 238, 0.8); padding: 10px; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li.view-more { border: none; text-align: center; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li.selected, #haru-search-popup .haru-search-wrap .ajax-search-result ul li:hover { background-color: rgba(238, 238, 238, 0.5); } #haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail { margin-right: 10px; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-thumbnail img { max-height: 60px; width: auto; } #haru-search-popup .haru-search-wrap .ajax-search-result ul li .item-meta .publish-date { font-size: 12px; font-style: italic; margin-bottom: 0; } #haru-search-popup .mfp-close { color: #fff; font-size: 28px; line-height: 50px; height: 50px; position: absolute; right: 20px; top: 50px; width: 50px; } /*----------------------------------- * SEARCH WITH CATEGORY *-----------------------------------*/ .search-product-category .search-product-category-wrap { height: 40px; border: 1px solid #e5e5e5; } .search-product-category .search-product-category-wrap .select-category { border-right: solid 1px #e5e5e5; line-height: 38px; min-width: 120px; position: relative; height: 100%; } .search-product-category .search-product-category-wrap .select-category > span { cursor: pointer; padding: 0 15px; position: absolute; width: 100%; height: 33px; top: 0; left: 0; } .search-product-category .search-product-category-wrap .select-category > span:after { content: '\f0d7'; font-family: 'Fontawesome'; position: absolute; right: 10px; font-size: 14px; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle { display: none; position: absolute; top: 100%; left: -1px; overflow: auto; overflow-y: scroll; padding: 5px 0; list-style: none; margin: 0; background-color: #fff; line-height: 36px; z-index: 10; max-height: 300px; border: 1px solid rgba(0, 0, 0, 0.1); width: calc(100% + 2px); } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-track { border-radius: 10px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar { width: 5px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar { width: 5px; background-color: #f5f5f5; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #006ad0; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle::-moz-scrollbar-thumb { border-radius: 10px; background-color: #006ad0; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle li span { display: block; padding: 0 15px; cursor: pointer; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle li span:hover { color: #006ad0; } .search-product-category .search-product-category-wrap .select-category .product-category-toggle li ul { list-style: none; padding-left: 15px; } .search-product-category .search-product-category-wrap .ajax-search-form input[type="text"] { border: none; min-width: 325px; padding: 0; padding-left: 10px; line-height: 33px; } .search-product-category .search-product-category-wrap .ajax-search-form input[type="text"]:focus { outline: none; } .search-product-category .search-product-category-wrap .ajax-search-form button { background: none; border: none; color: #3f3f3f; line-height: 33px; padding: 0 15px; } .search-product-category .search-product-category-wrap .ajax-search-form button:focus { outline: none; } .search-product-category .ajax-search-result { background-color: #fff; width: calc(100% - 120px); position: absolute; right: 0; top: 100%; z-index: 6; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3); } .search-product-category .ajax-search-result ul { list-style: none; margin: 0; padding: 0; } .search-product-category .ajax-search-result ul li { border-bottom: 1px solid rgba(238, 238, 238, 0.8); padding: 10px; } .search-product-category .ajax-search-result ul li.view-more { border: none; text-align: center; } .search-product-category .ajax-search-result ul li.selected, .search-product-category .ajax-search-result ul li:hover { background-color: rgba(238, 238, 238, 0.5); } .search-product-category .ajax-search-result ul li .item-thumbnail { margin-right: 10px; } .search-product-category .ajax-search-result ul li .item-thumbnail img { max-height: 60px; width: auto; } .search-product-category .ajax-search-result ul li .item-meta .publish-date { font-size: 12px; font-style: italic; margin-bottom: 0; } /*----------------------------------- * SEARCH BOX *-----------------------------------*/ .search-box-wrap .haru-search-box-wrap .search-box { position: relative; border-radius: 30px; min-width: 250px; } .search-box-wrap .haru-search-box-wrap .search-box input[type="text"] { width: 100%; height: 35px; background-color: transparent; border: none; outline: none; padding-left: 40px; padding-right: 5px; font-size: 13px; letter-spacing: 1px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 30px; -webkit-border-top-left-radius: 30px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 30px; -moz-border-radius-topleft: 30px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border-top-left-radius: 30px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .search-box-wrap .haru-search-box-wrap .search-box button { width: 40px; padding: 0; position: absolute; left: 0; top: -2px; bottom: 0; overflow: hidden; border: none; background: none; outline: none; line-height: 40px; font-size: 18px; margin-top: 2px; } .search-box-wrap .haru-search-box-wrap .search-box button:hover { color: #006ad0; cursor: pointer; } @media screen and (max-width: 1199px) { .search-box-wrap .haru-search-box-wrap .search-box { min-width: 200px; } } .search-box-wrap .haru-search-box-wrap .ajax-search-result { background-color: #fff; position: absolute; left: 0; max-width: 100%; width: 100%; top: 100%; z-index: 6; -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul { list-style: none; margin: 0; padding: 0; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li { border-bottom: 1px solid rgba(238, 238, 238, 0.8); padding: 10px; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.view-more { border: none; text-align: center; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li.selected, .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li:hover { background-color: rgba(238, 238, 238, 0.5); } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail { margin-right: 10px; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-thumbnail img { max-height: 60px; width: auto; } .search-box-wrap .haru-search-box-wrap .ajax-search-result ul li .item-meta .publish-date { font-size: 12px; font-style: italic; margin-bottom: 0; } /*----------------------------------- * SOCIAL *-----------------------------------*/ .header-social-network-wrap { display: inline-block; padding: 0; margin: 0; list-style: none; } .header-social-network-wrap li { display: inline-block; font-size: 14px; } .header-social-network-wrap li a { padding: 0 10px; } /*----------------------------------- * WISHLIST *-----------------------------------*/ .my-wishlist-wrap { position: relative; } .my-wishlist-wrap .haru-wishlist i { cursor: pointer; text-align: left; } .my-wishlist-wrap .haru-wishlist span.total { background-color: #006ad0; bottom: 68%; color: #fff; position: absolute; left: 80%; right: 0px; width: 18px; height: 18px; font-size: 10px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /*----------------------------------- * MINI CART *-----------------------------------*/ body.wpd-active .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap img { height: auto; width: 58px; border: 1px solid #e5e5e5; } body.wpd-active .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li { border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; padding: 8px 0; } body.wpd-active .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:last-child { border-bottom: none; } body.wpd-active .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left { margin-right: 0; } body.wpd-active .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .cart_list .button { display: inline-block; background: rgba(0, 0, 0, 0.6) !important; color: #fff; font-size: 10px; line-height: 20px; padding: 0 10px; margin-right: 5px; border-radius: 0; } body.wpd-active .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .cart_list .button.alt { background: #006ad0 !important; } .mini-cart-wrap.no-price .sub-total-text { display: none; } .mini-cart-wrap.with-price .sub-total-text { position: absolute; top: 25px; right: 0px; } .mini-cart-wrap.with-price .sub-total-text span.amount { font-size: 13px; } .mini-cart-wrap.with-price .widget_shopping_cart_content .widget_shopping_cart_icon > i.wicon { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; } .mini-cart-wrap .widget_shopping_cart_content { display: block; text-align: left; } .mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap { top: 100%; visibility: visible; opacity: 1; -webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); } @media screen and (max-width: 991px) { .mini-cart-wrap .widget_shopping_cart_content:hover .cart_list_wrap { margin-top: 0; } } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon { position: relative; } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { position: absolute; bottom: 62%; left: 66%; background: #006ad0; color: #fff; width: 18px; height: 18px; text-align: center; font-size: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon > i { cursor: pointer; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap { display: block; visibility: hidden; opacity: 0; position: absolute; top: 150%; right: 0; left: auto; min-width: 300px; background-color: #fff; border: solid 1px #e5e5e5; z-index: 999; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header { display: none; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty { padding: 15px; text-align: center; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty h4 { text-transform: uppercase; padding: 0 0 15px; margin: 0; font-size: 16px; word-spacing: 0.2em; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li.empty p { color: #3f3f3f; padding: 0; margin: 0; font-size: 14px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li { padding: 15px 0; margin: 0; position: relative; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:first-child { padding-top: 0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li + li { border-top: solid 1px #e5e5e5; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left { float: left; font-size: 0; overflow: hidden; margin-right: 10px; border: solid 1px #eee; background: #fff; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-left > a > img { height: auto; width: 58px; margin: 0; display: block; float: none; min-width: 0 !important; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right { overflow: hidden; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a { word-spacing: 1px; font-size: 12px; font-weight: 700; display: block; padding-right: 15px; color: #3f3f3f; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a:hover { color: #006ad0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > span.quantity { font-size: 12px; display: block; text-align: left; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li .cart-right > a.remove { position: absolute; right: 0; top: 15px; padding-right: 0; font-size: 18px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap li:after { content: ""; display: block; clear: both; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap .cart-total { padding: 0 15px 15px; position: relative; color: #3f3f3f; font-weight: 700; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total { padding: 0; font-size: 13px; font-weight: bold; margin: 0; border-top: solid 1px #eee; border-bottom: solid 1px #eee; line-height: 43px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total strong { text-transform: uppercase; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.total > span.amount { font-weight: 700; float: right; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons { text-align: center; margin: 0; padding: 15px 0 0; font-size: 0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button { color: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; line-height: 20px; padding: 10px; font-size: 12px; min-width: 115px; width: 48%; display: inline-block; text-transform: uppercase; background-color: #333; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button:hover { background-color: #006ad0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button > i.fa { margin-right: 5px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout { background-color: #006ad0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button.checkout:hover { background-color: #00366a; } @media (max-width: 480px) { .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button { min-width: 100px; } } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap p.buttons .button + .button { margin-left: 4%; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl { border: none; margin: 0; padding: 0; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dt { float: left; margin: 0 10px 0 0; padding: 0; line-height: 20px; font-size: 12px; font-weight: 400; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl dd { padding: 0; line-height: 20px; display: block; float: none; margin: 0; font-size: 12px; } .mini-cart-wrap .widget_shopping_cart_content .cart_list_wrap dl p { margin: 0; padding: 0; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget { position: relative; margin: 0; list-style: none; padding: 15px 15px 0; max-height: 350px; overflow-y: auto; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-track, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-track { border-radius: 10px; background-color: #F5F5F5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar { width: 5px; background-color: #F5F5F5; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-webkit-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #006ad0; } .mini-cart-wrap .widget_shopping_cart_content ul.cart_list::-moz-scrollbar-thumb, .mini-cart-wrap .widget_shopping_cart_content ul.product_list_widget::-moz-scrollbar-thumb { border-radius: 10px; background-color: #006ad0; } .mini-cart-wrap.cart-sidebar .sub-total-text { display: none; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap { background-color: #fff; border: none; position: fixed; z-index: 9999; top: 0; left: 100%; bottom: 0; height: 100%; width: 300px; overflow: hidden; padding: 0; opacity: 1; visibility: visible; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap.in { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header { display: block; background-color: #000; color: #fff; display: block; font-weight: 700; padding: 10px 15px; position: relative; text-transform: uppercase; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close { position: absolute; height: 45px; width: 45px; right: 0; top: 0; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover { cursor: pointer; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:hover:after { background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after { content: ''; position: absolute; height: 2px; width: 20px; top: 50%; left: 13px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header .canvas-sidebar-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget { padding: 20px 15px 0 15px; max-height: calc(100% - 195px); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li { border-top: 1px solid rgba(229, 229, 229, 0.3); } .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap .ul.cart_list li:first-child, .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap ul.product_list_widget li:first-child { border-top: none; } .cart-mask-overlay { display: block; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .cart-mask-overlay.in { opacity: 1; visibility: visible; cursor: crosshair; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.admin-bar .mini-cart-wrap.cart-sidebar .widget_shopping_cart_content .cart_list_wrap { top: 32px; } .canvas-mask-overlay { display: block; position: fixed; background: rgba(0, 0, 0, 0.9); left: 0; top: 0; width: 100%; height: 100%; z-index: 9998; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .canvas-mask-overlay.in { opacity: 1; visibility: visible; cursor: crosshair; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } body.admin-bar .haru-canvas-sidebar-wrap { top: 32px; } .haru-canvas-sidebar-wrap { background-color: #fff; position: fixed; z-index: 9999; top: 0; left: 100%; bottom: 0; width: 300px; overflow: hidden; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .haru-canvas-sidebar-wrap.in { -webkit-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .haru-canvas-sidebar-wrap .canvas-sidebar-header { background-color: #000; color: #fff; display: block; font-weight: 700; padding: 10px 15px; position: relative; text-transform: uppercase; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close { position: absolute; height: 45px; width: 45px; right: 0; top: 0; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover { cursor: pointer; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:hover:after { background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before, .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after { content: ''; position: absolute; height: 2px; width: 20px; top: 50%; left: 13px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .haru-canvas-sidebar-wrap .canvas-sidebar-header .canvas-sidebar-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .haru-canvas-sidebar-wrap .canvas-sidebar-inner { padding: 15px; } /*----------------------------------- * VERTICAL MENU *-----------------------------------*/ .vertical-menu-wrap { width: 100%; background-color: #006ad0; margin-left: 0; border-top-left-radius: 6px; border-top-right-radius: 6px; } .vertical-menu-wrap .vertical-menu-toggle { color: #fff; display: block; padding: 0 15px; line-height: 60px; text-transform: uppercase; font-weight: 600; } .vertical-menu-wrap .vertical-menu-toggle i { padding-right: 10px; } .vertical-menu-wrap .menu-wrap { background-color: #fff; position: absolute; width: 100%; display: none; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); } .vertical-menu-wrap .menu-wrap.show-view-all .vertical-view-cate { display: block; } .vertical-menu-wrap .menu-wrap .vertical-view-cate { border-top: 1px solid #e5e5e5; display: none; padding: 15px 15px 15px 41px; position: relative; font-weight: 600; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .vertical-menu-wrap .menu-wrap .vertical-view-cate { padding: 10px 15px 10px 41px; } } .vertical-menu-wrap .menu-wrap .vertical-view-cate:hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .vertical-view-cate:after { content: "\f273"; color: #006ad0; font-family: Ionicons; font-size: 16px; position: absolute; left: 15px; top: 13px; } @media screen and (max-width: 1199px) { .vertical-menu-wrap .menu-wrap .vertical-view-cate:after { top: 8px; } } .vertical-menu-wrap .menu-wrap .vertical-view-cate.show-category:after { content: "\f368"; } .vertical-menu-wrap .menu-wrap .menu-item-toggle { clear: both; } .vertical-menu-wrap .menu-wrap .menu-item-toggle:hover { background-color: #fff; } .vertical-menu-wrap .menu-wrap .menu-item-toggle:hover a:before { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .menu-item-toggle a:before { content: ""; background-color: #006ad0; position: absolute; width: 2px; height: 0; top: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu { padding: 0; width: 100%; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu li.current-menu-item > a { color: #006ad0; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li { border-top: 1px solid #e5e5e5; font-size: 14px; float: none; position: relative; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:first-child { border-top: none; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more { display: none; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu-item-more.show { display: block; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a { display: block; font-weight: 600; padding: 14px 15px 14px 15px; text-transform: none; } @media screen and (max-width: 1199px) { .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a { padding: 11px 15px 11px 15px; } } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:before { content: ""; background-color: #006ad0; position: absolute; width: 2px; height: 0; top: 0; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a:after { display: block !important; position: absolute; right: 15px; top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li > a i { color: #006ad0; font-size: 16px !important; line-height: 20px; margin-right: 8px; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item { background-color: #fff; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.current-menu-item > a:before { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover { background-color: #fff; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:before { height: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li:hover > a:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_dropdown:hover > ul { left: 100%; top: 0; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_column > ul { background: #fff; left: 100%; min-width: 875px; top: 0; } .vertical-menu-wrap .menu-wrap .navbar-nav.vertical-megamenu > li.menu_style_tab > ul { background: #fff; left: 100%; min-width: 875px; top: 0; } /*----------------------------------- * USER ACCOUNT *-----------------------------------*/ .user-account-wrap .user-account-content { position: relative; } .user-account-wrap .user-account-content:hover .user-account-menu { opacity: 1; visibility: visible; top: 110%; z-index: 999; -webkit-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -moz-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -ms-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); -o-transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); transition-timing-function: cubic-bezier(0.11, 0.76, 0.24, 0.93); } .user-account-wrap .user-account-content.logged-in { top: -4px; } .user-account-wrap .user-account-content .user-account-menu { list-style: none; padding: 0; margin: 0; position: absolute; right: 0; left: auto; border: solid 1px #e5e5e5; top: 125%; width: auto; min-width: 180px; background-color: #fff; padding: 15px 30px; opacity: 0; visibility: hidden; z-index: -1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .user-account-wrap .user-account-content li { padding: 5px 0; } .user-account-wrap .user-account-content .avatar { max-width: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { .user-account-wrap .user-account-content .avatar { max-width: 18px; } } /*----------------------------------- * POST CATEGORY *-----------------------------------*/ .post-category-wrap .categories { list-style-type: none; height: 52px; border: 1px solid #e5e5e5; padding: 0 12px 0 50px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:hover { cursor: pointer; border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:hover:before { background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:hover h2 { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:hover > ul { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:before { content: ""; position: absolute; background-color: #3f3f3f; background-repeat: no-repeat; -webkit-mask-image: url(../pangja/assets/images/navicon.svg); mask-image: url(../pangja/assets/images/navicon.svg); background-size: cover; width: 21px; height: 15px; top: 50%; left: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:before:hover, .post-category-wrap .categories:before:active { background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories h2 { color: #3f3f3f; margin: 0; font-size: 14px; letter-spacing: 2px; line-height: 52px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories:hover > ul { opacity: 1; visibility: visible; } .post-category-wrap .categories > ul { background-color: #333; border: 1px solid #333; position: absolute; top: calc(100% + 1px); width: calc(100% + 2px); left: -1px; list-style: none; margin: 0; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .post-category-wrap .categories > ul li { border-bottom: 1px solid #2c2c2c; } .post-category-wrap .categories > ul li a { display: block; padding: 10px 15px; color: #9f9f9f; } .post-category-wrap .categories > ul li a:hover { color: #006ad0; } #popup-menu-button { display: inline-block; background-color: #3f3f3f; background-repeat: no-repeat; -webkit-mask-image: url(../pangja/assets/images/navicon.svg); mask-image: url(../pangja/assets/images/navicon.svg); background-size: cover; width: 21px; height: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #popup-menu-button:hover, #popup-menu-button:active { background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .mfp-bg.menu-popup-bg { background: #000; opacity: 1 !important; } .menu-popup-bg .mfp-content { height: 100%; } #haru-menu-popup { position: absolute; width: 100%; height: 100%; } #haru-menu-popup .menu-wrapper { display: block; clear: both; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu { padding: 0; text-align: center; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item { font-size: 14px; color: #fff; letter-spacing: 0.5px; position: relative; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > a { padding: 15px; display: inline-block; color: #fff; line-height: 1.2; font-size: 24px; font-weight: 500; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > a:hover { color: #3f3f3f; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret { color: #fff; float: right; font-size: 21px; font-weight: 400; right: -30px; position: absolute; top: 8px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret:before { content: "\f273"; display: inline-block; font-family: Ionicons; text-align: center; width: 45px; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret:hover { cursor: pointer; color: #3f3f3f; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item > b.menu-caret.active:before { content: "\f368"; display: inline-block; font-family: Ionicons; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-item.sub-menu-open { border-bottom-width: 0px; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-ancestor > a, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-parent > a, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-item > a, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-current > a, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > a:hover, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li:hover > a, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li ul.sub-menu li:hover > a { color: #3f3f3f; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-ancestor > a > b.caret:before, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-parent > a > b.caret:before, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.current-menu-item > a > b.caret:before, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li.menu-current > a > b.caret:before, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > a:hover > b.caret:before, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li:hover > a > b.caret:before, #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li ul.sub-menu li:hover > a > b.caret:before { color: #3f3f3f; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu ul.sub-menu { background-color: #1a1a1a; padding-left: 0; position: relative; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu ul.sub-menu > li.menu-item > a { font-size: 16px; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li { list-style: none; list-style-type: none; } #haru-menu-popup .menu-wrapper .haru-nav-popup-menu li > ul.sub-menu { position: relative; list-style: none; padding: 0; margin: 0; display: none; background: transparent; } #haru-menu-popup .mfp-close { color: #3f3f3f; position: absolute; top: 6%; right: 5%; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #haru-menu-popup .mfp-close:hover { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body.disable-transition { -webkit-transition: all 0s; -o-transition: all 0s; transition: all 0s; } #onepage-menu { position: fixed; top: 50%; right: 30px; z-index: 1000; } body.admin-bar header.haru-main-header.header-under-slideshow { top: calc(100% + 32px); } body.admin-bar header.haru-main-header .haru-header-nav-wrap.nav-sticky { top: 32px; } body.layout-float header.haru-main-header { padding: 0 100px; } @media screen and (max-width: 1399px) { body.layout-float header.haru-main-header { padding: 0 50px; } } header.haru-main-header { background-color: #fff; position: relative; z-index: 1000; } @media screen and (max-width: 991px) { header.haru-main-header { display: none; } } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #3f3f3f; font-size: 14px; font-weight: 600; padding: 0 20px; letter-spacing: .1em; } @media screen and (max-width: 1600px) { header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { letter-spacing: .1em; } } @media screen and (max-width: 1399px) { header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { font-size: 13px; letter-spacing: 0; } } @media screen and (max-width: 1199px) { header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { font-size: 13px; padding: 0 15px; } } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:only-child:before { left: calc(50% - 6px); } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a { color: #006ad0; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li:hover > a:before { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > ul { background: #fff; } header.haru-main-header .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu li.current-menu-item > a { color: #006ad0; } header.haru-main-header .header-logo a.logo-black { display: none; } header.haru-main-header .header-logo a.logo-retina { display: none; } header.haru-main-header .header-logo a.logo-sticky { display: none; } @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { header.haru-main-header .header-logo a.logo-default { display: none; } header.haru-main-header .header-logo a.logo-retina { display: block; } } header.haru-main-header.header-over-slideshow { background-color: transparent; position: absolute; left: 0; right: 0; } header.haru-main-header.header-over-slideshow.header-sticky.sticky_light .haru-header-nav-wrap, header.haru-main-header.header-over-slideshow.header-sticky.sticky_dark .haru-header-nav-wrap { background-color: transparent; } header.haru-main-header.header-over-slideshow.header-sticky.sticky.sticky_light .haru-header-nav-wrap { background-color: #fff; } header.haru-main-header.header-over-slideshow.header-sticky.sticky.sticky_dark .haru-header-nav-wrap { background-color: #333; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) #popup-menu-button { background-color: #3f3f3f; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) #popup-menu-button:hover, header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky) #popup-menu-button:active { background-color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_dark:not(.sticky).header-hover-on:hover { background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover { background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories { border: 1px solid #e5e5e5; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:hover { border: 1px solid #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:hover:before { background-color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:hover h2 { color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories:before { background-color: #3f3f3f; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .post-category-wrap .categories h2 { color: #3f3f3f; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap #popup-menu-button { background-color: #3f3f3f; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap #popup-menu-button:hover { background-color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li.current-menu-item > a:before { background-color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a { color: #3f3f3f; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .haru-header-nav-wrap .header-nav-above .menu-wrap .haru-main-menu > li > a:hover { color: #006ad0; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item a.header-icon, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item i.header-icon { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item a.header-icon:hover, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item i.header-icon:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"] { color: #3f3f3f; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total { background-color: #006ad0; color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background-color: #006ad0; color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-default, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-retina { display: none; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-sticky { display: none; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky).header-hover-on:hover .header-logo a.logo-black { display: block; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a:before { background-color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #fff; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item a.header-icon, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item i.header-icon { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item a.header-icon:hover, header.haru-main-header.header-over-slideshow.navigation_light:not(.sticky) .header-elements-item i.header-icon:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-under-slideshow { border-bottom: 1px solid #e5e5e5; position: absolute !important; width: 100%; left: 0; right: 0; top: 100%; } header.haru-main-header.header-sticky.sticky_dark .haru-header-nav-wrap { background-color: #333; } header.haru-main-header.header-sticky.sticky_dark .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #006ad0; } header.haru-main-header.header-sticky.sticky_dark .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #fff; } header.haru-main-header.header-sticky.sticky_dark .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:hover { color: #006ad0; } header.haru-main-header.header-sticky.sticky_dark #popup-menu-button { background-color: #fff; } header.haru-main-header.header-sticky.sticky_dark #popup-menu-button:hover, header.haru-main-header.header-sticky.sticky_dark #popup-menu-button:active { background-color: #006ad0; } header.haru-main-header.header-sticky.sticky_dark .header-elements-item a.header-icon, header.haru-main-header.header-sticky.sticky_dark .header-elements-item i.header-icon { color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky_dark .header-elements-item a.header-icon:hover, header.haru-main-header.header-sticky.sticky_dark .header-elements-item i.header-icon:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky_light .haru-header-nav-wrap { background-color: #fff; } header.haru-main-header.header-sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li.current-menu-item > a { color: #006ad0; } header.haru-main-header.header-sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a { color: #3f3f3f; } header.haru-main-header.header-sticky.sticky_light .haru-header-nav-wrap .header-navigation .menu-wrap .haru-main-menu > li > a:hover { color: #006ad0; } header.haru-main-header.header-sticky.sticky_light .header-elements-item a.header-icon, header.haru-main-header.header-sticky.sticky_light .header-elements-item i.header-icon { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky_light .header-elements-item a.header-icon:hover, header.haru-main-header.header-sticky.sticky_light .header-elements-item i.header-icon:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } header.haru-main-header.header-sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"] { color: #3f3f3f; } header.haru-main-header.header-sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"]::-moz-placeholder { color: rgba(0, 0, 0, 0.5); opacity: 1; } header.haru-main-header.header-sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"]:-ms-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-sticky.sticky_light .header-elements-item.search-box-wrap input[type="text"]::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.5); } header.haru-main-header.header-sticky.sticky_light .header-elements-item.my-wishlist .my-wishlist-wrap .haru-wishlist span.total { background-color: #006ad0; color: #fff; } header.haru-main-header.header-sticky.sticky_light .header-elements-item.mini-cart-wrap .widget_shopping_cart_content .widget_shopping_cart_icon .total { background-color: #006ad0; color: #fff; } header.haru-main-header.header-sticky.sticky .header-logo.has-logo-sticky a { display: none; } header.haru-main-header.header-sticky.sticky .header-logo.has-logo-sticky .logo-sticky { display: block; } header.haru-main-header .haru-header-nav-wrap.nav-sticky { position: fixed; top: 0; width: 100%; height: 60px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); } header.haru-main-header .haru-header-nav-wrap.nav-sticky .header-nav-above { height: 60px; } header.haru-main-header .haru-header-nav-wrap.nav-sticky .menu-wrap .haru-main-menu > li > a { line-height: 60px !important; height: 60px; } .haru-mobile-header { position: relative; z-index: 1000; } .haru-mobile-header .haru-mobile-header-wrap.nav-sticky { position: fixed; top: 0; width: 100%; } .haru-mobile-header.headroom--pinned:not(.headroom--top) { position: fixed !important; right: 0; left: 0; top: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-mobile-header.headroom--pinned:not(.headroom--top) .header-mobile-above { height: 0; visibility: hidden; } .haru-mobile-header.headroom--unpinned { position: fixed; z-index: 10; right: 0; left: 0; top: -100%; } .haru-mobile-header.headroom--unpinned .header-mobile-above { height: 0; visibility: hidden; } .haru-mobile-header.headroom--unpinned.header--fixed { top: 0; } .haru-mobile-header.headroom--unpinned.headroom--not-top { -webkit-transition: all 0s !important; -o-transition: all 0s !important; transition: all 0s !important; } .haru-mobile-header.sticky-menu { position: fixed !important; width: 100%; background-color: #fff; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } /*----------------------------------- * 5. FOOTER *-----------------------------------*/ /*----------------------------------- * FOOTER *-----------------------------------*/ .original-footer { text-align: center; padding: 30px 0; } #haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"] { border: 1px solid #e5e5e5; border-right: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } #haru-footer-main.footer-2 .subscribe-default .subscribe-email input[type="email"]:focus { border-color: #006ad0; } #haru-footer-main.footer-3 .subscribe-default .subscribe-email input[type="email"] { border: 1px solid #e5e5e5; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } #haru-footer-main.footer-background-primary .subscribe-default, #haru-footer-main.footer-4 .subscribe-default { margin-top: 40px; } #haru-footer-main.footer-background-primary .subscribe-default, #haru-footer-main.footer-4 .subscribe-default, #haru-footer-main.footer-5 .subscribe-default { position: relative; } #haru-footer-main.footer-background-primary .subscribe-default .subscribe-email, #haru-footer-main.footer-4 .subscribe-default .subscribe-email, #haru-footer-main.footer-5 .subscribe-default .subscribe-email { width: 100%; border-radius: 4px; } #haru-footer-main.footer-background-primary .subscribe-default .subscribe-email input[type="email"], #haru-footer-main.footer-4 .subscribe-default .subscribe-email input[type="email"], #haru-footer-main.footer-5 .subscribe-default .subscribe-email input[type="email"] { height: 40px; line-height: 40px; padding-right: 50px; } #haru-footer-main.footer-background-primary .subscribe-default .subscribe-submit, #haru-footer-main.footer-4 .subscribe-default .subscribe-submit, #haru-footer-main.footer-5 .subscribe-default .subscribe-submit { width: 40px; position: absolute; top: 0; right: 0; text-align: center; line-height: 40px; } #haru-footer-main.footer-background-primary .subscribe-default .subscribe-submit::before, #haru-footer-main.footer-4 .subscribe-default .subscribe-submit::before, #haru-footer-main.footer-5 .subscribe-default .subscribe-submit::before { position: absolute; content: "\e094"; display: block; font-family: 'Simple-Line-Icons'; right: 15px; color: #006ad0; font-size: 20px; } #haru-footer-main.footer-background-primary .subscribe-default .subscribe-submit input[type="submit"], #haru-footer-main.footer-4 .subscribe-default .subscribe-submit input[type="submit"], #haru-footer-main.footer-5 .subscribe-default .subscribe-submit input[type="submit"] { background-color: transparent; color: transparent; z-index: 2; height: 40px; position: relative; } #haru-footer-main.footer-4 .subscribe-default .subscribe-email { border: 1px solid #e5e5e5; } #haru-footer-main.footer-3 .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a { color: #3f3f3f; } #haru-footer-main.footer-3 .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a:hover { color: #006ad0; } #haru-footer-main .footer-default-info { letter-spacing: 1.2px; } #haru-footer-main .footer-default-info strong { color: #006ad0; } #haru-footer-main .footer-fullwidth-info { color: rgba(255, 255, 255, 0.9); letter-spacing: 0.12em; } #haru-footer-main .footer-fullwidth-copyright { color: #9f9f9f; letter-spacing: 0.12em; } #haru-footer-main .footer-fullwidth-copyright strong { color: #fff; } .widget_instagram-feed-widget #sb_instagram.grid-layout-square { width: auto !important; } @media screen and (max-width: 767px) { .widget_instagram-feed-widget #sb_instagram.grid-layout-square { width: auto !important; } } .widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-5 { margin: -10px -10px 0 -10px !important; } .widget_instagram-feed-widget #sb_instagram.grid-layout-square.padding-10 { margin: -20px -20px 0 -20px !important; } .subscribe-default .subscribe-email { display: inline-block; width: calc(100% - 170px); background-color: #fff; border-top-left-radius: 6px; border-bottom-left-radius: 6px; } @media screen and (max-width: 1199px) { .subscribe-default .subscribe-email { width: calc(100% - 150px); } } .subscribe-default .subscribe-email input[type="email"] { background: none; border: none; height: 48px; line-height: 48px; padding: 0 20px; width: 100%; } .subscribe-default .subscribe-email input[type="email"]::-moz-placeholder { color: #9f9f9f; opacity: 1; } .subscribe-default .subscribe-email input[type="email"]:-ms-input-placeholder { color: #9f9f9f; } .subscribe-default .subscribe-email input[type="email"]::-webkit-input-placeholder { color: #9f9f9f; } @media screen and (max-width: 1199px) { .subscribe-default .subscribe-email input[type="email"] { height: 43px; line-height: 43px; } } .subscribe-default .subscribe-email input[type="email"]:focus { outline: none; } .subscribe-default .subscribe-submit { display: inline-block; float: right; width: 170px; } @media screen and (max-width: 1199px) { .subscribe-default .subscribe-submit { width: 150px; } } .subscribe-default .subscribe-submit input[type="submit"] { border: none; border-top-right-radius: 6px; border-bottom-right-radius: 6px; background: #006ad0; color: #fff; font-weight: 700; letter-spacing: .1em; height: 48px; text-align: center; width: 100%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1199px) { .subscribe-default .subscribe-submit input[type="submit"] { height: 43px; } } .subscribe-default .subscribe-submit input[type="submit"]:hover { background: #007de6; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .subscribe-default .subscribe-submit input[type="submit"]:focus { outline: none; } /*----------------------------------- * 6. BLOG *-----------------------------------*/ /*----------------------------------- * BLOG *-----------------------------------*/ .haru-archive-blog .archive-content .archive-content-layout article { padding-bottom: 40px; } .haru-archive-blog .archive-content .archive-content-layout article.sticky .post-wrapper .post-content-wrapper .post-detail .post-title a { position: relative; } .haru-archive-blog .archive-content .archive-content-layout article.sticky .post-wrapper .post-content-wrapper .post-detail .post-title a:before { content: "\f024"; font-family: FontAwesome; color: #006ad0; top: 50%; margin-right: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.sticky .post-wrapper .post-content-wrapper .post-detail .post-title a:before { margin-right: 10px; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper { position: relative; margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail { position: relative; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay { position: relative; display: block; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img { width: 100%; overflow: hidden; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive { width: auto; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto { display: none; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff; color: #fff; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); -o-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover { color: #006ad0; border: 1px solid #006ad0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav { opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-prev:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots { text-align: center; position: absolute; bottom: 20px; width: 100%; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot { background: #868686; display: inline-block; height: 10px; margin: 0 5px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-thumbnail-wrapper .owl-dots .owl-dot.active { background: transparent; border: 1px solid #006ad0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper { margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link { background: #eeeeee; height: 60px; display: flex; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link i { width: 60px; line-height: 60px; background: #006ad0; color: #fff; text-align: center; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-link-wrapper .post-content-link a { margin-left: 20px; line-height: 60px; font-weight: 700; font-style: italic; text-transform: uppercase; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper { margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface { height: 60px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls { height: 60px; line-height: 60px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a { color: #fff; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a:hover { color: #006ad0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-controls a i { font-size: 16px; line-height: 18px; position: relative; top: 2px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress { width: calc(100% - 200px) !important; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar { height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-seek-bar .jp-play-bar { background: #006ad0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar { height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-audio-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar .jp-volume-bar-value { background: #006ad0; height: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper { padding: 15px; background: #eeeeee; margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote { font-family: "Poppins"; border-left: none; font-style: italic; margin: 0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p { font-size: 20px; margin-bottom: 20px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p { font-size: 16px; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i { font-style: italic; color: #006ad0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote p i.fa-quote-left { margin-right: 5px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-quote-wrapper blockquote cite { font-weight: 700; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title { line-height: 1.4; margin-top: 15px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a { color: #3f3f3f; font-size: 22px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 16px; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-excerpt { margin-top: 15px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-top: 30px; margin-bottom: 35px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more { display: inline-block; background-color: #006ad0; color: #fff; font-weight: 600; padding: 9px 30px; letter-spacing: .05em; text-transform: uppercase; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more:hover { background-color: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-content-wrapper .post-detail .post-read-more .read-more i { display: none; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info { clear: both; font-size: 14px; text-align: left; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info { font-size: 13px; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-category-wrap { display: inline-block; margin-right: 3px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-category-wrap span:first-child { color: #9f9f9f; padding-right: 3px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-category-wrap a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-category-wrap a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-sticky { color: #006ad0; display: inline-block; font-weight: 700; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-sticky i { margin-right: 10px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-author { display: inline-block; font-weight: normal; margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(0, 0, 0, 0.3); } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-author span { color: #9f9f9f; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-author a { text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-author a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-date { display: inline-block; margin-right: 10px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-date i { margin-right: 10px; color: #006ad0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-views { display: inline-block; margin-right: 10px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-views { display: none; } } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-views i { margin-right: 10px; color: #006ad0; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-comment { display: inline-block; margin-right: 10px; } .haru-archive-blog .archive-content .archive-content-layout article .post-wrapper .post-meta-info .post-meta-comment i { margin-right: 10px; color: #006ad0; } .haru-archive-blog .archive-content .archive-content-layout article.format-standard:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-category { margin-top: 0; } .haru-archive-blog .archive-content .archive-content-layout article.large-image .post-wrapper { padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image .post-wrapper { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-thumbnail-wrapper { width: 50%; float: left; margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-thumbnail-wrapper .post-thumbnail { margin-right: 10px; } @media screen and (max-width: 991px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-thumbnail-wrapper { width: 100%; margin-bottom: 20px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-thumbnail-wrapper .post-thumbnail { margin-right: 0; } } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-thumbnail-wrapper { width: 100%; } } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper { width: 50%; float: left; text-align: left; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail { margin-left: 10px; margin-top: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-detail-content { padding-left: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-detail-content .post-category-wrap { margin-top: -6px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-meta-info { margin-top: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 16px; } } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-excerpt { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-top: 20px; margin-bottom: 25px; } @media screen and (max-width: 991px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper { width: 100%; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail { margin-left: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper .post-detail .post-meta-category { margin-top: 15px; } } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image.has-post-thumbnail:not(.format-link):not(.format-quote):not(.format-audio) .post-wrapper .post-content-wrapper { width: 100%; } } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } @media screen and (max-width: 767px) { .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 16px; } } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-excerpt { padding: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-top: 30px; margin-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper { width: 100%; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail { margin-left: 0; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail .post-title { margin-top: 10px; } .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-audio .post-wrapper .post-content-wrapper .post-detail .post-meta-category, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-link .post-wrapper .post-content-wrapper .post-detail .post-meta-category, .haru-archive-blog .archive-content .archive-content-layout article.medium-image.format-quote .post-wrapper .post-content-wrapper .post-detail .post-meta-category { margin-top: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.grid, .haru-archive-blog .archive-content .archive-content-layout article.masonry { padding-bottom: 30px; } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper { border-bottom: 1px solid #e5e5e5; padding-bottom: 15px; position: relative; } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail { margin-top: 30px; } } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title { padding: 0; margin-bottom: 0; } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 18px; } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-title a, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-title a { font-size: 16px; } } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-read-more, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-read-more { margin-bottom: 25px; margin-top: 25px; } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-wrapper .post-content-wrapper .post-detail .post-detail-content { padding-left: 0; } } .haru-archive-blog .archive-content .archive-content-layout article.grid .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-meta-info { display: none; } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-meta-info { font-size: 13px; } } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid .post-meta-info .post-meta-views, .haru-archive-blog .archive-content .archive-content-layout article.masonry .post-meta-info .post-meta-views { display: none; } } .haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail { margin-top: 0; } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-date, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-date { position: relative; left: 0; } } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-detail-content { padding-left: 20px; } } .haru-archive-blog .archive-content .archive-content-layout article.grid:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info, .haru-archive-blog .archive-content .archive-content-layout article.masonry:not(.has-post-thumbnail) .post-wrapper .post-content-wrapper .post-detail .post-meta-info { margin-top: 0; } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid.format-audio .post-wrapper .post-content-wrapper .post-detail .post-meta-date, .haru-archive-blog .archive-content .archive-content-layout article.grid.format-link .post-wrapper .post-content-wrapper .post-detail .post-meta-date, .haru-archive-blog .archive-content .archive-content-layout article.grid.format-quote .post-wrapper .post-content-wrapper .post-detail .post-meta-date, .haru-archive-blog .archive-content .archive-content-layout article.masonry.format-audio .post-wrapper .post-content-wrapper .post-detail .post-meta-date, .haru-archive-blog .archive-content .archive-content-layout article.masonry.format-link .post-wrapper .post-content-wrapper .post-detail .post-meta-date, .haru-archive-blog .archive-content .archive-content-layout article.masonry.format-quote .post-wrapper .post-content-wrapper .post-detail .post-meta-date { position: relative; left: 0; } } @media screen and (max-width: 1199px) { .haru-archive-blog .archive-content .archive-content-layout article.grid.format-audio .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.grid.format-link .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.grid.format-quote .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.masonry.format-audio .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.masonry.format-link .post-wrapper .post-content-wrapper .post-detail .post-detail-content, .haru-archive-blog .archive-content .archive-content-layout article.masonry.format-quote .post-wrapper .post-content-wrapper .post-detail .post-detail-content { padding-left: 20px; } } .haru-archive-blog .archive-paging { margin-top: 20px; padding-bottom: 8%; } .haru-archive-blog .archive-paging.default { text-align: center; } .haru-archive-blog .archive-paging.default .page-numbers { list-style: none; list-style-type: none; display: inline-block; padding: 0; margin: 0; } .haru-archive-blog .archive-paging.default .page-numbers li { display: inline-block; padding: 0 5px; } .haru-archive-blog .archive-paging.default .page-numbers li span, .haru-archive-blog .archive-paging.default .page-numbers li a { color: #3f3f3f; display: inline-block; padding: 0 13px; min-width: 36px; height: 36px; line-height: 36px; font-family: "Poppins"; border-radius: 6px; border: 1px solid #e5e5e5; font-weight: 600; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-paging.default .page-numbers li span.current { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; } .haru-archive-blog .archive-paging.default .page-numbers li a:hover, .haru-archive-blog .archive-paging.default .page-numbers li a:focus { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; } .haru-archive-blog .archive-paging.default .page-numbers li a.prev, .haru-archive-blog .archive-paging.default .page-numbers li a.next { text-transform: capitalize; } .haru-archive-blog .archive-paging.load-more { text-align: center; } .haru-archive-blog .archive-paging.load-more button { background-color: #006ad0; border: 1px solid #006ad0; border-radius: 6px; color: #fff; font-weight: 600; padding: 8px 25px; letter-spacing: 0.05em; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-paging.load-more button:hover { background-color: #007de6; border: 1px solid #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-blog .archive-paging.load-more button:focus { outline: none; } .single-content.no-sidebar .post-thumbnail-wrapper .post-thumbnail { text-align: center; } .single-content.no-sidebar .post-thumbnail-wrapper .post-thumbnail img { margin: 0 auto; } .single-content.no-sidebar .post-thumbnail-wrapper .post-meta-category { display: none; } .single-content.no-sidebar .post-content-wrapper { padding: 0 15%; } @media screen and (max-width: 767px) { .single-content.no-sidebar .post-content-wrapper { padding: 0; } } .single-content.no-sidebar .author-info { padding: 40px 15% !important; } @media screen and (max-width: 767px) { .single-content.no-sidebar .author-info { padding: 40px 0 !important; } } .single-content.no-sidebar .post-related { text-align: center; } .single-content.no-sidebar #comments { padding: 0 15%; } @media screen and (max-width: 767px) { .single-content.no-sidebar #comments { padding: 0 !important; } } .single-content .single-wrapper { margin-bottom: 80px; } @media screen and (max-width: 991px) { .single-content .single-wrapper { margin-bottom: 10px; } } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info { text-align: center; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title { font-size: 28px; margin-top: 0; font-weight: 600; } @media screen and (max-width: 1199px) { .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title { font-size: 24px; } } @media screen and (max-width: 991px) { .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title { font-size: 20px; } } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-title { font-size: 18px; } } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info { font-size: 14px; margin-top: 25px; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info { font-size: 13px; } } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky { font-weight: 700; color: #006ad0; display: inline-block; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-sticky i { margin-right: 10px; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-date { display: inline-block; margin-right: 15px; padding-right: 20px; border-right: 1px solid rgba(0, 0, 0, 0.3); } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author { display: inline-block; font-weight: normal; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author span { text-transform: capitalize; color: #9f9f9f; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a { font-weight: 600; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-author a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-on { color: #9f9f9f; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-views { display: inline-block; margin-right: 10px; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-views i { margin-right: 10px; color: #006ad0; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-comment { display: inline-block; margin-right: 10px; } .single-content .single-wrapper article .post-meta-wrapper .post-meta-info .post-info .post-meta-comment i { margin-right: 10px; color: #006ad0; } .single-content .single-wrapper article .post-thumbnail-wrapper { margin-top: 30px; position: relative; } .single-content .single-wrapper article .post-thumbnail-wrapper:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail { position: relative; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .post-thumbnail-overlay:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail:hover .prettyPhoto { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay { position: relative; display: block; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay:before { display: none; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 106, 208, 0.8); opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img { width: 100%; overflow: hidden; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .post-thumbnail-overlay img.img-responsive { width: auto; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto { display: none; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #fff; color: #fff; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate(-50%, -50%) scale(0.8); -ms-transform: translate(-50%, -50%) scale(0.8); -o-transform: translate(-50%, -50%) scale(0.8); transform: translate(-50%, -50%) scale(0.8); } .single-content .single-wrapper article .post-thumbnail-wrapper .post-thumbnail .prettyPhoto:hover { color: #006ad0; border: 1px solid #006ad0; } .single-content .single-wrapper article .post-thumbnail-wrapper .post-meta-category { background-color: #fff; font-style: italic; padding: 1px 8px; position: absolute; left: 0; bottom: 0; display: none; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-thumbnail-wrapper .post-meta-category { font-size: 13px; } } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-play-pause a:hover { color: #006ad0; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress { width: calc(100% - 200px) !important; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-progress .jp-play-bar { background: #007de6; } .single-content .single-wrapper article .post-thumbnail-wrapper .jp-audio .jp-type-playlist .jp-interface .jp-volume .jp-volume-bar-value { background: #007de6; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav { opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-prev:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next { background: rgba(0, 0, 0, 0.3); color: #fff; position: absolute; top: 50%; right: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.6); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots { text-align: center; position: absolute; bottom: 20px; width: 100%; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot { background: #868686; display: inline-block; height: 10px; margin: 0 5px; width: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-content .single-wrapper article .post-thumbnail-wrapper .owl-dots .owl-dot.active { background: transparent; border: 1px solid #006ad0; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .single-content .single-wrapper article .post-thumbnail-wrapper blockquote { border-left: 4px solid #006ad0; font-size: 16px; font-style: italic; font-family: "Poppins"; margin: 5%; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-thumbnail-wrapper blockquote { font-size: 20px; } } .single-content .single-wrapper article .post-content-wrapper { margin-top: 35px; padding-bottom: 30px; border-bottom: 1px solid #e5e5e5; } .single-content .single-wrapper article .post-content-wrapper .post-content blockquote { font-size: 16px; font-style: italic; margin: 3% 5%; font-family: "Poppins"; } .single-content .single-wrapper article .post-content-wrapper .post-content blockquote p { color: #3f3f3f; font-weight: 600; line-height: 1.6; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-content blockquote { font-size: 14px; } } .single-content .single-wrapper article .post-content-wrapper .post-content blockquote cite { font-size: 14px; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta { clear: both; margin-top: 6%; text-align: center; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag { font-size: 15px; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag .tag-title { color: #3f3f3f; display: none; font-weight: 700; margin-right: 10px; text-transform: uppercase; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a { color: #9f9f9f; display: inline-block; font-size: 14px; font-style: italic; margin: 3px 5px 3px 0; padding: 2px 10px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a:before { content: "#"; position: absolute; left: 0; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-other-meta .single-post-tags .post-meta-tag a { display: inline-block; font-size: 13px; margin-bottom: 5px; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share { list-style-type: none; list-style: none; padding: 0; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li { display: inline-block; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li.social-label { color: #3f3f3f; font-weight: 600; margin-right: 10px; padding: 0; } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a { color: #9f9f9f; display: inline-block; font-size: 15px; text-align: center; width: 36px; height: 36px; line-height: 33px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a { font-size: 12px; width: 30px; height: 30px; line-height: 28px; margin-bottom: 3px; } } .single-content .single-wrapper article .post-content-wrapper .post-other-meta .post-social-share .social-share-wrapper .social-share li a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper .single-post-navigation { margin-top: 70px; padding-bottom: 15px; display: flex; } @media screen and (max-width: 991px) { .single-content .single-wrapper .single-post-navigation { margin-top: 30px; } } .single-content .single-wrapper .single-post-navigation .nav-links { width: 50%; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous { text-align: left; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous:hover .post-navigation-content .post-navigation-title { color: #006ad0; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-left i { font-size: 16px; margin-right: 10px; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title { color: #3f3f3f; display: inline-block; font-size: 16px; font-weight: 600; font-family: "Poppins"; } @media screen and (max-width: 767px) { .single-content .single-wrapper .single-post-navigation .nav-links.nav-previous .post-navigation-content .post-navigation-title { font-size: 14px; } } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next { text-align: right; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next:hover .post-navigation-content .post-navigation-title { color: #006ad0; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-right i { font-size: 16px; margin-left: 10px; } .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-content .post-navigation-title { font-family: "Poppins"; color: #3f3f3f; display: inline-block; font-size: 16px; font-weight: 600; } @media screen and (max-width: 767px) { .single-content .single-wrapper .single-post-navigation .nav-links.nav-next .post-navigation-content .post-navigation-title { font-size: 14px; } } .single-content .single-wrapper .author-info { padding: 40px 20px; text-align: center; border-bottom: 1px solid #e5e5e5; } .single-content .single-wrapper .author-info .author-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-content .single-wrapper .author-info .author-description .author-title { font-size: 16px; margin-top: 20px; text-transform: capitalize; } .single-content .single-wrapper .author-info .author-description .author-title a { color: #3f3f3f; } .single-content .single-wrapper .author-info .author-description .author-title a:hover { color: #006ad0; } @media screen and (max-width: 767px) { .single-content .single-wrapper .author-info .author-description .author-title { font-size: 16px; } } .single-content .single-wrapper .author-info .author-description .author-bio { font-family: "Poppins"; font-style: italic; font-size: 15px; padding: 0 12%; } .single-content .single-wrapper .author-info .author-description .author-url { border-bottom: 1px solid transparent; color: #9f9f9f; display: inline-block; padding-top: 20px; line-height: 1.1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper .author-info .author-description .author-url:hover { border-bottom: 1px solid #3f3f3f; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-content .single-wrapper .post-related { border-bottom: 1px solid #e5e5e5; margin-top: 50px; padding-bottom: 35px; } @media screen and (max-width: 991px) { .single-content .single-wrapper .post-related { margin-top: 30px; padding-bottom: 15px; } } .single-content .single-wrapper .post-related .related-title { font-size: 24px; position: relative; padding-bottom: 25px; } @media screen and (max-width: 991px) { .single-content .single-wrapper .post-related .related-title { font-size: 20px; } } @media screen and (max-width: 767px) { .single-content .single-wrapper .post-related .related-title { font-size: 16px; } } .single-content .single-wrapper .post-related .related-list { position: relative; } .single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list:hover .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper .post-related .related-list .related-item .post-image { margin-bottom: 20px; position: relative; } .single-content .single-wrapper .post-related .related-list .related-item .post-image .post-meta-category { background-color: #fff; font-style: italic; padding: 0 8px; position: absolute; left: 0; bottom: -1px; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta { padding: 0 10%; text-align: center; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta a { text-transform: uppercase; font-style: italic; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title { font-size: 16px; font-weight: 600; padding-top: 0; line-height: 1.5; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a { color: #3f3f3f; font-style: normal; text-transform: none; } .single-content .single-wrapper .post-related .related-list .related-item .post-meta .post-title a:hover { color: #006ad0; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev:hover, .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-prev { left: 0; } .single-content .single-wrapper .post-related .related-list .owl-nav .owl-next { right: 0; } #comments { margin-top: 70px; } #comments .comments-title { font-size: 24px; line-height: 1.4; padding-bottom: 10px; position: relative; } @media screen and (max-width: 991px) { #comments .comments-title { font-size: 20px; } } @media screen and (max-width: 767px) { #comments .comments-title { font-size: 16px; } } #comments .post-comments-list .comment-list { padding: 0; list-style: none; list-style-type: none; } #comments .post-comments-list .comment-list li.pingback .comment-body .author-avatar { width: 0; } #comments .post-comments-list .comment-list li.pingback .comment-body .comment-text { padding-left: 0; } #comments .post-comments-list .comment-list li .comment-body { padding: 10px 0; margin-bottom: 10px; } #comments .post-comments-list .comment-list li .comment-body .author-avatar { width: 90px; float: left; } #comments .post-comments-list .comment-list li .comment-body .author-avatar img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 767px) { #comments .post-comments-list .comment-list li .comment-body .author-avatar { width: 50px; } } #comments .post-comments-list .comment-list li .comment-body .comment-text { padding-left: 90px; } @media screen and (max-width: 767px) { #comments .post-comments-list .comment-list li .comment-body .comment-text { padding-left: 65px; } } #comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name { color: #3f3f3f; font-size: 16px; font-weight: 700; text-transform: capitalize; } #comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name a { font-weight: 700; } @media screen and (max-width: 767px) { #comments .post-comments-list .comment-list li .comment-body .comment-text .author .author-name { font-size: 14px; } } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta { padding-top: 5px; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-date { color: #757575; font-style: italic; float: left; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a { font-style: italic; font-weight: 600; margin-left: 15px; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:hover { color: #006ad0; } #comments .post-comments-list .comment-list li .comment-body .comment-text .comment-meta .comment-meta-action a:first-child { padding-left: 15px; border-left: 1px solid #e5e5e5; } #comments .post-comments-list .comment-list li .comment-body .comment-text .text { margin-top: 5px; line-height: 1.8; } #comments .post-comments-list .comment-list li .children { border-left: 1px solid #e5e5e5; margin-left: 70px; margin-bottom: 20px; padding-left: 15px; } @media screen and (max-width: 991px) { #comments .post-comments-list .comment-list li .children { margin-left: 35px; padding-left: 10px; } } @media screen and (max-width: 767px) { #comments .post-comments-list .comment-list li .children { margin-left: 10px; padding-left: 5px; border-left: none; } } #comments .post-comments-list .comment-list .children { list-style: none; list-style-type: none; } #comments .post-comments-form { border-top: 1px solid #e5e5e5; margin-top: 15px; padding-top: 45px; } @media screen and (max-width: 991px) { #comments .post-comments-form { padding-top: 30px; } } #comments #respond-wrapper h3, #comments .comment-respond h3 { font-size: 24px; line-height: 1.4; } @media screen and (max-width: 991px) { #comments #respond-wrapper h3, #comments .comment-respond h3 { font-size: 20px; } } @media screen and (max-width: 767px) { #comments #respond-wrapper h3, #comments .comment-respond h3 { font-size: 16px; } } #comments #respond-wrapper .comment-form, #comments .comment-respond .comment-form { margin-top: 20px; } #comments #respond-wrapper .comment-form input, #comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form input, #comments .comment-respond .comment-form textarea { background-color: #f8f8f8; border: 1px solid #e5e5e5; padding: 10px 15px; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #comments #respond-wrapper .comment-form input:focus, #comments #respond-wrapper .comment-form textarea:focus, #comments .comment-respond .comment-form input:focus, #comments .comment-respond .comment-form textarea:focus { outline: none; } #comments #respond-wrapper .comment-form textarea, #comments .comment-respond .comment-form textarea { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } #comments #respond-wrapper .comment-form .logged-in-as, #comments .comment-respond .comment-form .logged-in-as { font-style: italic; } #comments #respond-wrapper .comment-form .comment-form-comment, #comments .comment-respond .comment-form .comment-form-comment { margin-top: 10px; } #comments #respond-wrapper .comment-form .submit, #comments .comment-respond .comment-form .submit { background: #006ad0; border: none; border-radius: 6px; border: none; color: #fff; font-weight: 600; letter-spacing: .05em; padding: 9px 25px; margin-top: 20px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #comments #respond-wrapper .comment-form .submit:hover, #comments .comment-respond .comment-form .submit:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #comments .comment-respond { margin-bottom: 15px; } #comments .comment-respond h3 { font-size: 24px; } #comments .comment-respond h3 small { margin-left: 10px; font-style: italic; text-transform: none; } .has-left-sidebar { float: right !important; padding-left: 25px; } @media screen and (max-width: 991px) { .has-left-sidebar { padding-left: 15px; } } .has-right-sidebar { padding-right: 25px; } @media screen and (max-width: 991px) { .has-right-sidebar { padding-right: 15px; } } .left-sidebar { float: left !important; } .archive-sidebar aside, .single-sidebar aside { margin-bottom: 40px; } .archive-sidebar .widget-title, .single-sidebar .widget-title { font-size: 20px; line-height: 1.4; margin-top: 0px; margin-bottom: 30px; text-transform: uppercase; } @media screen and (max-width: 1199px) { .archive-sidebar .widget-title, .single-sidebar .widget-title { font-size: 18px; } } @media screen and (max-width: 991px) { .archive-sidebar .widget-title, .single-sidebar .widget-title { font-size: 16px; } } @media screen and (max-width: 991px) { .archive-sidebar, .single-sidebar { margin-top: 30px; } } @media screen and (max-width: 767px) { .archive-sidebar, .single-sidebar { margin-top: 20px; } } select { max-width: 100%; } select:focus { outline: none; } .widget_categories > ul, .widget_archive > ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .widget_categories > ul > li, .widget_archive > ul > li { padding: 10px 0; position: relative; } .widget_categories > ul > li:first-child, .widget_archive > ul > li:first-child { padding-top: 0; } .widget_categories > ul > li a, .widget_archive > ul > li a { position: relative; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_categories > ul > li a:hover, .widget_archive > ul > li a:hover { color: #006ad0; left: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_categories > ul > li a:hover:before, .widget_archive > ul > li a:hover:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_categories > ul > li a:before, .widget_archive > ul > li a:before { background-color: #006ad0; position: absolute; content: ""; width: 6px; height: 6px; opacity: 0; top: 50%; left: -15px; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .widget_categories > ul > li .list-count, .widget_categories > ul > li .archive-count, .widget_archive > ul > li .list-count, .widget_archive > ul > li .archive-count { float: right; } .widget_categories > ul > li .children, .widget_archive > ul > li .children { padding-left: 15px; list-style: none; list-style-type: none; } .widget_categories > ul > li .children li, .widget_archive > ul > li .children li { padding-top: 15px; } .widget_categories > ul > li span, .widget_archive > ul > li span { font-size: 14px; } .widget_categories select, .widget_archive select { margin-top: 15px; } .widget_categories select:focus, .widget_archive select:focus { outline: none; } .widget_calendar .calendar_wrap table { width: 100%; border: 1px solid #e5e5e5; text-align: center; } .widget_calendar .calendar_wrap table th { border-bottom: 1px solid #e5e5e5; text-align: center; padding: 5px 0; background: #006ad0; color: #fff; } .widget_calendar .calendar_wrap table td { border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 5px 0; } .widget_pages ul { padding: 0; margin: 0 0 1.75em 0; list-style: none; } .widget_pages ul li { padding: 6px 0; } .widget_pages ul li > ul { margin-bottom: 0; counter-reset: children; } .widget_pages ul li > ul > li:first-child { padding-top: 10px; } .widget_pages ul li > ul > li:last-child { padding-bottom: 0; } .widget_pages .children { margin-left: 20px; } @media screen and (max-width: 1199px) { .widget_pages .children { margin-left: 15px; } } .widget_meta ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .widget_meta ul li { padding: 8px 0; } .widget_meta ul li:last-child { padding-bottom: 0; } .widget_meta ul li a { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .widget_meta ul li a:hover { margin-left: 10px; color: #006ad0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .widget_recent_comments ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .widget_recent_comments ul li { padding: 8px 0; } .widget_recent_comments ul li:last-child { padding-bottom: 0; } .widget_recent_comments ul li a { font-weight: 600; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .widget_recent_comments ul li a:hover { margin-left: 10px; color: #006ad0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .widget_recent_comments ul li a.url { font-weight: 400; } .widget_recent_comments ul li a.url:hover { color: #006ad0; } .widget_recent_entries ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .widget_recent_entries ul li { padding: 8px 0; } .widget_recent_entries ul li:last-child { padding-bottom: 0; } .widget_recent_entries ul li a { -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .widget_recent_entries ul li a:hover { margin-left: 10px; color: #006ad0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .widget_rss > ul { list-style: none; list-style-type: none; padding: 0; margin: 0; } .widget_rss > ul li { padding: 8px 0; } .widget_rss > ul li:last-child { padding-bottom: 0; } .widget_rss > ul li a { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_rss > ul li a:hover { margin-left: 10px; color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_rss > ul li .rssSummary { font-weight: 600; } .widget_nav_menu ul { padding: 0; margin: 0 0 1.75em 0; list-style: none; } .widget_nav_menu ul li { padding: 6px 0; } .widget_nav_menu ul li > ul { margin-bottom: 0; } .widget_nav_menu ul li > ul > li:first-child { padding-top: 10px; } .widget_nav_menu ul li > ul > li:last-child { padding-bottom: 0; } .widget_nav_menu .sub-menu { margin-left: 20px; } @media screen and (max-width: 1199px) { .widget_nav_menu .sub-menu { margin-left: 15px; } } .widget_search .search-form { position: relative; background-color: transparent; border: 1px solid #e5e5e5; border-radius: 6px; } .widget_search .search-form label { display: block; margin-bottom: 0; } .widget_search .search-form label input[type="search"] { width: calc(100% - 60px); height: 40px; background-color: transparent; border: none; outline: none; padding-left: 20px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 30px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_search .search-form label input[type="search"]::-moz-placeholder { color: #9f9f9f; opacity: 1; } .widget_search .search-form label input[type="search"]:-ms-input-placeholder { color: #9f9f9f; } .widget_search .search-form label input[type="search"]::-webkit-input-placeholder { color: #9f9f9f; } .widget_search .search-form .search-submit { color: #9f9f9f; width: 60px; padding: 0; position: absolute; font-size: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: none; outline: none; } .widget_search .search-form .search-submit:hover { color: #006ad0; } .widget_search .search-form .search-submit:before { content: "\e090"; font-family: 'Simple-Line-Icons'; position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget_tag_cloud .tagcloud a { border: 1px solid #e5e5e5; border-radius: 6px; color: #3f3f3f; display: inline-block; margin: 6px 5px 0 0; padding: 5px 15px; font-size: 14px !important; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget_tag_cloud .tagcloud a:hover { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget-post-thumbnail ul { list-style: none; list-style-type: none; padding: 0; margin: 0; padding-top: 10px; } .widget-post-thumbnail ul.thumb_left li { border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 20px; } .widget-post-thumbnail ul.thumb_left li:last-child { border: none; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-image { width: 28%; float: left; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content { width: 65%; float: right; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 { margin-bottom: 3px; margin-top: -5px; font-size: 15px; line-height: 1.6; font-weight: 600; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a { color: #3f3f3f; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content h4 a:hover { color: #006ad0; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta { font-style: italic; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span { margin-right: 5px; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta span:last-child { margin-right: 0; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .datetime { color: #9f9f9f; font-size: 12px; } .widget-post-thumbnail ul.thumb_left li .posts-thumbnail-content .posts-thumbnail-meta .comment-count i { margin-right: 5px; } .search-form { position: relative; background-color: transparent; border: 1px solid #e5e5e5; border-radius: 6px; } .search-form label { display: block; margin-bottom: 0; } .search-form label input[type="search"] { width: calc(100% - 60px); height: 40px; background-color: transparent; border: none; outline: none; padding-left: 20px; padding-right: 5px; font-weight: 400; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-top-left-radius: 30px; -moz-background-clip: padding-box; -webkit-background-clip: padding-box; background-clip: padding-box; } .search-form label input[type="search"]::-moz-placeholder { color: #9f9f9f; opacity: 1; } .search-form label input[type="search"]:-ms-input-placeholder { color: #9f9f9f; } .search-form label input[type="search"]::-webkit-input-placeholder { color: #9f9f9f; } .search-form .search-submit { color: #9f9f9f; width: 60px; padding: 0; position: absolute; font-size: 0; right: 0; top: 0; bottom: 0; overflow: hidden; border: none; background: none; outline: none; } .search-form .search-submit:hover { color: #006ad0; } .search-form .search-submit:before { content: "\e090"; font-family: 'Simple-Line-Icons'; position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } p.search-not-found { padding-bottom: 10px; } /*----------------------------------- * 7. WOOCOMMERCE *-----------------------------------*/ /*----------------------------------- * WOOCOMMERCE *-----------------------------------*/ ul.products { list-style: none; padding: 0; list-style: none outside; clear: both; } ul.products li { padding: 0 15px !important; margin: 10px 0 !important; position: relative; list-style: none outside; } ul.products li.first { clear: both; } li.product:hover .product-inner, li.type-product:hover .product-inner { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.product:hover .product-inner .product-thumbnail .woocommerce-loop-product__link:before, li.type-product:hover .product-inner .product-thumbnail .woocommerce-loop-product__link:before { opacity: 1; } li.product:hover .product-inner .star-rating, li.type-product:hover .product-inner .star-rating { opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.product:hover .product-inner .product-varations, li.type-product:hover .product-inner .product-varations { opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.product:hover .product-inner .product-actions, li.type-product:hover .product-inner .product-actions { opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } li.product:hover .product-design, li.type-product:hover .product-design { opacity: 1; transition: all .5s; } li.product .product-inner, li.type-product .product-inner { margin: 10px 0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.product .product-inner .product-thumbnail, li.type-product .product-inner .product-thumbnail { position: relative; border: 1px solid rgba(229, 229, 229, 0.4); } li.product .product-inner .product-thumbnail .woocommerce-loop-product__link, li.type-product .product-inner .product-thumbnail .woocommerce-loop-product__link { display: block; } li.product .product-inner .product-thumbnail .woocommerce-loop-product__link:before, li.type-product .product-inner .product-thumbnail .woocommerce-loop-product__link:before { content: ''; display: block; height: 100%; width: 100%; position: absolute; opacity: 0; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background-color: rgba(63, 63, 63, 0.5); } li.product .product-inner .product-thumbnail .product-thumb-secondary, li.type-product .product-inner .product-thumbnail .product-thumb-secondary { display: none; } li.product .product-inner .product-thumbnail img, li.type-product .product-inner .product-thumbnail img { margin-bottom: 0 !important; width: 100%; } li.product .product-inner .product-label, li.type-product .product-inner .product-label { position: absolute; right: 10px !important; top: 10px !important; z-index: 1; } li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale { width: 50px; background-color: #006ad0 !important; color: #fff; display: block; position: relative; z-index: 1; left: 0 !important; font-size: 12px !important; min-height: auto; min-width: auto; margin: 0 0 5px 0 !important; padding: 5px 0; line-height: 14px; font-weight: 700; top: 0; text-align: center; text-transform: lowercase; border-radius: 4px; } @media screen and (max-width: 991px) { li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale { font-size: 12px !important; } } @media screen and (max-width: 767px) { li.product .product-inner .product-flash, li.product .product-inner .onsale, li.type-product .product-inner .product-flash, li.type-product .product-inner .onsale { font-size: 10px !important; } } li.product .product-inner .product-flash.on-hot, li.type-product .product-inner .product-flash.on-hot { color: #fff; } li.product .product-inner .product-flash.on-new, li.type-product .product-inner .product-flash.on-new { color: #fff; } li.product .product-inner .onsale, li.type-product .product-inner .onsale { background-color: #f03838 !important; } li.product .product-inner .product-info, li.type-product .product-inner .product-info { padding: 15px 0 10px 0; position: relative; } li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title { font-size: 16px; line-height: 1.6; font-weight: 600; padding: 0; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title { font-size: 14px; } } li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title:hover, li.type-product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { li.product .product-inner .product-info .woocommerce-loop-product__link, li.type-product .product-inner .product-info .woocommerce-loop-product__link { width: 100%; } } li.product .product-inner .star-rating, li.type-product .product-inner .star-rating { z-index: 2; font-family: Ionicons; font-size: 14px !important; width: 70px; height: 1em; line-height: 1; overflow: hidden; margin-top: 15px; display: inline-block; float: right; position: relative; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media screen and (max-width: 767px) { li.product .product-inner .star-rating, li.type-product .product-inner .star-rating { float: none; margin-bottom: 0; margin-top: 8px; } } li.product .product-inner .star-rating:before, li.type-product .product-inner .star-rating:before { position: absolute; top: 0; left: 0; content: "\f4b2 \f4b2 \f4b2 \f4b2 \f4b2"; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } li.product .product-inner .star-rating span, li.type-product .product-inner .star-rating span { position: relative; overflow: hidden; float: left; top: 0; left: 0; padding-top: 1.5em; } li.product .product-inner .star-rating span:before, li.type-product .product-inner .star-rating span:before { position: absolute; content: "\f4b3 \f4b3 \f4b3 \f4b3 \f4b3"; top: 0; left: 0; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } li.product .product-inner .price, li.type-product .product-inner .price { color: #006ad0 !important; display: inline-block; line-height: 1.6; margin-bottom: 0 !important; padding-top: 10px; font-weight: bold; float: left; } @media screen and (max-width: 767px) { li.product .product-inner .price, li.type-product .product-inner .price { width: 100%; padding-top: 0; } } li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount { font-size: 16px; font-weight: 500; color: #006ad0; } @media screen and (max-width: 991px) { li.product .product-inner .price .woocommerce-Price-amount, li.type-product .product-inner .price .woocommerce-Price-amount { font-size: 14px; } } li.product .product-inner .price del, li.type-product .product-inner .price del { opacity: 0.6 !important; color: #006ad0 !important; padding-left: 10px; } li.product .product-inner .price del span.woocommerce-Price-amount, li.type-product .product-inner .price del span.woocommerce-Price-amount { font-size: 14px; } @media screen and (max-width: 767px) { li.product .product-inner .price del, li.type-product .product-inner .price del { display: inline-block !important; } } li.product .product-inner .price ins, li.type-product .product-inner .price ins { text-decoration: none; } li.product .product-inner .price ins .woocommerce-Price-amount, li.type-product .product-inner .price ins .woocommerce-Price-amount { color: #f03838; } @media screen and (max-width: 767px) { li.product .product-inner .price ins, li.type-product .product-inner .price ins { display: inline-block !important; margin-right: 8px; } } li.product .product-varations, li.type-product .product-varations { text-align: left; width: 100%; padding-left: 5px; position: absolute; top: 15px; opacity: 0; z-index: 3; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } li.product .product-varations .haru-variations-list .variation-color, li.type-product .product-varations .haru-variations-list .variation-color { border: 1px solid #e5e5e5; width: 16px; height: 16px; border-radius: 50%; position: relative; margin: 0 3px; display: inline-block; cursor: pointer; } li.product .product-varations .haru-variations-list .variation-color.selected, li.type-product .product-varations .haru-variations-list .variation-color.selected { border-color: #9e9e9e; } li.product .product-varations .haru-variations-list .variation-color:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-color:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } li.product .product-varations .haru-variations-list .variation-color .color-variation, li.type-product .product-varations .haru-variations-list .variation-color .color-variation { width: 10px; height: 10px; border-radius: 50%; display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } li.product .product-varations .haru-variations-list .variation-color .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-color .button-tooltip { padding: 1px 3px; position: absolute; text-transform: none; display: inline-block; min-width: 50px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-varations .haru-variations-list .variation-color .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-color .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-varations .haru-variations-list .variation-label, li.type-product .product-varations .haru-variations-list .variation-label { background-color: #fff; cursor: pointer; margin: 0 3px; padding: 0 5px; position: relative; } li.product .product-varations .haru-variations-list .variation-label.selected, li.type-product .product-varations .haru-variations-list .variation-label.selected { background-color: #006ad0; color: #fff; } li.product .product-varations .haru-variations-list .variation-label:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-label:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } li.product .product-varations .haru-variations-list .variation-label .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-label .button-tooltip { padding: 1px 3px; position: absolute; text-transform: none; display: inline-block; min-width: 50px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-varations .haru-variations-list .variation-label .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-label .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-varations .haru-variations-list .variation-image, li.type-product .product-varations .haru-variations-list .variation-image { display: inline-block; border: 1px solid transparent; cursor: pointer; margin: 0 3px; position: relative; } li.product .product-varations .haru-variations-list .variation-image.selected, li.type-product .product-varations .haru-variations-list .variation-image.selected { border: 1px solid #006ad0; } li.product .product-varations .haru-variations-list .variation-image:hover .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-image:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); -o-transform: translate(-50%, -10px); transform: translate(-50%, -10px); -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } li.product .product-varations .haru-variations-list .variation-image img, li.type-product .product-varations .haru-variations-list .variation-image img { max-width: 30px; } li.product .product-varations .haru-variations-list .variation-image .button-tooltip, li.type-product .product-varations .haru-variations-list .variation-image .button-tooltip { padding: 1px 3px; position: absolute; text-transform: none; display: inline-block; min-width: 50px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-varations .haru-variations-list .variation-image .button-tooltip:after, li.type-product .product-varations .haru-variations-list .variation-image .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-actions, li.type-product .product-actions { background-color: #fff; text-align: center; position: absolute; left: 10px; right: 10px; bottom: 10px; opacity: 0; z-index: 3; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } li.product .product-actions a:hover, li.type-product .product-actions a:hover { background-color: transparent !important; } li.product .product-actions a:hover .button-tooltip, li.type-product .product-actions a:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -6px); -ms-transform: translate(-50%, -6px); -o-transform: translate(-50%, -6px); transform: translate(-50%, -6px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } li.product .product-actions a .button-tooltip, li.type-product .product-actions a .button-tooltip { padding: 2px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 80px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; z-index: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-actions a .button-tooltip:after, li.type-product .product-actions a .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } li.product .product-actions > div, li.type-product .product-actions > div { text-align: center; } li.product .product-actions > div:before, li.type-product .product-actions > div:before { content: ''; width: 15px; height: 1px; background-color: #e5e5e5; display: block; position: absolute; right: -7.5px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } li.product .product-actions > div:last-child:before, li.type-product .product-actions > div:last-child:before { display: none; } li.product .product-actions > div a:hover, li.type-product .product-actions > div a:hover { background-color: transparent !important; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product .product-actions > div a:hover i, li.type-product .product-actions > div a:hover i { color: #006ad0 !important; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product .product-actions > div a i, li.type-product .product-actions > div a i { font-weight: 700; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product .product-actions .yith-wcwl-add-to-wishlist, li.type-product .product-actions .yith-wcwl-add-to-wishlist { position: relative; display: inline-block; margin-top: 0; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { display: inline-block; font-size: 14px; width: 45px; height: 38px; line-height: 38px; background-color: transparent; color: #3f3f3f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i { margin: 0; } @media screen and (max-width: 1199px) { li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { width: 38px; } } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-add-button .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .ajax-loading, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .ajax-loading { display: none !important; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse .feedback, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse .feedback { display: none; } li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { font-size: 14px; color: #007de6; } @media screen and (max-width: 1199px) { li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a, li.type-product .product-actions .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a { font-size: 14px; } } li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare { position: relative; display: inline-block; font-size: 14px; } @media screen and (max-width: 1199px) { li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare { font-size: 14px; } } @media screen and (max-width: 767px) { li.product .product-actions .add_to_compare, li.type-product .product-actions .add_to_compare { display: none; } } li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a { display: inline-block; width: 45px; height: 38px; line-height: 38px; background-color: transparent; color: #3f3f3f; margin-right: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { li.product .product-actions .add_to_compare a, li.type-product .product-actions .add_to_compare a { width: 38px; } } li.product .product-actions .add_to_compare a.added, li.type-product .product-actions .add_to_compare a.added { color: #007de6; } li.product .product-actions .add-to-cart-wrapper, li.type-product .product-actions .add-to-cart-wrapper { position: relative; display: inline-block; } li.product .product-actions .add-to-cart-wrapper a, li.product .product-actions .add-to-cart-wrapper .add_to_cart_button, li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart { display: inline-block !important; font-size: 14px; width: 45px; height: 38px; line-height: 38px !important; background-color: transparent; color: #3f3f3f !important; margin-top: 0 !important; padding: 0 !important; margin-right: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { li.product .product-actions .add-to-cart-wrapper a, li.product .product-actions .add-to-cart-wrapper .add_to_cart_button, li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper a, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart { width: 38px; } } li.product .product-actions .add-to-cart-wrapper a.added, li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.added, li.product .product-actions .add-to-cart-wrapper .added_to_cart.added, li.type-product .product-actions .add-to-cart-wrapper a.added, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.added, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.added { display: none !important; } li.product .product-actions .add-to-cart-wrapper a.loading, li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading, li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading, li.type-product .product-actions .add-to-cart-wrapper a.loading, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading { opacity: 1 !important; } li.product .product-actions .add-to-cart-wrapper a.loading:after, li.product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after, li.product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after, li.type-product .product-actions .add-to-cart-wrapper a.loading:after, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button.loading:after, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart.loading:after { display: none !important; } li.product .product-actions .add-to-cart-wrapper a:hover, li.product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover, li.product .product-actions .add-to-cart-wrapper .added_to_cart:hover, li.type-product .product-actions .add-to-cart-wrapper a:hover, li.type-product .product-actions .add-to-cart-wrapper .add_to_cart_button:hover, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart:hover { color: #006ad0 !important; } li.product .product-actions .add-to-cart-wrapper .added_to_cart, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart { font-size: 0; } li.product .product-actions .add-to-cart-wrapper .added_to_cart i, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart i { color: #006ad0; font-size: 14px; line-height: 38px; } @media screen and (max-width: 1199px) { li.product .product-actions .add-to-cart-wrapper .added_to_cart i, li.type-product .product-actions .add-to-cart-wrapper .added_to_cart i { font-size: 14px; line-height: 40px; } } li.product .product-actions .add-to-cart-wrapper .btn_add_to_cart, li.type-product .product-actions .add-to-cart-wrapper .btn_add_to_cart { display: inline-block !important; font-size: 14px; width: 45px; height: 38px; line-height: 38px !important; background-color: transparent; color: #3f3f3f !important; margin-top: 0 !important; padding: 0 !important; margin-right: 3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { li.product .product-actions .add-to-cart-wrapper .btn_add_to_cart, li.type-product .product-actions .add-to-cart-wrapper .btn_add_to_cart { width: 38px; } } li.product .product-actions .add-to-cart-wrapper .btn_add_to_cart:hover, li.type-product .product-actions .add-to-cart-wrapper .btn_add_to_cart:hover { color: #006ad0 !important; } li.product .product-actions .quickview, li.type-product .product-actions .quickview { position: relative; display: inline-block; } li.product .product-actions .quickview a, li.type-product .product-actions .quickview a { display: inline-block; font-size: 14px; width: 45px; height: 38px; line-height: 38px; background: transparent; color: #3f3f3f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { li.product .product-actions .quickview a, li.type-product .product-actions .quickview a { width: 38px; } } li.product .product-actions .wpd-buttons-wrap-simple, li.type-product .product-actions .wpd-buttons-wrap-simple { position: absolute; bottom: calc(100% + 10px); width: 100%; transition: all .3s; } li.product .product-actions .wpd-buttons-wrap-simple:hover, li.type-product .product-actions .wpd-buttons-wrap-simple:hover { background: #007de6 !important; transition: all .3s; } li.product .product-actions .wpd-buttons-wrap-simple:before, li.type-product .product-actions .wpd-buttons-wrap-simple:before { display: none !important; } li.product .product-actions .wpd-buttons-wrap-simple .wpc-customize-product, li.type-product .product-actions .wpd-buttons-wrap-simple .wpc-customize-product { margin: 0; background: #006ad0; transition: all .3s; } li.product .product-actions .wpd-buttons-wrap-simple .wpc-customize-product:hover, li.type-product .product-actions .wpd-buttons-wrap-simple .wpc-customize-product:hover { color: #fff !important; transition: all .3s; } li.product .product-design, li.type-product .product-design { position: absolute; left: 50%; bottom: 60px; transform: translateX(-50%); opacity: 0; z-index: 2; } li.product .product-design .button, li.type-product .product-design .button { margin-top: 0 !important; font-weight: 600; border-radius: 0; padding: 10px 15px; text-transform: none; transition: all .5s; } li.product .product-design .button:before, li.type-product .product-design .button:before { content: "\e05f"; font-family: 'Simple-Line-Icons'; font-size: 12px; margin-right: 8px; position: relative; bottom: -1px; } li.product .product-design .button:hover, li.type-product .product-design .button:hover { transition: all .5s; } .haru-archive-product .gridlist-toggle { float: left; margin-right: 60px; border-radius: 20px; position: relative; } .haru-archive-product .gridlist-toggle span { color: #3f3f3f; height: 42px; width: 42px; text-align: center; display: inline-block; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .haru-archive-product .gridlist-toggle span.active { color: #fff; background-color: #006ad0; border-color: #006ad0; } .haru-archive-product .gridlist-toggle span:hover { cursor: pointer; } .haru-archive-product .gridlist-toggle span i { font-size: 16px; line-height: 40px; } .haru-archive-product .gridlist-toggle span:last-child { margin-left: 6px; } .haru-archive-product .catalog-filter .woocommerce-result-count { margin: 0; line-height: 40px; } .haru-archive-product .catalog-filter .woocommerce-ordering { margin-bottom: 30px; } @media screen and (max-width: 767px) { .haru-archive-product .catalog-filter .woocommerce-ordering { width: 100%; margin: 15px 0; } } .haru-archive-product .catalog-filter .woocommerce-ordering select { background-color: #fff; height: 42px; border: 1px solid #e5e5e5; color: #3f3f3f; padding: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .haru-archive-product .catalog-filter .woocommerce-ordering select:focus { outline: none; } .haru-archive-product .term-description { padding-bottom: 10px; display: none; } .haru-archive-product .archive-product-wrapper { overflow: hidden; position: relative; } .haru-archive-product .archive-product-wrapper ul.products { margin-left: -15px; margin-right: -15px; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product { padding: 0 15px; margin: 0 0 30px 0; } .haru-archive-product .archive-product-wrapper ul.products.grid li.product .product-short-description { display: none; } .haru-archive-product .archive-product-wrapper ul.products.list { margin-left: 0px; margin-right: 0px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product { width: 100% !important; padding: 15px 0 !important; margin-bottom: 30px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product:hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-product .archive-product-wrapper ul.products.list li.product:hover .product-inner { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner { text-align: left; border: none; margin: 0; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail { width: 35%; float: left; overflow: visible; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-varations { bottom: 20px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions { background-color: transparent; left: calc(100% + 0px); opacity: 1; width: 100%; bottom: 0px; text-align: left; margin-left: 30px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions { background-color: #fff; bottom: 10px; padding: 5px 0; margin: 0 10px; left: 10px !important; width: calc(100% - 20px); } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions > div { margin-right: 5px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions > div::before { display: none; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions > div a { height: 42px; width: 42px; border-radius: 4px; border: 1px solid #e5e5e5; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions > div a i { line-height: 40px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions > div a:hover { background-color: #006ad0 !important; border-color: #006ad0; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions > div a:hover i { color: #fff !important; } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail .product-actions { left: 0; margin-left: 0; text-align: center; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-thumbnail { width: 100%; float: none; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info { width: 65%; float: left; padding-right: 0px; padding-left: 30px; text-align: left; padding-top: 0; } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info { width: 100%; margin-top: 15px; padding: 0 !important; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link { display: block; float: none; width: 100%; padding-bottom: 5px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title { font-size: 20px; } @media screen and (max-width: 991px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title { font-size: 18px; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link .woocommerce-loop-product__title { font-size: 16px; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .woocommerce-loop-product__link { padding-bottom: 0; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price { display: block !important; width: 100%; font-size: 14px !important; text-align: left; padding-bottom: 10px; padding-top: 5px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price .woocommerce-Price-amount { font-size: 20px; font-weight: 700; color: #3f3f3f; } @media screen and (max-width: 991px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .price .woocommerce-Price-amount { font-size: 16px; } } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .star-rating { float: left; margin-top: 8px; } .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .product-short-description { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; max-height: 120px; } @media screen and (max-width: 1199px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info .product-short-description { max-height: 80px; } } @media screen and (max-width: 767px) { .haru-archive-product .archive-product-wrapper ul.products.list li.product .product-inner .product-info { padding-left: 15px; } } .archive-product-columns-2 li.product { width: 50% !important; float: left; } @media screen and (max-width: 991px) { .archive-product-columns-2 li.product { width: 50% !important; } } @media screen and (max-width: 767px) { .archive-product-columns-2 li.product { width: 50% !important; } } .archive-product-columns-3 li.product { width: 33.33333% !important; float: left; } @media screen and (max-width: 991px) { .archive-product-columns-3 li.product { width: 33.33333% !important; } } @media screen and (max-width: 767px) { .archive-product-columns-3 li.product { width: 50% !important; } } .archive-product-columns-4 li.product { width: 25% !important; float: left; } @media screen and (max-width: 991px) { .archive-product-columns-4 li.product { width: 33.33333% !important; } } @media screen and (max-width: 767px) { .archive-product-columns-4 li.product { width: 50% !important; } } .archive-product-columns-5 li.product { width: 20% !important; float: left; } @media screen and (max-width: 991px) { .archive-product-columns-5 li.product { width: 33.333333%; } } @media screen and (max-width: 767px) { .archive-product-columns-5 li.product { width: 50%; } } .haru-archive-product .woocommerce-pagination { padding-bottom: 80px; padding-top: 20px; text-align: center; } .haru-archive-product .woocommerce-pagination .page-numbers { border: none; text-align: center; } .haru-archive-product .woocommerce-pagination .page-numbers li { border: none; margin: 0 5px; } .haru-archive-product .woocommerce-pagination .page-numbers li:last-child { margin-right: 0; } .haru-archive-product .woocommerce-pagination .page-numbers li:first-child { margin-left: 0; } .haru-archive-product .woocommerce-pagination .page-numbers li span, .haru-archive-product .woocommerce-pagination .page-numbers li a { color: #3f3f3f; display: inline-block; width: 36px; height: 36px; line-height: 36px; padding: 0; border: 1px solid #e5e5e5; border-radius: 4px; font-size: 16px; font-weight: 600; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-archive-product .woocommerce-pagination .page-numbers li i { font-size: 18px; font-weight: 600; line-height: 36px; } .haru-archive-product .woocommerce-pagination .page-numbers li span.current { border-color: #006ad0; background-color: #006ad0; color: #fff; } .haru-archive-product .woocommerce-pagination .page-numbers li a:hover, .haru-archive-product .woocommerce-pagination .page-numbers li a:focus { border-color: #006ad0; background-color: #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .haru-archive-product .woocommerce-pagination { padding-bottom: 60px; } } @media screen and (max-width: 767px) { .haru-archive-product .woocommerce-pagination { padding-bottom: 50px; } } .archive-product-header { padding: 20px 0; } .archive-product-header .haru-shop-filter-menu { list-style: none; list-style-type: none; padding: 0; float: right; width: 20%; text-align: right; white-space: nowrap; overflow: hidden; } .archive-product-header .haru-shop-filter-menu li { display: inline-block; margin-right: 10px; } .archive-product-header .haru-shop-filter-menu li.current-cat a { color: #006ad0; } .archive-product-header .haru-shop-filter-menu li.active a { color: #006ad0; } .archive-product-header .haru-shop-filter-menu li.haru-shop-search-btn-wrap { margin-right: 0; } .archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap { display: none; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-filter-menu li.haru-shop-categories-btn-wrap { display: inline-block; margin-right: 30px; } } .archive-product-header .haru-shop-filter-menu li span { margin-right: 10px; } .archive-product-header .haru-shop-filter-menu li a { font-size: 16px; line-height: 2; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-filter-menu { width: 100%; text-align: left; } } .archive-product-header .haru-shop-categories { list-style: none; list-style-type: none; padding: 0; float: left; width: 80%; overflow: hidden; } .archive-product-header .haru-shop-categories.fade-in { opacity: 1; } .archive-product-header .haru-shop-categories li { display: inline-block; margin-right: 10px; } .archive-product-header .haru-shop-categories li.current-cat a { color: #006ad0; } .archive-product-header .haru-shop-categories li.active a { color: #006ad0; } .archive-product-header .haru-shop-categories li span { margin-right: 10px; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories li span { display: none; } } .archive-product-header .haru-shop-categories li a { font-size: 16px; line-height: 2; } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories li a { font-size: 14px; } } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories li { width: 100%; margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5; } } @media screen and (max-width: 991px) { .archive-product-header .haru-shop-categories { display: none; opacity: 0; width: 100%; -webkit-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } } .archive-product-header #haru-shop-sidebar { display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .archive-product-header #haru-shop-sidebar.fade-in { opacity: 1; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside { width: 25%; float: left; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside { border-bottom: 1px solid #e5e5e5; float: none; width: 100%; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title { font-size: 18px; font-weight: 600; padding-bottom: 10px; position: relative; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title { margin-bottom: 0; font-size: 14px; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after { position: absolute; content: "\f273"; font-family: Ionicons; right: 5px; font-size: 18px; display: none; top: -1px; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title:after { display: block; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after { position: absolute; content: "\f368"; font-family: Ionicons; right: 5px; font-size: 18px; display: none; top: -1px; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside .widget-title.active:after { display: block; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div { margin-bottom: 0; } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul.show, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div.show { height: auto; padding-bottom: 5px; } } @media screen and (max-width: 991px) { .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside ul, .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax aside div { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.3s ease; -o-transition: height 0.3s ease; transition: height 0.3s ease; } } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting { list-style: none; list-style-type: none; padding-left: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li { margin-bottom: 5px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-product-sorting li.active { color: #006ad0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter { list-style: none; padding-left: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li { margin-bottom: 5px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru-price-filter li.current { color: #006ad0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter ul { list-style: none; padding: 0; margin: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li { margin-bottom: 5px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li:hover a { padding-left: 0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a { position: relative; display: inline-block; color: #006ad0; padding: 0 10px 0 30px; border: 1px solid #006ad0; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:before { display: block; position: absolute; top: 1px; left: 10px; font-family: 'Ionicons'; content: "\f406"; color: #006ad0; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover { color: #3f3f3f; border: 1px solid #3f3f3f; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li.chosen a:hover:before { color: #3f3f3f; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li a { font-weight: 400; text-transform: none; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li a i { border: 1px solid rgba(0, 0, 0, 0.1); display: inline-block; width: 10px; height: 10px; margin-right: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .haru_widget_color_filter li span { display: none; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .widget_product_tag_cloud .tagcloud a { border: 1px solid #e5e5e5; border-radius: 3px; color: #3f3f3f; display: inline-block; margin: 6px 5px 0 0; padding: 6px 15px; font-size: 14px !important; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-product-header #haru-shop-sidebar .woocommerce-sidebar-ajax .widget_product_tag_cloud .tagcloud a:hover { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-product-header .haru-shop-search { display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .archive-product-header .haru-shop-search.fade-in { opacity: 1; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap { overflow: hidden; position: relative; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap #haru-shop-search-close { position: absolute; top: 50%; right: 5px; z-index: 10; font-size: 22px; line-height: 1; color: #aaa; width: 25px; height: 25px; margin-top: -12px; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap #haru-shop-search-close:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form { border-radius: 30px; max-width: 100%; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input { background: transparent; border: none; display: block; padding: 5px 30px 5px 20px; width: 100%; letter-spacing: .05em; } .archive-product-header .haru-shop-search .haru-shop-search-input-wrap .search-form input:focus { outline: none; } .archive-product-header .haru-shop-search #haru-shop-search-notice { font-size: 14px; color: #aaa; height: 0; opacity: 0; cursor: default; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .archive-product-header .haru-shop-search #haru-shop-search-notice.show { height: 30px; opacity: 1; } .haru-loadmore-wrapper { padding-bottom: 80px; padding-top: 2%; } .haru-loadmore-wrapper .haru-loadmore-link { display: none; } .haru-loadmore-wrapper .haru-loadmore-controls { text-align: center; } .haru-loadmore-wrapper .haru-loadmore-controls.haru-loader .haru-loadmore-btn i { display: inline-block; } .haru-loadmore-wrapper .haru-loadmore-controls.hide-btn .haru-loadmore-btn { display: none; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn { background: #006ad0; border: 1px solid #006ad0; border-radius: 6px; color: #fff; display: block; font-weight: 700; margin: 0 auto; padding: 8px 20px; letter-spacing: .1em; text-transform: uppercase; width: 165px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-btn i { margin-right: 10px; display: none; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all { display: none; } .haru-loadmore-wrapper .haru-loadmore-controls .haru-loadmore-all.show { display: block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .haru-loadmore-wrapper { padding-bottom: 50px; } } #haru-shop-products-overlay { position: absolute; top: -1px; left: 0; z-index: 1000; width: 1px; height: 1px; opacity: 0; overflow: hidden; background: #fff; -webkit-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } #haru-shop-products-overlay.show { visibility: visible; top: 0; width: 100%; height: 100%; opacity: 1; } #haru-shop-products-overlay.fade-out { opacity: 0; } #haru-shop-products-overlay i { top: 160px; left: 50%; position: absolute; opacity: 1; color: #006ad0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* Results button/bar */ .haru-shop-results-bar { margin-bottom: 20px; overflow: hidden; } .haru-shop-results-bar a { position: relative; display: inline-block; line-height: 1.4; overflow: hidden; margin-right: 8px; padding: 5px 15px 5px 35px; border: 1px solid #3f3f3f; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .haru-shop-results-bar a:last-child { margin-right: 0; } .haru-shop-results-bar a:hover { text-decoration: line-through; } .haru-shop-results-bar a span { color: #3f3f3f; } .haru-shop-results-bar a i { position: absolute; top: 6px; left: 12px; font-size: 16px; line-height: 1; } .haru-single-product { padding-bottom: 80px; } @media screen and (max-width: 767px) { .haru-single-product { padding-bottom: 40px; } } .haru-single-product .related { padding-top: 50px; border-top: 1px solid #e5e5e5; } @media screen and (max-width: 991px) { .haru-single-product .related { padding-top: 30px; } } .haru-single-product .related:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-single-product .related > h2 { font-size: 24px; position: relative; } @media screen and (max-width: 1199px) { .haru-single-product .related > h2 { font-size: 20px; } } @media screen and (max-width: 991px) { .haru-single-product .related > h2 { font-size: 18px; } } @media screen and (max-width: 767px) { .haru-single-product .related > h2 { font-size: 16px; } } .haru-single-product .related .related-products { margin: 50px 0 0 0; } @media screen and (max-width: 991px) { .haru-single-product .related .related-products { margin: 30px 0 0 0; } } .haru-single-product .related .related-products .owl-item .product { width: 100%; } .haru-single-product .related .owl-nav { opacity: 0; z-index: 9; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-single-product .related .owl-nav .owl-prev, .haru-single-product .related .owl-nav .owl-next { position: absolute; display: block; z-index: 9; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #fff; color: #006ad0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-single-product .related .owl-nav .owl-prev:hover, .haru-single-product .related .owl-nav .owl-next:hover { background: #006ad0; cursor: pointer; color: #fff; } .haru-single-product .related .owl-nav .owl-prev { left: 1px; } .haru-single-product .related .owl-nav .owl-next { right: 1px; margin-left: 5px; } .single-product-top { display: inline-block; width: 100%; } .single-product-top .single-product-image-wrap { position: relative; width: 49%; float: left; } @media screen and (max-width: 991px) { .single-product-top .single-product-image-wrap { float: none; padding-bottom: 50px; width: 100%; } } @media screen and (max-width: 767px) { .single-product-top .single-product-image-wrap { padding-bottom: 30px; } } .single-product-top .single-product-image-wrap .slick-slide img { width: 100%; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 { padding-right: 90px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next { right: 125px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev { left: 10px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next { right: 100px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 { position: absolute; right: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image { padding: 5px 0 5px 5px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-right .product-video { right: 110px; bottom: 20px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 { padding-left: 90px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev { left: 125px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next { right: 35px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev { left: 100px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next { right: 10px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 { position: absolute; left: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image { padding: 5px 5px 5px 0; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-video { right: 20px; bottom: 20px; } .single-product-top .single-product-image-wrap.vertical.thumbnail-left .product-label { left: 90px; } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev { top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next { bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev { top: 0; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3d8"; font-family: Ionicons; } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next { bottom: 0; top: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .single-product-top .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d0"; font-family: Ionicons; } .single-product-top .single-product-image-wrap.horizontal .product-video { bottom: 180px; right: 20px; } @media screen and (max-width: 1199px) { .single-product-top .single-product-image-wrap.horizontal .product-video { bottom: 160px; } } @media screen and (max-width: 991px) { .single-product-top .single-product-image-wrap.horizontal .product-video { bottom: 230px; } } @media screen and (max-width: 767px) { .single-product-top .single-product-image-wrap.horizontal .product-video { bottom: 160px; } } .single-product-top .single-product-image-wrap.vertical_gallery #product-images { padding-left: 100px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom { margin-bottom: 20px; position: relative; } .single-product-top .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom .woocommerce-main-image { width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); } .single-product-top .single-product-image-wrap.vertical_gallery .product-label { left: 115px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails { position: absolute; top: 0; max-width: 90px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails.is_stuck { padding-top: 55px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image { margin-bottom: 10px; } .single-product-top .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image.current img { border: 1px solid #006ad0; } .single-product-top .single-product-image-wrap.vertical_gallery .product-video { right: 20px; bottom: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .single-product-top .single-product-image-wrap.vertical_gallery .product-video:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .single-product-top .single-product-image-wrap .single-product-image-inner { position: relative; } .single-product-top .single-product-image-wrap .single-product-image-inner .product-video { position: absolute; margin-bottom: 0; } .single-product-top .single-product-image-wrap .single-product-image-inner .product-video a { background-color: #fff; display: block; font-size: 14px; height: 36px; text-align: center; text-transform: uppercase; padding: 0 20px; line-height: 36px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); } .single-product-top .single-product-image-wrap .single-product-image-inner .product-video a i { margin-right: 8px; } .single-product-top .single-product-image-wrap #product-images1 { border: 1px solid rgba(229, 229, 229, 0.8); } .single-product-top .single-product-image-wrap #product-images1:hover { cursor: crosshair; } .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .single-product-top .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { right: 35px; } .single-product-top .single-product-image-wrap #product-images1:hover .woocommerce-main-image { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { color: #3f3f3f; font-family: 'slick'; font-size: 36px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before { content: "\f3cf"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .single-product-top .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { content: "\f3d1"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-images1 .woocommerce-main-image { width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); } .single-product-top .single-product-image-wrap #product-thumbnails1 { margin-top: 30px; margin-left: -5px; margin-right: -5px; } .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev { left: 25px; } .single-product-top .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { right: 25px; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { color: #3f3f3f; font-family: 'slick'; font-size: 28px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3cf"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .single-product-top .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d1"; font-family: Ionicons; } .single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image { padding: 0 5px; } .single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image img { border: 1px solid rgba(229, 229, 229, 0.8); } .single-product-top .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img { border: 1px solid #006ad0; } .single-product-top .single-product-image-wrap .product-label { position: absolute; left: 15px; top: 15px; } .single-product-top .single-product-image-wrap .product-flash, .single-product-top .single-product-image-wrap .onsale { min-width: 50px; background-color: #006ad0 !important; color: #fff; display: block; top: auto; left: auto; position: relative; z-index: 99; font-size: 14px !important; font-weight: 700 !important; text-align: center; min-height: auto; padding: 8px 15px; line-height: 14px; font-weight: 400; margin-bottom: 5px; border-radius: 6px; } @media screen and (max-width: 767px) { .single-product-top .single-product-image-wrap .product-flash, .single-product-top .single-product-image-wrap .onsale { font-size: 13px !important; } } .single-product-top .entry-summary { margin-bottom: 0 !important; } .single-product-top .entry-summary.is_stuck { padding-top: 55px; } .single-product-top .entry-summary .product_title { font-size: 28px; font-weight: 600; } @media screen and (max-width: 991px) { .single-product-top .entry-summary .product_title { font-size: 20px; } } @media screen and (max-width: 767px) { .single-product-top .entry-summary .product_title { font-size: 18px; } } .single-product-top .entry-summary .woocommerce-product-details__short-description { padding-bottom: 10px; } .single-product-top .entry-summary .woocommerce-product-rating { padding-top: 5px; margin-bottom: 5px !important; } .single-product-top .entry-summary .woocommerce-product-rating .star-rating { color: #f7bb2a; font-size: 14px !important; width: 68px; height: 1em; } .single-product-top .entry-summary .woocommerce-product-rating .star-rating:before { position: absolute; top: 0; left: 0; content: "\f4b2 \f4b2 \f4b2 \f4b2 \f4b2"; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .single-product-top .entry-summary .woocommerce-product-rating .star-rating span { position: relative; overflow: hidden; float: left; top: 0; left: 0; padding-top: 1.5em; } .single-product-top .entry-summary .woocommerce-product-rating .star-rating span:before { position: absolute; content: "\f4b3 \f4b3 \f4b3 \f4b3 \f4b3"; top: 0; left: 0; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .single-product-top .entry-summary .woocommerce-review-link { color: #006ad0; margin-left: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .woocommerce-review-link:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary p.price { color: #9f9f9f !important; margin-bottom: 20px; padding-top: 5px; } .single-product-top .entry-summary p.price .woocommerce-Price-amount { margin-right: 5px; color: #006ad0; font-size: 18px; font-weight: 600; } @media screen and (max-width: 767px) { .single-product-top .entry-summary p.price .woocommerce-Price-amount { font-size: 16px; } } .single-product-top .entry-summary p.price .woocommerce-Price-amount:nth-child(2) { margin-left: 5px; } .single-product-top .entry-summary p.price del { opacity: 1 !important; } .single-product-top .entry-summary p.price del .woocommerce-Price-amount { color: #9f9f9f; font-weight: 600; font-size: 16px; } .single-product-top .entry-summary p.price ins { text-decoration: none; } .single-product-top .entry-summary .product-size-guide { font-weight: 700; padding: 5px 0; } .single-product-top .entry-summary form.cart { margin-top: 15px; margin-bottom: 10px !important; } .single-product-top .entry-summary form.cart table.variations { margin-bottom: 0px !important; } .single-product-top .entry-summary form.cart table.variations tr { margin-bottom: 15px; } .single-product-top .entry-summary form.cart table.variations tr:last-child td.value { line-height: 1; padding-top: 0; padding-bottom: 5px; } .single-product-top .entry-summary form.cart table.variations tr td label { color: #3f3f3f; font-size: 15px; font-weight: 600; margin-bottom: 25px; margin-top: 6px; } .single-product-top .entry-summary form.cart table.variations tr td select { height: 35px; border-radius: 0; padding-left: 10px; outline: none; width: 100%; border: 1px solid #e5e5e5; font-style: italic; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -5px); -ms-transform: translate(-50%, -5px); -o-transform: translate(-50%, -5px); transform: translate(-50%, -5px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip { padding: 3px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 60px; opacity: 0; text-align: center; visibility: hidden; bottom: calc(100% + 2px); left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after, .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper { display: flex; margin-left: 3px; list-style: none; margin-bottom: 0 !important; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li { cursor: pointer; position: relative; width: 24px !important; height: 24px !important; display: inline-flex; padding: 0; margin-right: 10px; cursor: pointer; position: relative; vertical-align: middle; -ms-box-sizing: "content-box"; -moz-box-sizing: "content-box"; -webkit-box-sizing: "content-box"; box-sizing: "content-box"; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected { cursor: pointer; border-color: #006ad0; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before { border: 2px solid #444; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before { content: ''; position: absolute; width: 30px; height: 30px; border: 1px solid #cdcdcd; top: -3px; left: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper { padding: 0; margin: 0; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li { cursor: pointer; position: relative; width: 30px; height: 30px; line-height: 28px; font-size: 700; margin-right: 5px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected { cursor: pointer; border: 1px solid #ccc; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper { padding: 0; margin: 0; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li { padding: 0; margin: 0 5px; cursor: pointer; position: relative; width: 50px; height: 50px; text-align: center; } .single-product-top .entry-summary form.cart table.variations .variable-items-wrapper.image-variable-wrapper > li.selected { cursor: pointer; border: 1px solid #006ad0; } .single-product-top .entry-summary form.cart .quantity { margin: 0 10px 0 0 !important; position: relative; border: 1px solid #e5e5e5; border-radius: 6px; } .single-product-top .entry-summary form.cart .quantity .screen-reader-text { display: none; } .single-product-top .entry-summary form.cart .quantity input[type="number"] { height: 41px; width: 40px; border: 1px solid #e5e5e5; border: none; background: none; } .single-product-top .entry-summary form.cart .quantity input[type="number"]:focus { outline: none; } .single-product-top .entry-summary form.cart .quantity .input-button { height: 41px; background: none; } .single-product-top .entry-summary form.cart .quantity .input-button.minus { border: none; } .single-product-top .entry-summary form.cart .quantity .input-button.plus { border: none; } .single-product-top .entry-summary form.cart .single_add_to_cart_button { height: 43px; background: #006ad0; color: #fff; outline: none; border-radius: 6px; position: relative; padding: 10px 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .single-product-top .entry-summary form.cart .single_add_to_cart_button { padding: 10px 15px; } } .single-product-top .entry-summary form.cart .single_add_to_cart_button:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary form.cart .single_add_to_cart_button:before { content: "\e04e"; font-family: 'Simple-Line-Icons'; margin-right: 10px; } .single-product-top .entry-summary form.cart .woocommerce-variation-price { margin-bottom: 20px; font-style: italic; } .single-product-top .entry-summary form.cart .woocommerce-variation-price span.price { font-family: "Poppins"; font-size: 20px; color: #006ad0; } .single-product-top .entry-summary form.cart .woocommerce-variation-price span.price del { margin-right: 20px; opacity: 1; color: #9f9f9f; font-size: 18px; } .single-product-top .entry-summary form.cart .woocommerce-variation-price span.price ins { margin-right: 10px; text-decoration: none; } .single-product-top .entry-summary .add_to_compare, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist { position: relative; float: left; margin-left: 10px; } @media screen and (max-width: 767px) { .single-product-top .entry-summary .add_to_compare, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist { margin-left: 8px; } } .single-product-top .entry-summary .add_to_compare a:hover, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover { background-color: transparent !important; } .single-product-top .entry-summary .add_to_compare a:hover .button-tooltip, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -6px); -ms-transform: translate(-50%, -6px); -o-transform: translate(-50%, -6px); transform: translate(-50%, -6px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .single-product-top .entry-summary .add_to_compare a i, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a i { margin-right: 0; } .single-product-top .entry-summary .add_to_compare a .button-tooltip, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip { padding: 2px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 80px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-product-top .entry-summary .add_to_compare a .button-tooltip:after, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist { width: auto; float: left; text-transform: uppercase; margin-top: 0; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a { border: 1px solid #e5e5e5; height: 43px; line-height: 43px; width: 43px; text-align: center; display: block; background: transparent; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist a:hover { border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist img { display: none !important; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .feedback { display: none; } .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .single-product-top .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i { color: #006ad0; } .single-product-top .entry-summary .add_to_compare { height: 43px; line-height: 43px; border: 1px solid #e5e5e5; background: transparent; text-align: center; text-transform: uppercase; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .add_to_compare i { margin-left: 0; } .single-product-top .entry-summary .add_to_compare a { display: block; width: 42px; } .single-product-top .entry-summary .add_to_compare:hover { border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-top .entry-summary .add_to_compare:hover:before { color: #fff; } .single-product-top .entry-summary .grouped_form .group_table { margin-bottom: 20px; } .single-product-top .entry-summary .grouped_form .group_table td { vertical-align: middle !important; } .single-product-top .entry-summary .grouped_form .group_table .quantity { min-width: 95px; } .single-product-top .entry-summary .grouped_form .group_table .quantity input[type="number"] { height: 44px; width: 40px; border: 1px solid #e5e5e5; border: none; } .single-product-top .entry-summary .grouped_form .group_table .quantity input[type="number"]:focus { outline: none; } .single-product-top .entry-summary .grouped_form .group_table .quantity .input-button { height: 44px; font-weight: 700; } .single-product-top .entry-summary .grouped_form .group_table .quantity .input-button.minus { border: none; } .single-product-top .entry-summary .grouped_form .group_table .quantity .input-button.plus { border: none; } .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price { color: #9f9f9f !important; } .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount { margin-right: 5px; color: #006ad0; font-size: 16px; font-family: "Poppins"; font-style: italic; position: relative; top: -3px; } @media screen and (max-width: 767px) { .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount { font-size: 16px; } } .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount:nth-child(2) { margin-left: 5px; } .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price del { opacity: 1 !important; } .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount { color: #9f9f9f; font-weight: 600; font-size: 16px; } @media screen and (max-width: 767px) { .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount { font-size: 14px; } } .single-product-top .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .single-product-top .entry-summary .product_meta { padding-top: 15px; } .single-product-top .entry-summary .product_meta > span { display: block; margin-bottom: 15px; } .single-product-top .entry-summary .product_meta > span.devide_sign { font-weight: 400; } .single-product-top .entry-summary .product_meta .sku_wrapper .label, .single-product-top .entry-summary .product_meta .posted_in .label, .single-product-top .entry-summary .product_meta .tagged_as .label { color: #3f3f3f; font-size: 15px; padding: 0 5px 0 0; text-transform: capitalize; } .single-product-top .entry-summary .product_meta .sku_wrapper a, .single-product-top .entry-summary .product_meta .posted_in a, .single-product-top .entry-summary .product_meta .tagged_as a { text-transform: none; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share { list-style: none; list-style-type: none; margin: 0; padding: 0; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li { display: inline-block; text-align: center; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label { color: #3f3f3f; font-size: 15px; font-weight: 700; margin-right: 10px; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li a { padding: 0 10px; } .single-product-top .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a { color: #006ad0; } .single-product-top .product_type_customizable { height: 43px; line-height: 43px !important; padding: 0 20px !important; border-radius: 6px !important; font-weight: 700 !important; margin-bottom: 5px !important; text-transform: none !important; transition: all .3s; } .single-product-top .product_type_customizable:before { content: "\e05f"; font-family: 'Simple-Line-Icons'; margin-right: 10px; position: relative; bottom: -1px; } .single-product-top .product_type_customizable:hover { transition: all .3s; } .single-product-bottom { margin-top: 50px; } .single-product-content .woocommerce-tabs ul.tabs { padding: 0 !important; margin-bottom: 35px !important; text-align: left; border-bottom: 1px solid #e5e5e5; } .single-product-content .woocommerce-tabs ul.tabs:before { border-bottom: 1px solid transparent !important; } .single-product-content .woocommerce-tabs ul.tabs li { border: none !important; background: none !important; margin: 0 !important; } .single-product-content .woocommerce-tabs ul.tabs li:first-child { padding-left: 0 !important; } .single-product-content .woocommerce-tabs ul.tabs li:before, .single-product-content .woocommerce-tabs ul.tabs li:after { display: none; } .single-product-content .woocommerce-tabs ul.tabs li.active a:before, .single-product-content .woocommerce-tabs ul.tabs li:hover a:before { opacity: 1; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-content .woocommerce-tabs ul.tabs li.active a:before { opacity: 1; width: 100%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .single-product-content .woocommerce-tabs ul.tabs li a { font-size: 20px; font-weight: 600 !important; padding: 0 0 10px !important; position: relative; text-shadow: none !important; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .single-product-content .woocommerce-tabs ul.tabs li a { font-size: 18px; } } @media screen and (max-width: 767px) { .single-product-content .woocommerce-tabs ul.tabs li a { font-size: 14px; } } .single-product-content .woocommerce-tabs ul.tabs li a:before { content: ""; position: absolute; bottom: 0; opacity: 0; width: 0%; height: 4px; background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .single-product-content .woocommerce-tabs ul.tabs li a:before { font-size: 16px; } } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-bottom: 25px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel > h2 { display: none; font-size: 18px; font-weight: normal !important; color: #006ad0; padding-bottom: 30px; } @media screen and (max-width: 767px) { .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel > h2 { padding-bottom: 10px; } } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel p { line-height: 1.8; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments { margin-top: 0; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments h2 { font-size: 18px; font-weight: 400; padding-bottom: 20px; margin-top: 0; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist { padding: 0; border-bottom: 1px solid #e5e5e5; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container img { border: none !important; padding: 0 !important; width: 70px !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text { margin-left: 80px !important; border: none !important; padding-top: 5px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating { color: #f7bb2a; font-size: 14px !important; width: 68px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating:before { position: absolute; top: 0; left: 0; content: "\f4b2 \f4b2 \f4b2 \f4b2 \f4b2"; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span { position: relative; overflow: hidden; float: left; top: 0; left: 0; padding-top: 1.5em; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .star-rating span:before { position: absolute; content: "\f4b3 \f4b3 \f4b3 \f4b3 \f4b3"; top: 0; left: 0; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .meta { font-size: 14px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #comments .commentlist li .comment_container .comment-text .woocommerce-review__author { color: #3f3f3f; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper { margin-top: 30px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-reply-title { font-size: 20px; color: #006ad0; display: none; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating { margin: 15px 0 !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating label { color: #3f3f3f; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars { display: inline-block; margin: 0 0 0 20px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a { color: #f7bb2a; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars a:before { top: 4px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-rating .stars.selected a { color: #f4cb3d; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment { margin: 10px 0 10px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment label { color: #3f3f3f; margin-bottom: 15px; display: none; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea { background-color: #f8f8f8; border: 1px solid #e5e5e5; padding: 8px 15px; min-height: 200px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-comment textarea:focus { border: 1px solid #006ad0; outline: none; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email { width: 50%; float: left; margin-bottom: 20px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author label, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email label { display: block; text-transform: uppercase; font-weight: 400; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input { border: 1px solid #e5e5e5; width: 100%; padding: 8px 15px; background-color: #f8f8f8; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author input:focus, .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email input:focus { border: 1px solid #006ad0; outline: none; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-author { padding-right: 10px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .comment-form-email { padding-left: 10px; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit { clear: both; padding-top: 20px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit { background-color: #006ad0 !important; color: #fff !important; font-weight: 700 !important; padding: 15px 35px !important; letter-spacing: 1px; outline: none; text-transform: uppercase; -webkit-border-radius: 30px !important; -moz-border-radius: 30px !important; border-radius: 30px !important; } .single-product-content .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews #review_form_wrapper .comment-form .form-submit .submit:hover { background-color: #007de6 !important; } .quantity { min-width: 85px; } .quantity .input-button { min-width: 20px; border: 1px solid #e5e5e5; background: #f9f9f9; cursor: pointer; outline: 0; height: 28px; } .quantity .input-button.minus { border-top-left-radius: 6px; border-bottom-left-radius: 6px; right: -4px; position: relative; border-right: 0; } .quantity .input-button.plus { border-top-right-radius: 6px; border-bottom-right-radius: 6px; left: -4px; position: relative; border-left: 0; } .quantity .input-text[type=number] { background: #f9f9f9; border-left: none !important; border-right: none !important; width: 40px; } .quantity .input-text[type=number]:focus { outline: none; } .quantity .input-text[type=number]::-webkit-inner-spin-button, .quantity .input-text[type=number]::-webkit-inner-outer-button { margin: 0; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .woocommerce .nbdesigner_frontend_container a.button, .woocommerce .nbd-option-wrapper a.button { text-transform: capitalize; font-weight: 700; background: #006ad0; color: #fff; outline: none; padding: 14px 25px; border-radius: 6px; } .woocommerce .nbdesigner_frontend_container a.button:hover, .woocommerce .nbd-option-wrapper a.button:hover { background-color: #007de6; } .woocommerce .nbd-option-wrapper table { width: 100%; padding: 0 15px; } .woocommerce .nbd-option-wrapper table tr td { padding-left: 8px !important; } .wpc-modal #wpd-cliparts-search { font-size: 14px; height: 30px; } body.modal-open { overflow: auto; } body .omodal { overflow-y: auto; } body.wpd-edit-quantity .wpc-qty-container { display: none; } .wpc-container { margin-bottom: 80px; } .wpc-container .wpc-free-built-with { display: none; } .wpd-buttons-wrap-simple .wpc-customize-product, .wpd-buttons-wrap-variation .wpc-customize-product { background: #006ad0; border-radius: 0; margin-right: 0; margin-top: 20px; transition: all .3s; } .wpd-buttons-wrap-simple .wpc-customize-product:hover, .wpd-buttons-wrap-variation .wpc-customize-product:hover { color: #fff !important; background: #007de6; transition: all .3s; } /*----------------------------------- * WOOCOMMERCE SIDEBAR * USED FOR PAGE SIDEBAR TOO *-----------------------------------*/ .page-sidebar aside.widget, .woocommerce-sidebar aside.widget { margin-bottom: 25px; padding-bottom: 20px; } .page-sidebar .widget-title, .woocommerce-sidebar .widget-title { font-size: 20px; line-height: 1.4; margin-top: 0px; margin-bottom: 20px; position: relative; text-transform: uppercase; } .page-sidebar .widget-title span, .woocommerce-sidebar .widget-title span { background-color: #fff; padding-right: 15px; position: relative; z-index: 2; } @media screen and (max-width: 1199px) { .page-sidebar .widget-title, .woocommerce-sidebar .widget-title { font-size: 18px; } } @media screen and (max-width: 991px) { .page-sidebar .widget-title, .woocommerce-sidebar .widget-title { font-size: 20px; } } .woocommerce.widget_product_categories select { border-radius: 0; padding: 5px 0; } .woocommerce.widget_product_categories select:focus { outline: none; } .woocommerce.widget_product_categories .product-categories { list-style: none; margin: 0; padding: 0; } .woocommerce.widget_product_categories .product-categories > li:first-child { padding-top: 0; } .woocommerce.widget_product_categories .product-categories li { list-style: none; padding: 13px 0; } .woocommerce.widget_product_categories .product-categories li:first-child { border-top: none; } .woocommerce.widget_product_categories .product-categories li.current-cat > a { color: #006ad0; } .woocommerce.widget_product_categories .product-categories li.current-cat > a:before { background-color: #006ad0; } .woocommerce.widget_product_categories .product-categories li a { position: relative; left: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_categories .product-categories li a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_categories .product-categories li a:hover:before { background-color: #006ad0; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_categories .product-categories li a:before { position: absolute; content: ""; opacity: 1; top: 50%; left: -15px; height: 6px; width: 6px; background-color: #e5e5e5; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .woocommerce.widget_product_categories .product-categories li .list-count { float: right; font-size: 14px; text-align: center; } .woocommerce.widget_product_categories .product-categories li.cat-parent:hover ul li a { padding-left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_categories .product-categories li .children { padding-top: 10px; padding-left: 15px; } .woocommerce.widget_product_categories .product-categories li .children a { font-weight: normal; } .woocommerce.widget_price_filter form { margin-top: 30px; } .woocommerce.widget_price_filter form .price_slider_wrapper .ui-widget-content { background-color: #ebebeb; height: 3px; } .woocommerce.widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-range { background-color: #006ad0; } .woocommerce.widget_price_filter form .price_slider_wrapper .ui-widget-content .ui-slider-handle { background-color: #006ad0; width: 12px; height: 12px; } .woocommerce.widget_price_filter form .price_slider_wrapper .price_slider_amount { padding-top: 5px; } .woocommerce.widget_price_filter form .price_slider_wrapper .price_slider_amount button { font-size: 14px; color: #fff; background: #006ad0; border: 1px solid #006ad0; font-weight: 600; padding: 5px 12px; border-radius: 4px; float: right; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_price_filter form .price_slider_wrapper .price_slider_amount button:focus { outline: none; } .woocommerce.widget_price_filter form .price_slider_wrapper .price_slider_amount button.button:hover { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_price_filter form .price_slider_wrapper .price_slider_amount .price_label { font-size: 14px; text-align: left; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon { display: inline-block; position: relative; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon i { font-size: 18px; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .widget_shopping_cart_icon .total { position: absolute; border: none; top: -5px; right: -13px; padding: 0; width: 18px; height: 18px; border-radius: 50%; background: #006ad0; color: #fff; text-align: center; line-height: 16px; font-size: 12px; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .sub-total-text { display: inline-block; font-weight: 500; margin-left: 20px; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .mini-cart-sidebar-header { display: none; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul { margin-top: 10px; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li { padding-left: 0; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-left { font-size: 0; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a { color: #3f3f3f; font-weight: 500; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li .cart-right a .quantity { color: #3f3f3f; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap ul li.empty h4 { font-size: 14px; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total { margin-top: 10px; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .total { border-top: 1px solid #e5e5e5; padding: 10px 0 0; text-transform: capitalize; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button { height: 30px; text-transform: capitalize; background: #006ad0; color: #fff; font-weight: 600; font-size: 13px; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_shopping_cart .widget_shopping_cart_content .cart_list_wrap .cart-total .buttons .button:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.yith-woocompare-widget { display: table; width: 100%; } .woocommerce.yith-woocompare-widget ul { margin: 0; padding: 0; } .woocommerce.yith-woocompare-widget ul li { list-style: none; padding: 10px 0; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; display: inline-flex; width: 100%; } .woocommerce.yith-woocompare-widget ul li:before { content: '\f105'; font-family: FontAwesome; margin-right: 10px; } .woocommerce.yith-woocompare-widget ul li a.title { color: #3f3f3f; text-transform: capitalize; font-size: 14px; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.yith-woocompare-widget ul li a.title:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.yith-woocompare-widget .compare { font-size: 14px; font-weight: 500; color: #fff; background: #006ad0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce.yith-woocompare-widget .compare:hover { background-color: #007de6; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_tag_cloud .tagcloud a { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 6px; color: #3f3f3f; display: inline-block; margin: 6px 9px 0 0; padding: 5px 15px; font-size: 14px !important; text-transform: capitalize; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_tag_cloud .tagcloud a:hover { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_recent_reviews li { width: 100%; display: table; } .woocommerce.widget_recent_reviews li a { color: #3f3f3f; font-weight: 500 !important; margin-bottom: 5px; display: table; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_recent_reviews li a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_recent_reviews li img { width: 80px; height: auto; float: left; margin-right: 20px; margin-left: 0; } .woocommerce.widget_recent_reviews li .star-rating { margin-bottom: 10px; } .woocommerce.widget_product_search .woocommerce-product-search { display: flex; border-radius: 4px; border: 1px solid #e5e5e5; } .woocommerce.widget_product_search .woocommerce-product-search input[type="search"] { height: 42px; outline: none; padding: 0 5px 0 20px; border: 0; border-right: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 100%; } .woocommerce.widget_product_search .woocommerce-product-search input[type="search"]::-moz-placeholder { color: #9f9f9f; opacity: 1; } .woocommerce.widget_product_search .woocommerce-product-search input[type="search"]:-ms-input-placeholder { color: #9f9f9f; } .woocommerce.widget_product_search .woocommerce-product-search input[type="search"]::-webkit-input-placeholder { color: #9f9f9f; } @media screen and (max-width: 1199px) { .woocommerce.widget_product_search .woocommerce-product-search input[type="search"] { padding: 0 5px 0 15px; min-width: 140px; } } @media screen and (max-width: 767px) { .woocommerce.widget_product_search .woocommerce-product-search input[type="search"] { min-width: 200px; } } .woocommerce.widget_product_search .woocommerce-product-search button[type="submit"] { height: 42px; font-weight: 400; color: #fff; min-width: 50px; font-size: 0; padding: 0 15px; position: relative; border: 0; border-left: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: transparent; } @media screen and (max-width: 1199px) { .woocommerce.widget_product_search .woocommerce-product-search button[type="submit"] { min-width: 40px; } } .woocommerce.widget_product_search .woocommerce-product-search button[type="submit"]:hover { cursor: pointer; } .woocommerce.widget_product_search .woocommerce-product-search button[type="submit"]:hover:before { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_product_search .woocommerce-product-search button[type="submit"]:focus { outline: none; } .woocommerce.widget_product_search .woocommerce-product-search button[type="submit"]:before { content: "\e090"; color: #9f9f9f; font-family: 'Simple-Line-Icons'; font-size: 18px; position: absolute; font-size: 18px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_layered_nav .select2-selection { border-radius: 0; } .woocommerce.widget_layered_nav .select2-dropdown { border-radius: 0; } .woocommerce.widget_layered_nav ul li { list-style: none; } .woocommerce.widget_layered_nav ul li:hover a { color: #006ad0; padding-left: 10px; } .woocommerce.widget_layered_nav ul li:focus { outline: none; } .woocommerce.widget_layered_nav ul li a { text-transform: uppercase; color: #3f3f3f; font-weight: 500; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce.widget_layered_nav ul li span { float: right; color: #3f3f3f; } .woocommerce.widget_layered_nav button[type="submit"] { background: #006ad0; font-weight: 400; color: #fff; padding: 2px 15px; border: none; border-radius: 3px; } .woocommerce.widget_layered_nav button[type="submit"]:hover { background: #007de6; cursor: pointer; } .woocommerce.widget_layered_nav button[type="submit"]:focus { outline: none; } .woocommerce ul.product_list_widget li { padding: 10px 0; width: 100%; display: table; } .woocommerce ul.product_list_widget li:last-child { border-bottom: 0; } .woocommerce ul.product_list_widget li .product-title { color: #3f3f3f; font-weight: 400; margin-bottom: 5px; display: table; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce ul.product_list_widget li .product-title:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce ul.product_list_widget li img { width: 80px; height: auto; float: left; margin-right: 20px; margin-left: 0; } .woocommerce ul.product_list_widget li .star-rating { margin-bottom: 10px; width: 70px; height: 1em; } .woocommerce ul.product_list_widget li .star-rating:before { content: "\f4b2 \f4b2 \f4b2 \f4b2 \f4b2"; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .woocommerce ul.product_list_widget li .star-rating span:before { content: "\f4b3 \f4b3 \f4b3 \f4b3 \f4b3"; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .woocommerce ul.product_list_widget li span.amount { color: #3f3f3f; font-size: 14px; font-weight: 600; margin-right: 10px; } .woocommerce ul.product_list_widget li ins { display: inline-flex; text-decoration: none; } .woocommerce ul.product_list_widget li ins span { color: #006ad0 !important; font-weight: 600 !important; } .woocommerce ul.product_list_widget li del { opacity: .8; } .woocommerce ul.product_list_widget li del span.amount { color: #3f3f3f; font-weight: normal; } .woocommerce ul.product_list_widget li del span.woocommerce-Price-currencySymbol { color: #3f3f3f; } .woocommerce ul.product_list_widget li .variation { padding-left: 0; border-left: none; clear: both; padding-top: 5px; } .woocommerce ul.product_list_widget li .variation p { line-height: 1.4; } .woo-banner-wrap { border: 1px solid #e5e5e5; padding: 5px; } .woo-banner-wrap .banner-content-wrap { background-size: cover; border: 1px solid #e5e5e5; position: relative; } .woo-banner-wrap .banner-content-wrap .banner-content { padding: 20px; text-align: center; } @media screen and (max-width: 1199px) { .woo-banner-wrap .banner-content-wrap .banner-content { padding: 20px 10px; } } .woo-banner-wrap .banner-content-wrap .banner-content a { border: 1px solid #9f9f9f; border-radius: 30px; display: inline-block; padding: 8px 20px; font-weight: 700; letter-spacing: .12em; margin-top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woo-banner-wrap .banner-content-wrap .banner-content a:hover { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woo-banner-wrap .banner-content-wrap .banner-content a i { margin-left: 15px; font-size: 20px; position: relative; bottom: -2px; } .woo-banner-wrap .banner-content-wrap .banner-content .contact-info { border-top-color: #e5e5e5; border-top-style: double; margin-top: 30px; } .woo-banner-wrap .banner-content-wrap .banner-content .contact-info h6 { padding-top: 5px; font-size: 20px; } .woo-banner-wrap .banner-content-wrap .banner-content .contact-info h6 i { margin-right: 15px; } .woo-banner-wrap .banner-content-wrap .banner-content .contact-info p { font-size: 13px; letter-spacing: 0.075em; } /*----------------------------------- * WOOCOMMERCE SHOPPING CART *-----------------------------------*/ .woocommerce-cart .woocommerce { margin-top: 30px; } .woocommerce-cart .woocommerce .button { background: #006ad0; color: #fff !important; font-weight: 700; letter-spacing: 0.01em; padding: 11px 15px !important; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-cart .woocommerce .button:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-cart .woocommerce .button:focus { outline: none; } .woocommerce-cart .woocommerce .shopping-cart-title { text-transform: uppercase; text-align: center; margin-bottom: 40px; font-size: 20px; color: #006ad0; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce .shopping-cart-title { margin-bottom: 30px; font-size: 18px; } } .woocommerce-cart .woocommerce table.shop_table_responsive { border: none !important; } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive thead { display: table-header-group; } } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive thead { display: none; } } .woocommerce-cart .woocommerce table.shop_table_responsive thead tr { text-transform: uppercase; } .woocommerce-cart .woocommerce table.shop_table_responsive thead tr th { border: none; } .woocommerce-cart .woocommerce table.shop_table_responsive thead tr th:first-child { padding-left: 0; } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive thead .product-thumbnail { display: block; } } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail { padding-left: 0; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-thumbnail img { max-height: 100px; width: auto; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a { color: #3f3f3f; font-weight: 700; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr.cart_item td.product-name a:hover { color: #006ad0; } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr { display: table-row; } } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr { display: block; } } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr:nth-child(2n) td { background-color: transparent; } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td { display: table-cell; text-align: left !important; } } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td { display: block; text-align: right !important; border-top: none; } } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1); } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.product-thumbnail { text-align: left !important; padding-left: 12px !important; } } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td:before { display: none; } } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td:before { display: block; content: attr(data-title); } } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.product-quantity { min-width: 120px; } } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.product-quantity { margin-right: -6px; } } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions { padding: 20px 0 0; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text { min-width: 150px; padding: 6px 10px 7px 10px; text-align: left; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon .input-text { min-width: 120px; } } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon'] { background: #006ad0; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[name='apply_coupon']:hover { background: #007de6; } .woocommerce-cart .woocommerce table.shop_table_responsive tbody tr td.actions .coupon input[type="submit"] { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-cart .woocommerce table.shop_table_responsive .product-name .variation dt { position: relative; bottom: -3px; } .woocommerce-cart .woocommerce table.shop_table_responsive .product-price .woocommerce-Price-amount { font-family: "Poppins"; color: #3f3f3f; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive .product-price .woocommerce-Price-amount { font-size: 14px; } } .woocommerce-cart .woocommerce table.shop_table_responsive .product-subtotal .woocommerce-Price-amount { font-family: "Poppins"; font-weight: 700; color: #3f3f3f; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce table.shop_table_responsive .product-subtotal .woocommerce-Price-amount { font-size: 14px; } } .woocommerce-cart .woocommerce .quantity input[type="number"] { border: 1px solid #e5e5e5; height: 28px; } .woocommerce-cart .woocommerce .cart-collaterals { padding-bottom: 60px; } @media screen and (max-width: 991px) { .woocommerce-cart .woocommerce .cart-collaterals { padding-bottom: 20px; } } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { margin-bottom: 25px; font-size: 20px; text-transform: uppercase; } @media screen and (max-width: 767px) { .woocommerce-cart .woocommerce .cart-collaterals .cart_totals h2 { font-size: 18px; } } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr { text-transform: uppercase; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr th { padding-left: 0; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals table tbody tr td { padding-right: 0; text-align: right; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a { background: #006ad0; font-size: 14px; } .woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover { background: #007de6; } /*----------------------------------- * WOOCOMMERCE MY ACCOUNT *-----------------------------------*/ .woocommerce form .form-row { margin: 0 0 10px; } .woocommerce-account .woocommerce { margin-bottom: 60px; margin-top: 30px; } @media screen and (max-width: 991px) { .woocommerce-account .woocommerce { margin-bottom: 20px; } } .woocommerce-account .woocommerce form .form-row label { font-weight: 700; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul { list-style: none; list-style-type: none; padding: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li { margin: 15px 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a { color: #006ad0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li:first-child { margin-top: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a { font-weight: 700; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content table { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 100%; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content table thead { text-transform: uppercase; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input { border: 1px solid #e5e5e5; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input:focus { border: 1px solid #006ad0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit] { background: #006ad0; border: none; color: #fff; font-weight: 700; margin-top: 20px; padding: 10px 15px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit]:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content p input[type=submit]:focus { outline: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset { margin-top: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content fieldset legend { position: relative; border: none; font-weight: 700; padding-left: 3px; margin-bottom: 10px; font-size: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title { margin-top: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-Address-title h3 { position: relative; margin-top: 0; margin-bottom: 30px; font-size: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .button { background: #006ad0; color: #fff; font-weight: 700; padding: 10px 20px; margin-left: 3px; text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:hover { background: #007de6; } .woocommerce-account .woocommerce .woocommerce-MyAccount-content .button:focus { outline: none; } .woocommerce-account .woocommerce .customer_login_form_wrap h2 { text-transform: uppercase; } .woocommerce-account .woocommerce .customer_login_form_wrap form { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .customer_login_form_wrap form input { border: 1px solid #e5e5e5; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .customer_login_form_wrap form .button { background: #006ad0; border: none; color: #fff; font-weight: 700; padding: 8px 15px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-account .woocommerce .customer_login_form_wrap form .button:hover { background: #007de6; } .woocommerce-account .woocommerce .customer_login_form_wrap form .button:focus { outline: none; } /*----------------------------------- * WOOCOMMERCE WISHLIST *-----------------------------------*/ .woocommerce-wishlist .woocommerce { margin-bottom: 60px; margin-top: 30px; } .woocommerce-wishlist .woocommerce .wishlist-title { display: block; text-align: center; } .woocommerce-wishlist .woocommerce .wishlist-title h2 { color: #006ad0; font-size: 24px; line-height: 1.4; } @media screen and (max-width: 991px) { .woocommerce-wishlist .woocommerce .wishlist-title h2 { font-size: 18px; } } @media screen and (max-width: 767px) { .woocommerce-wishlist .woocommerce .wishlist-title h2 { font-size: 16px; } } .woocommerce-wishlist .woocommerce .wishlist_table { margin-top: 40px; font-size: 100%; } @media screen and (max-width: 991px) { .woocommerce-wishlist .woocommerce .wishlist_table { margin-top: 30px; } } @media screen and (max-width: 767px) { .woocommerce-wishlist .woocommerce .wishlist_table { margin-top: 15px; } } .woocommerce-wishlist .woocommerce .wishlist_table thead { text-transform: uppercase; } .woocommerce-wishlist .woocommerce .wishlist_table thead tr th { border-top: none; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-remove a.remove { margin: 0 auto; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a { color: #3f3f3f; font-weight: 700; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-name a:hover { color: #006ad0; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-price { color: #3f3f3f; font-family: "Poppins"; text-align: left; font-weight: 700; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-price del { display: block; opacity: .7; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status { text-align: left; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-stock-status span { color: #006ad0; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-add-to-cart .add-to-cart-wrapper a { background: #006ad0; color: #fff; font-weight: 700; padding: 10px 15px; min-width: 187px; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table tbody .product-add-to-cart .add-to-cart-wrapper a:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile { padding: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile > li { border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom: 15px; position: relative; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-wrapper .product-thumbnail { border: 1px solid #e5e5e5; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .item-details h3 { font-size: 14px; margin-top: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td { vertical-align: top; line-height: 1.8; font-size: 12px; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.label { padding: 0; padding-right: 5px; color: #3f3f3f; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.item-details-table td.value { padding: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td { vertical-align: top; line-height: 1.8; font-size: 12px; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.label { color: #3f3f3f; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li table.additional-info td.value { padding: 0; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart { text-align: left; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button { margin-left: 0 !important; background: #006ad0; color: #fff !important; font-weight: 700; padding: 12px 15px !important; min-width: 170px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-add-to-cart a.button:focus { outline: none; } .woocommerce-wishlist .woocommerce .wishlist_table.mobile li .product-remove { position: absolute; top: -5px; right: 0; } .woocommerce-wishlist .woocommerce .yith-wcwl-share-title { font-size: 18px; } @media screen and (max-width: 767px) { .woocommerce-wishlist .woocommerce .yith-wcwl-share-title { font-size: 16px; } } .woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share { margin-bottom: 80px; } @media screen and (max-width: 767px) { .woocommerce-wishlist .yith_wcwl_wishlist_footer .yith-wcwl-share { margin-bottom: 60px; } } .woocommerce-checkout .woocommerce { margin-bottom: 60px; margin-top: 30px; } @media screen and (max-width: 767px) { .woocommerce-checkout .woocommerce { margin-bottom: 20px; } } .woocommerce-checkout .woocommerce h3 { text-transform: uppercase; font-size: 18px; font-weight: 700; position: relative; margin-bottom: 30px; } .woocommerce-checkout .woocommerce form .form-row { padding-left: 0; } .woocommerce-checkout .woocommerce .form-row input.input-text, .woocommerce-checkout .woocommerce .form-row textarea { border: 1px solid #e5e5e5; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .form-row input.input-text:focus, .woocommerce-checkout .woocommerce .form-row textarea:focus { border: 1px solid #006ad0; } .woocommerce-checkout .woocommerce .form-row label { font-size: 14px; font-weight: 700; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order th { font-size: 14px; font-weight: 700; text-transform: uppercase; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order { text-align: center; font-size: 14px; font-weight: 600; text-transform: uppercase; background: #006ad0; color: #fff; padding: 10px 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .woocommerce-checkout-review-order #place_order:hover { background: #007de6; } .woocommerce-checkout .woocommerce form.checkout_coupon { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce #payment { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .button { background: #006ad0; color: #fff; font-weight: 700; padding: 10px 20px; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce-checkout .woocommerce .button:hover { background: #007de6; color: #fff; } .woocommerce-thankyou-order-received { color: #006ad0; font-weight: 700; font-size: 16px; margin-bottom: 30px; } .woocommerce-thankyou-order-details { padding: 20px 30px; width: 50%; border: 1px solid #e5e5e5; } .woocommerce-thankyou-order-details .method { margin-top: 20px; } .woocommerce form .form-row .select2-container:focus { outline: none; } .woocommerce form .form-row .select2-container.select2-container--focus { outline: none; } .woocommerce form .form-row .select2-container.select2-container--open .select2-selection { border: 1px solid #aaa; } .woocommerce form .form-row .select2-container .select2-selection { border: 1px solid #e5e5e5; border-radius: 0; height: 35px; outline: none; } .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered { line-height: 33px; } .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:focus, .woocommerce form .form-row .select2-container .select2-selection .select2-selection__rendered:active { outline: none; } .woocommerce form .form-row .select2-container .select2-selection .select2-selection__arrow b { margin-top: 0; } .select2-dropdown { border: 1px solid #e5e5e5; } .select2-dropdown .select2-search__field { border: 1px solid #e5e5e5 !important; } .woocommerce form .form-row .input-checkbox { position: relative; } .wcppec-checkout-buttons__button { background: #006ad0; color: #fff; padding: 6px 25px; text-transform: uppercase; font-weight: 700; } .wcppec-checkout-buttons__button:hover { color: #fff; } .single-product .wcppec-checkout-buttons { text-align: left; padding-top: 20px; } .single-product .wcppec-checkout-buttons__button { padding: 9px 25px; border-radius: 6px; text-transform: none; } @media screen and (max-width: 767px) { body .pp_default { left: 5% !important; right: 5% !important; box-sizing: border-box; width: 90% !important; height: auto !important; } } @media screen and (max-width: 767px) { body .pp_default .pp_content { height: auto !important; min-height: 50px; width: 100% !important; } } @media screen and (max-width: 767px) { body .pp_default .pp_right { padding-right: 20px !important; } } @media screen and (max-width: 767px) { body .pp_default .pp_content_container .pp_details { width: 100% !important; margin-top: 20px !important; } } body .pp_woocommerce.loaded .pp_content { height: auto !important; } body .pp_woocommerce .pp_content_container { background-color: #fff; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); padding: 20px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .pp_woocommerce .pp_content_container .pp_loaderIcon { background: url(../pangja/assets/images/ajax-loader.gif) center no-repeat !important; width: 50px; height: 50px; margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } body .pp_woocommerce .pp_content_container .pp_loaderIcon:before { display: none; } body .pp_woocommerce .pp_content_container .pp_details { padding: 0; margin: 0; } body .pp_woocommerce .pp_content_container .pp_close { background: none; background-color: #000; width: 32px; height: 30px; right: 0; top: 0; font-size: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } body .pp_woocommerce .pp_content_container .pp_close:before, body .pp_woocommerce .pp_content_container .pp_close:after { content: ''; position: absolute; height: 2px; width: 20px; top: 50%; left: 6px; margin-top: -1px; background-color: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } body .pp_woocommerce .pp_content_container .pp_close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } body .pp_woocommerce .pp_content_container .pp_close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .popup-product-quick-view-wrapper .woocommerce-main-image { display: none; } .popup-product-quick-view-wrapper .product-size-guide { display: none; } .popup-product-quick-view-wrapper .woocommerce-review-link { pointer-events: none; } .popup-product-quick-view-wrapper #product-images1:hover { cursor: auto !important; } .popup-product-quick-view-wrapper .product-video { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap { position: relative; width: 49%; float: left; } @media screen and (max-width: 991px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap { float: none; padding-bottom: 50px; width: 100%; } } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap { padding-bottom: 30px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .slick-slide img { width: 100%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 { padding-right: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1:hover .slick-arrow.slick-next { right: 125px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-prev { left: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-images1 .slick-arrow.slick-next { right: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 { position: absolute; right: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right #product-thumbnails1 .thumbnail-image { padding: 5px 0 5px 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-right .product-video { right: 110px; bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 { padding-left: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-prev { left: 125px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1:hover .slick-arrow.slick-next { right: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-prev { left: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-images1 .slick-arrow.slick-next { right: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 { position: absolute; left: 0; top: 0; max-width: 90px; margin-top: -5px; margin-bottom: -5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left #product-thumbnails1 .thumbnail-image { padding: 5px 5px 5px 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-video { right: 20px; bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical.thumbnail-left .product-label { left: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-prev { top: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1:hover .slick-arrow.slick-next { bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev { top: 0; bottom: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3d8"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next { bottom: 0; top: auto; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d0"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video { bottom: 180px; right: 20px; } @media screen and (max-width: 1199px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video { bottom: 160px; } } @media screen and (max-width: 991px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video { bottom: 230px; } } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.horizontal .product-video { bottom: 160px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-images { padding-left: 100px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom { margin-bottom: 20px; position: relative; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-images .woocommerce-image-zoom .woocommerce-main-image { width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery .product-label { left: 115px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails { position: absolute; top: 0; max-width: 90px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails.is_stuck { padding-top: 55px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image { margin-bottom: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery #product-thumbnails .thumbnail-image.current img { border: 1px solid #006ad0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery .product-video { right: 20px; bottom: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap.vertical_gallery .product-video:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner { position: relative; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video { position: absolute; margin-bottom: 0; display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video a { background-color: #fff; display: block; font-size: 14px; height: 36px; text-align: center; text-transform: uppercase; padding: 0 20px; line-height: 36px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .single-product-image-inner .product-video a i { margin-right: 8px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover { cursor: crosshair; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-prev { left: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .slick-arrow.slick-next { right: 35px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1:hover .woocommerce-main-image { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { color: #3f3f3f; font-family: 'slick'; font-size: 36px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:hover:before { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-prev:before { content: "\f3cf"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .slick-arrow.slick-next:before { content: "\f3d1"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-images1 .woocommerce-main-image { width: 36px; height: 36px; font-size: 16px; line-height: 36px; text-align: center; background-color: #fff; position: absolute; right: 20px; top: 20px; z-index: 9; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); -moz-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.03); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 { margin-top: 30px; margin-left: -5px; margin-right: -5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-prev { left: 25px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1:hover .slick-arrow.slick-next { right: 25px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 999; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { color: #3f3f3f; font-family: 'slick'; font-size: 28px; line-height: 1; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:hover:before, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:hover:before { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev { left: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-prev:before { content: "\f3cf"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next { right: 10px; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); -o-transform: translate(50%, -50%); transform: translate(50%, -50%); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .slick-arrow.slick-next:before { content: "\f3d1"; font-family: Ionicons; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image { padding: 0 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap #product-thumbnails1 .thumbnail-image.slick-current img { border: 1px solid #006ad0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-label { position: absolute; left: 15px; top: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .onsale { min-width: 50px; background-color: #006ad0 !important; color: #fff; display: block; top: auto; left: auto; position: relative; z-index: 99; font-size: 14px !important; font-weight: 700 !important; text-align: center; min-height: auto; padding: 8px 15px; line-height: 14px; font-weight: 400; margin-bottom: 5px; border-radius: 6px; } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .product-flash, .popup-product-quick-view-wrapper .woocomerce-quickview-info .single-product-image-wrap .onsale { font-size: 13px !important; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary { margin-bottom: 0 !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary.is_stuck { padding-top: 55px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title { font-size: 24px; } @media screen and (max-width: 991px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title { font-size: 20px; } } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_title { font-size: 18px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-details__short-description { padding-bottom: 10px; color: rgba(63, 63, 63, 0.5); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating { padding-top: 5px; margin-bottom: 5px !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating { color: #f7bb2a; font-size: 14px !important; width: 68px; height: 1em; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating:before { position: absolute; top: 0; left: 0; content: "\f4b2 \f4b2 \f4b2 \f4b2 \f4b2"; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating span { position: relative; overflow: hidden; float: left; top: 0; left: 0; padding-top: 1.5em; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-product-rating .star-rating span:before { position: absolute; content: "\f4b3 \f4b3 \f4b3 \f4b3 \f4b3"; top: 0; left: 0; color: #f7bb2a; font-family: 'Ionicons'; letter-spacing: 2px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-review-link { color: #006ad0; margin-left: 10px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .woocommerce-review-link:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price { color: #9f9f9f !important; margin-bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount { margin-right: 5px; color: #3f3f3f; font-size: 20px; font-weight: bold; } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount { font-size: 16px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price .woocommerce-Price-amount:nth-child(2) { margin-left: 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del { opacity: 1 !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price del .woocommerce-Price-amount { color: #9f9f9f; font-weight: 600; font-size: 16px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary p.price ins { text-decoration: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product-size-guide { font-weight: 700; padding: 5px 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart { margin-top: 15px; margin-bottom: 10px !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations { margin-bottom: 0px !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr { margin-bottom: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr:last-child td.value { line-height: 1; padding-bottom: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td label { color: #3f3f3f; font-size: 15px; margin-bottom: 25px; margin-top: 6px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations tr td select { height: 35px; border-radius: 0; padding-left: 10px; outline: none; width: 100%; border: 1px solid #e5e5e5; font-style: italic; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:hover .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -5px); -ms-transform: translate(-50%, -5px); -o-transform: translate(-50%, -5px); transform: translate(-50%, -5px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip { padding: 3px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 60px; opacity: 0; text-align: center; visibility: hidden; bottom: calc(100% + 2px); left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li .button-tooltip:after, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper { display: flex; margin-left: 3px; list-style: none; margin-bottom: 0 !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li { cursor: pointer; position: relative; width: 24px !important; height: 24px !important; display: inline-flex; padding: 0; margin-right: 10px; cursor: pointer; position: relative; vertical-align: middle; -ms-box-sizing: "content-box"; -moz-box-sizing: "content-box"; -webkit-box-sizing: "content-box"; box-sizing: "content-box"; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected { cursor: pointer; border-color: #006ad0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li.selected:before { border: 2px solid #444; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.color-variable-wrapper > li:before { content: ''; position: absolute; width: 30px; height: 30px; border: 1px solid #cdcdcd; top: -3px; left: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper { padding: 0; margin: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li { cursor: pointer; position: relative; width: 30px; height: 30px; line-height: 28px; font-size: 700; margin-right: 5px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart table.variations .variable-items-wrapper.label-variable-wrapper > li.selected { cursor: pointer; border: 1px solid #ccc; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity { margin: 0 10px 0 0 !important; position: relative; border: 1px solid #e5e5e5; border-radius: 6px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity .screen-reader-text { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"] { height: 41px; width: 40px; border: 1px solid #e5e5e5; border: none; background: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity input[type="number"]:focus { outline: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity .input-button { height: 41px; background: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity .input-button.minus { border: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .quantity .input-button.plus { border: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button { height: 43px; background: #006ad0; color: #fff; outline: none; border-radius: 6px; position: relative; padding: 10px 25px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button { padding: 10px 15px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button:hover { background: #007de6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .single_add_to_cart_button:before { content: "\e04e"; font-family: 'Simple-Line-Icons'; margin-right: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price { margin-bottom: 20px; font-style: italic; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price { font-family: "Poppins"; font-size: 20px; color: #006ad0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price del { margin-right: 20px; opacity: 1; color: #9f9f9f; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary form.cart .woocommerce-variation-price span.price ins { margin-right: 10px; text-decoration: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist { position: relative; float: left; margin-left: 10px; } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist { margin-left: 8px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a:hover, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover { background-color: transparent !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a:hover .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover .button-tooltip { opacity: 1; visibility: visible; -webkit-transform: translate(-50%, -6px); -ms-transform: translate(-50%, -6px); -o-transform: translate(-50%, -6px); transform: translate(-50%, -6px); -webkit-transition: all 300ms ease-in-out 0s; -o-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a i, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a i { margin-right: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a .button-tooltip, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip { padding: 2px 5px; position: absolute; text-transform: none; display: inline-block; min-width: 80px; opacity: 0; text-align: center; visibility: hidden; bottom: 100%; left: 50%; background: #555 !important; color: #fff !important; font-size: 12px !important; line-height: 20px !important; font-weight: normal; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a .button-tooltip:after, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a .button-tooltip:after { width: 0; height: 0; position: absolute; bottom: -6px; left: 50%; content: ""; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #555; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist { width: auto; float: left; text-transform: uppercase; margin-top: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a { border: 1px solid #e5e5e5; height: 43px; line-height: 43px; width: 43px; text-align: center; display: block; background: transparent; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist a:hover { border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist img { display: none !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .feedback { display: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistaddedbrowse a i, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-wishlistexistsbrowse a i { color: #006ad0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare { height: 43px; line-height: 43px; border: 1px solid #e5e5e5; background: transparent; text-align: center; text-transform: uppercase; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare i { margin-left: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare a { display: block; width: 42px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare:hover { border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .add_to_compare:hover:before { color: #fff; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table { margin-bottom: 20px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table td { vertical-align: middle !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table .quantity { min-width: 95px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table .quantity input[type="number"] { height: 44px; width: 40px; border: 1px solid #e5e5e5; border: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table .quantity input[type="number"]:focus { outline: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table .quantity .input-button { height: 44px; font-weight: 700; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table .quantity .input-button.minus { border: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .group_table .quantity .input-button.plus { border: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price { color: #9f9f9f !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount { margin-right: 5px; color: #006ad0; font-size: 16px; font-family: "Poppins"; font-style: italic; position: relative; top: -3px; } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount { font-size: 16px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price .woocommerce-Price-amount:nth-child(2) { margin-left: 5px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price del { opacity: 1 !important; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount { color: #9f9f9f; font-weight: 600; font-size: 16px; } @media screen and (max-width: 767px) { .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price del .woocommerce-Price-amount { font-size: 14px; } } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .grouped_form .woocommerce-grouped-product-list-item__price ins { text-decoration: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta { padding-top: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span { display: block; margin-bottom: 15px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta > span.devide_sign { font-weight: 400; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper .label, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in .label, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as .label { color: #3f3f3f; font-size: 15px; padding: 0 5px 0 0; text-transform: capitalize; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .sku_wrapper a, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .posted_in a, .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .product_meta .tagged_as a { text-transform: none; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share { list-style: none; list-style-type: none; margin: 0; padding: 0; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li { display: inline-block; text-align: center; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li.social-label { color: #3f3f3f; font-size: 15px; font-weight: 700; margin-right: 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li a { padding: 0 10px; } .popup-product-quick-view-wrapper .woocomerce-quickview-info .entry-summary .post-social-share .social-share-wrapper .social-share li:hover a { color: #006ad0; } .woocommerce.columns-1 ul.products li.product { margin-bottom: 0; } .woocommerce.columns-1 ul.products li.product .product-inner { text-align: left; } .woocommerce.columns-1 ul.products li.product .product-inner .onsale, .woocommerce.columns-1 ul.products li.product .product-inner .product-flash { left: 47% !important; margin-bottom: -50%; } .woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary { width: 33%; float: left; } .woocommerce.columns-1 ul.products li.product .product-inner .product-thumb-primary img { margin-bottom: 0; } .woocommerce.columns-1 ul.products li.product .product-inner .star-rating { top: 10%; left: 17%; } .woocommerce.columns-1 ul.products li.product .product-inner .woocommerce-loop-product__title, .woocommerce.columns-1 ul.products li.product .product-inner .price { margin-left: 40%; } .woocommerce.columns-1 ul.products li.product .product-inner .product-actions { display: none; } @media screen and (max-width: 991px) { .woocommerce.columns-1 ul.products li.product { width: 100%; } } .wc-dnd-file-upload { font-weight: 600; color: #000; padding: 0 0 15px; } .wc-dnd-file-upload .codedropz-upload-wrapper { font-weight: 400; color: #3f3f3f; } .wc-dnd-file-upload .codedropz-upload-handler { margin-top: 10px; border-radius: 6px; } .wc-upload-wrap .codedropz-upload-inner a.cd-upload-btn { background-color: #000; border-radius: 6px; color: #fff; padding: 0 15px; font-weight: 600; transition: all .3s; } .wc-upload-wrap .codedropz-upload-inner a.cd-upload-btn:hover { background-color: rgba(0, 0, 0, 0.8); transition: all .3s; } .wc-upload-wrap .codedropz-upload-inner .codedropz-label { font-size: 16px; } .wc-upload-wrap .codedropz-upload-inner .codedropz-label span.cd-icon { margin-bottom: -6px; } .wc-upload-wrap .codedropz-upload-inner .codedropz-label .text { color: #000; } .dnd-upload-counter { right: 10px; bottom: 5px; } @media screen and (max-width: 767px) { .dnd-upload-counter { bottom: 0; } } .dnd-upload-status .dnd-upload-image { margin-bottom: -10px; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar { border-radius: 10px; } .dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background: #11b196; } .dnd-upload-status .dnd-upload-details .name { color: #000; } .dnd-upload-status .dnd-upload-details .name em { color: #000; font-weight: 600; font-style: normal; } .codedropz--results { margin-bottom: 12px; } /*----------------------------------- * General Style *-----------------------------------*/ .woocommerce table, .woocommerce th, .woocommerce td { border: none; } .woocommerce thead { background: none; } .woocommerce table.shop_table { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce a.button, .woocommerce input.button { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #007de6; color: #fff; font-weight: normal; text-transform: uppercase; } .woocommerce a.button:hover, .woocommerce input.button:hover { background: #006ad0; color: #fff; } .woocommerce-message { border-top-color: #006ad0; } .woocommerce-message:before { color: #006ad0; } .woocommerce-info { border-top-color: #006ad0; } .woocommerce-info:before { color: #006ad0; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea { border: 1px solid #e5e5e5; padding: 8px 15px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { border: 1px solid #006ad0; } /*----------------------------------- * 8. SHORTCODES *-----------------------------------*/ /*----------------------------------- * SHORTCODES *-----------------------------------*/ /* Shortcode banner */ @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_1 { margin-bottom: 15px; } } .banner-shortcode-wrap.style_1 .banner-content-wrap { position: relative; overflow: hidden; text-align: center; } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner:before { opacity: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover .banner-content-inner .banner-content { opacity: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap:hover img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_1 .banner-content-wrap img { width: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content { position: absolute; top: 50%; left: 0; width: 100%; opacity: 0; color: #fff; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title { color: #fff; font-size: 17px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-title { font-size: 16px; } } .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-description { font-size: 15px; letter-spacing: 0.15em; } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_1 .banner-content-wrap .banner-content-inner .banner-content .banner-description { font-size: 14px; } } .banner-shortcode-wrap.style_2 .banner-content-wrap { display: flex; align-items: center; } @media screen and (max-width: 1199px) { .banner-shortcode-wrap.style_2 .banner-content-wrap { align-items: unset; } } @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_2 .banner-content-wrap { display: block; } } .banner-shortcode-wrap.style_2 .banner-content-wrap.right { flex-direction: row-reverse; } .banner-shortcode-wrap.style_2 .banner-content-wrap.right .icon-wrap .icon-svg { margin-left: auto; } .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-image { float: right; } .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-content-inner { text-align: right; padding: 35px 80px 35px 15px; } @media screen and (max-width: 1199px) { .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-content-inner { padding: 15px 40px 20px 15px; } } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-content-inner { padding: 5px 30px 25px 15px; } } @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-content-inner { padding: 25px 0 25px 0; } } .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-content-inner .banner-link { padding-right: 40px; } .banner-shortcode-wrap.style_2 .banner-content-wrap.right .banner-content-inner .banner-link:before { right: 0; left: auto; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-image { width: 50%; float: left; } @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-image { width: 100%; } } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-image img { width: 100%; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner { width: 50%; float: right; padding: 35px 15px 25px 80px; } @media screen and (max-width: 1199px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner { padding: 15px 15px 20px 40px; } } @media screen and (max-width: 991px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner { padding: 5px 15px 25px 30px; } } @media screen and (max-width: 767px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner { padding: 25px 0 25px 0; width: 100%; } } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-title { font-size: 30px; padding: 20px 0 10px; } @media screen and (max-width: 1199px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-title { font-size: 20px; padding: 15px 0 5px; } } @media screen and (max-width: 1199px) { .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-title { font-size: 18px; } } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-sub-title { color: #006ad0; padding-left: 5px; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-description { padding-bottom: 10px; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-link { position: relative; padding-left: 40px; font-size: 13px; font-weight: 600; color: #3f3f3f; letter-spacing: 1px; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-link:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-shortcode-wrap.style_2 .banner-content-wrap .banner-content-inner .banner-link:before { content: ""; position: absolute; width: 30px; height: 1px; background-color: #006ad0; top: 50%; left: 0; } .banner-creative-shortcode-wrap .banner-list .banner-item { overflow: hidden; } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.portrait { width: 50%; } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.landscape { width: 100%; } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.small_squared { width: 50%; } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.big_squared { width: 100%; } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-2.default { width: 50%; } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.portrait { width: 33.3333333%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.portrait { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.landscape { width: 66.6666666%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.landscape { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.small_squared { width: 33.3333333%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.small_squared { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.big_squared { width: 66.6666666%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.big_squared { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.default { width: 33.3333333%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-3.default { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.portrait { width: 25%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.portrait { width: 50%; height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.landscape { width: 50%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.landscape { width: 100%; height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.small_squared { width: 25%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.small_squared { width: 50%; height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.big_squared { width: 50%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.big_squared { width: 100%; height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.default { width: 25%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-4.default { width: 50%; height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.portrait { width: 20%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.portrait { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.landscape { width: 40%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.landscape { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.small_squared { width: 20%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.small_squared { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.big_squared { width: 40%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.big_squared { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.default { width: 20%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-5.default { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.portrait { width: 16.6666667%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.portrait { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.landscape { width: 33.3333333%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.landscape { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.small_squared { width: 16.6666667%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.small_squared { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.big_squared { width: 33.3333333%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.big_squared { width: 100%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.default { width: 16.6666667%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.image-col-6.default { width: 50%; } } .banner-creative-shortcode-wrap .banner-list .banner-item.padding-5 { padding: 0 5px; margin: 5px 0; } .banner-creative-shortcode-wrap .banner-list .banner-item.padding-10 { padding: 0 10px; margin: 10px 0; } .banner-creative-shortcode-wrap .banner-list .banner-item.padding-15 { padding: 0 15px; margin: 15px 0; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.padding-15 { margin: 15px 0 0; } } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 { height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner { -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner:before { opacity: 1; right: 0; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner:after { opacity: 1; left: 0; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner .banner-content { opacity: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner .banner-content .banner-title a { color: #fff; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner .banner-content a.banner-button { color: #fff; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1:hover .banner-content-inner .banner-content .banner-description { color: #fff; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-item-wrap { position: relative; overflow: hidden; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-item-wrap:before { content: ""; position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); top: 1px; left: 1px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 img { width: 100%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 img { height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; text-align: left; z-index: 2; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner:before { content: ""; position: absolute; top: 0; right: 100%; width: calc(100% - 0px); height: calc(100% - 0px); background: linear-gradient(to bottom left, transparent 50%, rgba(0, 106, 208, 0.3) 50%); opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner:after { content: ""; position: absolute; top: 0; left: 100%; width: calc(100% - 0px); height: calc(100% - 0px); background: linear-gradient(to bottom left, rgba(0, 0, 0, 0.3) 50%, rgba(0, 106, 208, 0) 50%); opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content { position: absolute; z-index: 1; bottom: 20px; left: 20px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content.banner-center { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content.banner-bottom { top: auto; bottom: 20px; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content a { color: #3f3f3f; font-size: 18px; font-weight: 600; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content a { font-size: 16px; } } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content a { font-size: 14px; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content a.banner-button { color: #006ad0; font-size: 14px; font-weight: 600; display: none; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content a.banner-button i { margin-left: 6px; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content a:hover { color: #006ad0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_1 .banner-content-inner .banner-content .banner-description { font-size: 14px; } } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 { height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-item-wrap { position: relative; overflow: hidden; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 img { width: 100%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 img { height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner { padding: 5px; position: absolute; top: 0; right: 0; z-index: 2; height: 100%; width: 100%; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner:hover::before { opacity: 1; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner:hover .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner:hover .banner-content a { color: #fff; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner:hover .banner-content .banner-description { color: #fff; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner:before { content: ""; position: absolute; width: 100%; height: 100%; top: 1px; left: 1px; background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content { padding: 5px; position: absolute; bottom: 20px; left: 30px; z-index: 2; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content { bottom: 15px; left: 25px; } } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content { bottom: 10px; left: 20px; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content a { color: #3f3f3f; font-size: 24px; font-weight: 600; display: block; position: relative; margin: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content .banner-title:hover, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content a:hover { color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content a { font-size: 20px; } } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content a { font-size: 16px; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content .banner-description { color: #3f3f3f; font-size: 16px; margin: 5px 0 0; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2 .banner-content-inner .banner-content .banner-description { font-size: 14px; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content a { font-size: 40px; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content a { font-size: 30px; } } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content a { font-size: 24px; } } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_2.big_squared .banner-content-inner .banner-content a { font-size: 20px; } } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 { height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3:hover .banner-content-inner:before { opacity: 1; top: 20px; left: 20px; height: calc(100% - 40px); width: calc(100% - 40px); } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3:hover .banner-content-inner:before { top: 15px; left: 15px; height: calc(100% - 30px); width: calc(100% - 30px); } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3:hover .banner-content-inner .banner-content { opacity: 1; visibility: visible; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-item-wrap { position: relative; overflow: hidden; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 img { width: 100%; } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 img { height: auto !important; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 5px; z-index: 2; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(63, 63, 63, 0.8); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content { position: absolute; z-index: 1; opacity: 0; visibility: hidden; top: 50%; left: 50%; width: 100%; text-align: center; transform: translate(-50%, -50%); -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content a { font-size: 24px; font-weight: 600; color: #fff; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content a { font-size: 20px; } } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content a { font-size: 16px; } } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3 .banner-content-inner .banner-content .banner-description { color: #fff; } .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content a { font-size: 40px; } @media screen and (max-width: 1199px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content a { font-size: 30px; } } @media screen and (max-width: 991px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content a { font-size: 24px; } } @media screen and (max-width: 767px) { .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content .banner-title, .banner-creative-shortcode-wrap .banner-list .banner-item.style_3.big_squared .banner-content-inner .banner-content a { font-size: 20px; } } .banner-creative-shortcode-wrap.packery .banner-list { margin-left: -10px; margin-right: -10px; } .banner-creative-shortcode-wrap.packery_2 .banner-list { margin-left: -10px; margin-right: -10px; } .banner-creative-shortcode-wrap.masonry .banner-list { margin-left: -10px; margin-right: -10px; } .countdown-shortcode-wrap.number .countdown-content .list-time { list-style: none; padding: 0; } .countdown-shortcode-wrap.number .countdown-content .list-time li { position: relative; display: inline-block; height: 80px; width: 80px; border-radius: 4px; background-color: rgba(0, 0, 0, 0.4); margin: 0 8px; text-transform: uppercase; } @media screen and (max-width: 991px) { .countdown-shortcode-wrap.number .countdown-content .list-time li { height: 70px; width: 70px; margin: 0 5px; } } .countdown-shortcode-wrap.number .countdown-content .list-time li p { margin: 0; color: #fff; text-transform: uppercase; letter-spacing: .05em; } .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number { padding-top: 12px; line-height: 1; color: #fff; font-size: 36px; text-align: center; position: relative; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } @media screen and (max-width: 1199px) { .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number { font-size: 28px; padding-top: 15px; } } @media screen and (max-width: 991px) { .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number { font-size: 20px; padding-top: 15px; } } @media screen and (max-width: 767px) { .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-number { font-size: 16px; } } @media screen and (max-width: 991px) { .countdown-shortcode-wrap.number .countdown-content .list-time li p.countdown-text { font-size: 13px; } } .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li { text-align: center; } .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li:first-child p.countdown-number, .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li:first-child p.countdown-text { padding-left: 0; } .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li p.countdown-text { padding: 0 30px; } @media screen and (max-width: 991px) { .countdown-shortcode-wrap.number.text-left .countdown-content .list-time li p.countdown-text { padding: 0 15px; } } /* Decoration Shortcode CSS */ .decoration-shortcode-wrap.style_1 { position: relative; text-align: center; } .decoration-shortcode-wrap.style_1 .decoration-content .description-info { position: absolute; width: 168px; height: 168px; background-color: #fff; top: 50%; left: 50%; font-size: 42px; font-family: "Poppins"; line-height: .9; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { .decoration-shortcode-wrap.style_1 .decoration-content .description-info { width: 128px; height: 128px; font-size: 28px; } } @media screen and (max-width: 767px) { .decoration-shortcode-wrap.style_1 .decoration-content .description-info { width: 108px; height: 108px; font-size: 20px; } } .decoration-shortcode-wrap.style_1 .decoration-content .description-info:before { content: ""; position: absolute; width: calc(100% - 12px); height: calc(100% - 12px); left: 6px; top: 6px; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .decoration-shortcode-wrap.style_1 .decoration-content .description-info .decoration-title { position: absolute; width: 100%; top: 50%; font-style: italic; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .decoration-shortcode-wrap.style_1 .decoration-content .description-info .decoration-title span { display: block; padding: 3px 0; } .counter-shortcode-wrap.style_1 { margin: 10px 0; } .counter-shortcode-wrap.style_1 .icon-wrap { text-align: center; } .counter-shortcode-wrap.style_1 .gr-counter .content-inner { text-align: center; } .counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap { color: #fff; font-size: 60px; } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_1 .gr-counter .content-inner .icon-wrap { font-size: 48px; } } .counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter { color: #fff; font-size: 36px; font-weight: 700; line-height: 1.2; margin-top: 20px; } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-number-counter { font-size: 36px; margin-top: 15px; } } .counter-shortcode-wrap.style_1 .gr-counter .content-inner .gr-text-default { color: #fff; margin-top: 15px; } @media screen and (max-width: 767px) { .counter-shortcode-wrap.style_2 .gr-counter .content-inner { text-align: center; } } .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter { color: #006ad0; font-size: 56px; font-family: "Poppins"; font-weight: 700; } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-number-counter { font-size: 36px; } } .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default { text-transform: uppercase; font-weight: 700; font-style: italic; } @media screen and (max-width: 767px) { .counter-shortcode-wrap.style_2 .gr-counter .content-inner .gr-text-default { font-size: 14px; } } @media screen and (max-width: 767px) { .counter-shortcode-wrap.style_3 { margin-bottom: 25px; } } .counter-shortcode-wrap.style_3 .gr-counter .content-inner { text-align: center; } .counter-shortcode-wrap.style_3 .gr-counter .content-inner .icon-wrap { background-color: #007de6; background-repeat: no-repeat; background-size: cover; width: 110px; height: 96px; display: block; -webkit-mask-image: url(../pangja/assets/images/bg-icon-box.svg); mask-image: url(../pangja/assets/images/bg-icon-box.svg); margin: 0 auto; } .counter-shortcode-wrap.style_3 .gr-counter .content-inner .icon-wrap span { font-size: 40px; line-height: 96px; } @media screen and (max-width: 1199px) { .counter-shortcode-wrap.style_3 .gr-counter .content-inner .icon-wrap span { font-size: 32px; } } .counter-shortcode-wrap.style_3 .gr-counter .content-inner .gr-number-counter { color: #fff; font-size: 50px; font-weight: 600; margin-top: 5px; } @media screen and (max-width: 1199px) { .counter-shortcode-wrap.style_3 .gr-counter .content-inner .gr-number-counter { font-size: 36px; } } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_3 .gr-counter .content-inner .gr-number-counter { font-size: 36px; } } .counter-shortcode-wrap.style_3 .gr-counter .content-inner .gr-text-default { text-transform: uppercase; font-weight: 500; font-size: 16px; color: #fff; } @media screen and (max-width: 1199px) { .counter-shortcode-wrap.style_3 .gr-counter .content-inner .gr-text-default { font-size: 14px; } } @media screen and (max-width: 767px) { .counter-shortcode-wrap.style_4 { margin-bottom: 25px; } } .counter-shortcode-wrap.style_4 .gr-counter .content-inner { text-align: center; } .counter-shortcode-wrap.style_4 .gr-counter .content-inner .icon-wrap span { font-size: 60px; color: #006ad0; opacity: 0.5; } @media screen and (max-width: 1199px) { .counter-shortcode-wrap.style_4 .gr-counter .content-inner .icon-wrap span { font-size: 50px; } } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_4 .gr-counter .content-inner .icon-wrap span { font-size: 40px; } } .counter-shortcode-wrap.style_4 .gr-counter .content-inner .gr-number-counter { color: #006ad0; font-size: 50px; font-weight: 600; line-height: 1; margin: 20px; margin-bottom: 15px; } @media screen and (max-width: 1199px) { .counter-shortcode-wrap.style_4 .gr-counter .content-inner .gr-number-counter { font-size: 36px; } } @media screen and (max-width: 991px) { .counter-shortcode-wrap.style_4 .gr-counter .content-inner .gr-number-counter { font-size: 28px; } } .counter-shortcode-wrap.style_4 .gr-counter .content-inner .gr-text-default { text-transform: uppercase; font-weight: 500; font-size: 16px; color: #3f3f3f; } @media screen and (max-width: 1199px) { .counter-shortcode-wrap.style_4 .gr-counter .content-inner .gr-text-default { font-size: 14px; } } /* Clients Shortcode CSS */ .clients-shortcode-wrap { position: relative; } .clients-shortcode-wrap:hover .owl-nav .owl-prev, .clients-shortcode-wrap:hover .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3; -o-transition: all 0.3; transition: all 0.3; } .clients-shortcode-wrap.carousel .clients-list .client-item:hover img { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .clients-shortcode-wrap.carousel .clients-list .client-item img { padding: 0 10%; opacity: .3; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .clients-shortcode-wrap.style_2 .clients-list .client-item { opacity: .3; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .clients-shortcode-wrap.style_2 .clients-list .client-item:hover { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .clients-shortcode-wrap .owl-nav .owl-prev, .clients-shortcode-wrap .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .clients-shortcode-wrap .owl-nav .owl-prev:hover, .clients-shortcode-wrap .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .clients-shortcode-wrap .owl-nav .owl-prev { left: 0; } .clients-shortcode-wrap .owl-nav .owl-next { right: 0; } /* GMaps Shortcode CSS */ .gmaps-shortcode-wrap .map-info { max-width: 280px; } @media screen and (max-width: 991px) { .gmaps-shortcode-wrap .map-info { max-width: 260px; } } .gmaps-shortcode-wrap .map-info .info-image { float: left; max-width: 200px; } @media screen and (max-width: 991px) { .gmaps-shortcode-wrap .map-info .info-image { max-width: 160px; } } .gmaps-shortcode-wrap .map-info .info-address { padding: 10px 0 5px 0; } .gmaps-shortcode-wrap .map-info .info-address p { text-align: center; color: #3f3f3f; font-size: 14px; font-weight: 700; } .gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button { width: 200px; margin: 0 auto; padding: 15px 0; border: 1px solid #006ad0; text-align: center; } .gmaps-shortcode-wrap.toggle_button .gmaps-button-wrap .gmaps-toggle-button:hover { background: #006ad0; cursor: pointer; } .gm-style .gm-style-iw-c { border-radius: 0 !important; } /* Icon Box Shortcode CSS */ .icon-box-shortcode-wrap { margin-bottom: 25px; } .icon-box-shortcode-wrap .icon-title, .icon-box-shortcode-wrap .icon-description, .icon-box-shortcode-wrap .icon-box-link { font-family: "Poppins" !important; } .icon-box-shortcode-wrap.style_1 .icon-box-container { border: 1px solid #e5e5e5; border-radius: 6px; background-color: #fff; text-align: center; padding: 30px; transition: all .3s; } @media screen and (max-width: 1199px) { .icon-box-shortcode-wrap.style_1 .icon-box-container { padding: 20px; } } .icon-box-shortcode-wrap.style_1 .icon-box-container:hover { background-color: #006ad0; border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_1 .icon-box-container:hover .icon-wrap { color: #fff !important; } .icon-box-shortcode-wrap.style_1 .icon-box-container:hover .icon-content .icon-title { color: #fff; } .icon-box-shortcode-wrap.style_1 .icon-box-container:hover .icon-content .icon-title a { color: #fff; } .icon-box-shortcode-wrap.style_1 .icon-box-container:hover .icon-content .icon-title a:hover { color: rgba(255, 255, 255, 0.7); } .icon-box-shortcode-wrap.style_1 .icon-box-container:hover .icon-content .icon-description { color: #fff; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap { color: #006ad0; font-size: 60px; line-height: 1; padding: 30px 0 15px; } @media screen and (max-width: 1199px) { .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap { padding: 15px 0 15px; font-size: 48px; } } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-wrap { font-size: 34px; } } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title { color: #3f3f3f; font-size: 14px; font-weight: 700; padding-bottom: 10px; line-height: 1.1; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; transition: all .3s; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; transition: all .3s; } .icon-box-shortcode-wrap.style_1 .icon-box-container .icon-content .icon-description { font-size: 12px; padding-bottom: 10px; line-height: 1.8; } .icon-box-shortcode-wrap.style_2 .icon-box-container { display: flex; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-wrap { width: 40px; height: 40px; line-height: 1.8; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content { padding-left: 20px; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content { padding-left: 10px; } } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title { font-size: 16px; font-weight: 700; margin-top: 0; line-height: 1.1; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_2 .icon-box-container .icon-content .icon-description { line-height: 1.8; } .icon-box-shortcode-wrap.style_3 { margin-bottom: 35px; } .icon-box-shortcode-wrap.style_3 .icon-box-container { display: flex; align-items: center; } .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-wrap { width: 40px; height: 40px; line-height: 1.8; } .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content { padding-left: 20px; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content { padding-left: 15px; } } .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title { font-size: 16px; font-weight: 700; margin: 0; line-height: 1.1; } @media screen and (max-width: 767px) { .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title { font-size: 14px; } } .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_3 .icon-box-container .icon-content .icon-description { line-height: 1.8; display: none; } @media screen and (max-width: 767px) { .icon-box-shortcode-wrap.style_4 { margin: 15px 0; } } .icon-box-shortcode-wrap.style_4 .icon-box-container { display: flex; } .icon-box-shortcode-wrap.style_4 .icon-box-container .icon-wrap { width: 40px; height: 40px; line-height: 1.8; } .icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content { padding-left: 20px; } .icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content .icon-title { font-size: 16px; font-weight: 700; margin-top: 0; line-height: 1.1; } .icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_4 .icon-box-container .icon-content .icon-description { line-height: 1.8; } .icon-box-shortcode-wrap.style_5 { margin-bottom: 45px; } @media screen and (max-width: 767px) { .icon-box-shortcode-wrap.style_5 { margin-bottom: 15px; } } .icon-box-shortcode-wrap.style_5 .icon-box-container { display: flex; align-items: center; padding: 20px 30px; box-shadow: 0px 2px 10px 1px rgba(0, 0, 0, 0.1); background-color: #fff; border-radius: 4px; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_5 .icon-box-container { display: block; text-align: center; padding: 20px 15px; } } .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-wrap { font-size: 44px; line-height: 1.8; color: #006ad0; } .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-content { padding-left: 20px; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-content { padding: 0; } } .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-content .icon-title { font-size: 14px; font-weight: 700; line-height: 1.1; margin: 0; } .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_5 .icon-box-container .icon-content .icon-description { margin-bottom: 0; font-size: 12px; line-height: 1.5; margin-top: 8px; } .icon-box-shortcode-wrap.style_6 { border: 1px solid #e5e5e5; border-radius: 5px; padding: 40px 30px; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_6 { padding: 20px 20px; } } @media screen and (max-width: 767px) { .icon-box-shortcode-wrap.style_6 { padding: 10px 15px; } } .icon-box-shortcode-wrap.style_6 .icon-box-container { display: flex; align-items: center; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-wrap { width: 40px; height: 40px; line-height: 1.8; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content { padding-left: 25px; } @media screen and (max-width: 991px) { .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content { padding: 15px; } } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-title { font-size: 18px; font-weight: 700; margin-top: 0; line-height: 1.1; } @media screen and (max-width: 1199px) { .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-title { font-size: 16px; } } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-content .icon-description { line-height: 1.8; padding: 5px 0; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-box-link { color: #006ad0; font-weight: 600; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-box-link:hover { color: #007de6; } .icon-box-shortcode-wrap.style_6 .icon-box-container .icon-box-link i { font-size: 12px; padding-left: 8px; } .icon-box-shortcode-wrap.style_7 .icon-box-container { text-align: center; } .icon-box-shortcode-wrap.style_7 .icon-box-container .icon-wrap { background-color: #007de6; background-repeat: no-repeat; background-size: cover; width: 110px; height: 96px; display: block; -webkit-mask-image: url(../pangja/assets/images/bg-icon-box.svg); mask-image: url(../pangja/assets/images/bg-icon-box.svg); margin: 0 auto; position: relative; line-height: 1.8; } .icon-box-shortcode-wrap.style_7 .icon-box-container .icon-wrap span { background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .icon-box-shortcode-wrap.style_7 .icon-box-container .icon-content .icon-title { color: #3f3f3f; font-size: 16px; font-weight: 700; padding: 15px 0 10px; line-height: 1.1; } .icon-box-shortcode-wrap.style_7 .icon-box-container .icon-content .icon-title a { color: #3f3f3f; transition: all .3s; } .icon-box-shortcode-wrap.style_7 .icon-box-container .icon-content .icon-title a:hover { color: #006ad0; transition: all .3s; } .icon-box-shortcode-wrap.style_7 .icon-box-container .icon-content .icon-description { padding-bottom: 10px; line-height: 1.8; } /*----------------------------------- * SHORTCODES RECENT NEWS *-----------------------------------*/ .recent-news-shortcode-wrap { position: relative; } .recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel:hover .recent-news-container .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container article { position: relative; } .recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail::before { opacity: 1; } .recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container article:hover .post-thumbnail .post-category { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container article:before { content: ""; position: absolute; background-color: #fff; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail { overflow: hidden; position: relative; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail::before { content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category { display: none; background-color: #fff; bottom: 0; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a { color: #3f3f3f; display: inline-block; font-style: italic; padding: 1px 10px; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a:hover { color: #006ad0; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a { font-size: 13px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel .recent-news-container article .post-thumbnail .post-category a { font-size: 12px; } } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content { padding: 30px 20px 30px 30px; position: relative; text-align: left; z-index: 2; border: 1px solid #e5e5e5; border-top: 0; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content { padding: 20px 5px 20px 20px; } } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta i { margin-right: 6px; color: #006ad0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta-date { margin-right: 15px; display: inline-block; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta-date { margin-right: 8px; } } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta-views { display: none; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-meta-comment { display: inline-block; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title { margin-top: 0; font-size: 20px; padding-top: 10px; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title { font-size: 16px; } } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a { color: #3f3f3f; line-height: 1.5; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .entry-title a:hover { color: #006ad0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-excerpt { padding-bottom: 20px; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-readmore a { color: #3f3f3f; display: inline-block; font-weight: 700; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-readmore a:hover { color: #006ad0; } .recent-news-shortcode-wrap.carousel .recent-news-container article .post-content .post-readmore a i { margin-left: 6px; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-prev { left: 0; } .recent-news-shortcode-wrap.carousel .recent-news-container .owl-nav .owl-next { right: 0; } @media screen and (max-width: 767px) { .recent-news-shortcode-wrap.carousel_2 { margin-bottom: 30px; } } .recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2:hover .recent-news-container .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article { background-color: #fff; border: 1px solid #e5e5e5; padding: 4px; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article:hover .post-thumbnail img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article:hover .post-thumbnail .post-category { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail { overflow: hidden; position: relative; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail .post-category { background-color: #fff; bottom: 0; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail .post-category a { color: #3f3f3f; display: inline-block; font-style: italic; padding: 1px 10px; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail .post-category a:hover { color: #006ad0; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail .post-category a { font-size: 13px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-thumbnail .post-category a { font-size: 12px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content { padding: 30px 15px; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date { background-color: #006ad0; color: #fff; width: 90px; height: 90px; flex: 0 0 90px; font-weight: 700; font-family: "Poppins"; position: relative; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date { width: 70px; height: 70px; flex: 0 0 70px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date .post-day { font-size: 30px; height: 45px; line-height: 45px; position: relative; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date .post-day { font-size: 22px; height: 35px; line-height: 35px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date .post-day:before { content: ""; background-color: #fff; bottom: 0; position: absolute; width: 50px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date .post-month { font-size: 18px; position: relative; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date .post-month { font-size: 16px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-meta-date .post-month:before { content: ""; background-color: rgba(255, 255, 255, 0.5); top: 2px; position: absolute; width: 50px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title { margin-top: 0; font-size: 18px; font-weight: 700; padding-top: 5px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title { font-size: 18px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a { color: #3f3f3f; line-height: 1.5; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .entry-title a:hover { color: #006ad0; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-content-wrap { padding-left: 30px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_2 .recent-news-container article .post-content .post-content-wrap { padding-left: 20px; } } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-prev { left: 0; } .recent-news-shortcode-wrap.carousel_2 .recent-news-container .owl-nav .owl-next { right: 0; } .recent-news-shortcode-wrap.carousel_3:hover .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_3:hover .recent-news-container .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 767px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container article { margin-bottom: 15px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article:hover .post-thumbnail:before { opacity: 1; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article:hover .post-thumbnail img { -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail-link { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail { overflow: hidden; position: relative; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail::before { content: ''; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.3); z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail .post-category { background-color: #fff; bottom: 0; position: absolute; opacity: 0; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail .post-category a { color: #3f3f3f; display: inline-block; font-style: italic; padding: 1px 10px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail .post-category a:hover { color: #006ad0; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-thumbnail .post-category a { font-size: 12px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content { background-color: #fff; text-align: center; align-items: center; padding: 5px 0; border: 1px solid #e5e5e5; border-top: 0; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title { margin-top: 0; font-size: 20px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-height: 28px; margin-bottom: 0; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title { font-size: 16px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title { font-size: 14px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title a { color: #3f3f3f; line-height: 1.4; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .entry-title a:hover { color: #006ad0; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container article .post-content .post-excerpt { display: none; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-meta-date { color: #006ad0; width: 100px; height: 100px; flex: 0 0 100px; text-align: center; padding-top: 18px; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-meta-date { width: 60px; height: 70px; flex: 0 0 60px; padding-top: 15px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-meta-date .post-day { font-size: 40px; font-weight: 600; font-style: italic; line-height: 1; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-meta-date .post-day { font-size: 24px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-meta-date .post-month { font-size: 14px; text-transform: uppercase; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-meta-date .post-month { font-size: 13px; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-content-wrap { text-align: left; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-content-wrap i { color: #006ad0; margin-right: 5px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-content-wrap .post-meta-views { display: inline-block; text-transform: uppercase; margin-right: 20px; font-size: 12px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-content-wrap .post-meta-views { display: none; } } @media screen and (max-width: 767px) { .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-content-wrap .post-meta-views { display: inline-block; } } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .post-content-wrap .post-meta-comment { display: inline-block; text-transform: uppercase; font-size: 12px; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-prev, .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-prev:hover, .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-prev { left: 0; } .recent-news-shortcode-wrap.carousel_3 .recent-news-container .owl-nav .owl-next { right: 0; } .recent-news-shortcode-wrap.list .recent-news-container { border-top: 1px solid #e5e5e5; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item { display: flex; align-items: center; padding: 0; border-bottom: 1px solid #e5e5e5; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left { color: #006ad0; width: 100px; height: 92px; flex: 0 0 65px; position: relative; text-align: left; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left { width: 60px; height: 72px; flex: 0 0 60px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left { width: 60px; height: 60px; flex: 0 0 60px; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left .post-day { font-size: 40px; font-weight: 600; font-style: italic; line-height: 1; padding-top: 15px; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left .post-day { font-size: 24px; padding-top: 13px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left .post-day { font-size: 24px; padding-top: 10px; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left .post-month { font-size: 14px; text-transform: uppercase; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-left .post-month { font-size: 12px; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content { margin: 0; padding: 0; border-top: 0; width: 100% !important; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta { text-transform: uppercase; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta i { color: #006ad0; margin-right: 5px; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-views { display: inline-block; margin-right: 20px; font-size: 12px; } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-views { display: none; } } @media screen and (max-width: 767px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-views { display: inline-block; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-meta .post-meta-comment { display: inline-block; font-size: 12px; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title { margin-top: 0; font-size: 20px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; max-height: 28px; margin-bottom: 0; } @media screen and (max-width: 1199px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title { font-size: 16px; } } @media screen and (max-width: 991px) { .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title { font-size: 14px; } } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a { color: #3f3f3f; line-height: 1.4; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .entry-title a:hover { color: #006ad0; } .recent-news-shortcode-wrap.list .recent-news-container .recent-news-item .post-content .post-excerpt { display: none; } .recent-news-shortcode-wrap.grid .recent-news-container .recent-news-item { padding-bottom: 0; } .images-gallery-shortcode-wrap.slick .images-list:hover .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick .images-list:hover .slick-arrow.slick-next { opacity: 1; } .images-gallery-shortcode-wrap.slick .images-list:hover .slick-arrow.slick-prev { left: 50px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .images-list:hover .slick-arrow.slick-prev { left: 15px; } } .images-gallery-shortcode-wrap.slick .images-list:hover .slick-arrow.slick-next { right: 50px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .images-list:hover .slick-arrow.slick-next { right: 15px; } } .images-gallery-shortcode-wrap.slick .images-list .image-item { overflow: hidden; position: relative; padding: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .images-gallery-shortcode-wrap.slick .images-list .image-item:focus { outline: none; } .images-gallery-shortcode-wrap.slick .images-list .image-item.slick-center { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .images-gallery-shortcode-wrap.slick .images-list .image-item img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .images-gallery-shortcode-wrap.slick .gallery-nav { margin-top: 22px; margin-bottom: 22px; padding: 0 18%; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .gallery-nav { padding: 0 5%; } } .images-gallery-shortcode-wrap.slick .gallery-nav .image-item.slick-current .slide-item img { border: 3px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .gallery-nav .image-item.slick-current .slide-item img { border: 2px solid #006ad0; } } .images-gallery-shortcode-wrap.slick .gallery-nav .image-item:focus { outline: none; } .images-gallery-shortcode-wrap.slick .gallery-nav .image-item:hover { cursor: pointer; } .images-gallery-shortcode-wrap.slick .gallery-nav .image-item .slide-item { padding: 0 10px; } .images-gallery-shortcode-wrap.slick .gallery-nav .image-item .slide-item img { border: 3px solid transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .gallery-nav .image-item .slide-item img { border: 2px solid transparent; } } .images-gallery-shortcode-wrap.slick .gallery-nav .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick .gallery-nav .slick-arrow.slick-next { top: 35%; } .images-gallery-shortcode-wrap.slick .gallery-nav .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick .gallery-nav .slick-arrow.slick-next:before { font-size: 40px; } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: 50%; z-index: 99; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next:before { display: block; color: #9f9f9f; font-family: 'slick'; font-size: 28px; line-height: 1; opacity: 1; width: 50px; height: 50px; line-height: 48px; border: 2px solid #9f9f9f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next:before { font-size: 18px; width: 36px; height: 36px; line-height: 34px; } } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev:hover:before, .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next:hover:before { background-color: #006ad0; border: 2px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev { left: 20px; } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev:before { content: "\f27d"; font-family: Ionicons; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .slick-arrow.slick-prev { left: 5px; } } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next { right: 20px; } .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next:before { content: "\f287"; font-family: Ionicons; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick .slick-arrow.slick-next { right: 5px; } } .images-gallery-shortcode-wrap.slick_2 .images-list:hover .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick_2 .images-list:hover .slick-arrow.slick-next { opacity: 1; } .images-gallery-shortcode-wrap.slick_2 .images-list:hover .slick-arrow.slick-prev { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick_2 .images-list:hover .slick-arrow.slick-next { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick_2 .images-list .image-item { overflow: hidden; position: relative; padding: 0; -webkit-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .images-gallery-shortcode-wrap.slick_2 .images-list .image-item:focus { outline: none; } .images-gallery-shortcode-wrap.slick_2 .images-list .image-item.slick-center .slide-item { opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .images-gallery-shortcode-wrap.slick_2 .images-list .image-item .slide-item { padding: 0 50px; opacity: .2; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.slick_2 .images-list .image-item .slide-item { padding: 0 25px; } } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick_2 .images-list .image-item .slide-item { padding: 0 10px; } } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; bottom: -110px; z-index: 99; opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev, .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next { bottom: -70px; } } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next:before { display: block; color: #9f9f9f; font-family: 'slick'; font-size: 28px; line-height: 1; opacity: 1; width: 50px; height: 50px; line-height: 48px; border: 2px solid #9f9f9f; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev:before, .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next:before { font-size: 18px; width: 36px; height: 36px; line-height: 34px; } } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev:hover:before, .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next:hover:before { background-color: #006ad0; border: 2px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev { left: calc(50% - 95px); margin-right: 50px; } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-prev:before { content: "\f27d"; font-family: Ionicons; } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next { right: calc(50% - 95px); } .images-gallery-shortcode-wrap.slick_2 .slick-arrow.slick-next:before { content: "\f287"; font-family: Ionicons; } .images-gallery-shortcode-wrap.slick_2 .slide-count-wrap { font-size: 18px; font-weight: 600; color: #fff; letter-spacing: 2.5px; padding-top: 70px; text-align: center; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.slick_2 .slide-count-wrap { padding-top: 40px; } } .images-gallery-shortcode-wrap.grid .images-list .image-item { float: left; } .images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item:hover .slide-item .image-meta { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item { position: relative; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; background-color: rgba(51, 51, 51, 0.9); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta { position: absolute; width: 100%; top: 50%; text-align: center; color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i { font-size: 40px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i { font-size: 30px; } } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta i:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title { color: #fff; font-size: 18px; font-family: "Poppins"; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title { font-size: 16px; } } .images-gallery-shortcode-wrap.grid .images-list .image-item .slide-item .image-meta .image-title:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .images-gallery-shortcode-wrap.grid .images-list .image-item.padding-5 { padding: 5px; } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-2 { width: 50%; } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 { width: 33.333333%; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-3 { width: 50%; } } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 { width: 25%; } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-4 { width: 50%; } } .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 { width: 20%; } @media screen and (max-width: 991px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 { width: 25%; } } @media screen and (max-width: 767px) { .images-gallery-shortcode-wrap.grid .images-list .image-item.image-col-5 { width: 50%; } } /*----------------------------------- * VIDEO SHORTCODE *-----------------------------------*/ .video-shortcode-wrap.style_1 { text-align: center; height: 100%; } .video-shortcode-wrap.style_1 .video-shortcode-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video-shortcode-wrap.style_1 .video-title { color: #fff; font-size: 60px; } @media screen and (max-width: 991px) { .video-shortcode-wrap.style_1 .video-title { font-size: 48px; } } @media screen and (max-width: 767px) { .video-shortcode-wrap.style_1 .video-title { font-size: 36px; } } .video-shortcode-wrap.style_1 .video-title .title-light { font-weight: 100; } .video-shortcode-wrap.style_1 .video-title .title-bold { font-weight: 700; } .video-shortcode-wrap.style_1 .video-button a { display: block; width: 100px; height: 100px; line-height: 100px; text-align: center; background: white; color: #fff; position: relative; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 1199px) { .video-shortcode-wrap.style_1 .video-button a { width: 80px; height: 80px; line-height: 80px; } } .video-shortcode-wrap.style_1 .video-button a:after { content: ''; position: absolute; pointer-events: none; width: 100%; height: 100%; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .video-shortcode-wrap.style_1 .video-button a:hover:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -o-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } .video-shortcode-wrap.style_1 .video-button a i { font-size: 34px; margin-left: 6px; color: #006ad0; line-height: 100px; } @media screen and (max-width: 1199px) { .video-shortcode-wrap.style_1 .video-button a i { font-size: 28px; line-height: 80px; } } .video-shortcode-wrap.style_2 .video-button a { font-weight: 600; letter-spacing: .05rem; } .video-shortcode-wrap.style_2 .video-button a:hover i:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -o-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; } .video-shortcode-wrap.style_2 .video-button a i { width: 42px; height: 42px; line-height: 42px; display: inline-block; text-align: center; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; margin-right: 10px; color: #006ad0; position: relative; } .video-shortcode-wrap.style_2 .video-button a i:after { content: ''; position: absolute; pointer-events: none; width: 100%; height: 100%; top: 0; left: 0; padding: 0; z-index: -1; opacity: 0; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1); -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .progress-bar-shortcode-wrapper.style_1 .bar-item { margin-top: 30px; } @media screen and (max-width: 991px) { .progress-bar-shortcode-wrapper.style_1 .bar-item { margin-top: 20px; } } .progress-bar-shortcode-wrapper.style_1 .bar-item:first-child { margin-top: 0; } .progress-bar-shortcode-wrapper.style_1 .bar-label { font-size: 16px; font-weight: bold; margin-bottom: 10px; text-transform: uppercase; } @media screen and (max-width: 1199px) { .progress-bar-shortcode-wrapper.style_1 .bar-label { font-size: 14px; } } .progress-bar-shortcode-wrapper.style_1 .progress { background-color: #e5e5e5; height: 5px; overflow: visible; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .progress-bar-shortcode-wrapper.style_1 .progress-bar { background-color: #006ad0; position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress-bar-shortcode-wrapper.style_1 .skill { color: #006ad0; font-size: 16px; font-weight: bold; position: absolute; top: calc(-100% - 29px); right: -25px; height: 20px; width: 50px; } @media screen and (max-width: 1199px) { .progress-bar-shortcode-wrapper.style_1 .skill { font-size: 14px; } } .progress-bar-shortcode-wrapper.style_2 .bar-list { display: flex; flex-wrap: wrap; } .progress-bar-shortcode-wrapper.style_2 .bar-item { width: 50%; text-align: center; } .progress-bar-shortcode-wrapper.style_2 .bar-label { font-size: 16px; font-weight: 700; margin: 20px 0 50px; text-transform: uppercase; } @media screen and (max-width: 1199px) { .progress-bar-shortcode-wrapper.style_2 .bar-label { font-size: 14px; margin: 20px 0 30px; } } .progress-bar-shortcode-wrapper.style_2 .progress { width: 150px; height: 150px; line-height: 150px; background: none; margin: 0 auto; box-shadow: none; position: relative; } .progress-bar-shortcode-wrapper.style_2 .progress:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 12px solid #fff; position: absolute; top: 0; left: 0; } .progress-bar-shortcode-wrapper.style_2 .progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1; } .progress-bar-shortcode-wrapper.style_2 .progress .progress-left { left: 0; } .progress-bar-shortcode-wrapper.style_2 .progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 12px; border-style: solid; position: absolute; top: 0; border-color: #006ad0; } .progress-bar-shortcode-wrapper.style_2 .progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 75px; border-bottom-right-radius: 75px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left; } .progress-bar-shortcode-wrapper.style_2 .progress .progress-right { right: 0; } .progress-bar-shortcode-wrapper.style_2 .progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 75px; border-bottom-left-radius: 75px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right; } .progress-bar-shortcode-wrapper.style_2 .progress .progress-value { display: flex; border-radius: 50%; font-size: 30px; font-weight: 700; text-align: center; line-height: 20px; align-items: center; justify-content: center; height: 100%; } @media screen and (max-width: 1199px) { .progress-bar-shortcode-wrapper.style_2 .progress .progress-value { font-size: 24px; } } /* This for loop creates the necessary css animation names Due to the split circle of progress-left and progress right, we must use the animations on each side. */ .progress[data-percentage="1"] .progress-right .progress-bar { animation: loading-1 1s linear forwards; } .progress[data-percentage="1"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="2"] .progress-right .progress-bar { animation: loading-2 1s linear forwards; } .progress[data-percentage="2"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="3"] .progress-right .progress-bar { animation: loading-3 1s linear forwards; } .progress[data-percentage="3"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="4"] .progress-right .progress-bar { animation: loading-4 1s linear forwards; } .progress[data-percentage="4"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="5"] .progress-right .progress-bar { animation: loading-5 1s linear forwards; } .progress[data-percentage="5"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="6"] .progress-right .progress-bar { animation: loading-6 1s linear forwards; } .progress[data-percentage="6"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="7"] .progress-right .progress-bar { animation: loading-7 1s linear forwards; } .progress[data-percentage="7"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="8"] .progress-right .progress-bar { animation: loading-8 1s linear forwards; } .progress[data-percentage="8"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="9"] .progress-right .progress-bar { animation: loading-9 1s linear forwards; } .progress[data-percentage="9"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="10"] .progress-right .progress-bar { animation: loading-10 1s linear forwards; } .progress[data-percentage="10"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="11"] .progress-right .progress-bar { animation: loading-11 1s linear forwards; } .progress[data-percentage="11"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="12"] .progress-right .progress-bar { animation: loading-12 1s linear forwards; } .progress[data-percentage="12"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="13"] .progress-right .progress-bar { animation: loading-13 1s linear forwards; } .progress[data-percentage="13"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="14"] .progress-right .progress-bar { animation: loading-14 1s linear forwards; } .progress[data-percentage="14"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="15"] .progress-right .progress-bar { animation: loading-15 1s linear forwards; } .progress[data-percentage="15"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="16"] .progress-right .progress-bar { animation: loading-16 1s linear forwards; } .progress[data-percentage="16"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="17"] .progress-right .progress-bar { animation: loading-17 1s linear forwards; } .progress[data-percentage="17"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="18"] .progress-right .progress-bar { animation: loading-18 1s linear forwards; } .progress[data-percentage="18"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="19"] .progress-right .progress-bar { animation: loading-19 1s linear forwards; } .progress[data-percentage="19"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="20"] .progress-right .progress-bar { animation: loading-20 1s linear forwards; } .progress[data-percentage="20"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="21"] .progress-right .progress-bar { animation: loading-21 1s linear forwards; } .progress[data-percentage="21"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="22"] .progress-right .progress-bar { animation: loading-22 1s linear forwards; } .progress[data-percentage="22"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="23"] .progress-right .progress-bar { animation: loading-23 1s linear forwards; } .progress[data-percentage="23"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="24"] .progress-right .progress-bar { animation: loading-24 1s linear forwards; } .progress[data-percentage="24"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="25"] .progress-right .progress-bar { animation: loading-25 1s linear forwards; } .progress[data-percentage="25"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="26"] .progress-right .progress-bar { animation: loading-26 1s linear forwards; } .progress[data-percentage="26"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="27"] .progress-right .progress-bar { animation: loading-27 1s linear forwards; } .progress[data-percentage="27"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="28"] .progress-right .progress-bar { animation: loading-28 1s linear forwards; } .progress[data-percentage="28"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="29"] .progress-right .progress-bar { animation: loading-29 1s linear forwards; } .progress[data-percentage="29"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="30"] .progress-right .progress-bar { animation: loading-30 1s linear forwards; } .progress[data-percentage="30"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="31"] .progress-right .progress-bar { animation: loading-31 1s linear forwards; } .progress[data-percentage="31"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="32"] .progress-right .progress-bar { animation: loading-32 1s linear forwards; } .progress[data-percentage="32"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="33"] .progress-right .progress-bar { animation: loading-33 1s linear forwards; } .progress[data-percentage="33"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="34"] .progress-right .progress-bar { animation: loading-34 1s linear forwards; } .progress[data-percentage="34"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="35"] .progress-right .progress-bar { animation: loading-35 1s linear forwards; } .progress[data-percentage="35"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="36"] .progress-right .progress-bar { animation: loading-36 1s linear forwards; } .progress[data-percentage="36"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="37"] .progress-right .progress-bar { animation: loading-37 1s linear forwards; } .progress[data-percentage="37"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="38"] .progress-right .progress-bar { animation: loading-38 1s linear forwards; } .progress[data-percentage="38"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="39"] .progress-right .progress-bar { animation: loading-39 1s linear forwards; } .progress[data-percentage="39"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="40"] .progress-right .progress-bar { animation: loading-40 1s linear forwards; } .progress[data-percentage="40"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="41"] .progress-right .progress-bar { animation: loading-41 1s linear forwards; } .progress[data-percentage="41"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="42"] .progress-right .progress-bar { animation: loading-42 1s linear forwards; } .progress[data-percentage="42"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="43"] .progress-right .progress-bar { animation: loading-43 1s linear forwards; } .progress[data-percentage="43"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="44"] .progress-right .progress-bar { animation: loading-44 1s linear forwards; } .progress[data-percentage="44"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="45"] .progress-right .progress-bar { animation: loading-45 1s linear forwards; } .progress[data-percentage="45"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="46"] .progress-right .progress-bar { animation: loading-46 1s linear forwards; } .progress[data-percentage="46"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="47"] .progress-right .progress-bar { animation: loading-47 1s linear forwards; } .progress[data-percentage="47"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="48"] .progress-right .progress-bar { animation: loading-48 1s linear forwards; } .progress[data-percentage="48"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="49"] .progress-right .progress-bar { animation: loading-49 1s linear forwards; } .progress[data-percentage="49"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="50"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="50"] .progress-left .progress-bar { animation: 0; } .progress[data-percentage="51"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="51"] .progress-left .progress-bar { animation: loading-1 1s linear forwards 1s; } .progress[data-percentage="52"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="52"] .progress-left .progress-bar { animation: loading-2 1s linear forwards 1s; } .progress[data-percentage="53"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="53"] .progress-left .progress-bar { animation: loading-3 1s linear forwards 1s; } .progress[data-percentage="54"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="54"] .progress-left .progress-bar { animation: loading-4 1s linear forwards 1s; } .progress[data-percentage="55"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="55"] .progress-left .progress-bar { animation: loading-5 1s linear forwards 1s; } .progress[data-percentage="56"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="56"] .progress-left .progress-bar { animation: loading-6 1s linear forwards 1s; } .progress[data-percentage="57"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="57"] .progress-left .progress-bar { animation: loading-7 1s linear forwards 1s; } .progress[data-percentage="58"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="58"] .progress-left .progress-bar { animation: loading-8 1s linear forwards 1s; } .progress[data-percentage="59"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="59"] .progress-left .progress-bar { animation: loading-9 1s linear forwards 1s; } .progress[data-percentage="60"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="60"] .progress-left .progress-bar { animation: loading-10 1s linear forwards 1s; } .progress[data-percentage="61"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="61"] .progress-left .progress-bar { animation: loading-11 1s linear forwards 1s; } .progress[data-percentage="62"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="62"] .progress-left .progress-bar { animation: loading-12 1s linear forwards 1s; } .progress[data-percentage="63"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="63"] .progress-left .progress-bar { animation: loading-13 1s linear forwards 1s; } .progress[data-percentage="64"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="64"] .progress-left .progress-bar { animation: loading-14 1s linear forwards 1s; } .progress[data-percentage="65"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="65"] .progress-left .progress-bar { animation: loading-15 1s linear forwards 1s; } .progress[data-percentage="66"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="66"] .progress-left .progress-bar { animation: loading-16 1s linear forwards 1s; } .progress[data-percentage="67"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="67"] .progress-left .progress-bar { animation: loading-17 1s linear forwards 1s; } .progress[data-percentage="68"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="68"] .progress-left .progress-bar { animation: loading-18 1s linear forwards 1s; } .progress[data-percentage="69"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="69"] .progress-left .progress-bar { animation: loading-19 1s linear forwards 1s; } .progress[data-percentage="70"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="70"] .progress-left .progress-bar { animation: loading-20 1s linear forwards 1s; } .progress[data-percentage="71"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="71"] .progress-left .progress-bar { animation: loading-21 1s linear forwards 1s; } .progress[data-percentage="72"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="72"] .progress-left .progress-bar { animation: loading-22 1s linear forwards 1s; } .progress[data-percentage="73"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="73"] .progress-left .progress-bar { animation: loading-23 1s linear forwards 1s; } .progress[data-percentage="74"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="74"] .progress-left .progress-bar { animation: loading-24 1s linear forwards 1s; } .progress[data-percentage="75"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="75"] .progress-left .progress-bar { animation: loading-25 1s linear forwards 1s; } .progress[data-percentage="76"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="76"] .progress-left .progress-bar { animation: loading-26 1s linear forwards 1s; } .progress[data-percentage="77"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="77"] .progress-left .progress-bar { animation: loading-27 1s linear forwards 1s; } .progress[data-percentage="78"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="78"] .progress-left .progress-bar { animation: loading-28 1s linear forwards 1s; } .progress[data-percentage="79"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="79"] .progress-left .progress-bar { animation: loading-29 1s linear forwards 1s; } .progress[data-percentage="80"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="80"] .progress-left .progress-bar { animation: loading-30 1s linear forwards 1s; } .progress[data-percentage="81"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="81"] .progress-left .progress-bar { animation: loading-31 1s linear forwards 1s; } .progress[data-percentage="82"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="82"] .progress-left .progress-bar { animation: loading-32 1s linear forwards 1s; } .progress[data-percentage="83"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="83"] .progress-left .progress-bar { animation: loading-33 1s linear forwards 1s; } .progress[data-percentage="84"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="84"] .progress-left .progress-bar { animation: loading-34 1s linear forwards 1s; } .progress[data-percentage="85"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="85"] .progress-left .progress-bar { animation: loading-35 1s linear forwards 1s; } .progress[data-percentage="86"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="86"] .progress-left .progress-bar { animation: loading-36 1s linear forwards 1s; } .progress[data-percentage="87"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="87"] .progress-left .progress-bar { animation: loading-37 1s linear forwards 1s; } .progress[data-percentage="88"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="88"] .progress-left .progress-bar { animation: loading-38 1s linear forwards 1s; } .progress[data-percentage="89"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="89"] .progress-left .progress-bar { animation: loading-39 1s linear forwards 1s; } .progress[data-percentage="90"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="90"] .progress-left .progress-bar { animation: loading-40 1s linear forwards 1s; } .progress[data-percentage="91"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="91"] .progress-left .progress-bar { animation: loading-41 1s linear forwards 1s; } .progress[data-percentage="92"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="92"] .progress-left .progress-bar { animation: loading-42 1s linear forwards 1s; } .progress[data-percentage="93"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="93"] .progress-left .progress-bar { animation: loading-43 1s linear forwards 1s; } .progress[data-percentage="94"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="94"] .progress-left .progress-bar { animation: loading-44 1s linear forwards 1s; } .progress[data-percentage="95"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="95"] .progress-left .progress-bar { animation: loading-45 1s linear forwards 1s; } .progress[data-percentage="96"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="96"] .progress-left .progress-bar { animation: loading-46 1s linear forwards 1s; } .progress[data-percentage="97"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="97"] .progress-left .progress-bar { animation: loading-47 1s linear forwards 1s; } .progress[data-percentage="98"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="98"] .progress-left .progress-bar { animation: loading-48 1s linear forwards 1s; } .progress[data-percentage="99"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="99"] .progress-left .progress-bar { animation: loading-49 1s linear forwards 1s; } .progress[data-percentage="100"] .progress-right .progress-bar { animation: loading-50 1s linear forwards; } .progress[data-percentage="100"] .progress-left .progress-bar { animation: loading-50 1s linear forwards 1s; } @keyframes loading-1 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(3.6); transform: rotate(3.6deg); } } @keyframes loading-2 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(7.2); transform: rotate(7.2deg); } } @keyframes loading-3 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(10.8); transform: rotate(10.8deg); } } @keyframes loading-4 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(14.4); transform: rotate(14.4deg); } } @keyframes loading-5 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(18); transform: rotate(18deg); } } @keyframes loading-6 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(21.6); transform: rotate(21.6deg); } } @keyframes loading-7 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(25.2); transform: rotate(25.2deg); } } @keyframes loading-8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(28.8); transform: rotate(28.8deg); } } @keyframes loading-9 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(32.4); transform: rotate(32.4deg); } } @keyframes loading-10 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(36); transform: rotate(36deg); } } @keyframes loading-11 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(39.6); transform: rotate(39.6deg); } } @keyframes loading-12 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(43.2); transform: rotate(43.2deg); } } @keyframes loading-13 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(46.8); transform: rotate(46.8deg); } } @keyframes loading-14 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(50.4); transform: rotate(50.4deg); } } @keyframes loading-15 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(54); transform: rotate(54deg); } } @keyframes loading-16 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(57.6); transform: rotate(57.6deg); } } @keyframes loading-17 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(61.2); transform: rotate(61.2deg); } } @keyframes loading-18 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(64.8); transform: rotate(64.8deg); } } @keyframes loading-19 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(68.4); transform: rotate(68.4deg); } } @keyframes loading-20 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(72); transform: rotate(72deg); } } @keyframes loading-21 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(75.6); transform: rotate(75.6deg); } } @keyframes loading-22 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(79.2); transform: rotate(79.2deg); } } @keyframes loading-23 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(82.8); transform: rotate(82.8deg); } } @keyframes loading-24 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(86.4); transform: rotate(86.4deg); } } @keyframes loading-25 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(90); transform: rotate(90deg); } } @keyframes loading-26 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(93.6); transform: rotate(93.6deg); } } @keyframes loading-27 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(97.2); transform: rotate(97.2deg); } } @keyframes loading-28 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(100.8); transform: rotate(100.8deg); } } @keyframes loading-29 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(104.4); transform: rotate(104.4deg); } } @keyframes loading-30 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(108); transform: rotate(108deg); } } @keyframes loading-31 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(111.6); transform: rotate(111.6deg); } } @keyframes loading-32 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(115.2); transform: rotate(115.2deg); } } @keyframes loading-33 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(118.8); transform: rotate(118.8deg); } } @keyframes loading-34 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(122.4); transform: rotate(122.4deg); } } @keyframes loading-35 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(126); transform: rotate(126deg); } } @keyframes loading-36 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(129.6); transform: rotate(129.6deg); } } @keyframes loading-37 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(133.2); transform: rotate(133.2deg); } } @keyframes loading-38 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(136.8); transform: rotate(136.8deg); } } @keyframes loading-39 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(140.4); transform: rotate(140.4deg); } } @keyframes loading-40 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(144); transform: rotate(144deg); } } @keyframes loading-41 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(147.6); transform: rotate(147.6deg); } } @keyframes loading-42 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(151.2); transform: rotate(151.2deg); } } @keyframes loading-43 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(154.8); transform: rotate(154.8deg); } } @keyframes loading-44 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(158.4); transform: rotate(158.4deg); } } @keyframes loading-45 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(162); transform: rotate(162deg); } } @keyframes loading-46 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(165.6); transform: rotate(165.6deg); } } @keyframes loading-47 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(169.2); transform: rotate(169.2deg); } } @keyframes loading-48 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(172.8); transform: rotate(172.8deg); } } @keyframes loading-49 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(176.4); transform: rotate(176.4deg); } } @keyframes loading-50 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(180); transform: rotate(180deg); } } .pricing-plan-shortcode-wrap .plan-list { display: flex; flex-wrap: wrap; } .pricing-plan-shortcode-wrap.plan-col-2 .plan-item-wrap { width: 50%; } @media screen and (max-width: 767px) { .pricing-plan-shortcode-wrap.plan-col-2 .plan-item-wrap { width: 100%; } } .pricing-plan-shortcode-wrap.plan-col-3 .plan-item-wrap { width: 33.333333%; } @media screen and (max-width: 991px) { .pricing-plan-shortcode-wrap.plan-col-3 .plan-item-wrap { width: 50%; } } @media screen and (max-width: 767px) { .pricing-plan-shortcode-wrap.plan-col-3 .plan-item-wrap { width: 100%; } } .pricing-plan-shortcode-wrap.plan-col-4 .plan-item-wrap { width: 25%; } @media screen and (max-width: 991px) { .pricing-plan-shortcode-wrap.plan-col-4 .plan-item-wrap { width: 50%; } } @media screen and (max-width: 767px) { .pricing-plan-shortcode-wrap.plan-col-4 .plan-item-wrap { width: 100%; } } .pricing-plan-shortcode-wrap.plan-col-5 .plan-item-wrap { width: 20%; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.plan-col-5 .plan-item-wrap { width: 33.333333%; } } @media screen and (max-width: 991px) { .pricing-plan-shortcode-wrap.plan-col-5 .plan-item-wrap { width: 50%; } } @media screen and (max-width: 767px) { .pricing-plan-shortcode-wrap.plan-col-5 .plan-item-wrap { width: 100%; } } .pricing-plan-shortcode-wrap.plan-col-6 .plan-item-wrap { width: 16.666666%; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.plan-col-6 .plan-item-wrap { width: 25%; } } @media screen and (max-width: 991px) { .pricing-plan-shortcode-wrap.plan-col-6 .plan-item-wrap { width: 50%; } } @media screen and (max-width: 767px) { .pricing-plan-shortcode-wrap.plan-col-6 .plan-item-wrap { width: 100%; } } .pricing-plan-shortcode-wrap.style_1 { margin-left: -15px; margin-right: -15px; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap { padding: 0 15px; text-align: center; } @media screen and (max-width: 991px) { .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap { margin-bottom: 15px; } } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item { border-radius: 4px; border: 1px solid #e5e5e5; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item:hover, .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item.featured { -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item.featured { position: relative; overflow: hidden; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item.featured:before { position: absolute; right: -2px; top: -1px; content: '\f0e7'; font-family: fontAwesome; height: 60px; width: 60px; background-color: #fea803; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%); border-top-right-radius: 4px; color: white; text-align: center; line-height: 45px; padding-left: 25px; z-index: 2; font-size: 18px; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-title { color: #fff; font-size: 20px; letter-spacing: 3px; margin-top: 0px; margin-bottom: 25px; text-transform: uppercase; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-title { font-size: 16px; margin-bottom: 15px; } } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-header { width: calc(100% + 2px); margin-left: -1px; position: relative; z-index: 1; background-color: #006ad0; padding-top: 25px; padding-bottom: 45px; border-radius: 4px 4px 0 0; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-header { padding-bottom: 30px; } } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content { padding-bottom: 50px; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-price { color: #fff; line-height: 1; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-price .plan-currency { font-size: 60px; font-weight: 700; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-price .plan-currency { font-size: 48px; } } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-price .price { font-size: 60px; font-weight: 700; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-price .price { font-size: 48px; } } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-price .plan-unit { text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 400; margin-top: 13px; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-information { color: #3f3f3f; list-style: none; padding: 30px 45px 0 45px; margin: 0; text-align: left; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-information { padding: 20px 25px 0 25px; } } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-information li { padding: 8px 0; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-information li:before { content: "\f00c"; display: inline-block; font-family: "FontAwesome"; color: #0ba81d; margin-right: 10px; font-size: 16px; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-information li.none::before { content: '\f00d'; color: #ff5555; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-link { color: #fff; display: inline-block; font-size: 14px; font-weight: 600; border-radius: 4px; margin: 25px auto 0 auto; padding: 8px 35px; background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .pricing-plan-shortcode-wrap.style_1 .plan-item-wrap .plan-item .plan-content .plan-link:hover { background-color: #00509d; } .pricing-plan-shortcode-wrap.style_2 { margin-left: -15px; margin-right: -15px; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap { padding: 0 15px; text-align: center; } @media screen and (max-width: 991px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap { margin-bottom: 15px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item { border-radius: 4px; border: 1px solid #e5e5e5; position: relative; overflow: hidden; transition: all 0.35s; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item:hover, .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item.featured { -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item:hover .plan-item-top, .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item.featured .plan-item-top { background-color: #006ad0; /* For browsers that do not support gradients */ background-image: linear-gradient(to right, #51a9ff, #006ad0); /* Standard syntax (must be last) */ -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item:hover .plan-item-top .plan-title, .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item.featured .plan-item-top .plan-title { color: #fff !important; background-image: transparent; -webkit-background-clip: text; -webkit-text-fill-color: #fff; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item:hover .plan-item-top .plan-price, .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item.featured .plan-item-top .plan-price { color: #fff; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item:hover .plan-content .plan-information, .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item.featured .plan-content .plan-information { border-color: transparent; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-item-top { display: flex; padding: 0px 30px; height: 100px; align-items: center; justify-content: space-between; transition: all 0.35s; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-item-top { height: 75px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-title { color: #006ad0; font-size: 30px; margin-top: 0px; margin-bottom: 0px; letter-spacing: 2px; font-weight: bold; text-transform: uppercase; background-image: linear-gradient(to right, #51a9ff, #006ad0); /* Standard syntax (must be last) */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-title { font-size: 20px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-header { width: calc(100% + 2px); margin-left: -1px; position: relative; z-index: 1; background-color: #006ad0; padding-top: 25px; padding-bottom: 45px; border-radius: 4px 4px 0 0; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-price { line-height: 1; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-price .plan-currency { font-size: 40px; font-weight: 700; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-price .plan-currency { font-size: 30px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-price .price { font-size: 40px; font-weight: 700; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-price .price { font-size: 30px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-price .plan-unit { text-transform: uppercase; font-size: 12px; font-weight: 400; margin-top: 5px; display: block; letter-spacing: 1px; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content { padding: 0px 30px 30px 30px; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content { padding: 0px 20px 30px 20px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content .plan-information { padding-top: 25px; padding-left: 25px; color: #3f3f3f; list-style: none; border-top: 1px solid #e5e5e5; padding-bottom: 0; margin: 0; text-align: left; } @media screen and (max-width: 1199px) { .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content .plan-information { padding-left: 15px; } } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content .plan-information li { padding: 8px 0; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content .plan-information li:before { content: "\f00c"; display: inline-block; font-family: "FontAwesome"; color: #0ba81d; margin-right: 10px; font-size: 16px; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-content .plan-information li.none::before { content: '\f00d'; color: #ff5555; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-link { min-width: 130px; border-radius: 4px; background-color: #006ad0; background-image: linear-gradient(to right, #379dff, #006ad0); /* Standard syntax (must be last) */ color: #fff; display: inline-block; line-height: 40px; height: 40px; margin-bottom: 50px; font-weight: 600; transition: all .35s ease; } .pricing-plan-shortcode-wrap.style_2 .plan-item-wrap .plan-item .plan-link:hover { background-color: dodgerblue; background-image: none; } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel { border: 1px solid #e5e5e5; padding: 0 30px; margin-bottom: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } @media screen and (max-width: 1199px) { .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel { padding: 0 15px; } } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel.active { border-color: #006ad0; } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading { padding: 0; position: relative; } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a { color: #3f3f3f; display: block; font-size: 16px; padding: 20px 0; line-height: 1.4; } @media screen and (max-width: 1199px) { .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a { font-size: 14px; padding: 15px 0; } } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a.in:before, .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a[aria-expanded="true"]:before { content: "\f107"; color: #006ad0; } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a.collapsed { border-bottom: 1px solid transparent; } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a.collapsed:before { content: "\f105"; color: #3f3f3f; } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-heading a:before { content: "\f105"; color: #3f3f3f; font-family: FontAwesome; top: 50%; margin-right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .accordion-shortcode-wrap.style_1 .accordion-shortcode-content .panel-body { border-top: 1px solid #e5e5e5; padding-left: 0; } /* Text Label Shortcode CSS */ .text-label-shortcode-wrap.style_1 .text-label-content { position: relative; margin-bottom: 30px; } .text-label-shortcode-wrap.style_1 .text-label-content .text-label-top { display: flex; } .text-label-shortcode-wrap.style_1 .text-label-content .label-title { color: #3f3f3f; font-size: 30px; font-weight: 300; line-height: 1; } @media screen and (max-width: 1199px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-title { font-size: 20px; } } @media screen and (max-width: 991px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-title { font-size: 15px; } } .text-label-shortcode-wrap.style_1 .text-label-content .label-sub-title { font-size: 100px; font-weight: 700; text-transform: uppercase; color: #3f3f3f; line-height: 1; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1199px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-sub-title { font-size: 70px; } } @media screen and (max-width: 991px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-sub-title { font-size: 50px; } } .text-label-shortcode-wrap.style_1 .text-label-content .label-description { color: #006ad0; font-size: 150px; margin: -10px 0 0 10px; line-height: 1; font-weight: 700; font-style: italic; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1199px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-description { font-size: 100px; margin: -5px 0 5px 10px; } } @media screen and (max-width: 991px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-description { font-size: 75px; margin: -5px 0 15px 10px; } } .text-label-shortcode-wrap.style_1 .text-label-content .label-sub-description { font-size: 100px; font-weight: 700; text-transform: uppercase; text-align: center; color: #3f3f3f; margin-top: -20px; line-height: 1; text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2); } @media screen and (max-width: 1199px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-sub-description { font-size: 70px; } } @media screen and (max-width: 991px) { .text-label-shortcode-wrap.style_1 .text-label-content .label-sub-description { font-size: 50px; } } .process-step.style_1 { text-align: center; } .process-step__top { position: relative; } .process-step__number { background-color: #007de6; background-repeat: no-repeat; background-size: cover; color: #fff; width: 110px; height: 96px; display: block; -webkit-mask-image: url("../pangja/assets/images/bg-icon-box.svg"); mask-image: url("../pangja/assets/images/bg-icon-box.svg"); margin: 0 auto; font-size: 36px; font-weight: 600; line-height: 96px; position: relative; } @media screen and (max-width: 1199px) { .process-step__number { font-size: 28px; } } .process-step__title { font-size: 16px; text-transform: uppercase; padding: 20px 0 10px; } .process-step__image { position: absolute; width: auto; position: absolute; left: calc(100% - 55px); } @media screen and (max-width: 991px) { .process-step__image { max-width: 130px; } } @media screen and (max-width: 767px) { .process-step__image { display: none; } } .process-step__image-odd { top: 10px; } .process-step__image-even { bottom: 10px; } .timeline-shortcode-wrap.carousel .timeline-shortcode-content .timeline-item { padding: 10px 0; } .timeline-shortcode-wrap.carousel .timeline-shortcode-content .timeline-item:focus { outline: none; } .timeline-shortcode-wrap.carousel .timeline-shortcode-content .timeline-item .description { padding: 15px 0; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time { position: relative; margin-top: 10px; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time.slick-current .time-dot { background-color: #006ad0; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time.slick-current .time-dot:before { border: 1px solid #006ad0; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time.slick-current .timeline-time { color: #006ad0; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time:focus { outline: none; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time:hover { cursor: pointer; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time:before { content: ""; position: absolute; height: 1px; width: 100%; background-color: #e5e5e5; top: 5px; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time .time-dot { display: block; width: 11px; height: 11px; background-color: #e5e5e5; margin: 0 auto; z-index: 2; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time .time-dot:before { content: ''; position: absolute; width: 19px; height: 19px; border-radius: 50%; top: -4px; left: -4px; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time .timeline-time { font-size: 16px; padding-top: 15px; text-align: center; } .timeline-shortcode-wrap.carousel .timeline-slider-nav .thumb-time .timeline-title { text-align: center; } .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev, .timeline-shortcode-wrap.carousel .slick-arrow.slick-next { background: none; border: none; color: transparent; cursor: pointer; display: block; font-size: 0; line-height: 0; outline: none; padding: 0; position: absolute; top: -50px; z-index: 99; } @media screen and (max-width: 991px) { .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev, .timeline-shortcode-wrap.carousel .slick-arrow.slick-next { top: -40px; } } .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev:before, .timeline-shortcode-wrap.carousel .slick-arrow.slick-next:before { color: #9f9f9f; font-family: 'slick'; font-size: 22px; line-height: 1; opacity: 1; display: block; width: 38px; height: 38px; line-height: 36px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev:before, .timeline-shortcode-wrap.carousel .slick-arrow.slick-next:before { font-size: 18px; width: 36px; height: 36px; line-height: 34px; } } .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev:hover:before, .timeline-shortcode-wrap.carousel .slick-arrow.slick-next:hover:before { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev { right: 35px; } .timeline-shortcode-wrap.carousel .slick-arrow.slick-prev:before { content: "\f27d"; font-family: Ionicons; } .timeline-shortcode-wrap.carousel .slick-arrow.slick-next { right: 0; } .timeline-shortcode-wrap.carousel .slick-arrow.slick-next:before { content: "\f287"; font-family: Ionicons; } /* Footer shortcode */ .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information { list-style: none; list-style-type: none; padding: 5px 0 0; margin: 0; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li { padding: 10px 0; color: #9f9f9f; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-icon { color: #006ad0; font-size: 16px; min-width: 25px; } .footer-contact-shortcode-wrap.style_1 .footer-contact-content .contact-information li span.contact-label { color: #9f9f9f; font-weight: normal; display: none; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information { list-style: none; list-style-type: none; padding: 5px 0 0; margin: 0; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li { padding: 10px 0; color: #3f3f3f; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li span.contact-icon { color: #006ad0; font-size: 16px; min-width: 25px; } .footer-contact-shortcode-wrap.style_2 .footer-contact-content .contact-information li span.contact-label { color: #9f9f9f; font-weight: normal; display: none; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; padding-top: 5px; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list a { padding: 10px 0; display: block; line-height: 1; color: #9f9f9f; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list a::before { content: '\f105'; display: inline-block; font-family: FontAwesome; margin-right: 0px; color: #006ad0; width: 0; opacity: 0; -webkit-transition: all 0.35; -o-transition: all 0.35; transition: all 0.35; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list a:hover { color: #fff; } .footer-link-shortcode-wrap.style_1 .footer-link-content .link-list a:hover::before { color: #006ad0; opacity: 1; width: 10px; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li { padding: 8px 0; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li:first-child { margin-top: 25px; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a { color: #fff; padding-bottom: 1px; border-bottom: 1px solid transparent; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; position: relative; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:before { content: '\f105'; font-family: "FontAwesome"; display: block; position: absolute; left: 0; font-weight: 900; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:hover { color: #fff; padding-left: 15px; } .footer-link-shortcode-wrap.style_2 .footer-link-content .link-list li a:hover::before { opacity: 1; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; font-weight: 600; } @media screen and (max-width: 767px) { .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list { text-align: left; } } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li { display: block; font-size: 16px; } @media screen and (max-width: 991px) { .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li { font-size: 15px; } } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a { padding: 10px 0; display: block; color: #3f3f3f; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a::before { content: '\f138'; display: inline-block; font-family: FontAwesome; margin-right: 10px; color: #006ad0; } .footer-link-shortcode-wrap.style_3 .footer-link-content .link-list li a:hover { color: #006ad0; } .footer-link-shortcode-wrap.style_4 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; padding-top: 5px; } .footer-link-shortcode-wrap.style_4 .footer-link-content .link-list a { padding: 10px 0; display: block; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_4 .footer-link-content .link-list a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_5 { text-align: center; } .footer-link-shortcode-wrap.style_5 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-link-shortcode-wrap.style_5 .footer-link-content li { display: inline-block; } .footer-link-shortcode-wrap.style_5 .footer-link-content a { margin-right: 20px; display: block; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_5 .footer-link-content a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-link-shortcode-wrap.style_6 { text-align: left; } .footer-link-shortcode-wrap.style_6 .footer-link-content .link-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } @media screen and (max-width: 767px) { .footer-link-shortcode-wrap.style_6 .footer-link-content .link-list { text-align: center; } } .footer-link-shortcode-wrap.style_6 .footer-link-content li { display: inline-block; } .footer-link-shortcode-wrap.style_6 .footer-link-content a { margin-right: 20px; display: block; color: #3f3f3f; text-transform: uppercase; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .footer-link-shortcode-wrap.style_6 .footer-link-content a { margin-right: 15px; } } @media screen and (max-width: 991px) { .footer-link-shortcode-wrap.style_6 .footer-link-content a { margin-right: 10px; } } .footer-link-shortcode-wrap.style_6 .footer-link-content a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content { padding-top: 5px; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list { list-style: none; list-style-type: none; padding: 0; margin-left: -10px; margin-right: -10px; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li { float: left; overflow: hidden; opacity: 1; padding: 10px; position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover a { border: 1px solid #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li:hover img { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li a { background-color: #434343; border: 1px solid #434343; display: block; padding: 15px; position: relative; z-index: 2; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list li img { width: 100%; position: relative; opacity: .5; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-2 li { width: 50%; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-3 li { width: 33.333333%; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-4 li { width: 25%; } .footer-gallery-shortcode-wrap.style_1 .footer-gallery-content .image-list.columns-5 li { width: 20%; } .footer-social-shortcode-wrap .footer-social-content .social-list.align-center { text-align: center; } .footer-social-shortcode-wrap .footer-social-content .social-list.align-left { text-align: left; } .footer-social-shortcode-wrap .footer-social-content .social-list.align-right { text-align: right; } @media screen and (max-width: 767px) { .footer-social-shortcode-wrap .footer-social-content .social-list.align-right { text-align: left; } } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li { display: inline-block; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li:first-child a { padding-left: 0; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li:last-child a { padding-right: 0; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a { color: #fff; display: inline-block; font-size: 0; padding: 5px 10px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a:hover { color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a { font-size: 16px; } } .footer-social-shortcode-wrap.style_1 .footer-social-content .social-list li a i { font-size: 16px; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } @media screen and (max-width: 767px) { .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list { text-align: center; } } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li { display: inline-block; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li:first-child a { padding-left: 0; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li:last-child a { padding-right: 0; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a { color: #9f9f9f; display: inline-block; font-size: 0; padding: 5px 15px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 1199px) { .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a { padding: 5px 10px; } } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a i { font-size: 20px; } @media screen and (max-width: 1199px) { .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a i { font-size: 18px; } } @media screen and (max-width: 991px) { .footer-social-shortcode-wrap.style_2 .footer-social-content .social-list li a i { font-size: 16px; } } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } @media screen and (max-width: 767px) { .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list { text-align: center; } } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li { display: inline-block; padding: 3px; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li:first-child { padding-left: 0; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list li:last-child { padding-right: 0; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list a { width: 34px; height: 34px; line-height: 34px; display: block; text-align: center; background-color: #fff; border-radius: 50%; color: #9f9f9f; font-size: 16px; transition: all .3s; } .footer-social-shortcode-wrap.style_3 .footer-social-content .social-list a:hover { background-color: #006ad0; color: #fff; transition: all .3s; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list { list-style: none; list-style-type: none; padding: 0; margin: 0; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li { display: inline-block; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li:first-child a { padding-left: 0; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li:last-child a { padding-right: 0; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li a { color: #9f9f9f; display: inline-block; font-size: 0; padding: 5px 15px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li a i { font-size: 20px; } @media screen and (max-width: 1199px) { .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li a i { font-size: 18px; } } @media screen and (max-width: 991px) { .footer-social-shortcode-wrap.style_4 .footer-social-content .social-list li a i { font-size: 16px; } } /* Posttype shortcode */ /* TEAM MEMBER */ .teammember-shortcode-wrap.carousel { position: relative; } .teammember-shortcode-wrap.carousel:hover .owl-nav .owl-prev, .teammember-shortcode-wrap.carousel:hover .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.carousel .team-item { border-radius: 6px; overflow: hidden; position: relative; } .teammember-shortcode-wrap.carousel .team-item:hover .team-meta { top: 0; opacity: 1; } .teammember-shortcode-wrap.carousel .team-item .team-meta { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, #006ad0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .teammember-shortcode-wrap.carousel .team-item .team-meta .team-meta-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 30px 30px 25px 30px; display: table; width: 100%; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.carousel .team-item .team-meta .team-meta-content { padding: 20px 20px 15px 20px; } } .teammember-shortcode-wrap.carousel .team-item .team-meta .team-meta-content .team-info { display: table-cell; vertical-align: bottom; } .teammember-shortcode-wrap.carousel .team-item .team-meta .team-title { display: inline-block; font-size: 20px; font-weight: 700; color: #fff; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.carousel .team-item .team-meta .team-title { font-size: 16px; } } .teammember-shortcode-wrap.carousel .team-item .team-meta .team-position { position: relative; margin: 0; padding-bottom: 2px; color: #fff; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials { list-style: none; padding: 10px 0 0 0; margin: 0; display: table-cell; vertical-align: bottom; text-align: right; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li { display: inline-block; font-size: 0; margin: 0 10px; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li:first-child { margin-left: 0; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li:last-child { margin-right: 0; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li a { color: #fff; transition: all .3s; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li a:hover { color: rgba(255, 255, 255, 0.8); transition: all .3s; } .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li i { font-size: 16px; display: block; border-radius: 50%; text-align: center; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.carousel .team-item .team-meta .member-socials li i { font-size: 14px; } } .teammember-shortcode-wrap.carousel .owl-nav .owl-prev, .teammember-shortcode-wrap.carousel .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .teammember-shortcode-wrap.carousel .owl-nav .owl-prev:hover, .teammember-shortcode-wrap.carousel .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .teammember-shortcode-wrap.carousel .owl-nav .owl-prev { left: 0; } .teammember-shortcode-wrap.carousel .owl-nav .owl-next { right: 0; } .teammember-shortcode-wrap.carousel .slider-counter { font-size: 15px; font-weight: 600; color: #fff; letter-spacing: 2px; position: absolute; bottom: 0; left: 50%; line-height: 40px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .teammember-shortcode-wrap.grid .teammember-list { margin-top: 3%; } .teammember-shortcode-wrap.grid .teammember-list.columns-2 .team-item { width: 50%; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list.columns-2 .team-item { width: 100%; } } .teammember-shortcode-wrap.grid .teammember-list.columns-3 .team-item { width: 33.333333%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid .teammember-list.columns-3 .team-item { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list.columns-3 .team-item { width: 100%; } } .teammember-shortcode-wrap.grid .teammember-list.columns-4 .team-item { width: 25%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid .teammember-list.columns-4 .team-item { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list.columns-4 .team-item { width: 100%; } } .teammember-shortcode-wrap.grid .teammember-list.columns-5 .team-item { width: 20%; } @media screen and (max-width: 991px) { .teammember-shortcode-wrap.grid .teammember-list.columns-5 .team-item { width: 33.333333%; } } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-list.columns-5 .team-item { width: 100%; } } .teammember-shortcode-wrap.grid .teammember-list.padding-15 { margin: 0 -15px; } .teammember-shortcode-wrap.grid .teammember-list.padding-15 .team-item { padding: 15px; } .teammember-shortcode-wrap.grid .teammember-list.padding-10 { margin: 0 -10px; } .teammember-shortcode-wrap.grid .teammember-list.padding-10 .team-item { padding: 10px; } .teammember-shortcode-wrap.grid .teammember-filter { list-style: none; list-style-type: none; padding: 0; } .teammember-shortcode-wrap.grid .teammember-filter.align_left { text-align: left; } .teammember-shortcode-wrap.grid .teammember-filter.align_center { text-align: center; } .teammember-shortcode-wrap.grid .teammember-filter.align_right { text-align: right; } .teammember-shortcode-wrap.grid .teammember-filter.style_1 li { display: inline-block; padding: 0 5px; margin-bottom: 10px; } .teammember-shortcode-wrap.grid .teammember-filter.style_1 li a { border: 1px solid #e5e5e5; display: inline-block; font-size: 16px; font-weight: 600; padding: 5px 25px; border-radius: 5px; color: #3f3f3f; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid .teammember-filter.style_1 li a:hover, .teammember-shortcode-wrap.grid .teammember-filter.style_1 li a.selected { background-color: #006ad0; border-color: #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-filter.style_1 li a { font-size: 12px; padding: 5px 15px; } } .teammember-shortcode-wrap.grid .teammember-filter.style_2 li { display: inline-block; padding: 0 5px; margin-bottom: 10px; } .teammember-shortcode-wrap.grid .teammember-filter.style_2 li a { border: 2px solid rgba(229, 229, 229, 0.2); display: inline-block; font-size: 13px; padding: 6px 25px; text-transform: uppercase; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-wrap.grid .teammember-filter.style_2 li a:hover, .teammember-shortcode-wrap.grid .teammember-filter.style_2 li a.selected { background-color: #006ad0; border-color: #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .teammember-shortcode-wrap.grid .teammember-filter.style_2 li a { font-size: 12px; padding: 5px 15px; } } .teammember-shortcode-wrap.grid .team-item { border-radius: 6px; } .teammember-shortcode-wrap.grid .team-item:hover .team-meta { top: 0; opacity: 1; } .teammember-shortcode-wrap.grid .team-item .team-image img { width: 100%; } .teammember-shortcode-wrap.grid .team-item .team-content { overflow: hidden; position: relative; } .teammember-shortcode-wrap.grid .team-item .team-meta { position: absolute; top: 50%; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, transparent, #006ad0); opacity: 0; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .teammember-shortcode-wrap.grid .team-item .team-meta .team-meta-content { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 10px 25px 20px; width: 100%; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.grid .team-item .team-meta .team-meta-content { padding: 20px 5px 10px 10px; } } .teammember-shortcode-wrap.grid .team-item .team-meta .team-title { display: inline-block; font-size: 20px; color: #fff; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.grid .team-item .team-meta .team-title { font-size: 16px; } } .teammember-shortcode-wrap.grid .team-item .team-meta .team-info { display: flex; align-items: center; } .teammember-shortcode-wrap.grid .team-item .team-meta .team-position { position: relative; margin: 0; padding-right: 15px; color: #fff; font-size: 14px; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.grid .team-item .team-meta .team-position { font-size: 13px; } } .teammember-shortcode-wrap.grid .team-item .team-meta .member-socials { list-style: none; padding: 6px 0 0; margin: 0; } .teammember-shortcode-wrap.grid .team-item .team-meta .member-socials li { display: inline-block; font-size: 0; margin: 0 10px; } @media screen and (max-width: 1199px) { .teammember-shortcode-wrap.grid .team-item .team-meta .member-socials li { margin: 0 6px; } } .teammember-shortcode-wrap.grid .team-item .team-meta .member-socials li a { color: #fff; transition: all .3s; } .teammember-shortcode-wrap.grid .team-item .team-meta .member-socials li a:hover { color: rgba(255, 255, 255, 0.8); transition: all .3s; } .teammember-shortcode-wrap.grid .team-item .team-meta .member-socials li i { font-size: 14px; display: block; border-radius: 50%; text-align: center; } .teammember-shortcode-paging-wrapper { margin: 50px 0 20px; text-align: center; } .teammember-shortcode-paging-wrapper .teammember-pagination { font-style: italic; font-weight: 600; margin-top: 30px; text-align: center; } .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers { list-style: none; list-style-type: none; display: inline-block; padding: 0; margin: 0; } .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li { display: inline-block; padding-right: 25px; } .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li span, .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li a { display: inline-block; height: 25px; line-height: 25px; text-align: center; } .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li span.current { color: #006ad0; } .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li a:hover, .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li a:focus { background: none; color: #006ad0; } .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li a.prev, .teammember-shortcode-paging-wrapper .teammember-pagination .page-numbers li a.next { text-transform: uppercase; } .teammember-shortcode-paging-wrapper.paging-load-more button { background-color: #006ad0; background-image: none; border: 2px solid #006ad0; color: #fff; font-weight: 600; padding: 8px 35px; border-radius: 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-paging-wrapper.paging-load-more button:hover { border: 2px solid #e5e5e5; background-color: transparent; color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .teammember-shortcode-paging-wrapper.paging-load-more button:focus { outline: none; } /* TESTIMONIAL */ .testimonial-shortcode-wrap.carousel { display: flex; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel { display: block; } } .testimonial-shortcode-wrap.carousel:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel .testimonial-list { width: calc(100% - 450px); padding-top: 40px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .testimonial-list { width: calc(100% - 300px); padding-top: 0; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel .testimonial-list { width: 100%; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-top { display: flex; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image { max-width: 60px; position: relative; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-image { max-width: 60px; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-caption { color: #fff; font-size: 24px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-caption { font-size: 20px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-caption { font-size: 16px; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-icon { position: absolute; left: -40px; top: -10px; color: rgba(255, 255, 255, 0.5); font-size: 60px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-icon { font-size: 48px; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .text-testimonial { color: #fff; padding: 4% 22% 2% 0; font-size: 14px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .text-testimonial { padding: 4% 5% 2% 0; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .text-testimonial { font-size: 12px; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-rating { color: #e2c04b; font-size: 22px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-rating { font-size: 18px; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-author-meta { padding-left: 30px; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { color: #fff; font-weight: 700; letter-spacing: .05em; font-size: 30px; display: block; line-height: 1; margin-bottom: 5px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 16px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 14px; } } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-sign { color: #fff; padding: 0 5px; } .testimonial-shortcode-wrap.carousel .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-position { font-size: 14px; font-style: italic; margin-bottom: 8px; color: rgba(255, 255, 255, 0.5); } .testimonial-shortcode-wrap.carousel > .testimonial-title { text-align: center; background-color: #007de6; background-repeat: no-repeat; -webkit-mask-image: url(../pangja/assets/images/bg-icon-box.svg); mask-image: url(../pangja/assets/images/bg-icon-box.svg); background-size: cover; width: 448px; height: 389px; position: relative; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel > .testimonial-title { width: 298px; height: 259px; margin-top: 20px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel > .testimonial-title { width: 224px; height: 195px; margin-top: 20px; } } .testimonial-shortcode-wrap.carousel > .testimonial-title .testimonial-title-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30px; font-style: italic; } .testimonial-shortcode-wrap.carousel > .testimonial-title .testimonial-sign { margin-top: 30px; color: #fff; font-size: 100px; line-height: 30px; position: relative; margin-bottom: -30px; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel > .testimonial-title .testimonial-sign { font-size: 70px; } } .testimonial-shortcode-wrap.carousel > .testimonial-title h5 { color: #fff; font-size: 30px; font-style: italic; letter-spacing: .1rem; line-height: 1.4; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel > .testimonial-title h5 { font-size: 20px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel > .testimonial-title h5 { font-size: 16px; } } .testimonial-shortcode-wrap.carousel .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next { position: absolute; color: #fff; display: block; font-size: 24px; top: 60px; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next { font-size: 20px; top: 20px; } } .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel .owl-nav .owl-next:hover { cursor: pointer; color: #006ad0; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-prev { right: 70px; } .testimonial-shortcode-wrap.carousel .owl-nav .owl-next { right: 30px; } .testimonial-shortcode-wrap.carousel .owl-dots { margin-top: 15px; padding-left: 5px; } .testimonial-shortcode-wrap.carousel .owl-dots .owl-dot { height: 10px; width: 10px; background-color: rgba(255, 255, 255, 0.5); display: inline-block; border-radius: 100%; margin-right: 15px; } .testimonial-shortcode-wrap.carousel .owl-dots .owl-dot::before { content: ''; display: block; height: 20px; width: 20px; border: 1px solid #fff; border-radius: 100%; top: -5px; left: -5px; position: relative; opacity: 0; } .testimonial-shortcode-wrap.carousel .owl-dots .owl-dot.active { background-color: #fff; } .testimonial-shortcode-wrap.carousel .owl-dots .owl-dot.active::before { opacity: 1; } .testimonial-shortcode-wrap.carousel_2 { display: flex; text-align: left; position: relative; } .testimonial-shortcode-wrap.carousel_2:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item { text-align: center; padding: 0 8%; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-sign { color: rgba(255, 255, 255, 0.2); font-size: 80px; line-height: 80px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .text-testimonial { padding: 15px 0; color: #fff; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-top { margin-top: 15px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-image { max-width: 60px; margin: 0 auto; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2); } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author-meta { margin-top: 25px; color: rgba(255, 255, 255, 0.5); } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { color: #fff; font-weight: 700; letter-spacing: .01em; font-size: 20px; line-height: 1; margin-bottom: 5px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 16px; } } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-sign { color: #3f3f3f; padding: 0 5px; } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-position { font-size: 14px; font-style: italic; margin-bottom: 8px; color: rgba(255, 255, 255, 0.5); } .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-rating { color: #e2c04b; font-size: 20px; text-align: center; margin-top: 10px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_2 .testimonial-list .testimonial-item .testimonial-rating { font-size: 18px; } } .testimonial-shortcode-wrap.carousel_2 .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next { position: absolute; color: #fff; display: block; font-size: 24px; top: 30%; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next:hover { cursor: pointer; color: #006ad0; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-prev { left: 0; } .testimonial-shortcode-wrap.carousel_2 .owl-nav .owl-next { right: 0; } .testimonial-shortcode-wrap.carousel_2 .owl-dots { margin: 15px 0; text-align: center; } .testimonial-shortcode-wrap.carousel_2 .owl-dots .owl-dot { height: 10px; width: 10px; background-color: rgba(255, 255, 255, 0.5); display: inline-block; border-radius: 100%; margin-right: 15px; } .testimonial-shortcode-wrap.carousel_2 .owl-dots .owl-dot:last-child { margin-right: 0; } .testimonial-shortcode-wrap.carousel_2 .owl-dots .owl-dot::before { content: ''; display: block; height: 20px; width: 20px; border: 1px solid #fff; border-radius: 100%; top: -5px; left: -5px; position: relative; opacity: 0; } .testimonial-shortcode-wrap.carousel_2 .owl-dots .owl-dot.active { background-color: #fff; } .testimonial-shortcode-wrap.carousel_2 .owl-dots .owl-dot.active::before { opacity: 1; } .testimonial-shortcode-wrap.carousel_3 { text-align: center; position: relative; } .testimonial-shortcode-wrap.carousel_3:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content { margin: 3% 5% 5% 5%; padding: 3% 6%; position: relative; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-caption { display: none; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .text-testimonial { color: rgba(255, 255, 255, 0.7); font-weight: 400; padding: 3% 0 3%; position: relative; } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .text-testimonial { font-size: 18px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .text-testimonial { font-size: 14px; } } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-rating { color: #e2c04b; font-size: 22px; margin-bottom: 40px; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-image { background-color: #fff; border: 1px solid #e5e5e5; max-width: 95px; margin: 0 auto; padding: 3px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-title { color: #fff; font-size: 24px; font-family: "Poppins"; font-style: italic; font-weight: 400; letter-spacing: 0.025em; } .testimonial-shortcode-wrap.carousel_3 .testimonial-list .testimonial-item .testimonial-content .testimonial-author-meta .testimonial-position { font-size: 13px; font-style: italic; margin-bottom: 8px; color: rgba(255, 255, 255, 0.8); } .testimonial-shortcode-wrap.carousel_3 .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next { position: absolute; color: #ccc; display: block; font-size: 48px; top: 30%; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next:hover { cursor: pointer; color: #006ad0; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-prev { left: 10px; } .testimonial-shortcode-wrap.carousel_3 .owl-nav .owl-next { right: 10px; } .testimonial-shortcode-wrap.carousel_4:hover .owl-nav { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-top { display: flex; } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-image { max-width: 60px; position: relative; } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-image img { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-image { max-width: 60px; } } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-caption { font-size: 24px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-caption { font-size: 20px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-caption { font-size: 16px; } } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-icon { position: absolute; left: -40px; top: -10px; color: rgba(255, 255, 255, 0.5); font-size: 60px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-icon { font-size: 48px; } } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .text-testimonial { padding: 15px 0; } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-rating { color: #e2c04b; font-size: 22px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-rating { font-size: 18px; } } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta { padding-left: 30px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta { padding-left: 20px; } } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { font-weight: 700; letter-spacing: .05em; font-size: 24px; display: block; line-height: 1; margin-bottom: 5px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 16px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 14px; } } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-sign { padding: 0 5px; } .testimonial-shortcode-wrap.carousel_4 .testimonial-list .testimonial-item .testimonial-author-meta .testimonial-position { font-size: 14px; font-style: italic; margin-bottom: 8px; } .testimonial-shortcode-wrap.carousel_4 .owl-nav { opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-next { position: absolute; display: block; font-size: 24px; top: 20px; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-prev, .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-next { font-size: 20px; top: 10px; } } .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-prev:hover, .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-next:hover { cursor: pointer; color: #006ad0; } .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-prev { right: 40px; } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-prev { right: 25px; } } .testimonial-shortcode-wrap.carousel_4 .owl-nav .owl-next { right: 0; } .testimonial-shortcode-wrap.carousel_4 .owl-dots { margin-top: 15px; padding-left: 5px; } .testimonial-shortcode-wrap.carousel_4 .owl-dots .owl-dot { height: 10px; width: 10px; background-color: rgba(0, 106, 208, 0.5); display: inline-block; border-radius: 100%; margin-right: 15px; } .testimonial-shortcode-wrap.carousel_4 .owl-dots .owl-dot::before { content: ''; display: block; height: 20px; width: 20px; border: 1px solid #006ad0; border-radius: 100%; top: -5px; left: -5px; position: relative; opacity: 0; } .testimonial-shortcode-wrap.carousel_4 .owl-dots .owl-dot.active { background-color: #006ad0; } .testimonial-shortcode-wrap.carousel_4 .owl-dots .owl-dot.active::before { opacity: 1; } .testimonial-shortcode-wrap.slick { display: flex; margin-right: -20vw; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick { margin-right: -10vw; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick { margin-right: -3vw; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.slick { margin-right: 0; display: block; } } .testimonial-shortcode-wrap.slick .testimonial-left { width: 30%; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.slick .testimonial-left { width: 100%; } } .testimonial-shortcode-wrap.slick .testimonial-left .testimonial-title { font-size: 36px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick .testimonial-left .testimonial-title { font-size: 28px; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick .testimonial-left .testimonial-title { font-size: 24px; } } .testimonial-shortcode-wrap.slick .testimonial-left .testimonial-desc { padding-top: 10px; padding-bottom: 30px; } .testimonial-shortcode-wrap.slick .slick-actions .slick-action { border: 1px solid #e5e5e5; display: inline-block; width: 42px; height: 42px; line-height: 42px; border-radius: 6px; text-align: center; } .testimonial-shortcode-wrap.slick .slick-actions .slick-action:hover { background-color: #006ad0; border: 1px solid #006ad0; cursor: pointer; color: #fff; transition: all .3s; } .testimonial-shortcode-wrap.slick .slick-actions .slick-action i { font-size: 16px; } .testimonial-shortcode-wrap.slick .slick-actions .slick-prev { margin-right: 5px; } .testimonial-shortcode-wrap.slick .testimonial-list { width: 70%; overflow: hidden; padding-top: 2%; padding-left: 5%; position: relative; } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.slick .testimonial-list { width: 100%; margin-top: 25px; padding-top: 5%; } } .testimonial-shortcode-wrap.slick .testimonial-list:before { content: ''; position: absolute; background-color: #006ad0; top: 0; left: 0; width: 100%; height: 50%; } .testimonial-shortcode-wrap.slick .testimonial-item { padding: 0 15px 15px 15px; } .testimonial-shortcode-wrap.slick .testimonial-item.slick-current .testimonial-content > div { opacity: 1; } .testimonial-shortcode-wrap.slick .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-content { background-color: #fff; text-align: center; padding: 40px 60px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); position: relative; overflow: hidden; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-content { padding: 30px 40px; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-content { padding: 30px 20px; } } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-content > div { opacity: .6; } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-content:after { content: "\f35f"; font-family: Ionicons; position: absolute; bottom: -30px; right: -30px; font-size: 300px; line-height: 185px; opacity: .05; } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-image img { margin: 0 auto; max-width: 120px; border-radius: 50%; } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-author-meta .testimonial-rating { color: #e2c04b; font-size: 18px; margin-top: 15px; } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-author-meta .testimonial-title { display: block; font-size: 26px; font-weight: 700; color: #3f3f3f; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 20px; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-author-meta .testimonial-title { font-size: 16px; } } .testimonial-shortcode-wrap.slick .testimonial-item .testimonial-author-meta .testimonial-position { font-style: italic; color: #9f9f9f; } .testimonial-shortcode-wrap.slick .testimonial-item .text-testimonial { margin-top: 10px; } .testimonial-shortcode-wrap.slick .slick-list { margin-left: calc(-40% - 15px); } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.slick .slick-list { margin-left: -16px; } } .testimonial-shortcode-wrap.slick_2 { display: flex; } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 { display: block; } } .testimonial-shortcode-wrap.slick_2 .testimonial-list { width: calc(50% - 100px); position: relative; background-size: 100% auto; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 .testimonial-list { width: 100%; overflow: hidden; } } .testimonial-shortcode-wrap.slick_2 .testimonial-list:after { content: ''; position: absolute; height: 200%; width: 200%; top: -50%; left: -75%; background-color: #006ad0; /* For browsers that do not support gradients */ background-image: linear-gradient(to right, #0077ea, #51a9ff); /* Standard syntax (must be last) */ border-top-right-radius: 50%; border-bottom-right-radius: 50%; z-index: -1; } .testimonial-shortcode-wrap.slick_2 .testimonial-item { color: #fff; padding: 2% 0 2% 2%; } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 .testimonial-item { padding: 1%; } } .testimonial-shortcode-wrap.slick_2 .testimonial-item:focus { outline: none; } .testimonial-shortcode-wrap.slick_2 .testimonial-item .quote-sign { font-size: 80px; line-height: 80px; margin-bottom: 30px; opacity: .9; text-align: center; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick_2 .testimonial-item .quote-sign { font-size: 60px; line-height: 60px; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 .testimonial-item .testimonial-meta { text-align: center; } } .testimonial-shortcode-wrap.slick_2 .testimonial-item .testimonial-title { display: inline-block; font-size: 18px; color: #fff; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick_2 .testimonial-item .testimonial-title { font-size: 16px; } } .testimonial-shortcode-wrap.slick_2 .testimonial-item .testimonial-position { display: inline-block; font-size: 16px; font-style: italic; color: #fff; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick_2 .testimonial-item .testimonial-position { font-size: 14px; } } .testimonial-shortcode-wrap.slick_2 .testimonial-right { width: 50%; margin-left: auto; } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 .testimonial-right { width: 100%; padding: 3% 5%; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 .testimonial-right { padding: 5%; } } .testimonial-shortcode-wrap.slick_2 .testimonial-title-content { padding: 6% 15% 0 15%; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick_2 .testimonial-title-content { padding: 10% 15% 0 15%; } } @media screen and (max-width: 991px) { .testimonial-shortcode-wrap.slick_2 .testimonial-title-content { padding: 0; } } .testimonial-shortcode-wrap.slick_2 .testimonial-title-content .testimonial-title { font-size: 40px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick_2 .testimonial-title-content .testimonial-title { font-size: 28px; } } @media screen and (max-width: 767px) { .testimonial-shortcode-wrap.slick_2 .testimonial-title-content .testimonial-title { font-size: 20px; } } .testimonial-shortcode-wrap.slick_2 .testimonial-title-content .testimonial-desc { padding-top: 15px; } .testimonial-shortcode-wrap.slick_2 .testimonial-nav .nav-item { padding: 30px; transition: all .3s; } .testimonial-shortcode-wrap.slick_2 .testimonial-nav .nav-item.slick-current { transform: scale(1.3); transition: all .3s; } .testimonial-shortcode-wrap.slick_2 .testimonial-nav .nav-item:focus { outline: none; } .testimonial-shortcode-wrap.slick_2 .testimonial-nav .nav-item img { border-radius: 50%; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.3); padding: 3px; background-color: #fff; max-width: 100px; } @media screen and (max-width: 1199px) { .testimonial-shortcode-wrap.slick_2 .testimonial-nav .nav-item img { max-width: 80px; } } /* Woo shortcode */ /*----------------------------------- * PRODUCT BASE *-----------------------------------*/ .products-shortcode-paging-wrap { margin-top: 40px; } @media screen and (max-width: 991px) { .products-shortcode-paging-wrap { margin-top: 25px; } } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers { list-style: none; list-style-type: none; display: inline-block; padding: 0; margin: 0; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li { display: inline-block; padding-right: 5px; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a { border: 1px solid #e5e5e5; color: #3f3f3f; display: inline-block; padding: 2px 13px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li span.current { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:hover, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a:focus { background: #006ad0; border: 1px solid #006ad0; color: #fff; } .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.prev, .products-shortcode-paging-wrap.paging-default .woocommerce-pagination ul.page-numbers li a.next { text-transform: capitalize; } .products-shortcode-paging-wrap.paging-load-more button { border: 0; background: #006ad0; color: #fff; font-weight: 700; padding: 9px 20px; text-align: center; width: 155px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-shortcode-paging-wrap.paging-load-more button:hover { background: #00509d; color: #fff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-shortcode-paging-wrap.paging-load-more button:focus { outline: none; } /*----------------------------------- * SHORTCODES PRODUCTS SLIDER *-----------------------------------*/ .products-slider-shortcode-wrapper.carousel { position: relative; } .products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel:hover ul.products .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-slider-shortcode-wrapper.carousel ul.products { padding: 0; margin: 0; list-style: none; list-style-type: none; } .products-slider-shortcode-wrapper.carousel ul.products li.product { position: relative; padding: 0 !important; margin: 0 !important; width: 100%; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; border-radius: 4px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev:hover, .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-prev { left: 0; } .products-slider-shortcode-wrapper.carousel ul.products .owl-nav .owl-next { right: 0; } /*----------------------------------- * SHORTCODES PRODUCT LIST (COPY FROM ARCHIVE PRODUCT) *-----------------------------------*/ .products-shortcode-wrap.list ul.products { margin-left: -15px; margin-right: -15px; } .products-shortcode-wrap.list ul.products.list { margin-left: 0px; margin-right: 0px; } .products-shortcode-wrap.list ul.products.list li.product { width: 100%; padding: 0px; border: 1px solid #e5e5e5; margin-bottom: 30px; } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-flash, .products-shortcode-wrap.list ul.products.list li.product .product-inner .onsale { left: 5px !important; top: 5px !important; bottom: auto !important; margin: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one { float: left; margin-right: 20px; position: relative; } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img { margin-bottom: 0; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary img, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one img { width: 100%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-primary, .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-thumb-one { margin-right: 0; margin-bottom: 15px; width: 100%; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating { position: relative; top: auto; left: auto; opacity: 1; margin: 0; margin-top: 15px; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner .star-rating { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner span.price { text-align: left; margin-top: 15px; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner span.price { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner h2 { font-size: 18px; font-weight: 700; text-align: left; text-transform: uppercase; padding-top: 35px !important; padding-bottom: 10px !important; margin-top: 0px !important; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner h2 { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner p { text-align: left; } @media screen and (max-width: 767px) { .products-shortcode-wrap.list ul.products.list li.product .product-inner p { margin-left: 15px; margin-right: 15px; } } .products-shortcode-wrap.list ul.products.list li.product .product-inner .product-actions { opacity: 1; width: auto; top: auto; left: 280px; bottom: auto; right: auto; margin-top: 10px; } /*----------------------------------- * SHORTCODES PRODUCTS GRID *-----------------------------------*/ @media screen and (max-width: 1600px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 25%; } } @media screen and (max-width: 1199px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 33.333333%; } } @media screen and (max-width: 991px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 50%; } } @media screen and (max-width: 1199px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 33.333333%; } } @media screen and (max-width: 991px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, body.header-sidebar .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, body.header-sidebar .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 50%; } } .products-shortcode-wrap.grid .product-filters ul, .products-shortcode-wrap.masonry .product-filters ul { list-style: none; list-style-type: none; padding: 0; margin-bottom: 20px; } .products-shortcode-wrap.grid .product-filters ul.filter-center, .products-shortcode-wrap.masonry .product-filters ul.filter-center { text-align: center; } .products-shortcode-wrap.grid .product-filters ul.filter-left, .products-shortcode-wrap.masonry .product-filters ul.filter-left { text-align: left; } .products-shortcode-wrap.grid .product-filters ul.filter-right, .products-shortcode-wrap.masonry .product-filters ul.filter-right { text-align: right; } .products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li { display: inline-block; } .products-shortcode-wrap.grid .product-filters ul.style_1 li a, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a { display: block; color: #3f3f3f; cursor: pointer; padding: 6px 25px; margin: 5px; border: 1px solid #e5e5e5; border-radius: 5px; background-color: #fff; font-weight: 600; } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid .product-filters ul.style_1 li a, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a { font-size: 12px; padding: 6px 15px; } } .products-shortcode-wrap.grid .product-filters ul.style_1 li a:hover, .products-shortcode-wrap.grid .product-filters ul.style_1 li a.selected, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a:hover, .products-shortcode-wrap.masonry .product-filters ul.style_1 li a.selected { background-color: #006ad0; border: 1px solid #006ad0; color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid .product-filters ul.style_1 li, .products-shortcode-wrap.masonry .product-filters ul.style_1 li { margin-top: 10px; } } .products-shortcode-wrap.grid .product-filters ul.style_2 li, .products-shortcode-wrap.masonry .product-filters ul.style_2 li { display: inline-block; } .products-shortcode-wrap.grid ul.products, .products-shortcode-wrap.masonry ul.products { margin-left: -15px; margin-right: -15px; } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product { width: 50%; float: left; } @media screen and (max-width: 991px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-2 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-2 li.type-product { width: 50%; } } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product { width: 33.333333%; float: left; } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-3 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-3 li.type-product { width: 50%; } } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 25%; float: left; } @media screen and (max-width: 991px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-4 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-4 li.type-product { width: 50%; } } .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 20%; float: left; } @media screen and (max-width: 1199px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.grid ul.products.shortcode-product-columns-5 li.type-product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.product, .products-shortcode-wrap.masonry ul.products.shortcode-product-columns-5 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category { overflow: hidden; position: relative; } .haru-woo-shortcodes-products-ajax-category .products-tabs { list-style: none; padding: 0 0 25px 0; margin: 0; } .haru-woo-shortcodes-products-ajax-category .products-tabs li { display: inline-block; color: #3f3f3f; cursor: pointer; padding: 6px 25px; margin: 5px; border: 1px solid #e5e5e5; border-radius: 5px; background-color: #fff; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-tabs li { padding: 6px 15px; } } .haru-woo-shortcodes-products-ajax-category .products-tabs li:hover { border-color: #006ad0; background-color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:hover span { color: #fff; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:first-child { margin-left: 0; } .haru-woo-shortcodes-products-ajax-category .products-tabs li:last-child { margin-left: 0; } .haru-woo-shortcodes-products-ajax-category .products-tabs li span { display: block; position: relative; font-weight: 600; } .haru-woo-shortcodes-products-ajax-category .products-tabs li.current { border-color: #006ad0; background-color: #006ad0; } .haru-woo-shortcodes-products-ajax-category .products-tabs li.current span { color: #fff; } .haru-woo-shortcodes-products-ajax-category .products-tabs.filter_center { text-align: center; } .haru-woo-shortcodes-products-ajax-category .products-tabs.filter_right { text-align: right; } .haru-woo-shortcodes-products-ajax-category .products-content { overflow: hidden; min-height: 300px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content { padding-right: 10px; width: 100% !important; } } .haru-woo-shortcodes-products-ajax-category .products-content.loading { position: relative; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-category .products-content.loading:after { content: ''; position: absolute; width: 100%; height: 100%; top: -1px; left: 0; z-index: 5; background-color: #fff; } .haru-woo-shortcodes-products-ajax-category .products-content.loading:before { content: '\f110'; font-family: fontAwesome; position: absolute; top: 10%; left: 50%; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; z-index: 6; font-size: 24px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products { margin-bottom: 0; padding: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products:hover .owl-nav { opacity: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products li.type-product { list-style: none; list-style-type: none; width: 100% !important; padding: 0 !important; margin: 20px 0; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next { position: absolute; display: block; top: 40%; z-index: 99; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.4); cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-next { right: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.slider ul.products .owl-nav .owl-prev { left: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products { margin: 0; padding: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products li.type-product { position: relative; padding: 20px 10px 5px 10px; margin: 0; } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product { width: 50%; float: left; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product { width: 33.333333%; float: left; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product { width: 25%; float: left; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-4 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 20%; float: left; } @media screen and (max-width: 1199px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 16.666666%; float: left; } @media screen and (max-width: 1199px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-category .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-category .see-more-wrapper { display: none; } .haru-woo-shortcodes-products-ajax-creative.filter_center .products-tabs { text-align: center; } .haru-woo-shortcodes-products-ajax-creative.filter_left .products-tabs { text-align: left; } .haru-woo-shortcodes-products-ajax-creative.filter_right .products-tabs { text-align: right; } .haru-woo-shortcodes-products-ajax-creative .products-tabs { list-style: none; list-style-type: none; padding: 0; margin-bottom: 40px; } .haru-woo-shortcodes-products-ajax-creative .products-tabs li { display: inline-block; } .haru-woo-shortcodes-products-ajax-creative .products-tabs li.current span { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-creative .products-tabs li.current span:after { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-creative .products-tabs li span { display: block; color: #9f9f9f; font-size: 13px; text-transform: uppercase; font-weight: 700; padding: 6px 20px; position: relative; cursor: pointer; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-tabs li span { font-size: 12px; padding: 6px 15px; } } .haru-woo-shortcodes-products-ajax-creative .products-tabs li span:hover, .haru-woo-shortcodes-products-ajax-creative .products-tabs li span.selected { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-creative .products-tabs li span.selected:after { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-woo-shortcodes-products-ajax-creative .products-tabs li span:after { content: "*"; font-size: 20px; position: absolute; left: 50%; bottom: -20px; opacity: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-tabs li { margin-top: 10px; } } .haru-woo-shortcodes-products-ajax-creative .products-content { overflow: hidden; min-height: 300px; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-creative .products-content.loading { position: relative; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-creative .products-content.loading:after { content: ''; position: absolute; width: 100%; height: 100%; top: -1px; left: 0; z-index: 5; background-color: #fff; } .haru-woo-shortcodes-products-ajax-creative .products-content.loading:before { content: '\f110'; font-family: fontAwesome; position: absolute; top: 10%; left: 50%; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; z-index: 6; font-size: 24px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products { margin: 0 -15px; padding: 0; } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products li.type-product { position: relative; padding: 20px 10px 5px 10px; margin: 0; } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-3 li.type-product { width: 33.333333%; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-4 li.type-product { width: 25%; } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-4 li.type-product:nth-child(2) { width: 50%; } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-4 li.type-product:nth-child(2) { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-4 li.type-product:nth-child(2) { width: 50%; } } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-4 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-4 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-5 li.type-product { width: 20%; } @media screen and (max-width: 1199px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-5 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-6 li.type-product { width: 16.666666%; } @media screen and (max-width: 1199px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-6 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-woo-shortcodes-products-ajax-creative .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } .haru-woo-shortcodes-products-ajax-creative .products-content.slider { padding-left: 20px; padding-right: 20px; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products { margin-bottom: 0; padding: 0; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products:hover .owl-nav { opacity: 1; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products li.type-product { list-style: none; list-style-type: none; width: 100% !important; padding: 0 !important; margin: 20px 0; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav { opacity: 0; -webkit-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav .owl-prev, .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav .owl-next { position: absolute; display: block; top: 40%; z-index: 99; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.4); cursor: pointer; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav .owl-next { right: 0; } .haru-woo-shortcodes-products-ajax-creative .products-content.slider ul.products .owl-nav .owl-prev { left: 0; } .haru-woo-shortcodes-products-ajax-creative .see-more-wrapper { display: none; } .haru-products-ajax-order { overflow: hidden; position: relative; } .haru-products-ajax-order .products-tabs { list-style: none; padding: 0; margin: 0; } .haru-products-ajax-order .products-tabs.align_left { text-align: left; } .haru-products-ajax-order .products-tabs.align_center { text-align: center; } .haru-products-ajax-order .products-tabs.align_right { text-align: right; } .haru-products-ajax-order .products-tabs li { cursor: pointer; color: #9f9f9f; display: inline-block; font-size: 20px; padding: 8px 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-products-ajax-order .products-tabs li:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-products-ajax-order .products-tabs li:first-child { padding-left: 0; } .haru-products-ajax-order .products-tabs li:last-child { padding-right: 0; } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-tabs li { font-size: 20px; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-tabs li { font-size: 16px; padding: 8px 8px; } } .haru-products-ajax-order .products-tabs li.current { color: #006ad0; } .haru-products-ajax-order .products-content { min-height: 300px; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .haru-products-ajax-order .products-content.loading { position: relative; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .haru-products-ajax-order .products-content.loading:after { content: ''; position: absolute; width: 100%; height: 100%; top: -1px; left: 0; z-index: 5; background-color: #fff; } .haru-products-ajax-order .products-content.loading:before { content: '\f110'; font-family: fontAwesome; position: absolute; top: 10%; left: 50%; -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; z-index: 6; font-size: 24px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .haru-products-ajax-order .products-content.slider ul.products { margin-bottom: 0; padding: 0; } .haru-products-ajax-order .products-content.slider ul.products:hover .owl-nav { opacity: 1; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .haru-products-ajax-order .products-content.slider ul.products li.type-product { padding: 0 !important; } .haru-products-ajax-order .products-content.slider ul.products .owl-nav { display: block; position: absolute; right: 0; top: -30px; } .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next { border: 1px solid #cccccc; display: inline-block; font-size: 18px; z-index: 999; width: 40px; height: 40px; line-height: 36px; text-align: center; color: #ccc; opacity: 1; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev:hover, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next:hover { border: 1px solid #006ad0; color: #006ad0; cursor: pointer; } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next { width: 35px; height: 35px; line-height: 32px; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev, .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next { width: 30px; height: 30px; line-height: 28px; } } .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-prev { left: 0; } .haru-products-ajax-order .products-content.slider ul.products .owl-nav .owl-next { margin-left: 10px; right: 0; } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.slider ul.products .owl-nav { top: -20px; } } .haru-products-ajax-order .products-content.grid ul.products { margin-left: -15px; margin-right: -15px; padding: 0; } .haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.grid ul.products.columns-2 li.type-product { width: 50%; } } .haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product { width: 33.333333%; } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.grid ul.products.columns-3 li.type-product { width: 50%; } } .haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product { width: 25%; } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.grid ul.products.columns-4 li.type-product { width: 50%; } } .haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product { width: 20%; } @media screen and (max-width: 1199px) { .haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.grid ul.products.columns-5 li.type-product { width: 50%; } } .haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product { width: 16.666666%; } @media screen and (max-width: 1199px) { .haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product { width: 25%; } } @media screen and (max-width: 991px) { .haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product { width: 33.333333%; } } @media screen and (max-width: 767px) { .haru-products-ajax-order .products-content.grid ul.products.columns-6 li.type-product { width: 50%; } } /*----------------------------------- * SHORTCODES PRODUCTS SLIDER *-----------------------------------*/ .products-recent-viewed-shortcode-wrap.carousel { position: relative; } .products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel:hover ul.products .owl-nav .owl-next { opacity: 1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-recent-viewed-shortcode-wrap.carousel ul.products { padding: 0; margin: 0; list-style: none; list-style-type: none; } .products-recent-viewed-shortcode-wrap.carousel ul.products li.product { position: relative; padding: 0; margin: 0; width: 100%; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next { position: absolute; display: block; top: 50%; z-index: 999; width: 40px; height: 40px; line-height: 40px; text-align: center; background: rgba(0, 0, 0, 0.2); color: #fff; opacity: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev:hover, .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next:hover { background: rgba(0, 0, 0, 0.5); cursor: pointer; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-prev { left: 0; } .products-recent-viewed-shortcode-wrap.carousel ul.products .owl-nav .owl-next { right: 0; } @media screen and (max-width: 767px) { .products-top-sale-shortcode-wrap { margin-top: 10px; } } .products-top-sale-shortcode-wrap .yith-wcwl-add-to-wishlist { display: none; } .products-top-sale-shortcode-wrap.carousel_1 { position: relative; } .products-top-sale-shortcode-wrap.carousel_1 .products-title { font-size: 18px; line-height: 1.4; margin-top: -5px; padding: 0 10px 13px 0; display: inline-block; background-color: #fff; text-transform: uppercase; } @media screen and (max-width: 1199px) { .products-top-sale-shortcode-wrap.carousel_1 .products-title { font-size: 16px; } } .products-top-sale-shortcode-wrap.carousel_1 .products-title:after { content: ""; position: absolute; left: 0; width: 100%; z-index: -1; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-varations { opacity: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail { width: 35%; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { opacity: 0; visibility: hidden; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info { width: 65%; margin-left: 15px; padding-top: 0; text-align: left; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 14px; margin-top: 0 !important; padding-top: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; opacity: 1; float: none; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .price { float: none; display: block; padding-top: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-label { left: 10px !important; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-sale-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .star-rating { position: relative; left: 0; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav { display: none !important; position: absolute; display: block; bottom: calc(100% + 38px); z-index: 9; width: 100%; text-align: right; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover { background: #006ad0; cursor: pointer; color: #fff; } .products-top-sale-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { margin-left: 5px; } .products-top-sale-shortcode-wrap.carousel_2 { position: relative; } .products-top-sale-shortcode-wrap.carousel_2 .products-title { font-size: 22px; line-height: 1.4; margin-bottom: 30px; margin-top: -5px; padding-bottom: 13px; position: relative; text-transform: uppercase; } .products-top-sale-shortcode-wrap.carousel_2 .products-title:after { content: ""; position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background-color: #006ad0; } .products-top-sale-shortcode-wrap.carousel_2 .products { list-style: none; border: 1px solid #e5e5e5; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product { padding: 15px; margin: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail { float: left; width: 45%; } @media screen and (max-width: 991px) { .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail { width: 100%; } } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-label { left: 20px !important; top: 5px !important; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .onsale, .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-flash { left: auto !important; right: 0 !important; -webkit-transform: translateX(0) !important; -ms-transform: translateX(0) !important; -o-transform: translateX(0) !important; transform: translateX(0) !important; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { display: none; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info { float: right; text-align: left; width: 55%; } @media screen and (max-width: 991px) { .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info { margin-top: 20px; width: 100%; } } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 24px; font-weight: normal; margin-top: 0 !important; padding-top: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .excerpt { font-size: 12px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .price { font-size: 24px !important; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown { margin-top: 15px; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time { padding: 0; text-align: left; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li { border: 1px solid #e5e5e5; display: inline-block; margin: 0; margin-right: 10px; padding: 0; width: 58px; height: 58px; text-align: center; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li p { line-height: 1.6; margin-bottom: 0; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-number { color: #3f3f3f; font-size: 20px; font-weight: 500; } .products-top-sale-shortcode-wrap.carousel_2 .products .item-carousel li.product .product-inner .product-info .product-sale-countdown .countdown-time .list-time li .countdown-text { font-size: 11px; text-transform: uppercase; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav { position: absolute; display: block; bottom: calc(100% + 38px); z-index: 9; width: 100%; text-align: right; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-prev:hover, .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next:hover { background: #006ad0; cursor: pointer; color: #fff; } .products-top-sale-shortcode-wrap.carousel_2 .products .owl-nav .owl-next { margin-left: 5px; } .products-top-rated-shortcode-wrap .yith-wcwl-add-to-wishlist { display: none; } .products-top-rated-shortcode-wrap.carousel_1 { position: relative; } .products-top-rated-shortcode-wrap.carousel_1 .products-title { font-size: 18px; line-height: 1.4; margin-top: -5px; padding: 0 10px 13px 0; display: inline-block; background-color: #fff; text-transform: uppercase; } @media screen and (max-width: 1199px) { .products-top-rated-shortcode-wrap.carousel_1 .products-title { font-size: 16px; } } .products-top-rated-shortcode-wrap.carousel_1 .products-title:after { content: ""; position: absolute; left: 0; top: 10px; width: 100%; z-index: -1; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-varations { opacity: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail { width: 35%; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { opacity: 0; visibility: hidden; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info { margin-left: 15px; padding-top: 0; text-align: left; width: 65%; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 14px; margin-top: 0 !important; padding-top: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating { float: none; margin-left: 0; opacity: 1; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .price { display: block; float: none; padding-top: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-label { left: 10px !important; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-rated-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .star-rating { position: relative; left: 0; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav { display: none !important; position: absolute; display: block; bottom: calc(100% + 38px); z-index: 9; width: 100%; text-align: right; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover { background: #006ad0; cursor: pointer; color: #fff; } .products-top-rated-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { margin-left: 5px; } .products-top-seller-shortcode-wrap .yith-wcwl-add-to-wishlist { display: none; } .products-top-seller-shortcode-wrap.carousel_1 { position: relative; } .products-top-seller-shortcode-wrap.carousel_1 .products-title { font-size: 18px; line-height: 1.4; margin-top: -5px; padding: 0 10px 13px 0; display: inline-block; background-color: #fff; text-transform: uppercase; } @media screen and (max-width: 1199px) { .products-top-seller-shortcode-wrap.carousel_1 .products-title { font-size: 16px; } } .products-top-seller-shortcode-wrap.carousel_1 .products-title:after { content: ""; position: absolute; left: 0; top: 10px; width: 100%; z-index: -1; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel { list-style: none; padding-left: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product:hover .product-varations { opacity: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 15px 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail { width: 35%; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-thumbnail .product-thumb-primary:before { opacity: 0; visibility: hidden; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info { width: 65%; margin-left: 15px; padding-top: 0; text-align: left; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .woocommerce-loop-product__title { font-size: 14px; margin-top: 0 !important; padding-top: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .star-rating { margin-left: 0; opacity: 1; float: none; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-info .price { float: none; display: block; padding-top: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-label { left: 10px !important; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .onsale, .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .product-flash { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-top-seller-shortcode-wrap.carousel_1 .products .item-carousel li.product .product-inner .star-rating { position: relative; left: 0; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav { display: none !important; position: absolute; display: block; bottom: calc(100% + 38px); z-index: 9; width: 100%; text-align: right; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { display: inline-block; z-index: 9; width: 30px; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; color: #a5a5a5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-prev:hover, .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next:hover { background: #006ad0; cursor: pointer; color: #fff; } .products-top-seller-shortcode-wrap.carousel_1 .products .owl-nav .owl-next { margin-left: 5px; } @media screen and (max-width: 1199px) { body.header-sidebar .product-category-shortcode-wrap.grid .category-list .category-item { width: 33.333333%; } } @media screen and (max-width: 767px) { body.header-sidebar .product-category-shortcode-wrap.grid .category-list .category-item { width: 50%; } } .product-category-shortcode-wrap.grid .category-list { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding-bottom: 3px; flex-wrap: wrap; } .product-category-shortcode-wrap.grid .category-list .category-item { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 40px 0 30px; width: 16.666666%; text-align: center; } @media screen and (max-width: 1199px) { .product-category-shortcode-wrap.grid .category-list .category-item { padding: 20px 0 10px; } } @media screen and (max-width: 991px) { .product-category-shortcode-wrap.grid .category-list .category-item { width: 33.333333%; } } @media screen and (max-width: 767px) { .product-category-shortcode-wrap.grid .category-list .category-item { width: 50%; } } .product-category-shortcode-wrap.grid .category-list .category-item:last-child { border-right: none; } .product-category-shortcode-wrap.grid .category-list .category-item .category-title, .product-category-shortcode-wrap.grid .category-list .category-item a { color: #3f3f3f; font-size: 15px; padding-top: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-category-shortcode-wrap.grid .category-list .category-item .category-title:hover, .product-category-shortcode-wrap.grid .category-list .category-item a:hover { color: #006ad0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-category-shortcode-wrap.list { background-color: #f8ecee; border: 1px solid #e5e5e5; width: 270px; padding: 75px 0; background-position: bottom right; background-repeat: no-repeat; } @media screen and (max-width: 1199px) { .product-category-shortcode-wrap.list { padding: 45px 0; } } .product-category-shortcode-wrap.list .category-list { background-color: #fcf5f6; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 2px 0; text-align: center; position: relative; } .product-category-shortcode-wrap.list .category-list:before { content: ""; position: absolute; width: 100%; height: 1px; background-color: #e5e5e5; left: 0; top: 3px; } .product-category-shortcode-wrap.list .category-list:after { content: ""; position: absolute; width: 100%; height: 1px; background-color: #e5e5e5; left: 0; bottom: 3px; } .product-category-shortcode-wrap.list .category-list .category-item { border-bottom: 1px solid #e5e5e5; display: block; padding: 15px; margin: 0 3px; box-sizing: content-box; } @media screen and (max-width: 1199px) { .product-category-shortcode-wrap.list .category-list .category-item { padding: 10px 15px; } } .product-category-shortcode-wrap.list .category-list .category-item:first-child { padding-top: 13px; } .product-category-shortcode-wrap.list .category-list .category-item:last-child { border-bottom: none; padding-bottom: 13px; } .product-category-shortcode-wrap.list .category-list .category-item .category-title, .product-category-shortcode-wrap.list .category-list .category-item a { color: #3f3f3f; font-size: 15px; font-weight: 400; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-category-shortcode-wrap.list .category-list .category-item a { position: relative; left: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-category-shortcode-wrap.list .category-list .category-item a:hover { color: #006ad0; left: 15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-category-shortcode-wrap.list .category-list .category-item a:hover:before { opacity: 1; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .product-category-shortcode-wrap.list .category-list .category-item a:before { position: absolute; content: "*"; opacity: 0; top: 60%; left: -15px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* Pangja shortcode */ /* WP Bakery Custom shortcode */ .vc_custom_heading.heading_style_1 { font-size: 50px; font-weight: 700; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_1 { font-size: 36px !important; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_1 { font-size: 24px !important; } } .vc_custom_heading.heading_style_1 .sub-heading { display: block; font-size: 20px; font-weight: 700; color: #006ad0; text-transform: uppercase; padding-bottom: 10px; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_1 .sub-heading { font-size: 16px; } } .vc_custom_heading.heading_style_2 { font-size: 20px; font-weight: 700; color: #3f3f3f; margin-top: 10px; } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_2 { font-size: 16px !important; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_2.subscribe-heading { margin-bottom: 20px; } } .vc_custom_heading.heading_style_2.subscribe-heading:before { content: "\f003"; font-family: 'FontAwesome'; font-weight: 400; color: #006ad0; margin-right: 8px; font-size: 18px; position: relative; top: -1px; } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_2.subscribe-heading:before { font-size: 16px; top: 0; } } .vc_custom_heading.heading_style_3 { font-size: 30px; font-weight: 700; color: #3f3f3f; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_3 { font-size: 20px !important; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_3 { font-size: 16px !important; } } .vc_custom_heading.heading_style_4 { font-size: 40px; font-weight: 700; color: #3f3f3f; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_4 { font-size: 36px !important; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_4 { font-size: 24px !important; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_4 { font-size: 20px !important; } } .vc_custom_heading.heading_style_4.services-heading-4 { max-width: 50%; } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_4.services-heading-4 { max-width: 100%; } } .vc_custom_heading.heading_style_5 { font-size: 40px; letter-spacing: .01em; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_5 { font-size: 36px; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_5 { font-size: 24px; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_5 { font-size: 20px; } } .vc_custom_heading.heading_style_5 .sub-heading { font-size: 140px; line-height: 140px; color: rgba(63, 63, 63, 0.1); display: block; margin-bottom: -58px; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_5 .sub-heading { font-size: 100px; line-height: 100px; margin-bottom: -48px; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_5 .sub-heading { font-size: 60px; line-height: 60px; margin-bottom: -30px; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_5 .sub-heading { font-size: 50px; line-height: 50px; margin-bottom: -25px; } } .vc_custom_heading.heading_style_5 .hightlight-heading { color: #006ad0; padding-left: .2em; } .vc_custom_heading.heading_style_6 { font-size: 14px; padding: 30px 0 30px 0; position: relative; text-transform: uppercase; } .vc_custom_heading.heading_style_6:before { content: ""; position: absolute; width: 100%; left: 0; top: 0; border-top-color: #e5e5e5; border-top-style: double; } .vc_custom_heading.heading_style_7 { font-size: 50px; font-weight: 700; color: #3f3f3f; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_7 { font-size: 36px; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_7 { font-size: 24px !important; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_7 { font-size: 20px !important; } } .vc_custom_heading.heading_style_8 { font-size: 80px; font-weight: 700; color: #006ad0; } @media screen and (max-width: 1199px) { .vc_custom_heading.heading_style_8 { font-size: 50px; } } @media screen and (max-width: 991px) { .vc_custom_heading.heading_style_8 { font-size: 36px; } } @media screen and (max-width: 767px) { .vc_custom_heading.heading_style_8 { font-size: 28px; } } .vc_custom_heading.sub_heading_style_1 { color: #3f3f3f; font-size: 15px; font-weight: 400; line-height: 1.5; letter-spacing: 1px; } @media screen and (max-width: 767px) { .vc_custom_heading.sub_heading_style_1 { font-size: 14px; } } .vc_custom_heading.sub_heading_style_2 { color: #9f9f9f; font-style: italic; } .vc_custom_heading.sub_heading_style_3 { font-size: 15px; letter-spacing: 2px; text-transform: uppercase; } .vc_custom_heading.footer_style_1 { color: #fff; font-size: 18px; margin: 20px 0; } .vc_custom_heading.footer_style_2 { color: #3f3f3f; font-size: 18px; margin: 20px 0; } @media screen and (max-width: 1199px) { .vc_custom_heading.footer_style_2 { font-size: 16px; } } .button_style_1 button, .button_style_1 a { background-color: #006ad0 !important; background-image: none !important; border: 2px solid #006ad0 !important; color: #fff !important; font-weight: 700 !important; padding: 10px 30px !important; min-width: 150px; letter-spacing: .05em; border-radius: 6px; } .button_style_1 button:hover, .button_style_1 a:hover { background-color: #007de6 !important; border: 2px solid #007de6 !important; } @media screen and (max-width: 767px) { .button_style_2 { text-align: center !important; } } .button_style_2 button, .button_style_2 a { background-color: #fff !important; background-image: none !important; border: 2px solid #fff !important; color: #3f3f3f !important; font-weight: 700 !important; padding: 10px 30px !important; min-width: 150px; letter-spacing: .05em; border-radius: 6px; } .button_style_2 button:hover, .button_style_2 a:hover { background-color: #006ad0 !important; border: 2px solid #006ad0 !important; color: #fff !important; } @media screen and (max-width: 767px) { .button_style_3 { text-align: center !important; } } .button_style_3 button, .button_style_3 a { background-color: #006ad0 !important; background-image: none !important; border: 2px solid #006ad0 !important; color: #fff !important; font-weight: 700 !important; padding: 10px 30px !important; min-width: 150px; letter-spacing: .05em; border-radius: 6px; } .button_style_3 button:hover, .button_style_3 a:hover { background-color: #007de6 !important; border: 2px solid #007de6 !important; } .button_style_3 button:after, .button_style_3 a:after { content: "\f054"; font-family: FontAwesome; padding-left: 6px; } @media screen and (max-width: 767px) { .button_style_4 { text-align: center !important; } } .button_style_4 button, .button_style_4 a { background-color: #006ad0 !important; background-image: none !important; border: 2px solid #006ad0 !important; color: #fff !important; font-weight: 700 !important; padding: 10px 30px !important; min-width: 150px; letter-spacing: .05em; border-radius: 6px; } .button_style_4 button:hover, .button_style_4 a:hover { background-color: #007de6 !important; border: 2px solid #007de6 !important; } @media screen and (max-width: 767px) { .button_style_5 { text-align: center !important; } } .button_style_5 button, .button_style_5 a { border: solid 2px transparent !important; background-image: linear-gradient(transparent, transparent), linear-gradient(101deg, #51a9ff, #006ad0) !important; background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset !important; color: #006ad0 !important; font-weight: 700 !important; padding: 9px 30px !important; min-width: 150px; letter-spacing: .05em; border-radius: 6px; } .button_style_5 button:hover, .button_style_5 a:hover { box-shadow: none !important; color: #fff !important; } .button_style_5 button:after, .button_style_5 a:after { content: "\f054"; font-family: FontAwesome; padding-left: 6px; font-size: 12px; } .body-font { font-family: "Poppins"; } .secondary-font { font-family: "Poppins"; } .text-color { color: #3f3f3f; } .text-color-secondary { color: #9f9f9f; } .text-color-secondary a { color: #9f9f9f; transition: all .3s; } .text-color-secondary a:hover { color: #006ad0; transition: all .3s; } .text-heading { color: #3f3f3f; } .text-white { color: #fff; } .text-primary { color: #006ad0; } .text-revo-shadow { text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2); } .wpb_revslider_element { margin-bottom: 0 !important; } @media screen and (max-width: 767px) { .rs-align-xs-left { text-align: left !important; } } @media screen and (max-width: 767px) { .rs-align-xs-center { text-align: center !important; } } .overlay-bg-col { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 106, 208, 0.8); } @media screen and (max-width: 767px) { .overlay-bg-col { width: 100% !important; } } .revo_button_1 { background-color: #006ad0 !important; background-image: none !important; border: 2px solid #006ad0 !important; color: #fff !important; font-weight: 700 !important; padding: 9px 30px !important; letter-spacing: 0.05em !important; border-radius: 6px !important; line-height: 21px !important; font-size: 14px !important; text-align: center !important; } .revo_button_1:hover { background-color: #007de6 !important; border: 2px solid #007de6 !important; } .revo_button_2 { background-color: transparent !important; background-image: none !important; border: 2px solid #e5e5e5 !important; color: #3f3f3f !important; font-weight: 700 !important; padding: 9px 30px !important; letter-spacing: 0.05em !important; border-radius: 6px !important; line-height: 21px !important; font-size: 14px !important; text-align: center !important; } .revo_button_2:hover { background-color: #006ad0 !important; border: 2px solid #006ad0 !important; color: #fff !important; } .image-services-1 { margin-left: -18vw; } @media screen and (max-width: 1199px) { .image-services-1 { margin-left: -10vw; } } @media screen and (max-width: 991px) { .image-services-1 { margin-left: -30vw; } } @media screen and (max-width: 767px) { .image-services-1 { margin-left: -2vw; } } .services-1 { margin-top: 20%; } @media screen and (max-width: 1199px) { .services-1 { margin-top: 0; } } .slideshow-home-1 .wpb_content_element { margin-bottom: 0; } .shape-slide { background: #006ad0 !important; -webkit-clip-path: polygon(0 0, 100% 0%, 100% 85%, 0 13%); clip-path: polygon(0 0, 100% 0%, 100% 92%, 0 12%); } .video-home-1 .wpb_wrapper, .video-home-1 .vc_column-inner, .video-home-1 .vc_column_container, .video-home-6 .wpb_wrapper, .video-home-6 .vc_column-inner, .video-home-6 .vc_column_container { height: 100%; } @media screen and (max-width: 767px) { .video-home-1 .wpb_wrapper, .video-home-1 .vc_column-inner, .video-home-1 .vc_column_container, .video-home-6 .wpb_wrapper, .video-home-6 .vc_column-inner, .video-home-6 .vc_column_container { min-height: 300px; } } .video-home-1 .wpb_wrapper > div, .video-home-6 .wpb_wrapper > div { height: 90%; } .video-home-1, .video-home-6 { position: relative; } .contact-home-1 { margin-left: 0 !important; margin-right: 0 !important; } .contact-home-1 > .vc_column_container { background-color: #fff; } .contact-home-1 > .vc_column_container > .vc_column-inner { padding-top: 0 !important; } .contact-home-1 .map-column > .vc_column-inner { padding: 0; } .home-1-contact-form { padding: 0 5%; background-repeat: no-repeat; background-position: top 80% left 15%; } .home-1-footer-copyright { color: #fff; } .home-1-footer-copyright a { color: #fff; transition: all .3s; } .home-1-footer-copyright a:hover { color: rgba(255, 255, 255, 0.8); transition: all .3s; } .img-sale-2 { margin-bottom: 0 !important; margin-left: -12vw; } .sale-home-2 { margin-top: 8%; } @media screen and (max-width: 991px) { .sale-home-2 { margin-top: 5%; } } @media screen and (max-width: 767px) { .sale-home-2 { margin-top: 10%; margin-bottom: 10%; } } .home-2-icon-box { margin-top: 4%; } .footer-copyright-3 { color: #3f3f3f; } .footer-copyright-3 a { color: #3f3f3f; transition: all .3s; } .footer-copyright-3 a:hover { color: #006ad0; transition: all .3s; } .testimonial-3 { padding: 10% 8% 20% 8%; } .footer-copyright-primary { color: #fff; } .footer-copyright-primary a { color: #fff; transition: all .3s; } .footer-copyright-primary a:hover { color: rgba(255, 255, 255, 0.8); transition: all .3s; } .we-do-home-4 { padding-top: 3%; } @media screen and (max-width: 1199px) { .we-do-home-4 { padding-top: 0; } } .we-do-home-5 { padding: 0 5% 3% 5% !important; } .services-home-1 { margin-top: 20%; } @media screen and (max-width: 767px) { .services-home-1 { margin-top: 0; } } @media screen and (max-width: 767px) { .logo-footer-5 { text-align: center !important; } } .faq-home-3 { background-repeat: no-repeat; background-size: 52% auto; background-position: bottom left; } @media screen and (max-width: 767px) { .faq-home-3 { background-size: 100% auto; } } .faq-image-home3 { max-width: 70%; margin-left: -25%; margin-top: 40%; } @media screen and (max-width: 1199px) { .faq-image-home3 { max-width: 100%; margin-left: -15%; margin-top: 15%; } } @media screen and (max-width: 991px) { .faq-image-home3 { margin-left: 0; margin-top: 15%; } } .about-us-heading { padding-top: 5%; } @media screen and (max-width: 1199px) { .about-us-heading { padding-top: 2%; } } @media screen and (max-width: 991px) { .about-us-heading { padding-top: 0; } } .about-image-22 { margin-bottom: 0 !important; margin-left: -18vw; margin-right: 5%; } @media screen and (max-width: 1199px) { .about-image-22 { margin-left: -13vw; margin-top: 18%; } } @media screen and (max-width: 991px) { .about-image-22 { margin-top: 25%; } } @media screen and (max-width: 767px) { .about-image-22 { margin-left: 0; margin-top: 0; } } .vc_row.about-us-decor { padding-top: 2%; padding-bottom: 6%; margin-top: -80px; } @media screen and (max-width: 991px) { .vc_row.about-us-decor { margin-top: -30px; } } @media screen and (max-width: 767px) { .vc_row.about-us-decor { background-image: none !important; } } .vc_row.our-services-1 { background-position: top -20% left 0; background-size: 100% auto; background-repeat: no-repeat; } .our-services-2 { background-position: top 50vh left 0; background-size: 100% auto; background-repeat: no-repeat; } .banner-services-2 { margin-left: -20vw; } @media screen and (max-width: 991px) { .banner-services-2 { margin-left: -10vw; } } @media screen and (max-width: 767px) { .banner-services-2 { margin-left: -5vw; } } .services-title-1 { padding-top: 10%; } @media screen and (max-width: 1199px) { .services-title-1 { padding-top: 5%; } } @media screen and (max-width: 767px) { .services-title-1 { padding-top: 0; } } .our-services-title-2 { padding-top: 5%; } @media screen and (max-width: 1199px) { .our-services-title-2 { padding-top: 0; } } .rotate-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; left: -24%; bottom: 17%; } .rotate-right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; right: -43%; bottom: 27%; } @media screen and (max-width: 991px) { .vertical-menu-holder { min-height: 0; } } @media screen and (max-width: 767px) { .vertical-menu-holder { min-height: 1px; } } .row-parallax { background-position: center; } @media screen and (max-width: 991px) { .haru-col-sm-0 { width: 0 !important; min-height: 0 !important; } } @media screen and (max-width: 767px) { .haru-col-sm-0 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-2 { width: 16.66667% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-2 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-3 { width: 25% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-3 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-4 { width: 33.33333% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-4 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-5 { width: 41.66667% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-5 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-6 { width: 50% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-6 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-6:nth-child(3) { clear: left; } } @media screen and (max-width: 767px) { .haru-col-sm-6:nth-child(3) { clear: none; } } @media screen and (max-width: 991px) { .haru-col-sm-7 { width: 58.33333% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-7 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-8 { width: 66.66667% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-8 { width: auto !important; } } @media screen and (max-width: 991px) { .haru-col-sm-12 { width: 100% !important; } } @media screen and (max-width: 767px) { .haru-col-sm-12 { width: auto !important; } } .icon-svg { background-color: #006ad0; background-repeat: no-repeat; background-size: cover; width: 40px; height: 40px; display: block; } .icon-printer { -webkit-mask-image: url(../pangja/assets/images/icon-printer.svg); mask-image: url(../pangja/assets/images/icon-printer.svg); } .icon-tablet { -webkit-mask-image: url(../pangja/assets/images/icon-tablet.svg); mask-image: url(../pangja/assets/images/icon-tablet.svg); } .icon-photocopier { -webkit-mask-image: url(../pangja/assets/images/icon-photocopier.svg); mask-image: url(../pangja/assets/images/icon-photocopier.svg); } .icon-scanner { -webkit-mask-image: url(../pangja/assets/images/icon-scanner.svg); mask-image: url(../pangja/assets/images/icon-scanner.svg); } /*----------------------------------- * 9. THEMECHECK *-----------------------------------*/ .page-sidebar { margin-top: 60px; } table { border-collapse: collapse; } table thead { background: rgba(0, 106, 208, 0.3); } table, th, td { border: 1px solid #e5e5e5; } th, td { padding: 5px; } .post-password-form input[type="password"] { background: none; border: 1px solid #e5e5e5; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-password-form input[type="password"]:focus { border: 1px solid #006ad0; outline: none; } .post-password-form input[type=submit] { background: #007de6; border: none; color: #fff; padding: 2px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-password-form input[type=submit]:hover { background: #006ad0; } .haru-page-links { clear: both; padding-top: 15px; } .haru-page-links .haru-page-links-title { padding-right: 6px; } .haru-page-links > span.haru-page-link { background-color: #006ad0; color: #fff; display: inline-block; padding: 0 5px; margin: 0 8px; width: 30px; height: 30px; line-height: 26px; font-family: "Poppins"; border-radius: 50%; font-size: 15px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .haru-page-links > a > span { padding: 0 4px 2px 4px; margin: 0 5px; color: #3f3f3f; font-family: "Poppins"; font-size: 15px; } .haru-page-links > a > span:hover, .haru-page-links > a > span:focus { color: #006ad0; } .comment-navigation { padding-bottom: 10px; } .comment-navigation span, .comment-navigation a { color: #3f3f3f; display: inline-block; padding: 0 5px; margin: 0 5px; width: 30px; height: 30px; line-height: 26px; font-family: "Poppins"; border-bottom: 1px solid #fff; border-radius: 50%; font-size: 15px; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .comment-navigation span:last-child, .comment-navigation a:last-child { margin-right: 0; } .comment-navigation span.current { background-color: #006ad0; color: #fff; } .comment-navigation a:hover, .comment-navigation a:focus { color: #006ad0; } .comment-navigation a.prev, .comment-navigation a.next { text-transform: capitalize; } /*----------------------------------- * 10. RESPONSIVE PAGES *-----------------------------------*/