/* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties Mixins available: - css3-prefix - arguments: Property, Value - background-gradient - arguments: Start Color: #3C3C3C, End Color: #999999 - background-horizontal - arguments: Start Color: #3C3C3C, End Color: #999999 - background-radial - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100% - background-size - arguments: Width: 100%, Height: 100% - background-opacity - arguments: Color: #000, Opacity: .85 - border-radius - arguments: Radius: 5px - border-radius-separate - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px - box - arguments: Orientation: horizontal, Pack: center, Align: center - box-rgba - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C - box-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - box-sizing - arguments: Type: border-box - columns - arguments: Count: 3, Gap: 10 - double-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0 - flex - arguments: Value: 1 - flip - arguments: ScaleX: -1 - font-face - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf - opacity - arguments: Opacity: 0.5 - outline radius - arguments: Radius: 5px - resize - arguments: Direction: both - rotate - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0 CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html - text-shadow - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4) - transform - arguments: Parameters: null - transform-style - arguments: Style: preserve-3d - transition - Default arguments: What: all, Length: 1s, Easing: ease-in-out - - Examples: @include transition (all 2s ease-in-out); - @include transition (opacity 1s ease-in 2s, width 2s ease-out); - triple-borders - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0 - keyframes - arguments: Animation name - content: Animation css - animation - arguments: name duration timing-function delay iteration-count direction fill-mode play-state (http://www.w3schools.com/cssref/css3_pr_animation.asp) ------------------------------------------------------------- */ /* ADDS A BROWSER PREFIX TO THE PROPERTY */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ANIMATION */ /* ========================================================================== Style Button ========================================================================== */ /* ========================================================================== All Style Header ========================================================================== */ /* Align items center & stretch for header navigation */ /* ========================================================================== Start Style Footer ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /* Images */ /* Style Loadding */ /* ========================================================================== Style 1 ========================================================================== */ /* * Menu General All Screen */ /*------------------------------------------------------------------ [All Style Sidebar Widget] -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Widget Search ========================================================================== */ /* Footer Scroll Top */ /* Start Form Comment */ /* ========================================================================== [Start] Zo Masonry ========================================================================== */ @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-moz-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-ms-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-o-keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-ms-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-o-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); -khtml-transform: translate(100%); -moz-transform: translate(100%); -ms-transform: translate(100%); -o-transform: translate(100%); transform: translate(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translate(-100%); -khtml-transform: translate(-100%); -moz-transform: translate(-100%); -ms-transform: translate(-100%); -o-transform: translate(-100%); transform: translate(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-ms-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-o-keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-webkit-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-moz-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-ms-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-o-keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @keyframes toBottomFromTop { 49% { -webkit-transform: translateY(100%); -khtml-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 50% { opacity: 0; -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 51% { opacity: 1; } } @-webkit-keyframes toTopFromBottom2 { 0% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 100% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @-moz-keyframes toTopFromBottom2 { 0% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 100% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @-ms-keyframes toTopFromBottom2 { 0% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 100% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @-o-keyframes toTopFromBottom2 { 0% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 100% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @keyframes toTopFromBottom2 { 0% { -webkit-transform: translateY(-100%); -khtml-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } 100% { -webkit-transform: translateY(0); -khtml-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } .page #content > article > .entry-content > .vc_row { margin: 0; } .vc_row-no-padding .vc_inner { margin-left: 0 !important; margin-right: 0 !important; } *::-moz-selection { background: #847876; color: #fff; } *::-webkit-selection { background: #847876; color: #fff; } *::selection { background: #847876; color: #fff; } @media screen and (max-width: 991px) { body.disable-scroll { overflow: hidden; } } .zo-animation, .visible-hidden { visibility: hidden; } .align-center { text-align: center; } .align-left { text-align: left; } .align-right { text-align: right; } .left { float: left; } .right { float: right; } .entry-page-image { margin-bottom: 14px; } #main #page-default, #page { position: relative; } a, a:hover, a:focus { outline: none; text-decoration: none; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } p { margin: 0 0 15px; letter-spacing: 0.04em; } img { height: auto; max-width: 100%; } @media screen and (max-width: 991px) { .zo-row-full-width .no-container { padding-left: 15px; padding-right: 15px; } } .zo-row-full-width .no-container .row { margin: 0; } .zo-row-full-width .no-container .row .vc_column_container { padding: 0; } .no-container > .row { margin: 0; } .bg-effect-lg, .bg-effect-sm { background: repeat-y center center; background-size: 100%; } .bg-position-center { background-position: center center !important; } .bg-main-inset .wpb_wrapper { background: #847876; } .entry-content .wpb_row.background-image-fixed { overflow: hidden; position: inherit; } .entry-content .wpb_row.background-image-fixed .zo-overlay-color { height: 3000px; left: 0; position: relative; margin-bottom: -3000px; width: 100%; -webkit-transform: translateY(-20%); -khtml-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .entry-content .wpb_row .zo-overlay-color { position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .row-custom-bg-color { position: relative; /*Fix row flex*/ } .row-custom-bg-color .zo-custom-bg-left, .row-custom-bg-color .zo-custom-bg-right { position: absolute; top: 0; left: 0; width: 50%; height: 100%; } .row-custom-bg-color .zo-custom-bg-right { left: inherit; right: 0; } .vc_row.vc_row-o-content-middle { flex-wrap: wrap; /* ----> End VC Row Backgrund Color Custom */ } .zo-row-arrow { border: 20px solid; bottom: 0; height: 20px; left: 0; margin: auto; position: absolute; right: 0; width: 38px; } .row-arrow-top .zo-row-arrow { bottom: inherit; top: 0; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .row-arrow-top .zo-row-arrow:hover { cursor: pointer; } .row-overlay-color, .zo_parallax { position: relative; } .row-arrow-bottom .zo-row-arrow { border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; } .row-arrow-bottom .zo-row-arrow:hover { cursor: pointer; } #zo-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 1000; top: 0; /* [Start] Eror Page ==============================================================*/ } #zo-loadding .ball { position: absolute; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .error404 { /* [End] Eror Page ==============================================================*/ } .error404 #main { padding: 0 !important; } .error404 #main #primary { background-color: #847876; padding: 320px 0; } .error404 .entry-error404 { text-align: center; color: #333; } .error404 .entry-error404 .entry-header img { margin-bottom: 40px; } .error404 .entry-error404 .entry-header h1 { font-size: 50px; color: #333; } .error404 .entry-error404 .entry-header h2 { color: #333; font-size: 30px; line-height: 50px; } .error404 .entry-error404 .entry-content { padding: 20px 0; } .error404 .entry-error404 .entry-footer .btn-home { margin-right: 20px; } .zo-carousel.owl-carousel .owl-item img { width: auto; /* ZO GRID COLUMNS */ } @media (min-width: 1200px) { .zo-grid-wrapper .zo-lg-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-lg-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-lg-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-lg-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } @media (min-width: 992px) and (max-width: 1200px) { .zo-grid-wrapper .zo-md-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-md-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-md-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-md-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { .zo-grid-wrapper .zo-sm-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-sm-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-sm-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-sm-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } @media (max-width: 767px) { .zo-grid-wrapper .zo-xs-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } .zo-grid-wrapper .zo-xs-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } .zo-grid-wrapper .zo-xs-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } .zo-grid-wrapper .zo-xs-6cols .zo-grid-item:nth-child(6n+1) { clear: both; } } .zo-content-sidebar .container { width: 100%; padding-left: 0; padding-right: 0; } .wpb_row, .wpb_content_element, ul.wpb_thumbnails-fluid > li, .last_toggle_el_margin, .wpb_button { margin-bottom: 0 !important; } .post-password-form { /* VC Row in row */ } .post-password-form input[type="submit"] { border: 1px solid #847876; background: #847876; color: #fff; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; } .post-password-form input[type="submit"]:hover { background: #fff; color: #847876; } .post-password-form input[type="password"] { padding: 6px; font-size: 14px; max-width: 300px; } .row-in-row { /* Primary color class */ } .row-in-row .container { width: 100%; } .row-in-row .row { margin-left: 0; margin-right: 0; } .primary-color { color: #847876; /* Secondary color class */ } .secondary-color { color: #333; } blockquote { border-left: 4px solid #847876; padding: 15px 15px 15px 20px; margin: 15px 15px 10px 30px; font-style: italic; font-weight: normal; font-size: 20px; line-height: 35px; color: #333; } blockquote p { margin-bottom: 0; } dl { margin-bottom: 1.6em; } dt { font-weight: bold; } dd { margin-bottom: 1.6em; } table, th, td { border: 1px solid #eaeaea; } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.6em; /* Prevents HTML tables from becoming too wide */ table-layout: fixed; width: 100%; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } th, td { padding: 0.4em; } figure { margin: 0; } del { opacity: 0.8; } dl dt { font-weight: bold; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } .post-password-form input[type="submit"] { margin-top: 15px; } @media screen and (min-width: 1200px) { .no-padding .container { padding-left: 0; padding-right: 0; } } @media screen and (max-width: 991px) { /*Message box*/ .no-padding.zo-row-full-width .no-container { padding-left: 0; padding-right: 0; } } .custom-message .alert { border-radius: 0; position: relative; margin-bottom: 30px; } .custom-message .alert .close { position: absolute; right: 15px; top: 15px; font-size: 18px; font-weight: bold; } .custom-message .alert .vertical-align > div:first-child { text-align: center; } .custom-message.message-icon-1 .alert strong { font-size: 14px; } .custom-message.message-icon-1 .alert .fa { background: #fff; border-radius: 50%; color: #000; line-height: 38px; -webkit-transform: translateY(calc(50% + 17px)); -khtml-transform: translateY(calc(50% + 17px)); -moz-transform: translateY(calc(50% + 17px)); -ms-transform: translateY(calc(50% + 17px)); -o-transform: translateY(calc(50% + 17px)); transform: translateY(calc(50% + 17px)); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ height: 38px; text-align: center; width: 38px; } .custom-message.message-icon-2.message-style-1 .alert .fa { border: 1px solid #fff; } .custom-message.message-icon-2.message-style-2 .alert.alert-success .fa { border: 1px solid #2fba87; } .custom-message.message-icon-2.message-style-2 .alert.alert-warning .fa { border: 1px solid #ffc11b; } .custom-message.message-icon-2.message-style-2 .alert.alert-info .fa { border: 1px solid #6dcff6; } .custom-message.message-icon-2.message-style-2 .alert.alert-danger .fa { border: 1px solid #eb5020; } .custom-message.message-icon-2 .alert strong { font-size: 14px; } .custom-message.message-icon-2 .alert .fa { border-radius: 50%; line-height: 38px; height: 38px; text-align: center; width: 38px; } .custom-message.message-icon-2 .alert .vertical-align > div:first-child { text-align: center; } .custom-message.message-style-1 .alert { font-size: 11px; color: #fff; } .custom-message.message-style-1 .alert .close { color: #fff; } .custom-message.message-style-1 .alert.alert-success { background: #2fba87; border-color: #2fba87; } .custom-message.message-style-1 .alert.alert-warning { background: #ffc11b; border-color: #ffc11b; } .custom-message.message-style-1 .alert.alert-info { background: #6dcff6; border-color: #6dcff6; } .custom-message.message-style-1 .alert.alert-danger { background: #eb5020; border-color: #eb5020; } .custom-message.message-style-2 .alert { font-size: 11px; border-width: 2px; } .custom-message.message-style-2 .alert.alert-success { color: #2fba87; border-color: #2fba87; background: #e7f6f0; } .custom-message.message-style-2 .alert.alert-success .close { color: #2fba87; } .custom-message.message-style-2 .alert.alert-warning { color: #ffc11b; border-color: #ffc11b; background: #fffbf0; } .custom-message.message-style-2 .alert.alert-warning .close { color: #ffc11b; } .custom-message.message-style-2 .alert.alert-info { color: #6dcff6; border-color: #6dcff6; background: #effaff; } .custom-message.message-style-2 .alert.alert-info .close { color: #6dcff6; } .custom-message.message-style-2 .alert.alert-danger { color: #eb5020; border-color: #eb5020; background: #fff0ec; } .custom-message.message-style-2 .alert.alert-danger .close { color: #eb5020; } .zo-button { -webkit-transition: all ease-in-out 0.3s; -khtml-transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -ms-transition: all ease-in-out 0.3s; -o-transition: all ease-in-out 0.3s; transition: all ease-in-out 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-half-container-left { padding-left: 15px !important; padding-right: 15px !important; } @media screen and (min-width: 1170px) { .zo-half-container-left { padding-left: calc((100% - 1140px) / 2) !important; } } .zo-half-container-right { padding-right: 15px !important; padding-left: 15px !important; } @media screen and (min-width: 1170px) { .zo-half-container-right { padding-right: calc((100% - 1170px) / 2) !important; } } @media screen and (max-width: 979px) { .zp-checkout .zo-pricing-table { width: 950px !important; max-width: none; } } .zp-checkout .zo-pricing-table thead th { text-align: center; border-bottom: unset !important; } .zp-checkout .zo-pricing-table tbody td { padding: 25px; } .zp-checkout .zo-pricing-table tbody .pricing-table-price { text-align: right; font-size: 18px; } .zp-checkout .zo-pricing-table tbody .pricing-table-price .amount sub { top: -10px; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-feature { margin-top: 10px; margin-bottom: 20px; padding: 0 15px 25px; border: 1px solid #eaeaea; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-feature h3 { text-align: center; margin-top: 20px; text-transform: uppercase; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-feature ul { padding-left: 0; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-feature ul li { list-style-type: none; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-feature ul li .pricing-key { padding-right: 5px; font-weight: 600; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total { margin-top: 10px; border: 1px solid #eaeaea; padding-bottom: 20px; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total h3 { text-align: center; margin-top: 20px; text-transform: uppercase; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total label { color: #666; float: left; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .subtotal, .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .discount, .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .total { text-align: right; font-weight: 600; color: #333; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .amount { font-size: 18px; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .amount sub { top: -10px; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .total { margin-bottom: 15px; border-bottom: 1px dotted #eaeaea; clear: both; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .payment { text-align: center; margin-bottom: 15px; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .zo-button-wraper { text-align: center; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .zo-button-wraper .zo-button { border: unset; background: #847876; color: #fff; padding: 15px 25px; border-radius: 3px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ text-transform: uppercase; } .zp-checkout .zo-pricing-cart-detail .zo-pricing-total .zo-button-wraper .zo-button:hover { background: #333; } .tp-bullets .tp-bullet { height: 8px; width: 8px; background: rgba(255, 255, 255, 0.5); } .tp-bullets .tp-bullet span { display: none; } .sticky-sidebar .menu { padding-left: 0; margin-top: 0; } .sticky-sidebar .menu li { list-style-type: none; padding-left: 15px; position: relative; border-bottom: 1px solid #fff; background: #f8f8f8; } .sticky-sidebar .menu li a { font-weight: 400; line-height: 45px; } .sticky-sidebar .menu li:before { position: absolute; left: 0; top: 0; width: 3px; height: 100%; content: ""; background: transparent; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .sticky-sidebar .menu li:hover:before { background: #847876; } .sticky-sidebar .menu li.current-menu-item a { color: #847876; } .sticky-sidebar .menu li.current-menu-item:before { background: #847876; } .btn, button, .button, input[type="submit"] { font-size: 16px; line-height: 1; padding: 8px 24px; display: inline-block; outline: medium none; text-decoration: none; text-transform: capitalize; cursor: pointer; -webkit-transition: all 300ms ease !important; -khtml-transition: all 300ms ease !important; -moz-transition: all 300ms ease !important; -ms-transition: all 300ms ease !important; -o-transition: all 300ms ease !important; transition: all 300ms ease !important; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .btn:hover, button:hover, .button:hover, input[type="submit"]:hover, .btn:focus, button:focus, .button:focus, input[type="submit"]:focus { outline: medium none; text-decoration: none; } .btn-default { background: transparent; color: #000; padding: 0; width: 170px; line-height: 39px; border: 1px solid #000 !important; } .btn-default:hover { background: #fff; color: #847876; } .btn-transition { -webkit-transition: all 300ms ease !important; -khtml-transition: all 300ms ease !important; -moz-transition: all 300ms ease !important; -ms-transition: all 300ms ease !important; -o-transition: all 300ms ease !important; transition: all 300ms ease !important; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .btn-border-width-on-slider { border-width: 1px !important; /* ========================================================================== End Style Button ========================================================================== */ } #comments .comments-title, #comments .comment-reply-title { position: relative; text-transform: uppercase; font-size: 20px; line-height: 22px; margin-top: 30px; margin-bottom: 20px; font-weight: 400; } #comments .comment-list { list-style: none; padding: 0; margin: 0 0 28px; } #comments .comment-list li.comment { list-style: none; } #comments .comment-list li { position: relative; padding-left: 0; } #comments .comment-list .comment-body { margin-bottom: 25px; padding: 20px; overflow: hidden; background: #f2f2f2; } #comments .comment-list .comment-body .comment-author-image { float: left; max-width: 70px; } @media screen and (max-width: 767px) { #comments .comment-list .comment-body .comment-author-image { margin-right: 10px; } } #comments .comment-list .comment-body .comment-author-image img { height: auto; width: 70px; } #comments .comment-list .comment-main { position: relative; margin-left: 100px; } @media screen and (max-width: 767px) { #comments .comment-list .comment-main { margin-left: 0; } } #comments .comment-list .comment-main .comment-header { overflow: hidden; border-bottom: 1px solid #e1e1e1; padding-bottom: 8px; } #comments .comment-list .comment-main .comment-header .comment-data { float: left; margin-top: -5px; } #comments .comment-list .comment-main .comment-header .comment-data .comment-author { font-weight: 400; font-size: 17px; line-height: 26px; color: #333; text-transform: uppercase; letter-spacing: 0; } @media screen and (max-width: 1199px) { #comments .comment-list .comment-main .comment-header .comment-data .comment-author { line-height: 1.5; } } #comments .comment-list .comment-main .comment-header .comment-data .comment-author a { color: #333; } #comments .comment-list .comment-main .comment-header .comment-data .comment-date { color: #777; font-size: 16px; line-height: 26px; font-weight: 300; letter-spacing: 0; } #comments .comment-list .comment-main .comment-header .comment-data .comment-awaiting-moderation { color: #847876; } #comments .comment-list .comment-main .comment-header .reply { width: 150px; text-align: right; font-size: 16px; line-height: 22px; letter-spacing: 0; text-transform: capitalize; color: #847876; } #comments .comment-list .comment-main .comment-header .reply a { color: #847876; } #comments .comment-list .comment-main .comment-header .reply a:hover { color: #333; } #comments .comment-list .comment-main .reply { position: absolute; right: 0; top: 0; text-align: right; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; } #comments .comment-list ul.children { padding-left: 70px; position: relative; } #comments .comment-list ul.children .comment-author-image { max-width: 109px; float: left; } #comments #commentform p { margin: 0 0 10px; } #comments #commentform p input[type="text"], #comments #commentform p textarea { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ font-size: 13px; border-color: #ebebeb; } #comments #commentform p input[type="text"]:focus, #comments #commentform p textarea:focus { border-color: #847876; } #comments #commentform p label { font-size: 12px; font-style: italic; letter-spacing: 0.1em; color: #141414; text-transform: uppercase; } #comments #commentform p.comment-form-author, #comments #commentform p.comment-form-email { width: 50%; float: left; padding-right: 20px; } #comments #commentform p.comment-form-author input, #comments #commentform p.comment-form-email input { background: #f2f2f2; border: none; font-size: 17px; line-height: 26px; color: #333; letter-spacing: 0; font-weight: 300; } @media screen and (max-width: 767px) { #comments #commentform p.comment-form-author, #comments #commentform p.comment-form-email { width: 100%; padding-right: 0; } } #comments #commentform p.comment-form-email { padding-right: 0; } #comments #commentform p.comment-form-comment { clear: both; margin-bottom: 15px; padding-top: 10px; } #comments #commentform p.comment-form-comment textarea { color: #333; font-size: 17px; line-height: 22px; letter-spacing: 0; font-weight: 300; height: 120px; max-height: 120px; background: #f2f2f2; border: none; } #comments #commentform p.form-submit { text-align: left; } #comments #commentform p.form-submit input { margin-top: 15px; margin-bottom: 15px; font-size: 17px; line-height: 22px; padding: 13px 50px; text-transform: uppercase; background: #847876; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ color: #fff; font-weight: 400; border: none; } #comments #commentform p.form-submit input:hover { background: #847876; } .single #comments { margin-bottom: 60px; margin-top: 30px; } @media screen and (min-width: 992px) { .align-items-center-stretch, .align-items-center-stretch > div { display: flex !important; align-items: center; align-self: stretch; flex-flow: row wrap; } .align-items-center-stretch .main-navigation, .align-items-center-stretch .main-navigation > nav > div, .align-items-center-stretch .main-navigation > div, .align-items-center-stretch .main-navigation .menu-main-menu, .align-items-center-stretch .main-navigation .menu-main-menu > li, .align-items-center-stretch .main-navigation .menu-main-menu > ul, .align-items-center-stretch .main-navigation .menu-main-menu > ul > li { display: flex !important; align-items: center; align-self: stretch; } } @media screen and (max-width: 767px) { #zo-header-top { min-height: 35px; } #zo-header-top .header-top-left { text-align: center; } #zo-header-top .header-top-left ul li { line-height: 35px; } #zo-header-top .header-top-right { text-align: center; background: rgba(255, 255, 255, 0.1); } #zo-header-top .header-top-right ul li { line-height: 35px; } } #zo-header-top .header-top-contact { margin: 0; padding: 0; } @media screen and (max-width: 767px) { #zo-header-top .header-top-contact { text-align: center; } } #zo-header-top .header-top-contact li { list-style-type: none; display: inline-block; } #zo-header-top .header-top-contact li:first-child { margin-right: 20px; } #zo-header-top .header-top-contact li i { font-size: 14px; } #zo-header-top .header-top-navigation li { list-style-type: none; display: inline-block; padding: 0 10px 0 0; } #zo-header-top .header-top-navigation li + li:before { content: '|'; margin-right: 12px; color: #4e7d91; font-weight: 300; } #zo-header-top .header-top-social { margin: 0px; padding: 0px; } @media screen and (max-width: 767px) { #zo-header-top .header-top-social { text-align: center; } } #zo-header-top .header-top-social li { list-style: none; display: inline-block; width: 45px; text-align: center; } #zo-header-top .header-top-social li:hover i { -webkit-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -khtml-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -moz-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -ms-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; -o-animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; animation: 0.3s ease 0s normal forwards 1 running toTopFromBottom; /* BACKGROUND GRADIENT */ /*///////////////////////////////////ANIMATION//////////////////////////////////*/ } #zo-header-top .header-top-social li.facebook { background: rgba(93, 130, 209, 0.2); } #zo-header-top .header-top-social li.facebook:hover { background: #5d82d1; } #zo-header-top .header-top-social li.twitter { background: rgba(64, 191, 245, 0.2); } #zo-header-top .header-top-social li.twitter:hover { background: #40bff5; } #zo-header-top .header-top-social li.google { background: rgba(235, 94, 76, 0.2); } #zo-header-top .header-top-social li.google:hover { background: #eb5e4c; } #zo-header-top .header-top-social li.pinterest { background: rgba(225, 49, 56, 0.2); } #zo-header-top .header-top-social li.pinterest:hover { background: #e13138; } #zo-header-top .header-top-social li.vimeo { background: rgba(53, 198, 234, 0.2); } #zo-header-top .header-top-social li.vimeo:hover { background: #35c6ea; } #zo-header-top .header-top-social li.linkedin { background: rgba(35, 140, 200, 0.2); } #zo-header-top .header-top-social li.linkedin:hover { background: #238cc8; } #zo-header-top .header-top-social li.dribbble { background: rgba(247, 101, 156, 0.2); } #zo-header-top .header-top-social li.dribbble:hover { background: #f7659c; } #zo-header-top .header-top-social li.youtube { background: rgba(239, 78, 65, 0.2); } #zo-header-top .header-top-social li.youtube:hover { background: #ef4e41; } #zo-header-top .header-top-social li.rss { background: rgba(250, 163, 61, 0.2); } #zo-header-top .header-top-social li.rss:hover { background: #faa33d; } #zo-header-top .header-top-social li a { font-size: 15px; display: block; color: #fff; } @media screen and (max-width: 767px) { #zo-header-top .header-top-social li { width: 35px; } #zo-header-top .header-top-social li a { line-height: 35px; font-size: 14px; } } #zo-header { width: 100%; z-index: 999; top: 0; -webkit-transition: all 300ms ease, width 0ms; -khtml-transition: all 300ms ease, width 0ms; -moz-transition: all 300ms ease, width 0ms; -ms-transition: all 300ms ease, width 0ms; -o-transition: all 300ms ease, width 0ms; transition: all 300ms ease, width 0ms; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header.header-transparent { position: absolute; } #zo-header .zo-header-main { position: relative; } #zo-header .zo-header-main .zo-header-logo { max-width: 100%; } #zo-header .zo-header-main .zo-sticky-logo { display: none; } #zo-header .zo-header-main .zo-header-secondary { max-width: 100%; } #zo-header .zo-header-main .zo-header-secondary .sub-menu { text-align: left; } #zo-header .zo-header-main .zo-header-navigation-left { display: inline-block; } #zo-header .zo-header-main .zo-header-navigation-right { display: inline-block; } #zo-header.no-sticky { position: relative; } #zo-header > .container { position: relative; z-index: 99; } #zo-header.header-vertical .zo-header-main { display: inline-block; width: 100%; } @media screen and (max-width: 991px) { #zo-header .zo-header-secondary { position: absolute; top: 0; right: 60px; } } @media screen and (max-width: 991px) { #zo-header.header-style-02 .zo-header-secondary { position: absolute; top: calc(50% - 20px); right: 60px; } } @media screen and (max-width: 767px) { #zo-header.header-style-02 .zo-header-secondary { display: none; } } .header-sticky.affix { position: fixed; top: 0; box-shadow: 1px 0 15px 0px #888; } .admin-bar .header-sticky.affix { top: 32px; } .header-sticky.affix .zo-sticky-logo { display: inline-block !important; } #zo-header-logo { /*** Admin Bar ***/ } #zo-header-logo img { -webkit-transition: all 500ms ease 0ms; -khtml-transition: all 500ms ease 0ms; -moz-transition: all 500ms ease 0ms; -ms-transition: all 500ms ease 0ms; -o-transition: all 500ms ease 0ms; transition: all 500ms ease 0ms; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ max-height: 200px; } #zo-header-logo span { padding-left: 10px; font-size: 12px; display: inline-block; } .admin-bar { /*** End Admin Bar ***/ } .admin-bar #zo-header.no-sticky { top: 0; } @media screen and (min-width: 992px) { /* Cart and Search ==========================================================*/ .zo-header-close { display: inline-block; width: 50px; height: 50px; font-size: 9px; cursor: pointer; text-align: center; font-weight: 700; z-index: 999; position: absolute; top: 15px; right: 0; background: #fff; -webkit-transition: all 500ms ease; -khtml-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .header-vertical-right .zo-header-close { left: 0; } .zo-header-close span { background: transparent; display: block; height: 3px; position: relative; width: 23px; margin-left: 13px; top: 50%; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-close span:before, .zo-header-close span:after { content: ""; position: absolute; top: 50%; height: 3px; left: 0; width: 100%; background: #333; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-header-close span:before { -webkit-transform: translateY(-50%) rotate(-45deg); -khtml-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-close span:after { -webkit-transform: translateY(-50%) rotate(45deg); -khtml-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .disable-header-vertical .zo-header-close { -webkit-box-shadow: 0px 0px 2px 0px #acacac; -khtml-box-shadow: 0px 0px 2px 0px #acacac; -moz-box-shadow: 0px 0px 2px 0px #acacac; -ms-box-shadow: 0px 0px 2px 0px #acacac; -o-box-shadow: 0px 0px 2px 0px #acacac; box-shadow: 0px 0px 2px 0px #acacac; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .disable-header-vertical .zo-header-close span { background: #333; } .disable-header-vertical .zo-header-close span:before, .disable-header-vertical .zo-header-close span:after { -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .disable-header-vertical .zo-header-close span:before { top: -6px; } .disable-header-vertical .zo-header-close span:after { bottom: -6px; top: initial; } .header-vertical-left .zo-header-close { right: -50px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; /* BOX */ } .header-vertical-right .zo-header-close { left: -50px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 3px; /* BOX */ } } .widget_cart_search_wrap { text-align: right; } @media screen and (min-width: 992px) { .header-vertical .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content, .header-vertical .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { top: 70px; right: initial; left: 100%; width: 360px; } .header-vertical-right .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content, .header-vertical-right .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { left: initial; right: 100%; } } @media screen and (min-width: 992px) { .widget_cart_search_wrap .widget_cart_search_wrap_item { padding-left: 5px; display: inline-block; } } @media screen and (max-width: 991px) { .widget_cart_search_wrap .widget_cart_search_wrap_item { display: inline; } } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon { display: inline-block; text-align: center; } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.icon_cart_wrap { position: relative; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { height: 0; overflow: hidden; opacity: 0; -webkit-transition: all 500ms ease; -khtml-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content.active, .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content.active { height: auto; overflow: hidden; opacity: 1; z-index: 100; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content { width: 360px; position: absolute; background-color: #141414; border-radius: 0 0 2px 2px; top: 100%; right: 16px; } @media screen and (max-width: 768px) { .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content { right: -45px; width: 290px; } } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner { padding: 20px; line-height: 50px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list { list-style: none inside; margin: 0; padding: 0; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list { border-bottom: 1px solid #393939; color: #fff; overflow: hidden; padding: 20px 0; line-height: normal; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list.empty { text-align: center; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list a { float: left; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list a img { width: 100px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info { padding-left: 115px; text-align: left; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .title { font-weight: 400; color: #fff; font-size: 16px; padding: 0 0 5px; margin: -4px 0 0; text-transform: uppercase; line-height: normal; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .amount { color: #847876; display: block; font-size: 16px; font-style: italic; padding-bottom: 8px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity { display: block; color: #858585; font-size: 16px; text-transform: uppercase; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity a { float: right; margin-left: 15px; color: #858585; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .total { font-size: 16px; color: #fff; display: block; text-align: center; text-transform: uppercase; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .total .amount { font-size: 36px; padding-left: 10px; color: #847876; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .btn { width: 100%; text-align: center; color: #fff !important; padding: 12px; text-transform: uppercase; border-radius: 2px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout { background: #847876; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout:hover { background: rgba(132, 120, 118, 0.8); } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .btn.btn-cart { background-color: #909090; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown_content .shopping_cart_dropdown_inner .cart-total .btn.btn-cart:hover { background: #847876; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { position: absolute; max-width: 100%; width: 360px; min-width: 300px; right: 15px; top: 100%; border-radius: 0 0 3px 3px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form { position: relative; padding: 25px 20px 30px; border-top: 3px solid #847876; background: #edecec; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form:before { content: "\f002"; font-family: FontAwesome; font-size: 15px; right: 30px; top: 50%; position: absolute; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form:before:hover { color: #847876; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input { display: block; height: 40px; line-height: 40px; padding: 0; outline: none; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"] { font-size: 16px; background-color: transparent; border: none; font-weight: normal; padding: 0 10px; border-bottom: 1px solid #847876; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-webkit-input-placeholder { color: #cecece; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-moz-placeholder { color: #cecece; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-ms-input-placeholder { color: #cecece; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-moz-placeholder { color: #cecece; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:focus { outline: none; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] { font-size: 12px; text-transform: uppercase; padding: 0; position: absolute; right: 20px; top: 25px; color: transparent; background-color: transparent; border: 0; } @media screen and (max-width: 768px) { .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] { padding: 0 15px; } } @media screen and (max-width: 991px) { .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { left: initial; right: -45px; width: 290px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form { padding-left: 15px; padding-right: 15px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="submit"] { right: 15px; } } #zo-header.header-style-02 { position: relative; } #zo-header.header-style-02:before { content: ""; left: 0; position: absolute; width: 100%; bottom: 0; } #zo-header.header-style-02 .sub-menu { text-align: left; } @media screen and (min-width: 992px) { #zo-header.header-vertical { height: 100%; position: fixed; top: 0; background: #fff; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -khtml-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -moz-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -ms-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .header-vertical-left #zo-header.header-vertical { left: 0; box-shadow: 1px 15px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 1px 15px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 15px 5px 0 rgba(0, 0, 0, 0.1); } .header-vertical-right #zo-header.header-vertical { right: 0; box-shadow: -1px 15px 5px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: -1px 15px 5px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: -1px 15px 5px 0 rgba(0, 0, 0, 0.1); } .admin-bar #zo-header.header-vertical { top: 32px; } #zo-header.header-vertical .zo-header-bottom { width: 100%; position: absolute; bottom: 30px; left: 0; } #zo-header.header-vertical .nav-menu li { display: block; } } @media screen and (max-width: 991px) { .header-vertical .zo-header-bottom { display: none; } } .header-vertical-left #page { -webkit-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -khtml-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -moz-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -ms-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: margin 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } @media screen and (max-width: 1449px) { .header-vertical-left #page .container { width: 100%; } } #zo-header .zo-header-second-sidebar .widget_search { text-align: right; } #zo-header .zo-header-second-sidebar .widget_search .searchform { width: 300px; max-width: 100%; display: block; float: right; margin-right: 15px; margin-bottom: 0; } #zo-header .zo-header-second-sidebar .widget_search .searchform:before { font-size: 15px; line-height: 50px; right: 15px; } #zo-header .zo-header-second-sidebar .widget_search .searchform input[type="text"] { height: 40px; line-height: 40px; font-size: 14px; } #zo-page-element-wrap.symmetric { position: relative; } @media screen and (max-width: 767px) { #zo-page-element-wrap.symmetric .zo-page-title-content { display: inline !important; } #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-text, #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-secondary { display: inline !important; width: 100% !important; text-align: left !important; } #zo-page-element-wrap.symmetric .zo-page-title-content .zo-page-title-text h1 { font-size: 35px !important; line-height: 35px !important; margin-bottom: 0 !important; } #zo-page-element-wrap.symmetric .zo-page-title-content .breadcrumbs { padding-left: 0 !important; } } #zo-page-element-wrap.symmetric .zo-page-title-secondary { vertical-align: bottom; } .symmetric #breadcrumb-text { z-index: 1; } .symmetric #breadcrumb-text .breadcrumbs { margin: 0; padding: 0; display: inline; } @media screen and (max-width: 1199px) { .symmetric #breadcrumb-text .breadcrumbs { padding-left: 15px; } } .zo-page-title-text h1 { padding: 0; margin: 0; position: relative; } .zo-page-title-text .page-sub-title { text-align: center; text-transform: uppercase; color: #847876; } #breadcrumb-text { z-index: 1; } #breadcrumb-text .breadcrumbs { margin: 0; padding: 0; display: inline; } @media screen and (max-width: 1199px) { #breadcrumb-text .breadcrumbs { padding-left: 15px; } } #breadcrumb-text .breadcrumbs li { padding: 0 10px; display: inline-block; position: relative; } #breadcrumb-text .breadcrumbs li:after { content: "/"; position: absolute; right: -5px; } #breadcrumb-text .breadcrumbs li:first-child { padding-left: 0; } #breadcrumb-text .breadcrumbs li:last-child { padding-right: 0; } #breadcrumb-text .breadcrumbs li:last-child:after { content: ""; } #breadcrumb-text .breadcrumbs li a:hover { color: #847876; } #breadcrumb-text .breadcrumbs li .zo-breadcrumb-categrory-space { padding-right: 5px; } .zo-page-title-style-01.bellow .zo-page-title-text h1 { margin-bottom: 15px; } .zo-page-title-style-01 .breadcrumbs:before { border-bottom: 2px solid #fff; } .zo-page-title-style-02 { position: relative; border-top: 1px solid #ddd; } .zo-page-title-style-02:before { background: rgba(51, 51, 51, 0.05) none repeat scroll 0 0; box-shadow: 0 10px 30px 0 rgba(51, 51, 51, 0.5); content: ""; height: 2px; left: 0; position: absolute; top: -2px; width: 100%; } .zo-page-title-style-02 .zo-page-title-text h1 { color: #333 !important; } .zo-page-title-style-02 .breadcrumbs li { color: #333 !important; } .zo-page-title-style-02 .breadcrumbs li a { color: #333; } .zo-page-title-style-02 .breadcrumbs li a:hover { color: #847876; } @media (max-width: 991px) { .header-sticky.unsticky-mobile.affix { position: static; } } footer { position: relative; } #zo-footer-content { /*@Coppy right*/ } #zo-footer-content .zo-footer-columns .zo-footer-column .wg-title { margin-bottom: 40px; /* Footer Custom Menu */ } @media screen and (max-width: 767px) { #zo-footer-content .zo-footer-columns .zo-footer-column .wg-title { margin-top: 30px; margin-bottom: 30px; } } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-recent-posts-widget-with-thumbnails ul { padding: 0 !important; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-recent-posts-widget-with-thumbnails ul li { background: transparent; border-bottom: 0px; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_text .textwidget { margin-bottom: 20px; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget { position: relative; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget:hover:before { color: #847876; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget:before { color: #717779; content: ""; font-family: "FontAwesome"; font-size: 18px; height: 50px; position: absolute; right: -20px; top: 6px; z-index: 1; width: 50px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget .wg-title { color: #fff; font-size: 16px; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget .newsletter-email, #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget .tnp-email { padding: 10px; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget .newsletter-submit, #zo-footer-content .zo-footer-columns .zo-footer-column .widget_newsletterwidget .tnp-submit { background: transparent; border: medium none; font-size: 0; padding: 15px; position: absolute; right: 7px; top: 8px; z-index: 2; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-tweets-widget ul { padding-left: 0; margin: 0; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-tweets-widget ul li { list-style-type: none; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-tweets-widget ul li p { line-height: 22px; } @media screen and (max-width: 767px) { #zo-footer-content .zo-footer-columns.row { margin: 0; } } #zo-footer-copyright { /* End Widget Categories */ } @media screen and (max-width: 767px) { #zo-footer-copyright .zo-footer-copyright-notice { display: block; width: 100%; text-align: center; } #zo-footer-copyright .zo-copyright-secondary { display: block; width: 100%; } } #zo-footer-copyright a:hover { color: #847876 !important; } #zo-footer-copyright .zo-copyright-secondary { text-align: center; /*Socials*/ } #zo-footer-copyright .zo-copyright-secondary .widget_nav_menu ul { margin: 0; padding: 0; } #zo-footer-copyright .zo-copyright-secondary .widget_nav_menu ul li { list-style-type: none; display: inline-block; padding-left: 15px; } #zo-footer-copyright .footer-social { text-align: right; margin: 0; list-style: none; padding-left: 0; } @media screen and (max-width: 767px) { #zo-footer-copyright .footer-social { text-align: center; margin: 15px 0 25px; } } #zo-footer-copyright .footer-social li { list-style-type: none; display: inline-block; margin: auto 3px; } #zo-footer-copyright .footer-social li a { background: transparent none repeat scroll 0 0; } #zo-footer-copyright .footer-social li a i { border: 1px solid #494c50; border-radius: 50%; color: #847876; font-size: 14px; height: 32px; line-height: 22px; padding-top: 4px; text-align: center; width: 32px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-footer-copyright .footer-social li a i:hover { color: #fff; border: 1px solid #fff; } footer.entry-meta { font-size: 13px; line-height: 1.84615; color: #757575; margin: 0; text-align: center; clear: both; /* Back To Top */ } .back_to_top { color: #cdcdcd; height: auto; position: fixed; bottom: -40px; margin: 0; z-index: 10000; -webkit-transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -o-transition: all 1s ease 1s; transition: all 1s ease 1s; left: calc(50% - 21px); opacity: 0; filter: alpha(opacity=0); cursor: pointer; } .back_to_top.on { opacity: 1; filter: alpha(opacity=100); display: block; bottom: 10px; } #back_to_top span { width: 42px; height: 42px; line-height: 42px; text-decoration: none; -webkit-transition: all 0.2s ease 0s; -khtml-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ background: rgba(0, 0, 0, 0.10); display: block; text-align: center; color: #b0b0b0; /* ========================================================================== End Style Footer ========================================================================== */ } #back_to_top span:hover { background: #847876; color: #fff; } #back_to_top span:hover i { color: #fff; } #back_to_top span i { font-size: 15px; -webkit-transition: all 0.2s ease 0s; -khtml-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ line-height: 42px; color: #847876; } input[type='text'], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, select { font-size: 15px; padding: 10px 15px; border: 1px solid #ececec; width: 100%; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ line-height: normal; } textarea { height: 200px; max-width: 100%; } input[type='text']:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, textarea:focus { border: 1px solid #847876; /** Contact Form 7 */ } .wpcf7-form { /* ========================================================================== [End] All Style Form ========================================================================== */ } .wpcf7-form .wpcf7-form-item { margin-bottom: 24px; } .wpcf7-form input[type='text'], .wpcf7-form input[type="password"], .wpcf7-form input[type="datetime"], .wpcf7-form input[type="datetime-local"], .wpcf7-form input[type="date"], .wpcf7-form input[type="month"], .wpcf7-form input[type="time"], .wpcf7-form input[type="week"], .wpcf7-form input[type="number"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"], .wpcf7-form input[type="search"], .wpcf7-form input[type="tel"], .wpcf7-form input[type="color"], .wpcf7-form textarea, .wpcf7-form select { font-size: 14px; font-weight: 400; padding: 12px 15px; border: 1px solid rgba(132, 120, 118, 0.5); width: 100%; margin-bottom: 25px; border-radius: 2px; } .wpcf7-form textarea { height: 150px; } .wpcf7-form .wpcf7-submit { letter-spacing: 0.1em; font-size: 14px; padding: 15px 25px; line-height: 15px; background: #847876; color: #fff; text-transform: uppercase; border-radius: 3px; border: none; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ margin-bottom: 25px; } .wpcf7-form .wpcf7-submit:hover { background: #333; } .wpcf7-form .wpcf7-form-control-wrap .wpcf7-textarea + .wpcf7-not-valid-tip { bottom: -1px; } .wpcf7-form .wpcf7-not-valid-tip { font-size: 12px; position: absolute; right: 10px; top: -5px; color: #ff3a47; } .wpcf7-form .wpcf7-validation-errors { display: block; text-align: center; margin: 0; border: 1px solid transparent; color: #ff3a47; } .wpcf7-form .wpcf7-response-output { text-align: center; margin: 0; } .wpcf7-form .wpcf7-mail-sent-ok { border-color: #847876; } .wpcf7-form .cms-left { padding-left: 0; } .wpcf7-form .cms-right { padding-right: 0; } .wpb_images_carousel { max-width: 100%; margin: 0 auto; } .wpb_images_carousel .vc_item { text-align: center; } .wpb_images_carousel .vc_images_carousel.vc_per-view-more .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item > .vc_inner { padding: 0; margin: 0; } .wpb_images_carousel.overlay .vc_item img, .wpb_images_carousel.overlay .slick-slide img { opacity: 0.6; } .wpb_images_carousel.overlay .vc_item:hover img, .wpb_images_carousel.overlay .slick-slide:hover img { opacity: 1; } .wpb_images_carousel.green .slick-dots li.slick-active button::before { color: #847876; } .wpb_images_carousel .slick-dots li.slick-active button::before { color: #847876; } .wpb_images_carousel .vc_slide .vc_carousel-control { border: 0px; display: block; background: #fff; background: rgba(255, 255, 255, 0.5); /* COLOR OPACITY */ height: 70px; opacity: 1; width: 20px; line-height: 70px; margin: 0; top: 50%; color: #fff; text-shadow: none; -webkit-transform: translate(0px, -50%); -khtml-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ text-shadow: none 2px 5px rgba(0, 0, 0, .4); /* TRANSFORM */ font-size: 22px; } .wpb_images_carousel .vc_slide .vc_carousel-control:hover { background-color: #fff; } .wpb_images_carousel .vc_slide .vc_carousel-control span { display: none; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left { left: 0px; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_left:before { content: "\f104"; font-family: FontAwesome; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right { right: 0px; } .wpb_images_carousel .vc_slide .vc_carousel-control.vc_right:before { content: "\f105"; font-family: FontAwesome; } @media screen and (max-width: 767px) { .wpb_images_carousel .vc_images_carousel { width: 100% !important; } .wpb_images_carousel .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item { visibility: visible; height: auto !important; /*+ .vc_item{ margin-top: 50px; }*/ float: left; } .wpb_images_carousel.about-us-carousel-2 .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner .vc_item + .vc_item { margin-top: 0px; } } @media screen and (max-width: 991px) { /* ========================================================================== [End] Images Carousel ========================================================================== */ /*ZO BUTTON*/ .wpb_images_carousel .zo_images_carousel-wrap { text-align: center; } .wpb_images_carousel .zo_images_carousel-wrap .zo_images_carousel > div + div { margin-top: 50px; } } .template-zo_button { /*Short code Video*/ } .template-zo_button .zo-button i { padding: 0 5px; } .zo-video-custom { position: relative; } .zo-video-custom > img { padding-right: 0; width: 100%; } .zo-video-custom a.play-button span { position: absolute; padding: 10px; -webkit-border-radius: 100%; -khtml-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; /* BACKGROUND GRADIENT */ top: calc(50% - 50px); left: calc(50% - 50px); background: #fff; background: rgba(255, 255, 255, 0.3); /* COLOR OPACITY */ } .zo-video-custom a.play-button span i { font-size: 25px; color: #847876; width: 80px; height: 80px; background: #fff; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ line-height: 80px; text-indent: 10px; } .zo-video-custom a.play-button span:hover { -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ background: #847876; background: rgba(132, 120, 118, 0.3); /* COLOR OPACITY */ } .zo-video-custom a.play-button span:hover i { background: #847876; color: #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-video-custom .video-close { position: absolute; top: 30px; right: 30px; color: #fff; } .zo-video-custom .video-close:hover { color: #000; } img { max-width: 100%; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content .wp-caption, .post .wp-caption { text-align: center; } .wp-caption { /* Keep wide captions from overflowing their container. */ max-width: 100%; padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; /* Video background */ } .row-bg-video { position: relative; /** * Slideshow */ } .row-bg-video .zo-bg-video { overflow: hidden; position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; } @media screen and (max-width: 768px) { .row-bg-video .zo-bg-video { display: none; } } .row-bg-video .wp-video-shortcode { width: 100% !important; height: auto !important; } .rev_slider_wrapper { /* Slideshow =============================================*/ } .rev_slider_wrapper .tparrows.default { background: none; border: 1px solid rgba(255, 255, 255, 0.2); line-height: 37px; text-align: center; } .rev_slider_wrapper .tparrows.default.tp-leftarrow:before { content: "\f104"; font-family: FontAwesome; font-size: 30px; } .rev_slider_wrapper .tparrows.default.tp-rightarrow:before { content: "\f105"; font-family: FontAwesome; font-size: 30px; } .rev_slider_wrapper .tparrows.default:hover { border-color: #fff; } .rev_slider_wrapper .tparrows.default:hover:before { color: #fff; } .wpb_revslider_element .tp-bullets { z-index: 777; } .wpb_revslider_element .tp-bullets.simplebullets.round .bullet { padding: 0; background: none; background-color: #fff; width: 50px; height: 2px; margin: 0 5px; display: inline-block; cursor: pointer; } .wpb_revslider_element .tp-bullets.simplebullets.round .bullet.selected { background: #847876; } .wpb_revslider_element .tp-bullets.simplebullets.round .bullet:hover { background: #847876; } .loader { position: relative; width: 2.5em; height: 2.5em; -webkit-transform: rotate(165deg); -moz-transform: rotate(165deg); -ms-transform: rotate(165deg); -o-transform: rotate(165deg); transform: rotate(165deg); } .loader:before, .loader:after { content: ''; position: absolute; top: 50%; left: 50%; display: block; width: 0.5em; height: 0.5em; border-radius: 0.25em; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loader:before { -webkit-animation: before 2s infinite; -moz-animation: before 2s infinite; -ms-animation: before 2s infinite; -o-animation: before 2s infinite; animation: before 2s infinite; } .loader:after { -webkit-animation: after 2s infinite; -moz-animation: after 2s infinite; -ms-animation: after 2s infinite; -o-animation: after 2s infinite; animation: after 2s infinite; } @keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @keyframes after { /* Webkit */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } @-webkit-keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @-webkit-keyframes after { /* Moz */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } @-moz-keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @-moz-keyframes after { /* IE */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } @-o-keyframes before { 0% { width: 0.5em; -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } 35% { width: 2.5em; -webkit-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), 0 0.5em rgba(111, 202, 220, 0.75); } 70% { width: 0.5em; -webkit-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), 1em 0.5em rgba(111, 202, 220, 0.75); } 100% { -webkit-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -moz-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -ms-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); -o-box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), -1em 0.5em rgba(111, 202, 220, 0.75); } } @-o-keyframes after { /** * Attempt to center the whole thing! */ 0% { height: 0.5em; -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } 35% { height: 2.5em; -webkit-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), -0.5em 0 rgba(233, 169, 32, 0.75); } 70% { height: 0.5em; -webkit-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), -0.5em 1em rgba(233, 169, 32, 0.75); } 100% { -webkit-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -moz-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -ms-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); -o-box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), -0.5em -1em rgba(233, 169, 32, 0.75); } } .loader { position: absolute; top: calc(50% - 1.25em); left: calc(50% - 1.25em); /* ========================================================================== End Style 1 ========================================================================== */ /* ========================================================================== Style 2 ========================================================================== */ } @-webkit-keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-moz-keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-o-keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes ball { 0% { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.95, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 0.5, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -moz-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -ms-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -o-transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); transform: translate3d(0, 150px, -10px) scale3d(1, 1.25, 1); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @-webkit-keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-moz-keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-o-keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes ball-highlight { 0% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -moz-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -ms-transform: skew(-30deg, 0) translate3d(0, 0, 1px); -o-transform: skew(-30deg, 0) translate3d(0, 0, 1px); transform: skew(-30deg, 0) translate3d(0, 0, 1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-webkit-keyframes ball-shadow { 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-moz-keyframes ball-shadow { 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @-o-keyframes ball-shadow { 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes ball-shadow { /* Styles for old versions of IE */ 0% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 45% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } 50% { -webkit-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -moz-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -ms-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -o-transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); transform: translate3d(12.5px, -15px, -1px) scale3d(1, 1, 1); -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; } 55% { -webkit-transform: translate3d(12.5px, -15px, -1px); -moz-transform: translate3d(12.5px, -15px, -1px); -ms-transform: translate3d(12.5px, -15px, -1px); -o-transform: translate3d(12.5px, -15px, -1px); transform: translate3d(12.5px, -15px, -1px); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -ms-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -ms-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .ball { font-family: sans-serif; font-weight: 100; /* :not(:required) hides this rule from IE9 and below */ } .ball:not(:required) { position: relative; display: inline-block; font-size: 0; letter-spacing: -1px; border-radius: 100%; background: #f86; width: 50px; height: 50px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-animation: ball 1500ms infinite linear; -moz-animation: ball 1500ms infinite linear; -ms-animation: ball 1500ms infinite linear; -o-animation: ball 1500ms infinite linear; animation: ball 1500ms infinite linear; } .ball:not(:required)::after { content: ''; position: absolute; top: 4.5px; left: 5.5px; width: 15px; height: 15px; background: #ffb099; border-radius: 100%; -webkit-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -moz-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -ms-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -o-transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); transform: skew(-20deg, 0) translate3d(0, 2.5px, 1px); -webkit-animation: ball-highlight 1500ms infinite linear; -moz-animation: ball-highlight 1500ms infinite linear; -ms-animation: ball-highlight 1500ms infinite linear; -o-animation: ball-highlight 1500ms infinite linear; animation: ball-highlight 1500ms infinite linear; } .ball:not(:required)::before { content: ''; position: absolute; top: 50px; left: 5.5px; width: 50px; height: 15px; background: rgba(0, 0, 0, 0.2); border-radius: 100%; -webkit-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -moz-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -ms-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -o-transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); transform: translate3d(66.66667px, 66.66667px, -1px) scale3d(1.25, 1.25, 1); -webkit-animation: ball-shadow 1500ms infinite linear; -moz-animation: ball-shadow 1500ms infinite linear; -ms-animation: ball-shadow 1500ms infinite linear; -o-animation: ball-shadow 1500ms infinite linear; animation: ball-shadow 1500ms infinite linear; -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px); /* ========================================================================== End Style 2 ========================================================================== */ /* ========================================================================== Style Circle ========================================================================== */ } .l-wrapper { position: absolute; width: 480px; height: 276px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; } svg { height: 120px; width: 120px; margin: 0 2em 2em; /* border: 1px solid red; */ overflow: visible; } .g--circle { transform-origin: 60px 60px; fill: dodgerblue; animation: opacity 1.2s linear infinite; } .g--circle:nth-child(12n + 1) { animation-delay: -0.1s; transform: rotate(-30deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 2) { animation-delay: -0.2s; transform: rotate(-60deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 3) { animation-delay: -0.3s; transform: rotate(-90deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 4) { animation-delay: -0.4s; transform: rotate(-120deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 5) { animation-delay: -0.5s; transform: rotate(-150deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 6) { animation-delay: -0.6s; transform: rotate(-180deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 7) { animation-delay: -0.7s; transform: rotate(-210deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 8) { animation-delay: -0.8s; transform: rotate(-240deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 9) { animation-delay: -0.9s; transform: rotate(-270deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 10) { animation-delay: -1s; transform: rotate(-300deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 11) { animation-delay: -1.1s; transform: rotate(-330deg) translate(5px, 5px) scale(0.9); } .g--circle:nth-child(12n + 12) { animation-delay: -1.2s; transform: rotate(-360deg) translate(5px, 5px) scale(0.9); } .g-circles--v1 .g--circle { fill-opacity: 0; animation-name: opacity; } .g-circles--v2 .g--circle { fill-opacity: 0; stroke-opacity: 0; stroke-width: 1; stroke: yellowgreen; animation-name: opacity-stroke, colors, colors-stroke; } .g-circles--v2 .g--circle .u--circle { animation: transform-2 1.2s linear infinite; } .g-circles--v2 .g--circle:nth-child(12n + 1) .u--circle { animation-delay: -0.1s; } .g-circles--v2 .g--circle:nth-child(12n + 2) .u--circle { animation-delay: -0.2s; } .g-circles--v2 .g--circle:nth-child(12n + 3) .u--circle { animation-delay: -0.3s; } .g-circles--v2 .g--circle:nth-child(12n + 4) .u--circle { animation-delay: -0.4s; } .g-circles--v2 .g--circle:nth-child(12n + 5) .u--circle { animation-delay: -0.5s; } .g-circles--v2 .g--circle:nth-child(12n + 6) .u--circle { animation-delay: -0.6s; } .g-circles--v2 .g--circle:nth-child(12n + 7) .u--circle { animation-delay: -0.7s; } .g-circles--v2 .g--circle:nth-child(12n + 8) .u--circle { animation-delay: -0.8s; } .g-circles--v2 .g--circle:nth-child(12n + 9) .u--circle { animation-delay: -0.9s; } .g-circles--v2 .g--circle:nth-child(12n + 10) .u--circle { animation-delay: -1s; } .g-circles--v2 .g--circle:nth-child(12n + 11) .u--circle { animation-delay: -1.1s; } .g-circles--v2 .g--circle:nth-child(12n + 12) .u--circle { animation-delay: -1.2s; } .g-circles--v3 .g--circle { fill-opacity: 1; animation-name: opacity, colors; } .g-circles--v4 .g--circle { fill-opacity: 1; fill: orange; animation-name: opacity, colors-3; } .g-circles--v4 .u--circle { animation: transform 1.2s linear infinite; } .g-circles--v4 .g--circle:nth-child(12n + 1) .u--circle { animation-delay: -0.1s; } .g-circles--v4 .g--circle:nth-child(12n + 2) .u--circle { animation-delay: -0.2s; } .g-circles--v4 .g--circle:nth-child(12n + 3) .u--circle { animation-delay: -0.3s; } .g-circles--v4 .g--circle:nth-child(12n + 4) .u--circle { animation-delay: -0.4s; } .g-circles--v4 .g--circle:nth-child(12n + 5) .u--circle { animation-delay: -0.5s; } .g-circles--v4 .g--circle:nth-child(12n + 6) .u--circle { animation-delay: -0.6s; } .g-circles--v4 .g--circle:nth-child(12n + 7) .u--circle { animation-delay: -0.7s; } .g-circles--v4 .g--circle:nth-child(12n + 8) .u--circle { animation-delay: -0.8s; } .g-circles--v4 .g--circle:nth-child(12n + 9) .u--circle { animation-delay: -0.9s; } .g-circles--v4 .g--circle:nth-child(12n + 10) .u--circle { animation-delay: -1s; } .g-circles--v4 .g--circle:nth-child(12n + 11) .u--circle { animation-delay: -1.1s; } .g-circles--v4 .g--circle:nth-child(12n + 12) .u--circle { animation-delay: -1.2s; } @keyframes opacity { 3% { fill-opacity: 1; } 75% { fill-opacity: 0; } } @keyframes opacity-stroke { 10% { stroke-opacity: 1; } 85% { stroke-opacity: 0; } } @keyframes colors { 0% { fill: yellowgreen; } 10% { fill: gold; } 75% { fill: crimson; } } @keyframes colors-stroke { 0% { stroke: yellowgreen; } 10% { stroke: gold; } 75% { stroke: crimson; } } @keyframes colors-2 { 0% { fill: yellow; } 50% { fill: red; } 65% { fill: orangered; } 95% { fill: gold; } } @keyframes colors-3 { 0% { fill: yellowgreen; } 50% { fill: turquoise; } 65% { fill: yellow; } 95% { fill: orange; } } @keyframes transform { 10% { transform-origin: 70px 70px; transform: scale(0.75); } } @keyframes transform-2 { 40% { transform: scale(0.85) translate(10px, 10px); } 60% { stroke-width: 20; } } .nav-menu { margin: 0; padding: 0; text-indent: 0; display: inline-block; width: 100%; /* * Main Menu For Screen Large ( > 992px ). */ } .nav-menu li { display: inline-block; position: relative; list-style: none; } .nav-menu li a { display: inline-block; position: relative; } @media screen and (min-width: 992px) { /* * Max width of 992 pixels - Menu Mobi */ .nav-menu > li { /* Start Mega Menu */ } .nav-menu > li:hover { /* Style Sub Menu - Level 2 */ } .nav-menu > li:hover > ul.sub-menu { overflow: visible; visibility: visible; opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li:hover > ul.sub-menu.drop_to_center { -webkit-transform: scaleY(1) translateX(-32%); -khtml-transform: scaleY(1) translateX(-32%); -moz-transform: scaleY(1) translateX(-32%); -ms-transform: scaleY(1) translateX(-32%); -o-transform: scaleY(1) translateX(-32%); transform: scaleY(1) translateX(-32%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .header-vertical .nav-menu > li:hover > ul.sub-menu { -webkit-transform: scaleY(1) translateY(-50%); -khtml-transform: scaleY(1) translateY(-50%); -moz-transform: scaleY(1) translateY(-50%); -ms-transform: scaleY(1) translateY(-50%); -o-transform: scaleY(1) translateY(-50%); transform: scaleY(1) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu { position: absolute; left: 0; top: 100%; z-index: 99; padding: 0; overflow: hidden; visibility: hidden; opacity: 0; text-align: left; background: #f5f5f5; cursor: pointer; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; /* BOX */ -webkit-transform: scaleY(0); -khtml-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform: scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ -webkit-transform-origin: 0 0; -khtml-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; /* BACKGROUND GRADIENT */ /* TRANSFORM STYLE */ -webkit-transition: all 0.28s ease-in-out; -khtml-transition: all 0.28s ease-in-out; -moz-transition: all 0.28s ease-in-out; -ms-transition: all 0.28s ease-in-out; -o-transition: all 0.28s ease-in-out; transition: all 0.28s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .nav-menu > li ul.sub-menu.drop_to_center { -webkit-transform: scaleY(0) translateX(-32%); -khtml-transform: scaleY(0) translateX(-32%); -moz-transform: scaleY(0) translateX(-32%); -ms-transform: scaleY(0) translateX(-32%); -o-transform: scaleY(0) translateX(-32%); transform: scaleY(0) translateX(-32%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu.drop_to_right { left: initial; right: 0; } .header-vertical .nav-menu > li ul.sub-menu { top: 50%; -webkit-transform: scaleY(0) translateY(-50%); -khtml-transform: scaleY(0) translateY(-50%); -moz-transform: scaleY(0) translateY(-50%); -ms-transform: scaleY(0) translateY(-50%); -o-transform: scaleY(0) translateY(-50%); transform: scaleY(0) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .admin-bar .header-vertical .nav-menu > li ul.sub-menu { top: 32px; } .header-vertical-left .nav-menu > li ul.sub-menu { left: 100%; } .header-vertical-right .nav-menu > li ul.sub-menu { right: 100%; left: initial; } .nav-menu > li ul.sub-menu li { width: 100%; } .nav-menu > li ul.sub-menu li:hover > ul.sub-menu { overflow: visible; visibility: visible; opacity: 1; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu li:hover.no_group { background: red; } .nav-menu > li ul.sub-menu li .zo-menu-toggle i { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li ul.sub-menu li a { display: block; line-height: 40px; padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #dfe5e8; position: relative; /* Menu - Level > 3 */ } .nav-menu > li ul.sub-menu li a .menu-title { display: inline-block; line-height: 1.4; vertical-align: middle; } .nav-menu > li ul.sub-menu li a .menu-title i { margin-right: 10px; } .nav-menu > li ul.sub-menu li ul.sub-menu { top: 0; /* Menu Stick Wall */ left: 100%; } .nav-menu > li ul.sub-menu li ul.sub-menu.back { right: 100%; left: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul:not(.back) { right: 100%; left: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back { left: 100%; right: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back ul:not(.back) { left: 100%; right: auto; } .nav-menu > li ul.sub-menu li ul.sub-menu.back ul.back ul.back { right: 100%; left: auto; } .nav-menu > li ul.sub-menu li .zo-menu-toggle { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li.menu-item-has-children { /* End Mega Menu */ } .nav-menu > li.menu-item-has-children.has_full_width { position: inherit; } .nav-menu > li.menu-item-has-children.has_full_width > ul { left: 0 !important; } .nav-menu > li.menu-item-has-children.has_full_width.right-slide > ul { left: inherit !important; right: 30px; } .header-vertical .nav-menu > li.menu-item-has-children.has_full_width { position: relative; } .header-vertical .nav-menu > li.menu-item-has-children.has_full_width > ul { left: 100% !important; } .header-vertical-right .nav-menu > li.menu-item-has-children.has_full_width > ul { right: 100% !important; left: initial !important; } .nav-menu > li.menu-item-has-children .columns2 > li:nth-of-type(2n+1), .nav-menu > li.menu-item-has-children .columns3 > li:nth-child(3n+1), .nav-menu > li.menu-item-has-children .columns4 > li:nth-child(4n+1), .nav-menu > li.menu-item-has-children .columns5 > li:nth-child(5n+1) { clear: left; } .nav-menu > li.menu-item-has-children .columns5 > li { width: 20% !important; } .nav-menu > li.menu-item-has-children .columns4 > li { width: 25% !important; } .nav-menu > li.menu-item-has-children .columns3 > li { width: 33% !important; } .nav-menu > li.menu-item-has-children .columns2 > li { width: 50% !important; } .nav-menu > li.menu-item-has-children [class*="columns"] > li { float: left; } .nav-menu > li.menu-item-has-children [class*="columns"] > li > a { width: 100%; } .nav-menu > li.menu-item-has-children > ul.multicolumn .zo-menu-toggle, .nav-menu > li.menu-item-has-children > ul.drop_full_width .zo-menu-toggle { display: none; } .nav-menu > li.menu-item-has-children > ul.multicolumn ul.sub-menu, .nav-menu > li.menu-item-has-children > ul.drop_full_width ul.sub-menu { position: static; margin-top: 0; overflow: visible; visibility: visible; background: transparent; opacity: 1; box-shadow: none; min-width: initial; -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group + li, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group + li { border-left: 1px solid #dfe5e8; } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group > a, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a { color: #333; letter-spacing: 0.05em !important; text-transform: uppercase !important; } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group > a:before, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a:before { width: 0 !important; } .nav-menu > li.menu-item-has-children > ul.multicolumn > li.group ul.sub-menu, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group ul.sub-menu { min-width: initial; } .nav-menu > li.menu-item-has-children.right-slide { position: static !important; } .nav-menu > li.menu-item-has-children.right-slide > ul.multicolumn { left: inherit !important; right: 30px; } .header-style-02 .nav-menu > li.menu-item-has-children.right-slide > ul.multicolumn { right: 0; } .nav-menu > li.menu-item-has-children.position-static { position: static !important; } #zo-menu-mobile.collapse, .header-phone-logo { display: none; } #zo-header:not(.header-vertical) .nav-menu > li.menu-item-has-children.has_full_width > ul { width: 100% !important; max-width: 1170px; } .header-style-02 .nav-menu .menu-item-btn { float: right; } .zo-collapsed-menu .nav-menu > li { opacity: 0; visibility: hidden; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -khtml-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -ms-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); -o-transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); transition-timing-function: cubic-bezier(0.25, 0.5, 0.55, 0.95); /* BACKGROUND GRADIENT */ /* TRANSITION PROPERTY */ -webkit-transition-property: all; -khtml-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; /* BACKGROUND GRADIENT */ /* TRANSITION DURATION */ } .zo-collapsed-menu .nav-menu > li:nth-child(1) { -webkit-transition-delay: 0.15s; -khtml-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.1s; -khtml-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -ms-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(2) { -webkit-transition-delay: 0.2s; -khtml-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.15s; -khtml-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -ms-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(3) { -webkit-transition-delay: 0.25s; -khtml-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.2s; -khtml-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(4) { -webkit-transition-delay: 0.3s; -khtml-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.25s; -khtml-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(5) { -webkit-transition-delay: 0.35s; -khtml-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.3s; -khtml-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .nav-menu > li:nth-child(6) { -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.35s; -khtml-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -ms-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .widget_cart_search_wrap .shopping_cart_dropdown_wrap, .zo-collapsed-menu .widget_cart_search_wrap .widget_searchform_content_wrap { opacity: 0; visibility: hidden; } .zo-collapsed-menu .widget_cart_search_wrap .shopping_cart_dropdown_wrap { -webkit-transition-delay: 0.45s; -khtml-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -ms-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu .widget_cart_search_wrap .widget_searchform_content_wrap { -webkit-transition-delay: 0.5s; -khtml-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.45s; -khtml-transition-duration: 0.45s; -moz-transition-duration: 0.45s; -ms-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .widget_cart_search_wrap .shopping_cart_dropdown_wrap, .zo-collapsed-menu.active .widget_cart_search_wrap .widget_searchform_content_wrap { opacity: 1; visibility: visible; } .zo-collapsed-menu.active .widget_cart_search_wrap .widget_searchform_content_wrap { -webkit-transition-delay: 0.15s; -khtml-transition-delay: 0.15s; -moz-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.1s; -khtml-transition-duration: 0.1s; -moz-transition-duration: 0.1s; -ms-transition-duration: 0.1s; -o-transition-duration: 0.1s; transition-duration: 0.1s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .widget_cart_search_wrap .shopping_cart_dropdown_wrap { -webkit-transition-delay: 0.2s; -khtml-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.15s; -khtml-transition-duration: 0.15s; -moz-transition-duration: 0.15s; -ms-transition-duration: 0.15s; -o-transition-duration: 0.15s; transition-duration: 0.15s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li { opacity: 1; visibility: visible; } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+1) { -webkit-transition-delay: 0.25s; -khtml-transition-delay: 0.25s; -moz-transition-delay: 0.25s; -ms-transition-delay: 0.25s; -o-transition-delay: 0.25s; transition-delay: 0.25s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.2s; -khtml-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+2) { -webkit-transition-delay: 0.3s; -khtml-transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.25s; -khtml-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -ms-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+3) { -webkit-transition-delay: 0.35s; -khtml-transition-delay: 0.35s; -moz-transition-delay: 0.35s; -ms-transition-delay: 0.35s; -o-transition-delay: 0.35s; transition-delay: 0.35s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.3s; -khtml-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+4) { -webkit-transition-delay: 0.4s; -khtml-transition-delay: 0.4s; -moz-transition-delay: 0.4s; -ms-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.35s; -khtml-transition-duration: 0.35s; -moz-transition-duration: 0.35s; -ms-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+5) { -webkit-transition-delay: 0.45s; -khtml-transition-delay: 0.45s; -moz-transition-delay: 0.45s; -ms-transition-delay: 0.45s; -o-transition-delay: 0.45s; transition-delay: 0.45s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.4s; -khtml-transition-duration: 0.4s; -moz-transition-duration: 0.4s; -ms-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-menu.active .nav-menu > li:nth-last-child(n+6) { -webkit-transition-delay: 0.5s; -khtml-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -ms-transition-delay: 0.5s; -o-transition-delay: 0.5s; transition-delay: 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION TIMING FUNCTION */ -webkit-transition-duration: 0.45s; -khtml-transition-duration: 0.45s; -moz-transition-duration: 0.45s; -ms-transition-duration: 0.45s; -o-transition-duration: 0.45s; transition-duration: 0.45s; /* BACKGROUND GRADIENT */ /* TRIPLE BORDERS */ } .zo-collapsed-button { position: relative; width: 43px; float: right; margin-right: 15px; } .zo-collapsed-button span { background: #171717; height: 4px; width: 100%; top: 50%; right: 0; position: absolute; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-collapsed-button span:before, .zo-collapsed-button span:after { position: absolute; content: ""; right: 0; height: 4px; background: #171717; -webkit-transition: all 0.3s ease-in-out; -khtml-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-collapsed-button span:before { top: 10px; width: 32px; } .zo-collapsed-button span:after { bottom: 10px; width: 26px; } .zo-collapsed-button.close span { background: transparent; } .zo-collapsed-button.close span:before { top: initial; width: 100%; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-collapsed-button.close span:after { bottom: initial; width: 100%; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @media screen and (max-width: 991px) { .zo-main-logo { display: none; } .zo-header-navigation.show-menu { right: 0; } .close { opacity: 1; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .close:hover { opacity: 0.8; } .zo-header-navigation { background: #fff; position: fixed; width: 100%; overflow: auto; right: -100%; z-index: 99; bottom: 0; -webkit-transition: all 700ms ease; -khtml-transition: all 700ms ease; -moz-transition: all 700ms ease; -ms-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-menu-mobile { display: block; width: 55px; font-size: 9px; cursor: pointer; text-align: center; font-weight: 700; z-index: 999; /* First Level - Menu Mobi */ } #zo-menu-mobile span { display: block; height: 3px; position: relative; width: 23px; top: 50%; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } #zo-menu-mobile span:before, #zo-menu-mobile span:after { content: ""; position: absolute; height: 3px; left: 0; width: 100%; -webkit-transition: all 300ms ease; -khtml-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-menu-mobile span:before { top: -7px; } #zo-menu-mobile span:after { bottom: -7px; } #zo-menu-mobile.close { top: 0; -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } #zo-menu-mobile.close span { background: transparent; } #zo-menu-mobile.close span:before, #zo-menu-mobile.close span:after { top: 50%; } #zo-menu-mobile.close span:before { -webkit-transform: translateY(-50%) rotate(-45deg); -khtml-transform: translateY(-50%) rotate(-45deg); -moz-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } #zo-menu-mobile.close span:after { -webkit-transform: translateY(-50%) rotate(45deg); -khtml-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } ul.nav-menu > li { display: block; } ul.nav-menu > li a { padding-left: 15px; } ul.nav-menu > li li a { padding-left: 35px; } ul.nav-menu > li li li a { padding-left: 50px; } ul.nav-menu > li li li li a { padding-left: 65px; } ul.nav-menu > li .zo-menu-toggle { cursor: pointer; position: absolute; right: 10px; text-align: center; top: 0; width: 30px; line-height: inherit; /* Sub Level - Menu Mobi */ } ul.nav-menu > li .zo-menu-toggle i { -webkit-transition: all 800ms ease; -khtml-transition: all 800ms ease; -moz-transition: all 800ms ease; -ms-transition: all 800ms ease; -o-transition: all 800ms ease; transition: all 800ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ font-size: 18px; } ul.nav-menu > li ul.sub-menu { max-height: 0; padding: 0; overflow: hidden; width: 100% !important; -webkit-transition: all 1s ease; -khtml-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } ul.nav-menu > li ul.sub-menu li { display: block; background: transparent; } ul.nav-menu > li ul.sub-menu li.current_page_item > a, ul.nav-menu > li ul.sub-menu li.current-menu-ancestor > a, ul.nav-menu > li ul.sub-menu li:hover > a { background: transparent; border-bottom: none; } ul.nav-menu > li ul.sub-menu.submenu-open { max-height: 1500px; } ul.nav-menu > li ul.sub-menu.submenu-open + .zo-menu-toggle i { -webkit-transform: rotate(180deg); -khtml-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } @media screen and (max-width: 767px) { /* ========================================================================== End Style Main Menu ========================================================================== */ .header-style-02 #zo-menu-mobile.close { right: 0; } } .secondary, .wpb_widgetised_column { /** * RSS Widget */ } .secondary .widget, .wpb_widgetised_column .widget { border-bottom: none; margin-bottom: 50px; } .secondary .wg-title, .wpb_widgetised_column .wg-title { color: ; font-size: 18px; line-height: 30px; font-weight: 600; letter-spacing: 0; padding: 0; text-transform: uppercase; margin-bottom: 15px; } .secondary .widget_layered_nav ul, .wpb_widgetised_column .widget_layered_nav ul { margin: -20px 0 0 30px; } .secondary ul, .wpb_widgetised_column ul { margin: 0; padding: 0; } .secondary ul ul, .wpb_widgetised_column ul ul { margin: 0 0 0 15px; } .secondary ul li, .wpb_widgetised_column ul li { list-style: none inside; letter-spacing: 0; border: none; } .secondary ul li a, .wpb_widgetised_column ul li a { color: #888; } .secondary ul li a:hover, .wpb_widgetised_column ul li a:hover { color: #847876; } .secondary ul li.chosen a, .wpb_widgetised_column ul li.chosen a, .secondary ul li.current-cat a, .wpb_widgetised_column ul li.current-cat a { color: #847876; } .widget_rss ul li a { color: #847876; } .widget_tag_cloud h3 { margin-bottom: 30px; } .searchform, .woocommerce-product-search { position: relative; margin-bottom: 15px; /* ========================================================================== [Start] 2. Widget Search ========================================================================== */ /* ========================================================================== [Start] 4. Instagram ========================================================================== */ } .searchform:before, .woocommerce-product-search:before { font-size: 18px; position: absolute; right: 20px; line-height: 60px; top: -5px; content: "\f002"; font-family: FontAwesome; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .searchform:hover:before, .woocommerce-product-search:hover:before { color: #847876; } .searchform input[type="text"], .woocommerce-product-search input[type="text"], .searchform input[name="s"], .woocommerce-product-search input[name="s"] { width: 100%; margin: 0; height: 50px; line-height: 50px; display: block; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ box-sizing: border-box; font-style: italic; padding: 0 15px; } .searchform input[type="text"]:focus, .woocommerce-product-search input[type="text"]:focus, .searchform input[name="s"]:focus, .woocommerce-product-search input[name="s"]:focus { border: 1px solid #333; } .searchform input[type="submit"], .woocommerce-product-search input[type="submit"] { position: absolute; right: 20px; top: 0; width: 35px; height: 40px; line-height: 40px; background: none; border: none !important; text-indent: -99999px; opacity: 0; padding: 0; } .secondary .zo-instagram-pics { padding: 0 7px; margin-top: 15px; } .zo-instagram-pics { padding-top: 10px; /* ========================================================================== [End] 4. Instagram ========================================================================== */ /* ========================================================================== [Start] 5. Zo Recent Post ========================================================================== */ } .zo-instagram-pics .instagram-item { margin: 0 0 10px; padding: 0 10px 0 0; } .zo-instagram-pics .instagram-item a { display: block; position: relative; } .zo-instagram-pics .instagram-item a:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; background: rgba(255, 255, 255, 0.8); /* COLOR OPACITY */ opacity: 0; -webkit-transition: all 200ms ease-in-out; -khtml-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-instagram-pics .instagram-item a img.hover-icon { position: absolute; top: calc(50% - 4px); left: calc(50% - 14px); opacity: 0; } .zo-instagram-pics .instagram-item a:hover:before { opacity: 1; } .zo-instagram-pics .instagram-item a:hover img.hover-icon { opacity: 1; } .zo-recent-post { margin-top: 40px; } .zo-recent-post .zo-recent-post-wrapper { margin-left: 0; } .zo-recent-post .zo-recent-post-wrapper > li { margin: 0 0 40px; clear: both; line-height: normal; } .zo-recent-post .zo-recent-post-wrapper > li:last-child { margin: 0; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-media { width: 70px; max-width: 70px; float: left; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details { padding-left: 100px; font-size: 14px; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details.no-image { padding: 0; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .title { font-size: 16px; margin: 0 0 10px; color: #141414; font-weight: normal; letter-spacing: 0; line-height: normal; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .title a { color: #141414; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .date { display: inline-block; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .date .author { padding-left: 1px; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .date .author:before { content: "|"; padding-right: 3px; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .post-categories { margin: 0; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .post-categories li { line-height: normal; } .zo-recent-post .zo-recent-post-wrapper .zo-recent-details .post-categories li a { font-style: italic; font-size: 16px; color: #6f6f6f; } #secondary .zo-recent-post-wrapper { /** * Calendar Widget */ } #secondary .zo-recent-post-wrapper .zo-recent-details .date { color: #847876; } .widget_calendar table { width: 100%; /** * Products Rate */ } .widget_calendar table caption { background: #847876; color: #fff; font-size: 18px; line-height: 30px; font-weight: 500; letter-spacing: 0; padding: 10px 0 10px 20px; text-transform: uppercase; margin-bottom: 0; position: relative; } .widget_calendar table caption:before { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; } .widget_calendar table td { text-align: center; } .widget_top_rated_products { /** * News Tabs */ } .widget_top_rated_products .product_list_widget li { overflow: hidden; margin-bottom: 30px !important; } .widget_top_rated_products .product_list_widget li a img { float: left; width: 70px; height: 75px; margin-right: 30px; } .widget_top_rated_products .product_list_widget li a .product-title { float: left; color: #141414; font-size: 12px; width: calc(100% - 105px); line-height: normal; text-transform: uppercase; letter-spacing: 0.1em; font-weight: normal; word-wrap: break-word; } .widget_top_rated_products .product_list_widget li .amount { font-size: 18px; font-style: italic; letter-spacing: 0.1em; color: #141414; } .widget_top_rated_products .product_list_widget li ins { text-decoration: none; } .widget_ww_news_tabs { /* * Recent Comments */ } .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs { overflow: hidden; border-left: 1px solid #ececec; border-right: 1px solid #ececec; } .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs li { background-color: #f2f2f2; border: none; border-top: 2px solid transparent; display: block; float: left; width: 50%; text-align: center; letter-spacing: 0.1em; font-size: 12px; } .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs li a { display: block; border: none !important; } .widget_ww_news_tabs .tab-holder .tab-hold .nav-tabs li.active { background-color: transparent; border-top-color: #847876; } .widget_ww_news_tabs .tab-content { margin: 0; border-width: 0 1px 1px 1px; } .widget_ww_news_tabs .tab-content .tab-pane { padding: 40px 20px 0; } @media (min-width: 768px) and (max-width: 991px) { .widget_ww_news_tabs .tab-content .tab-pane { padding-left: 5px; padding-right: 5px; } } .widget_ww_news_tabs .tab-content .news-list { margin: 0; } .widget_ww_news_tabs .tab-content .news-list li { width: 100%; clear: both; overflow: hidden; margin-bottom: 40px; } .widget_ww_news_tabs .tab-content .news-list li .zo-image { width: 70px; height: 70px; float: left; } .widget_ww_news_tabs .tab-content .news-list li .zo-image + .zo-details { padding-left: 100px; } .widget_ww_news_tabs .tab-content .news-list li .zo-details { line-height: normal; } .widget_ww_news_tabs .tab-content .news-list li .zo-details h4 { font-size: 16px; line-height: normal; font-weight: 400; letter-spacing: 0; margin: 0 0 5px; padding: 0; } .widget_ww_news_tabs .tab-content .news-list li .zo-details a { font-style: italic; font-size: 16px; } .widget_recent_comments { /** * Rss Widget */ } .widget_recent_comments .recentcomments { color: #c8c8c8; } .widget_rss { /*Widget Recent-Posts Thumb*/ } .widget_rss ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #847876; } .widget_rss .rssSummary { line-height: 30px; } .widget_zo-recent-posts-widget-with-thumbnails ul { padding: 20px 0 0; background: transparent; border: unset; padding-left: 0; } .widget_zo-recent-posts-widget-with-thumbnails ul li { margin-bottom: 0px; padding: 0 0 20px; display: flex; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-thumb img { min-width: 80px; margin-right: 20px; max-height: 60px; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-title { line-height: 20px; margin-bottom: 5px; margin-top: -4px; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-title a { color: #333; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-title a:hover { color: #333; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-date { line-height: 20px; font-size: 12px; color: #aaa; } @media (min-width: 768px) and (max-width: 991px) { .widget_zo-recent-posts-widget-with-thumbnails ul li { display: inline-block; width: 100%; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-thumb { max-width: 80px; margin-bottom: 10px; } } .widget_zo-recent-posts-widget-with-thumbnails ul li:last-child { padding-bottom: 0; } .social-contact.widget_zo_social_widget, .zo-social-service.widget_zo_social_widget { display: inline-block; width: 100%; margin-top: 30px; } .social-contact.widget_zo_social_widget ul, .zo-social-service.widget_zo_social_widget ul { padding: 0; background: transparent; font-size: 0; margin: 0 -2.5px; } .social-contact.widget_zo_social_widget ul li, .zo-social-service.widget_zo_social_widget ul li { display: inline-block; padding: 5px 2.5px; margin-bottom: 5px; font-size: 13px; box-sizing: border-box; border: 0px; height: 64px; line-height: 64px; vertical-align: middle; } .social-contact.widget_zo_social_widget ul li:last-child, .zo-social-service.widget_zo_social_widget ul li:last-child { margin-right: 0; } .social-contact.widget_zo_social_widget ul li a, .zo-social-service.widget_zo_social_widget ul li a { text-align: center; display: block; background: #f2f2f2; width: 48px; height: 54px; line-height: 54px; } .social-contact.widget_zo_social_widget ul li:hover, .zo-social-service.widget_zo_social_widget ul li:hover { -webkit-transition: all 200ms ease-in-out; -khtml-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ position: relative; width: 55px; padding: 0 2.5px; } .social-contact.widget_zo_social_widget ul li:hover a, .zo-social-service.widget_zo_social_widget ul li:hover a { position: absolute; height: 100%; transition: all 0s; color: #fff; background: #847876; display: block; line-height: 64px; } .zo-social-service.widget_zo_social_widget { margin-top: 0px; } .form-sidebar { background: #f2f2f2; padding: 10px; text-align: center; } .form-sidebar p:last-child { position: relative; } .form-sidebar p:last-child img { position: absolute; right: 45px; top: 12px; } .form-sidebar .wpcf7-validation-errors { color: #847876; } .form-sidebar input[type='text'], .form-sidebar textarea { background: #fff; margin-bottom: 0; font-size: 17px; line-height: 22px; color: #777; font-weight: 100; font-style: normal; padding-left: 18px; } .form-sidebar input[type='text'] { height: 40px; } .form-sidebar textarea { height: 100px; } .form-sidebar .send-message { background-color: #847876; color: #fff; display: inline-block; text-transform: capitalize; width: auto; height: 40px; cursor: pointer; font-weight: 100; font-size: 17px; line-height: 22px; border: none; padding: 0px 10px; margin: 8px auto 6px auto; } .form-sidebar .send-message:hover { background: #333; } .widget_categories li { padding: 7px 0; text-align: right; color: #aaa; position: relative; display: table; width: 100%; position: relative; } .widget_categories li:before { position: absolute; top: 27px; right: 30px; content: ""; width: calc(100% - 30px); height: 0; border-bottom: 1px dotted #bebebe; z-index: -1; } .widget_categories li a { float: left; background: #fff; padding-right: 10px; line-height: 30px; } .widget_categories li li:last-child { padding-bottom: 0; } .widget-area .widget_pages li, .widget-area .widget_nav_menu li { line-height: 44px; } .widget_archive li a { line-height: 30px; } .zo-sidebar-background .widget_categories li a { background: #f5f5f5; } @media screen and (max-width: 767px) { .zo-sidebar-background .widget_categories li a { background: #fff; } } .widget_meta li, .widget_recent_comments li, .widget_archive li { padding: 7px 0; } .widget_meta li abbr, .widget_recent_comments li abbr, .widget_archive li abbr { color: #aaa; } .widget_archive .screen-reader-text, .widget_categories .screen-reader-text, .searchform .screen-reader-text, .woocommerce-product-search .screen-reader-text { display: none; } .widget_tag_cloud .tagcloud { margin-top: 20px; } .widget_tag_cloud .tagcloud a { background-color: #f2f2f2; display: inline-block; font-size: 14px !important; margin: 10px 10px 0 0; padding: 7px 15px; -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; /* BACKGROUND GRADIENT */ } .widget_tag_cloud .tagcloud a:hover { background-color: #333; color: #fff; } .widget_recent_entries ul { padding-top: 10px; } .widget_recent_entries ul li { padding: 0 0 10px; } .widget_recent_entries ul li:last-child { padding-bottom: 0; } .widget_zo-tweets-widget { /*End sidebar*/ } .widget_zo-tweets-widget .jtwt_tweet_text { font-style: italic; } .widget_zo-tweets-widget .jtwt_tweet_text a { color: #847876; } .widget_zo-tweets-widget .jtwt_tweet_text a:hover { color: #333; } .widget_sophie_la_girafe_instagram_widget .zo-instagram { margin-top: 22px; padding: 0 8px !important; } .widget_sophie_la_girafe_instagram_widget .zo-instagram .zo-item { padding-left: 7px !important; padding-right: 7px !important; margin-bottom: 12px; } .widget_sophie_la_girafe_instagram_widget .zo-instagram .zo-item img { height: auto; width: 100%; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ opacity: 1; } @media screen and (max-width: 767px) { .widget_sophie_la_girafe_instagram_widget .zo-instagram .zo-item img { height: auto; } } .widget_sophie_la_girafe_instagram_widget .zo-instagram .zo-item img:hover { opacity: 0.8; } .widget_nav_menu ul ul { margin: 0 0 0 15px; padding: 0; } .widget_nav_menu ul ul li { list-style: none; } body.zo-dark #page { background: #444; } @media screen and (min-width: 1000px) { body.zo-boxed #page { margin: auto !important; max-width: 100%; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } } @media screen and (min-width: 992px) { .vc_row.vc_row-no-padding .vc_column_container.custom-col-6 { max-width: calc(1170px / 2); padding-right: 15px; padding-left: 15px; } .vc_row.vc_row-no-padding .wpb_column .zo-grid-item[class*="-2-zo"] { padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .border-right { border-right: 1px solid #ebebeb; } .border-bottom { border-bottom: 1px solid #ebebeb; } } @media (min-width: 992px) and (max-width: 1400px) { .vertical-align-middle > .container > .row > div[class^="col"], .vertical-align-middle > .container-fluid > .row > div[class^="col"], .vertical-align-middle > .container > .row > div[class^="vc_col"], .vertical-align-middle > .container-fluid > .row > div[class^="vc_col"] { float: none; display: inline-block; vertical-align: middle; } .vertical-align-middle > .container > .row > .vc_col-sm-6, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-6, .vertical-align-middle > .container > .row > .vc_col-md-6, .vertical-align-middle > .container-fluid > .row > .vc_col-md-6 { width: calc(50% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-8, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-8, .vertical-align-middle > .container > .row > .vc_col-md-8, .vertical-align-middle > .container-fluid > .row > .vc_col-md-8 { width: calc(66.6667% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-4, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-4, .vertical-align-middle > .container > .row > .vc_col-md-4, .vertical-align-middle > .container-fluid > .row > .vc_col-md-4 { width: calc(33.33333333% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-7, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-7, .vertical-align-middle > .container > .row > .vc_col-md-7, .vertical-align-middle > .container-fluid > .row > .vc_col-md-7 { width: calc(58.3333% - 2px); } .vertical-align-middle > .container > .row > .vc_col-sm-5, .vertical-align-middle > .container-fluid > .row > .vc_col-sm-5, .vertical-align-middle > .container > .row > .vc_col-md-5, .vertical-align-middle > .container-fluid > .row > .vc_col-md-5 { width: calc(41.6667% - 2px); } } @media screen and (max-width: 1024px) { #zo-header > .container { padding: 0 15px; } .wpb_column.padding-30 { padding: 0 30px !important; } .zo-row-full-width > .no-container { margin-left: 0; margin-right: 0; } .zo-row-full-width > .no-container > .row { margin-left: 0; margin-right: 0; } .zo-row-full-width > .no-container > .row > .wpb_column { padding: 0; } } @media screen and (max-width: 991px) { #zo-header, #zo-header.header-sticky.affix { /* Tab */ } #zo-header > .container, #zo-header.header-sticky.affix > .container { position: relative; z-index: 99; } .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper { /* End Tab */ /* Shortcode Priccing */ } .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav { width: 31.667%; } .wpb_tour .ui-tabs.wpb_tour_tabs_wrapper .wpb_tab.ui-tabs-panel { width: 68.333%; } .zo-grid-pricing .zo-grid-item { margin-bottom: 80px; } .zo-grid-pricing .zo-grid-item:last-child { margin-bottom: 0; } body #zo-header.sticky-tablets { position: fixed; /* Footer Top */ } #zo-footer-top .row > [class*="col-"]:nth-child(2n+1) { clear: left; } #zo-footer-top [class^="col-"] { margin-bottom: 30px; } .wpb_single_image .vc_single_image-wrapper { /**Fancybox**/ } .wpb_single_image .vc_single_image-wrapper img { width: 100%; } .template-zo_fancybox--process .zo-fancybox-item:nth-child(2n) .zo-fancybox-inner::after { content: none; } #zo-header .zo-header-secondary { float: inherit; } .zo-header-style02-menu #zo-menu-mobile { top: 30px !important; bottom: auto !important; z-index: 100; } } @media screen and (max-width: 767px) { #zo-header .zo-header-secondary { float: inherit !important; /* Header Sticky */ } #zo-header .zo-header-secondary .header-top-contact { text-align: center; line-height: 50px !important; } body #zo-header.sticky-mobile { position: fixed; /* Start Form Comment */ } #comments .comment-list ul.children { padding: 0; /* End Comment */ /* Tab */ } #comments .comment-list ul.children:before { height: 0; } #comments .comment-list ul.children .comment-main .comment-content:before { height: 0; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a { line-height: 40px; padding: 0 20px; } .wpb_tabs .ui-tabs.wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-default a span { display: none; } .ui-tabs-panel img { width: 100%; /* End Tab */ /* Sidebar =================*/ } #secondary { margin-top: 50px; } .zo-pricing-default .zo-pricing-item.pricing-feature-item .zo-pricing-inner { -webkit-transform: scale(1); -khtml-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ /**Fancybox**/ } .template-zo_fancybox--process .zo-fancybox-item .zo-fancybox-inner::after { content: none; } } @media screen and (max-width: 640px) { #zo-site-map a { padding: 0 20px 0 55px; /* End Footer Scroll Top */ /* Tab Custom Color */ } #zo-site-map a i { left: 21px; } .vc_tta-container { /* End Tab Custom Color */ } .vc_tta-container .vc_tta-tabs.custom-color { border: none; } } @media screen and (max-width: 480px) { #comments .comment-list li .comment-body { /* End Comment */ } #comments .comment-list li .comment-body .comment-author-image { padding: 0; float: none; max-width: inherit; text-align: center; } #comments .comment-list li .comment-body .comment-main { padding: 10px; } article.blog-large { padding: 10px; } article.blog-large .zo-blog-meta { display: inline; position: relative; } article.blog-large .zo-blog-meta .zo-blog-heading { width: 100%; padding-left: 0; } } @media screen and (min-width: 768px) and (max-width: 992px) { body .container { width: 100%; } } .widget_language-switcher-custom ul { margin: 0; padding: 0; } .widget_language-switcher-custom ul li { list-style: none; display: inline-block; } .widget_language-switcher-custom ul li a { margin-right: 5px; margin-left: 8px; color: #fff; text-transform: uppercase; padding-bottom: 3px; position: relative; } .widget_language-switcher-custom ul li a:after { content: ''; width: 0; height: 2px; background-color: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .widget_language-switcher-custom ul li:hover a:after, .widget_language-switcher-custom ul li.current-lang a:after { width: 100%; } .widget_language-switcher-custom ul li:before { content: "|"; color: #fff; display: inline-block; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .widget_language-switcher-custom ul li:first-child a { margin-left: 0; } .widget_language-switcher-custom ul li:first-child:before { content: ''; } .widget_language-switcher-custom ul li:last-child a { margin-right: 0; } #zo-header .widget_cart_search_wrap .shopping_cart_dropdown_wrap a i { width: 20px; margin-right: 5px; height: 20px; background-image: url(../images/shopping-purse-icon.png); background-size: auto; background-repeat: no-repeat; background-position: bottom center; } #zo-header .widget_cart_search_wrap .shopping_cart_dropdown_wrap a i:before { content: ''; } #zo-header.header-style-02.header-transparent { position: absolute; left: 0; height: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header.header-style-02.header-transparent.affix-top { top: 0 !important; background-color: transparent; } @media screen and (max-width: 991px) { #zo-header.header-style-02.header-transparent.affix-top { background-color: #847876; } } #zo-header.header-style-02.header-transparent.affix { position: fixed; height: auto; background-color: #847876; } @media screen and (max-width: 991px) { #zo-header.header-style-02.header-transparent.affix { position: relative; top: 0 !important; } } #zo-header.header-style-02.header-transparent.affix .zo-header-navigation-left ul.nav-menu > li:after { background-color: #fff; } @media screen and (min-width: 992px) { #zo-header.header-style-02.header-transparent.affix .zo-header-navigation-left ul.nav-menu > li > a:before { background-color: #fff; } #zo-header.header-style-02.header-transparent.affix .zo-header-navigation-left ul.nav-menu > li:hover > a { color: #fff; } } #zo-header.header-style-02.header-transparent.affix .zo-header-navigation-right .widget_language-switcher-custom ul li a { color: #fff; } #zo-header.header-style-02.header-transparent.affix .zo-header-navigation-right .widget_language-switcher-custom ul li:before { color: #fff; } @media screen and (min-width: 992px) { #zo-header.header-style-02.header-transparent .zo-header-navigation-left ul.nav-menu > li > a { position: relative; } #zo-header.header-style-02.header-transparent .zo-header-navigation-left ul.nav-menu > li > a:before { position: absolute; content: ""; width: 0; height: 2px; background-color: #847876; left: 0; bottom: 30px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header.header-style-02.header-transparent .zo-header-navigation-left ul.nav-menu > li:hover > a, #zo-header.header-style-02.header-transparent .zo-header-navigation-left ul.nav-menu > li.current-menu-parent > a { color: #847876; } #zo-header.header-style-02.header-transparent .zo-header-navigation-left ul.nav-menu > li:hover > a:before, #zo-header.header-style-02.header-transparent .zo-header-navigation-left ul.nav-menu > li.current-menu-parent > a:before { width: 100%; } } #zo-header.header-style-02.header-transparent .zo-header-navigation-right .widget_language-switcher-custom ul li a { color: #847876; } #zo-header.header-style-02.header-transparent .zo-header-navigation-right .widget_language-switcher-custom ul li a:after { background-color: #847876; } #zo-header.header-style-02.header-transparent .zo-header-navigation-right .widget_language-switcher-custom ul li:before { color: #847876; } #zo-header.header-style-01 { height: 100px; } #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li:after { background-color: #fff !important; } #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li > a { color: #fff; font-weight: 500; } @media screen and (min-width: 992px) { #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li > a { position: relative; } #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li > a:before { position: absolute; content: ""; width: 0; height: 2px; background-color: #fff; left: 0; bottom: 30px; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li:hover > a:before, #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li.current-menu-parent > a:before { width: 100%; } } #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li ul li { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header.header-style-01 .zo-header-navigation-left ul.nav-menu > li ul li a { color: #fff; } #zo-header.header-style-01 .zo-header-navigation-left .widget_cart_search_wrap a { color: #fff; } #zo-header .zo-header-navigation-right .widget_cart_search_wrap, #zo-header .zo-header-navigation-right .widget_language-switcher-custom { display: inline-block; } @media screen and (max-width: 991px) { #zo-header .zo-header-navigation-right .widget_cart_search_wrap, #zo-header .zo-header-navigation-right .widget_language-switcher-custom { display: block; text-align: center; line-height: 50px; margin-right: 0 !important; } } #zo-header .zo-header-navigation-right .widget_cart_search_wrap { margin-right: 20px; } #zo-header .zo-header-secondary { vertical-align: top; } @media screen and (max-width: 991px) { #zo-header .zo-header-secondary { display: inherit !important; } } #zo-header .zo-header-secondary .zo-header-navigation-left { width: 100%; } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container { display: inline-block; } @media screen and (max-width: 991px) { #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu { background-color: #847876; } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu a, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu a { padding: 0; font-weight: 500; } } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li { position: relative; } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li .zo-menu-toggle, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li .zo-menu-toggle { right: 45px; } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li .zo-menu-toggle.close i, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li .zo-menu-toggle.close i { position: relative; } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li .zo-menu-toggle.close i:before, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li .zo-menu-toggle.close i:before { -webkit-transition: all 0 0.3s; -khtml-transition: all 0 0.3s; -moz-transition: all 0 0.3s; -ms-transition: all 0 0.3s; -o-transition: all 0 0.3s; transition: all 0 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ opacity: 0; } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li .zo-menu-toggle.close i:after, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li .zo-menu-toggle.close i:after { color: #fff; position: absolute; content: "\e648"; font-family: 'themify'; top: -2px; right: 0; -webkit-transition: all 0 0.5s; -khtml-transition: all 0 0.5s; -moz-transition: all 0 0.5s; -ms-transition: all 0 0.5s; -o-transition: all 0 0.5s; transition: all 0 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li:after, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li:after { content: ''; width: 5px; height: 5px; background-color: #847876; border-radius: 50%; position: absolute; top: 50%; right: 12px; } @media screen and (max-width: 991px) { #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li:after, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li:after { display: none; } } #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container ul.nav-menu > li:last-child:after, #zo-header .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container ul.nav-menu > li:last-child:after { display: none; } #zo-header .zo-header-secondary .zo-header-navigation-left #zo-header-navigation-right { float: right; } @media screen and (max-width: 991px) { #zo-header .zo-header-secondary .zo-header-navigation-left #zo-header-navigation-right { text-align: center; float: none; display: block; line-height: 0; margin-top: -10px; font-size: 20px !important; } } #zo-header .nav-menu > li a { font-weight: 500; } #zo-header .nav-menu > li ul.sub-menu { left: -30px; background-color: #847876; } @media screen and (min-width: 992px) { #zo-header .nav-menu > li ul.sub-menu.standard { left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } #zo-header .nav-menu > li ul.sub-menu li { -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #zo-header .nav-menu > li ul.sub-menu li:hover { background-color: #998c87; } #zo-header .nav-menu > li ul.sub-menu li a { border: 0px; color: #fff; } @media screen and (min-width: 992px) { #zo-header .nav-menu > li ul.sub-menu li a { line-height: 60px; } } #zo-header .nav-menu > li ul.sub-menu li a .menu-title { display: block; line-height: 30px; padding: 13px 0 17px; } @media screen and (max-width: 991px) { #zo-header .nav-menu > li ul.sub-menu { padding: 0px 40px; background-color: #998c87; } } @media screen and (max-width: 479px) { #zo-header .nav-menu > li ul.sub-menu { padding: 0px 20px; } } #zo-header .nav-menu > li ul.sub-menu.submenu-open { padding-top: 3px; padding-bottom: 3px; } @media screen and (min-width: 992px) { #zo-header .nav-menu > li ul.sub-menu.multicolumn { padding: 10px 20px; } } @media screen and (min-width: 992px) { #zo-header .nav-menu > li ul.sub-menu.multicolumn li { padding: 10px; } } @media screen and (max-width: 991px) { #zo-header .nav-menu > li ul.sub-menu.multicolumn li { display: inline-block; width: 32.2%; padding: 10px 3px 10px 3px; } } @media screen and (max-width: 479px) { #zo-header .nav-menu > li ul.sub-menu.multicolumn li { padding: 3px 2px; } } #zo-header .nav-menu > li.menu-collections ul.sub-menu li { position: relative; } #zo-header .nav-menu > li.menu-collections ul.sub-menu li:hover { background: transparent; } #zo-header .nav-menu > li.menu-collections ul.sub-menu li a { position: absolute; top: 10px; left: 10px; width: calc(100% - 20px); height: calc(100% - 20px); font-size: 0; } #zo-header .nav-menu > li.menu-collections ul.sub-menu li a:hover span { opacity: 1; } #zo-header .nav-menu > li.menu-collections ul.sub-menu li a span { opacity: 0; height: 80px; width: 80px; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); border-radius: 50px; background: url(../images/plus.png) 21px 21px no-repeat #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } @media screen and (max-width: 499px) { #zo-header .nav-menu > li.menu-collections ul.sub-menu li a span { height: 50px; width: 50px; left: calc(50% - 25px); top: calc(50% - 25px); background: url(../images/plus.png) 5px 5px no-repeat #fff; } } #zo-header .nav-menu > li.menu-collections ul.sub-menu li a span:hover { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* BACKGROUND GRADIENT */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; /* TEXT SHADOW */ } .zo-page-title-style-01 { text-align: center; position: relative; } .zo-page-title-style-01 .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.5; z-index: 1; background-color: #847876; } .zo-page-title-style-01 .zo-page-title-container { position: relative; z-index: 2; } .zo-page-title-style-01 .zo-page-title-container h1 { color: #fff; } .social-network { padding-top: 30px; position: relative; } @media screen and (min-width: 992px) { .social-network { display: none; } } .social-network:before { content: ""; position: absolute; width: calc(100% - 30px); left: 50%; top: 15px; height: 2px; background-color: #fff; -webkit-transform: translate(-50%); -khtml-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .social-network ul li { padding: 0px 10px; display: inline-block; } .social-network ul li a { font-size: 30px; color: #fff; } #zo-menu-mobile { box-shadow: none; } #rev_slider_1_1 .uranus.tparrows { width: 80px !important; height: 80px !important; line-height: 80px !important; } @media screen and (max-width: 991px) { #rev_slider_1_1 .uranus.tparrows { width: 40px !important; height: 40px !important; line-height: 40px !important; } } #rev_slider_1_1 .uranus.tparrows:before { width: 80px !important; height: 80px !important; line-height: 80px !important; font-size: 70px !important; color: #847876; } @media screen and (max-width: 991px) { #rev_slider_1_1 .uranus.tparrows:before { width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 35px !important; } } @media screen and (max-width: 991px) { #zo-header .zo-header-main #zo-header-logo { margin: 0 0 0 15px !important; } #zo-header .zo-header-main #zo-header-logo .zo-sticky-logo { display: none !important; } } #menu-footer-menu, #menu-footer-menu-de { text-align: center; margin-bottom: 30px; } #menu-footer-menu li, #menu-footer-menu-de li { display: inline-block; } #menu-footer-menu li a, #menu-footer-menu-de li a { font-weight: 500; text-transform: lowercase; padding: 0; padding-bottom: 3px; position: relative; } #menu-footer-menu li a:after, #menu-footer-menu-de li a:after { content: ''; width: 0; height: 2px; background-color: #fff; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } #menu-footer-menu li:hover a, #menu-footer-menu-de li:hover a, #menu-footer-menu li.current-menu-item a, #menu-footer-menu-de li.current-menu-item a { color: #fff !important; } #menu-footer-menu li:hover a:after, #menu-footer-menu-de li:hover a:after, #menu-footer-menu li.current-menu-item a:after, #menu-footer-menu-de li.current-menu-item a:after { width: 100%; } #menu-footer-menu li:first-child a, #menu-footer-menu-de li:first-child a { position: relative; } #menu-footer-menu li:first-child a:before, #menu-footer-menu-de li:first-child a:before { content: "\f111"; position: absolute; font-family: FontAwesome; top: -1px; right: -18px; color: #fff; font-size: 6px; } #menu-footer-menu li:last-child a, #menu-footer-menu-de li:last-child a { margin-left: 28px; } #menu-footer-menu li:last-child a:before, #menu-footer-menu-de li:last-child a:before { display: none; } .footer-widget-left h2, .footer-widget-right h2 { border-bottom: 2px solid #fff; padding-bottom: 10px; } .footer-widget-left .footer-left-info p { font-weight: 500; } .footer-widget-right ul { padding-top: 5px; } .footer-widget-right ul li { margin-right: 50px; display: inline-block; } .footer-widget-right ul li a { font-size: 50px; } .zo-footer-copyright-notice, .zo-copyright-secondary { font-size: 16px; font-weight: 500; } body { overflow-x: hidden; } @media screen and (max-width: 766px) { body { font-size: 17px !important; line-height: 25px !important; } } body ul { padding: 0; } body ul li { list-style-type: none; } body a { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ text-decoration: none; } .zo-page-breadcrumb { margin-bottom: 80px; } @media screen and (max-width: 991px) { .zo-page-breadcrumb { margin-bottom: 50px; } } @media screen and (max-width: 766px) { .zo-page-breadcrumb { margin-bottom: 10px; } } .zo-button { text-align: center; } .zo-button.btn-home { width: 100%; display: block; border: 0; border-radius: 10px; } .tb-overlay-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; overflow: hidden; position: fixed; display: none; } .tb-overlay-bg:before { content: ""; width: 100%; height: 100%; background-color: #000; opacity: 0.8; position: fixed; } .tb-overlay-bg .tb-overlay-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content { line-height: 0; width: 100%; max-width: 900px; background-color: #fff; position: relative; display: inline-block; vertical-align: middle; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0 auto; -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2); } .tb-overlay-bg .tb-overlay-container .tb-overlay-content.content-lightbox { background-color: transparent; box-shadow: none; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content.content-lightbox img { display: inline-block; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content.content-lightbox .portfolio-lightbox { position: relative; display: inline-block; width: 100%; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content.content-lightbox .tb-close { position: absolute; right: 0; border: 1px solid #fff; color: #fff; box-shadow: none; top: 1px; outline: none; border-radius: 0; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content.content-lightbox .tb-close:hover { background-color: #847876; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content .tb-iframe-scaler { width: 100%; overflow: hidden; padding-top: 56.25%; } .tb-overlay-bg .tb-overlay-container .tb-overlay-content .tb-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; max-width: 100% !important; } .contact-form .cf-item input, .contact-form .cf-item textarea { background: #efefef; border: 0px; font-size: 22px; border-radius: 0; } .contact-form .cf-item input::placeholder, .contact-form .cf-item textarea::placeholder { color: #cac8c8; } .contact-form .cf-item .wpcf7-list-item { margin: 0; padding-bottom: 25px; } .contact-form .cf-item .wpcf7-list-item .wpcf7-list-item-label { font-weight: 500; } .contact-form .cf-submit input { width: 100%; font-weight: 500; font-size: 22px; border-radius: 0; letter-spacing: 0; } .wpb_raw_code .text-information h5 { margin-bottom: 50px; } .wpb_raw_code .text-information p { color: #95989a; letter-spacing: 0; } .wpb_raw_code .text-information p.first-child { padding-bottom: 50px; } @media screen and (max-width: 991px) { #zo-header-navigation-right .widget_language-switcher-custom ul li:before { color: #fff !important; } } #zo-header-navigation-right .widget_language-switcher-custom ul li a { font-weight: 500; } @media screen and (max-width: 991px) { #zo-header-navigation-right .widget_language-switcher-custom ul li a { color: #fff !important; } } #zo-header-navigation-right .widget_cart_search_wrap a span { font-weight: 500; } @media screen and (max-width: 767px) { #breadcrumb-text { display: none; } } #breadcrumb-text li { color: #bcbcbc; } #breadcrumb-text li:after, #breadcrumb-text li a { color: #bcbcbc; } .sens-text p { color: #1a1a1a; font-weight: 300; font-size: 1em; } .sens-text h4 { font-weight: 300; font-size: 1.3em; } .icon-social { text-align: center; } .icon-social li { padding: 0px 10px; font-size: 24px; display: inline-block; } .text-style .wpb_wrapper h4 { font-size: 1.5em; margin-bottom: 25px; font-weight: 300; } .text-style .wpb_wrapper p { font-size: 0.8em; margin-bottom: 30px; color: #1a1a1a; letter-spacing: 0; text-align: justify; } .text-style .wpb_wrapper p .bleu { color: #847876; } .wpb_revslider_element .uranus.tp-leftarrow { left: calc((100% - 1170px)/2) !important; } .wpb_revslider_element .uranus.tp-rightarrow { left: auto !important; right: calc((100% - 1170px)/2 - 100px) !important; } @media screen and (max-width: 1199px) { .wpb_revslider_element .uranus.tp-leftarrow { left: calc((100% - 970px)/2) !important; } .wpb_revslider_element .uranus.tp-rightarrow { right: calc((100% - 970px)/2 - 100px) !important; } } @media screen and (max-width: 991px) { .wpb_revslider_element .uranus.tp-leftarrow { left: 0 !important; } .wpb_revslider_element .uranus.tp-rightarrow { left: 100% !important; } } .left-content { margin: 0px; } .left-content .date { height: 120px; padding: 0; position: relative; } .left-content .date:before { content: ""; position: absolute; width: 1px; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ border-left: 3px dashed #74a1d5; } .left-content .date .wap { display: block; background-color: #74a1d5; text-align: center; line-height: 43px; color: #fff; font-weight: 700; outline: 2px dashed #fff; outline-offset: -7px; position: relative; z-index: 2; } .left-content .text { font-size: 16px; line-height: 20px; margin-top: -5px; } .left-content .text a { text-decoration: underline; } .text-left { font-size: 16px; line-height: 20px; } .text-left strong { color: #74a1d5; font-size: 16px; } .text-left.style01, .text-left .text, .text-left.style03 { padding-bottom: 8px; } .text-left.style02 { padding-bottom: 28px; } .text-left.style03 { padding-right: 23px; } .text-left.style04 { padding-bottom: 5px; } .text-left.style04 strong { font-size: 18px; } .text-left p { margin-bottom: 8px; } .pp_content_container .pp_content .pp_description { font-size: 14px; font-weight: 400; line-height: 14px; text-align: center; margin: 0; color: #1a1a1a; } .text-heading h4 { color: #796d6d; font-size: 1.2em; margin-bottom: 20px !important; font-weight: 300; text-transform: uppercase; } .text-footer-faq p { margin-bottom: 20px; line-height: 1.8em; font-size: 0.9em; text-align: center; letter-spacing: 0; color: #1a1a1a; } @media screen and (max-width: 991px) { .empty-reponsive { height: 80px !important; } } @media screen and (max-width: 767px) { .empty-reponsive { height: 40px !important; } } .woocommerce-product-type li.product-type-empty { display: none; } .age-group li.age-group-empty { display: none; } .related-product .slick-dots { display: none !important; } .name-parent-cat-hiden { display: none; } .template-zo_heading .zo-heading-sub { margin-bottom: 0; } .template-zo_heading.zo-heading-leadline .zo-heading-main { border-top: 1px solid #e5e5e5; } .template-zo_heading.zo-heading-leadline .zo-heading-main span { border-top: 1px solid #847876; padding-top: 15px; margin-top: -1px; display: inline-block; } .template-zo_heading.zo-heading-underline .zo-heading-main { border-bottom: 1px solid #e5e5e5; } .template-zo_heading.zo-heading-underline .zo-heading-main span { border-bottom: 1px solid #847876; margin-bottom: -1px; padding-bottom: 15px; display: inline-block; } .template-zo_heading.zo-heading-breakline-top .zo-heading-main { position: relative; padding-top: 15px; } .template-zo_heading.zo-heading-breakline-top .zo-heading-main:before { width: 40px; height: 0; position: absolute; content: ""; border-top: 2px solid; top: 0; left: 0; } .template-zo_heading.zo-heading-breakline-bottom .zo-heading-main { position: relative; padding-bottom: 15px; } .template-zo_heading.zo-heading-breakline-bottom .zo-heading-main:after { width: 40px; height: 0; position: absolute; content: ""; border-bottom: 2px solid; bottom: 0; left: 0; } .template-zo_heading.zo-heading-border .zo-heading-main span { border: 1px solid #847876; padding: 10px 15px; display: inline-block; } .template-zo_heading.zo-heading-fill .zo-heading-main { padding: 10px 15px; background: #847876; } .template-zo_heading.zo-heading-fill-block .zo-heading-main span { padding: 10px 15px; background: #847876; display: inline-block; } .template-zo_heading.heading-style-1 .zo-heading-main { font-size: 2.2em; font-weight: 300; color: #1a1a1a; margin-bottom: 25px; } .template-zo_heading.style-02 { border-bottom: 2px dashed #74a1d5; } .template-zo_heading.style-02 .zo-heading-main { color: #74a1d5; font-weight: 700; font-size: 36px; margin: 0; } .template-zo_heading.style-02.padding-title .zo-heading-main { padding-left: 80px; } @media screen and (max-width: 767px) { .template-zo_heading.style-02.padding-title .zo-heading-main { padding-left: 0; } } .template-zo_heading.heading-big .zo-heading-main { color: #4d4d4d; text-align: center; font-size: 3.5em; font-weight: 400; margin-bottom: 25px; } .template-zo_fancybox_single.box-categories { position: relative; } .template-zo_fancybox_single.box-categories:hover .zo-fancybox-title { opacity: 1; } .template-zo_fancybox_single.box-categories .zo-fancybox-title { margin: 0; opacity: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single.box-categories .zo-fancybox-title a { font-size: 0; height: 80px; width: 80px; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); border-radius: 50px; background: url(../images/plus.png) 21px 21px no-repeat #fff; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single.box-categories .zo-fancybox-title a:hover { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* BACKGROUND GRADIENT */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; /* TEXT SHADOW */ } .template-zo_fancybox_single.fancybox-style-2 .zo-fancybox-item { position: relative; } .template-zo_fancybox_single.fancybox-style-2 .zo-fancybox-item .zo-fancybox-body { position: absolute; bottom: 0; text-align: center; font-size: 2em; display: block; width: 100%; } .template-zo_fancybox_single.fancybox-style-2 .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { font-weight: 400; padding: 15px 0px 15px 0px; background: #fff; opacity: 0.5; margin: 0; } .template-zo_fancybox_single.fancybox-style-2 .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title a { color: #000; opacity: 1; } .template-zo_fancybox_single.fancybox-style-2 .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title a:hover { color: #847876; } .template-zo_progressbar { position: relative; } .template-zo_progressbar.horizontal .progress-bar-value { position: absolute; width: 30px; background: #847876; text-align: center; top: 3px; width: 40px; border-radius: 2px; color: #fff; } .template-zo_progressbar.horizontal .progress-bar-value:before { border-color: #847876 transparent transparent; border-style: solid; border-width: 6px; bottom: -10px; content: ""; height: 0; left: 14px; position: absolute; width: 0; } .template-zo_progressbar.vertical { margin: 0 auto 15px; } .template-zo_progressbar.vertical .progress-bar-value { position: absolute; top: 50%; left: 50%; width: 100%; max-height: 100%; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ overflow: hidden; font-size: 20px; } .template-zo_progressbar .zo-progress { border-radius: unset; box-shadow: unset; } .template-zo_progressbar .zo-progress .progress-bar { background: #847876; box-shadow: unset; } .template-zo_progressbar--circle .zo-fancy-box-item { margin-bottom: 20px; } .template-zo_progressbar--circle.less-primary .zo-counter-box { line-height: 1; background-color: #fff; height: 180px; margin: 0 auto 20px; position: relative; width: 180px; border-radius: 100%; border: 1px solid #ececec; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process { margin: 10px auto; position: relative; border-radius: 50%; height: 160px; width: 160px; border: 7px solid #e5e5e5; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process.zo-process-start { border-color: #847876; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process.zo-process-start .ppc-progress { clip: rect(0px, 100px, 200px, 0px); } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process.zo-process-start .ppc-progress .ppc-progress-fill { border-color: #e5e5e5; clip: rect(0px, 200px, 200px, 100px); } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process .ppc-progress { border-radius: 50%; clip: rect(0px, 200px, 200px, 100px); height: 160px; left: calc(50% - 90px); position: absolute; top: calc(50% - 90px); width: 160px; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process .ppc-progress .ppc-progress-fill { border: 7px solid #847876; border-radius: 50%; clip: rect(0px, 100px, 200px, 0px); height: 160px; left: calc(50% - 70px); position: absolute; top: calc(50% - 70px); transform: rotate(60deg); width: 160px; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-middle { border-radius: 50%; display: table; height: 148px; left: calc(50% - 148px / 2); position: absolute; text-align: center; top: calc(50% - 148px / 2); width: 148px; background-color: #fff; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-middle .pcc-percents-wrapper { display: table-cell; vertical-align: middle; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-middle .zo-process-counter { font-size: 25px; line-height: 1; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-middle .zo-counter-title { margin: 0; padding: 0; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_progressbar--circle.less-primary .zo-counter-box { height: 150px; width: 150px; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process { height: 130px; width: 130px; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process .ppc-progress { height: 130px; width: 130px; } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-process .ppc-progress .ppc-progress-fill { height: 130px; width: 130px; left: calc(50% - 40px); top: calc(50% - 40px); } .template-zo_progressbar--circle.less-primary .zo-counter-box .zo-counter-middle { width: 118px; height: 118px; left: calc(50% - 118px / 2); top: calc(50% - 118px / 2); } } .template-zo_progressbar--circle.less-primary .zo-counter-detail { clear: both; text-align: center; font-size: 18px; line-height: 30px; } .template-zo_progressbar--circle.less-secondary .zo-counter-box { line-height: 1; background-color: #fff; height: 180px; margin: 0 auto 20px; position: relative; width: 180px; border-radius: 100%; border: 1px solid #ececec; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process { margin: 10px auto; position: relative; border-radius: 50%; height: 160px; width: 160px; border: 7px solid #e5e5e5; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process.zo-process-start { border-color: #333; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process.zo-process-start .ppc-progress { clip: rect(0px, 100px, 200px, 0px); } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process.zo-process-start .ppc-progress .ppc-progress-fill { border-color: #e5e5e5; clip: rect(0px, 200px, 200px, 100px); } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process .ppc-progress { border-radius: 50%; clip: rect(0px, 200px, 200px, 100px); height: 160px; left: calc(50% - 90px); position: absolute; top: calc(50% - 90px); width: 160px; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process .ppc-progress .ppc-progress-fill { border: 7px solid #333; border-radius: 50%; clip: rect(0px, 100px, 200px, 0px); height: 160px; left: calc(50% - 70px); position: absolute; top: calc(50% - 70px); transform: rotate(60deg); width: 160px; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-middle { border-radius: 50%; display: table; height: 148px; left: calc(50% - 148px / 2); position: absolute; text-align: center; top: calc(50% - 148px / 2); width: 148px; background-color: #fff; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-middle .pcc-percents-wrapper { display: table-cell; vertical-align: middle; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-middle .zo-process-counter { font-size: 25px; line-height: 1; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-middle .zo-counter-title { margin: 0; padding: 0; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_progressbar--circle.less-secondary .zo-counter-box { height: 150px; width: 150px; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process { height: 130px; width: 130px; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process .ppc-progress { height: 130px; width: 130px; } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-process .ppc-progress .ppc-progress-fill { height: 130px; width: 130px; left: calc(50% - 40px); top: calc(50% - 40px); } .template-zo_progressbar--circle.less-secondary .zo-counter-box .zo-counter-middle { width: 118px; height: 118px; left: calc(50% - 118px / 2); top: calc(50% - 118px / 2); } } .template-zo_progressbar--circle.less-secondary .zo-counter-detail { clear: both; text-align: center; font-size: 18px; line-height: 30px; } .zo-grid-filter { /* Standard grid */ } .zo-grid-filter .zo-filter-category { margin: 0 0 30px; padding: 0; text-align: center; } .zo-grid-filter .zo-filter-category li { list-style-type: none; display: inline-block; text-transform: uppercase; padding: 0 10px; line-height: 40px; font-weight: 500; } .zo-grid-filter .zo-filter-category li a { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ position: relative; } .zo-grid-filter .zo-filter-category li a:before { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ position: absolute; content: ""; top: -5px; width: 0; left: 0; height: 0; border: 1px solid transparent; } .zo-grid-filter .zo-filter-category li a:hover, .zo-grid-filter .zo-filter-category li a.active { color: #847876; } .zo-grid-filter .zo-filter-category li a:hover:before, .zo-grid-filter .zo-filter-category li a.active:before { width: 15px; border: 1px solid #847876; } .zo-grid-wrapper.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid { /* GRID TEAM */ } .template-zo_grid .zo-grid-item .zo-grid-media { position: relative; } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay { left: 10px; top: 10px; width: calc(100% - 20px); height: calc(100% - 20px); } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i { opacity: 1; } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i:before { position: absolute; content: ""; width: 0; height: 20px; top: -10px; left: calc(50% - 1px); border-left: 1px solid #847876; } .template-zo_grid .zo-grid-item .zo-grid-media:hover .grid-image-overlay i:after { position: absolute; content: ""; width: 20px; height: 0; left: -10px; top: calc(50% - 1px); border-bottom: 1px solid #847876; } .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay { position: absolute; width: 0; height: 0; left: 50%; top: 50%; background: rgba(255, 255, 255, 0.3); -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay a { position: absolute; top: calc(50% - 25px); left: calc(50% - 12px); padding: 10px; } .template-zo_grid .zo-grid-item .zo-grid-media .grid-image-overlay a i { color: #847876; opacity: 0; font-size: 1px; position: relative; } .template-zo_grid .zo-grid-item .zo-grid-title { margin-top: 20px; } .template-zo_grid .zo-grid-item .zo-grid-content { margin-bottom: 10px; } .template-zo_grid .zo-grid-item .zo-grid-readmore a { font-weight: 500; } .template-zo_grid .zo-grid-masonry .zo-grid-inner { background: #f5f5f5; padding-bottom: 10px; } .template-zo_grid .zo-grid-masonry .zo-grid-inner .zo-grid-title { padding-left: 15px; padding-right: 15px; } .template-zo_grid .zo-grid-masonry .zo-grid-inner .zo-grid-content { padding-left: 15px; padding-right: 15px; } .template-zo_grid .zo-grid-masonry .zo-grid-inner .zo-grid-categories { padding-left: 15px; padding-right: 15px; } .template-zo_grid .zo-grid-masonry .zo-grid-inner .zo-grid-readmore { padding-left: 15px; padding-right: 15px; } .template-zo_grid--team .zo-grid-team { position: relative; } .template-zo_grid--team .zo-grid-team:hover .zo-grid-team-image:before { top: 0; left: 0; width: 100%; height: 100%; background: rgba(132, 120, 118, 0.9); } .template-zo_grid--team .zo-grid-team:hover .zo-team-overlay { opacity: 1; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_grid--team .zo-grid-team .zo-grid-team-image { position: relative; } .template-zo_grid--team .zo-grid-team .zo-grid-team-image:before { position: absolute; top: 50%; left: 50%; width: 0; height: 0; content: ""; background: transparent; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--team .zo-grid-team .zo-team-overlay { position: absolute; top: 50%; left: 50%; width: 100%; max-height: 90%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(50%); -khtml-transform: translateX(-50%) translateY(50%); -moz-transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); -o-transform: translateX(-50%) translateY(50%); transform: translateX(-50%) translateY(50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ text-align: center; padding: 0 15px; opacity: 0; -webkit-transition: all ease 0.5s; -khtml-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-title { margin-bottom: 10px; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-title a { color: #fff; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-title a:hover { color: #333; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-team-profile { color: #fff; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-team-profile p { margin-bottom: 5px; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-team-socials { padding-left: 0; margin-bottom: 0; margin-top: 0; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-team-socials li { padding: 0 5px; list-style-type: none; display: inline-block; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-team-socials li a { color: #fff; } .template-zo_grid--team .zo-grid-team .zo-team-overlay .zo-grid-team-socials li a:hover { color: #333; } .template-zo_grid--pricing.container-fluid { padding-left: 15px !important; padding-right: 15px !important; } .template-zo_grid--pricing .zo-pricing-inner { text-align: center; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-title { text-transform: uppercase; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-title span { padding: 0 20px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price { position: relative; color: #333; margin: 25px auto 0; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .amount { font-size: 60px; line-height: 60px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .amount .symbol { font-size: 30px; top: -35px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .zo-pricing-base { height: 40px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .zo-pricing-base .amount { font-size: 25px; line-height: 45px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ text-decoration: line-through; color: #333; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .zo-pricing-base .amount .symbol { font-size: 20px; top: -10px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .zo-pricing-discount { color: red; position: absolute; right: 0; text-align: center; top: 0; font-size: 20px; font-weight: 600; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul { padding-left: 0; margin: auto; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li { padding: 0 15px; line-height: 50px; color: #333; border-bottom: 1px solid #e7e7e7; list-style-type: none; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li .pricing-key { padding-right: 10px; font-weight: 600; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li.light { opacity: 1; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li.dark { opacity: 0.5; text-decoration: line-through; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li.feature { position: relative; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li.feature:after { content: "\f00c"; font-family: "FontAwesome"; font-size: 12px; padding-left: 5px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-button .zo-button { border: unset; background: #847876; color: #fff; border-radius: 4px; font-weight: 600; text-transform: uppercase; padding: 12px 25px; margin: 30px auto; -webkit-transition: all ease 0.3; -khtml-transition: all ease 0.3; -moz-transition: all ease 0.3; -ms-transition: all ease 0.3; -o-transition: all ease 0.3; transition: all ease 0.3; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-button .zo-button:hover { background: #333; } .template-zo_grid--pricing .zo-grid-item { margin-bottom: 25px; padding-left: 0 !important; padding-right: 0 !important; background: #f9f9f9; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .template-zo_grid--pricing .zo-grid-item .zo-pricing-header { background: #e7e7e7; padding: 50px 15px 10px; } .template-zo_grid--pricing .zo-pricing-featured { background: #fff; margin-top: -30px; z-index: 2; } @media screen and (max-width: 767px) { .template-zo_grid--pricing .zo-pricing-featured { margin-top: auto; } } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-header { background: #847876; padding: 65px 15px 25px; } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-header .zo-pricing-title, .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-header .zo-pricing-price { color: #fff; } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-button .zo-button { margin: 45px auto; } .template-zo_grid--gallery .zo-gallery-image { position: relative; } .template-zo_grid--gallery .zo-gallery-image:hover:before, .template-zo_grid--gallery .zo-gallery-image:hover .zo-grid-overlay { opacity: 1; } .template-zo_grid--gallery .zo-gallery-image:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; opacity: 0; -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ background: #847876; } .template-zo_grid--gallery .zo-gallery-image .zo-grid-overlay { z-index: 2; opacity: 0; position: absolute; width: 100%; display: block; top: 0; left: 0; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ display: block; margin-right: auto; margin-left: auto; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--gallery .zo-gallery-image .zo-grid-overlay .zo-grid-pretty { width: 100%; height: 100%; display: block; } .template-zo_grid--gallery .zo-gallery-image .zo-grid-overlay .zo-grid-pretty .zo-gallery-title { padding: 0 10px; text-align: center; font-size: 1.3em; font-weight: 400; color: #fff; top: 15%; width: 100%; position: absolute; } .template-zo_grid--gallery .zo-gallery-image .zo-grid-overlay .icon-plus { margin: 0; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ font-size: 0; height: 80px; width: 80px; position: absolute; left: calc(50% - 40px); top: calc(50% - 40px); border-radius: 50px; background: url(../images/plus.png) 21px 21px no-repeat #fff; } .template-zo_grid--gallery .zo-gallery-image .zo-grid-overlay .icon-plus:hover { -webkit-transform: rotate(-90deg); -khtml-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); /* BACKGROUND GRADIENT */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; /* TEXT SHADOW */ } .template-zo_grid--portfolio.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--portfolio .zo-grid-portfolio { margin-bottom: 15px; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; top: 50%; left: 50%; width: 0; height: 0; content: ""; background: transparent; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 80%; text-align: center; opacity: 0; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #847876; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #847876; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image:hover:before { background: rgba(0, 0, 0, 0.5); top: 0; left: 0; width: 100%; height: 100%; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-overlay { opacity: 1; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-title { margin-top: 25px; margin-bottom: 5px; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-title a { color: inherit; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-title a:hover { color: #847876; } .owl-nav { position: absolute; width: 100%; top: 50%; } .owl-nav .owl-prev { position: absolute; left: 15px; } .owl-nav .owl-next { position: absolute; right: 15px; } .owl-nav [class*="owl-"] { background: unset !important; color: #333 !important; font-size: 20px !important; } @media screen and (max-width: 767px) { .owl-nav [class*="owl-"] { font-size: 15px !important; } } .owl-nav [class*="owl-"]:hover { color: #847876 !important; } .owl-dots { margin-top: 10px !important; text-align: center; /* Standard carousel */ } .owl-dots .owl-dot { width: 20px; display: inline-block; } .owl-dots .owl-dot span { border-radius: 2px !important; height: 4px !important; margin: 5px !important; width: 15px !important; display: inline-block; background: #cdcdcd; } .owl-dots .owl-dot:hover span { background: #847876 !important; } .owl-dots .owl-dot.active span { background: #847876 !important; } .template-zo_carousel { /* Team carousel */ } .template-zo_carousel .zo-carousel-item .zo-carousel-image { margin-bottom: 20px; } .template-zo_carousel .zo-carousel-item .zo-carousel-title { margin-bottom: 0px; } .template-zo_carousel .zo-carousel-item .zo-carousel-categories { margin-bottom: 10px; } .template-zo_carousel--team-full { position: relative; } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content { padding-right: 0 !important; padding-bottom: 25px; } @media screen and (max-width: 767px) { .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content { padding-left: 0 !important; } } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content .zo-team-position { padding-left: 2px; font-weight: 400; padding-bottom: 25px; } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content .zo-carousel-title { margin-bottom: 10px; } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content label { display: inline-block; width: 60px; font-weight: 500; } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content .zo-team-social ul { display: inline-block; margin: 0; padding-left: 0; } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-content .zo-team-social ul li { list-style-type: none; display: inline; padding-left: 0; padding-right: 10px; } .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-avatar { padding-left: 0 !important; } @media screen and (max-width: 767px) { .template-zo_carousel--team-full .zo-carousel-item .zo-carousel-avatar { padding-right: 0 !important; } } .template-zo_carousel--team-full .zo-carousel-dots { text-align: center; margin-top: 50px; } @media screen and (max-width: 767px) { .template-zo_carousel--team-full .zo-carousel-dots { margin-top: 25px; } } .template-zo_carousel--team-full .zo-carousel-dots .zo-carousel-dot { display: inline-block; width: 120px; margin: 0 15px; opacity: 0.5; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } @media (min-width: 768px) and (max-width: 991px) { .template-zo_carousel--team-full .zo-carousel-dots .zo-carousel-dot { width: 100px; margin: 0 10px; } } @media screen and (max-width: 767px) { .template-zo_carousel--team-full .zo-carousel-dots .zo-carousel-dot { width: 50px; margin: 0 5px; } } .template-zo_carousel--team-full .zo-carousel-dots .zo-carousel-dot:hover { opacity: 1; cursor: pointer; } .template-zo_carousel--team-full .zo-carousel-dots .zo-carousel-dot.active { opacity: 1; } .template-zo_carousel--team-full .owl-nav { position: absolute; top: auto; bottom: -90px; width: 100%; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_carousel--team-full .owl-nav { bottom: -70px; } } @media screen and (max-width: 767px) { .template-zo_carousel--team-full .owl-nav { bottom: -35px; } } .template-zo_carousel--team-full .owl-nav .owl-prev { position: absolute; left: 0; } .template-zo_carousel--team-full .owl-nav .owl-next { position: absolute; right: 0; } .template-zo_carousel--team-full .owl-nav [class*="owl-"] { background: unset !important; color: #333 !important; font-size: 20px !important; } @media screen and (max-width: 767px) { .template-zo_carousel--team-full .owl-nav [class*="owl-"] { font-size: 15px !important; } } .template-zo_carousel--team-full .owl-nav [class*="owl-"]:hover { color: #847876 !important; } .template-zo_carousel--gallery { padding: 30px 40px 18px 40px; background-color: #f9f5e6; position: relative; } .template-zo_carousel--gallery .zo-carousel-image { border: 1px solid #ccc; background-color: #fff; position: relative; } .template-zo_carousel--gallery .zo-carousel-image a { position: absolute; width: 100%; height: 100%; top: 0; } @media screen and (max-width: 767px) { .template-zo_carousel--gallery .zo-carousel-image img { position: relative; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } } .template-zo_carousel--gallery .zo-carousel-title { font-size: 16px; text-align: center; margin: 0; } .template-zo_carousel--gallery .owl-nav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -khtml-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_carousel--gallery .owl-nav .owl-prev { left: 10px; top: -20px; } .template-zo_carousel--gallery .owl-nav .owl-prev i { font-size: 55px; color: rgba(187, 187, 112, 0.6); } .template-zo_carousel--gallery .owl-nav .owl-next { position: absolute; right: 10px; top: -20px; } .template-zo_carousel--gallery .owl-nav .owl-next i { font-size: 55px; color: rgba(187, 187, 112, 0.6); } .template-zo_carousel--gallery.style-01 { padding: 30px 40px 5px 40px; } .template-zo_carousel--gallery.style-02 { padding: 30px 40px; } .template-zo_countdown .zo-countdown-hidden { display: none; } .template-zo_countdown .zo-count-down-number { font-size: 60px; line-height: 60px; color: #847876; text-align: center; letter-spacing: 5px; } .template-zo_countdown .zo-count-down-label { text-transform: uppercase; text-align: center; color: #333; margin-top: 10px; font-weight: 600; } .template-zo_countdown--rectangle .zo-countdown-hidden { display: none; } .template-zo_countdown--rectangle .zo-count-down-rectangle { position: relative; border: 2px solid #fff; } .template-zo_countdown--rectangle .zo-count-down-rectangle:before { content: ""; display: block; padding-top: 100%; } .template-zo_countdown--rectangle .zo-count-down-rectangle .zo-count-down-number { font-size: 60px; line-height: 60px; color: #847876; text-align: center; letter-spacing: 5px; position: absolute; top: 50%; left: 50%; width: 100%; max-height: 100%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } @media screen and (max-width: 499px) { .template-zo_countdown--rectangle .zo-count-down-rectangle .zo-count-down-number { font-size: 40px; } } .template-zo_countdown--rectangle .zo-count-down-label { text-transform: uppercase; text-align: center; color: #333; margin-top: 20px; font-weight: 600; } .template-zo_countdown--split { /*---Restaurant---*/ } .template-zo_countdown--split .zo-countdown-hidden { display: none; } .template-zo_countdown--split .zo-count-down-number { font-size: 60px; line-height: 60px; color: #847876; text-align: center; } .template-zo_countdown--split .zo-count-down-number span { background: #333; border-radius: 4px; padding-top: 10px; padding-bottom: 10px; margin-right: 5px; display: inline-block; width: 45px; text-align: center; } .template-zo_countdown--split .zo-count-down-label { text-transform: uppercase; text-align: center; color: #333; margin-top: 10px; font-weight: 600; } .template-zo_countdown--split.less-primary .zo-count-down-number span { background: #847876; } .template-zo_countdown--split.less-secondary .zo-count-down-number span { background: #333; } .template-zo_countdown--split.less-black .zo-count-down-number span { background: #000; } .template-zo_countdown--split.less-white .zo-count-down-number span { background: #fff; } .template-zo_countdown--restaurant { text-align: center; } .template-zo_countdown--restaurant .zo-countdown-hidden { display: none; } .template-zo_countdown--restaurant .zo-count-down-label { text-transform: uppercase; text-align: center; color: #333; margin-top: 10px; font-weight: 600; } .template-zo_countdown--restaurant .zo-count-down-days, .template-zo_countdown--restaurant .zo-count-down-hours, .template-zo_countdown--restaurant .zo-count-down-minutes { width: 140px; display: inline-block; } .template-zo_countdown--restaurant .zo-count-down-days .zo-count-down-wrap, .template-zo_countdown--restaurant .zo-count-down-hours .zo-count-down-wrap, .template-zo_countdown--restaurant .zo-count-down-minutes .zo-count-down-wrap { margin: 0 auto; width: 120px; background: #fff; border-radius: 5px; padding: 30px 5px; } .template-zo_countdown--restaurant .zo-count-down-days .zo-count-down-wrap .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-hours .zo-count-down-wrap .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-minutes .zo-count-down-wrap .zo-count-down-number { font-size: 60px; line-height: 60px; color: #847876; text-align: center; position: relative; padding-bottom: 20px; } .template-zo_countdown--restaurant .zo-count-down-days .zo-count-down-wrap .zo-count-down-number:before, .template-zo_countdown--restaurant .zo-count-down-hours .zo-count-down-wrap .zo-count-down-number:before, .template-zo_countdown--restaurant .zo-count-down-minutes .zo-count-down-wrap .zo-count-down-number:before { position: absolute; bottom: 0; left: calc(50% - 20px); width: 40px; height: 1px; content: ""; background: #333; } @media screen and (max-width: 499px) { .template-zo_countdown--restaurant .zo-count-down-days, .template-zo_countdown--restaurant .zo-count-down-hours, .template-zo_countdown--restaurant .zo-count-down-minutes { width: 100px; } .template-zo_countdown--restaurant .zo-count-down-days .zo-count-down-wrap, .template-zo_countdown--restaurant .zo-count-down-hours .zo-count-down-wrap, .template-zo_countdown--restaurant .zo-count-down-minutes .zo-count-down-wrap { width: 90px; } .template-zo_countdown--restaurant .zo-count-down-days .zo-count-down-wrap .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-hours .zo-count-down-wrap .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-minutes .zo-count-down-wrap .zo-count-down-number { font-size: 40px; line-height: 40px; } } .template-zo_counter .zo-counter-inner { padding: 10px; position: relative; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ max-width: 300px; margin: 0 auto; } .template-zo_counter .zo-counter-inner:before { position: absolute; content: ""; width: 0; height: 0; left: 0; top: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_counter .zo-counter-inner:after { position: absolute; content: ""; width: 0; height: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_counter .zo-counter-inner:hover:before { width: 40%; height: 40%; border-left: 1px solid #847876; border-top: 1px solid #847876; } .template-zo_counter .zo-counter-inner:hover:after { width: 40%; height: 40%; border-right: 1px solid #847876; border-bottom: 1px solid #847876; } .template-zo_counter .zo-counter-icon { text-align: center; } .template-zo_counter .zo-counter-icon i { color: #847876; font-size: 35px; margin-bottom: 20px; } .template-zo_counter .zo-counter { font-size: 40px; color: #414141; position: relative; margin-bottom: 20px; text-align: center; font-weight: 700; } .template-zo_counter .zo-counter-body h3 { text-align: center; color: #616161; } .template-zo_counter .zo-counter-body h3:after { content: "."; color: #847876; } .template-zo_counter_single .zo-counter-item { margin-bottom: 30px; text-align: center; } .template-zo_counter_single .zo-counter-item:hover .zo-counter-title:before { width: 60px; left: calc(50% - 30px); } .template-zo_counter_single .zo-counter-item i { font-size: 40px; } .template-zo_counter_single .zo-counter-item .zo-counter-title { margin: 30px auto 50px; color: #888; position: relative; } .template-zo_counter_single .zo-counter-item .zo-counter-title:before { position: absolute; content: ""; width: 0px; height: 1px; left: 50%; bottom: -25px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ background: #847876; } .template-zo_counter_single .zo-counter-item .zo-counter { font-size: 40px; line-height: 40px; margin-bottom: 25px; color: #333; } .template-zo_counter_single--transparent .zo-counter-item { text-align: center; color: #fff; } .template-zo_counter_single--transparent .zo-counter-item .zo-counter { font-size: 50px; line-height: 50px; margin-bottom: 20px; margin-top: 25px; } .template-zo_counter_single--transparent .zo-counter-item i { font-size: 40px; } .template-zo_counter_single--transparent .zo-counter-item .zo-counter-title { color: #fff; font-weight: 400; margin-bottom: 25px; } .template-zo_counter_single--transparent .zo-counter-item .zo-counter-content { font-size: 14px; font-style: italic; line-height: 24px; padding: 10px 50px; } @media screen and (max-width: 1280px) { .template-zo_counter_single--transparent .zo-counter-item .zo-counter-content { padding: 10px 25px; } } .template-zo_counter_single--transparent.less-border-left { border-left: 1px solid rgba(255, 255, 255, 0.3); } @media screen and (max-width: 767px) { .template-zo_counter_single--transparent.less-border-left { border-left: unset; position: relative; } .template-zo_counter_single--transparent.less-border-left:before { position: absolute; height: 0; width: 100px; top: -25px; left: calc(50% - 50px); content: ""; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } } .template-zo_counter_single--corporate .zo-counter-item { position: relative; padding: 30px 25px 30px 50px; } @media screen and (max-width: 767px) { .template-zo_counter_single--corporate .zo-counter-item { padding: 30px 15px 30px 80px; } } .template-zo_counter_single--corporate .zo-counter-item:hover .zo-counter-icon:before { background: #019ad6; border: 2px solid #847876; } .template-zo_counter_single--corporate .zo-counter-item .zo-counter-icon { position: absolute; left: -45px; top: calc(50% - 30px); width: 60px; height: 60px; display: inline-block; text-align: center; line-height: 60px; font-size: 30px; color: #fff; } @media screen and (max-width: 767px) { .template-zo_counter_single--corporate .zo-counter-item .zo-counter-icon { left: 0; } } .template-zo_counter_single--corporate .zo-counter-item .zo-counter-icon:before { /* IE 9 */ -ms-transform: rotate(45deg); /* Safari */ -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: #847876; border: 2px solid #019ad6; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_counter_single--corporate .zo-counter-item .zo-counter-icon i { height: 60px; left: 0; position: absolute; top: 10px; width: 60px; } .template-zo_counter_single--corporate .zo-counter-item .zo-counter { color: #fff; font-size: 20px; font-weight: 500; margin-bottom: 10px; } .template-zo_counter_single--corporate .zo-counter-item .zo-counter-content { color: #f5f5f5; } .template-zo_counter_single--corporate .zo-counter-item .zo-counter-content p { margin-bottom: 0; line-height: 22px; } .zo-masonry-wrapper { /* ========================================================================== [End] Zo Masonry ========================================================================== */ /* Standard Masonry */ } .zo-masonry-wrapper .zo-masonry-filter { margin-bottom: 40px; } .zo-masonry-wrapper .zo-masonry-filter ul { padding: 0; margin: 0; list-style: none inside; text-align: center; } .zo-masonry-wrapper .zo-masonry-filter ul li { display: inline-block; margin-right: 15px; margin-top: 15px; } .zo-masonry-wrapper .zo-masonry-filter ul li a { display: block; padding: 2px 20px; font-weight: normal; color: #afc3d0; } .zo-masonry-wrapper .zo-masonry-filter ul li a.active, .zo-masonry-wrapper .zo-masonry-filter ul li a:hover { border: 1px solid #afc3d0; color: #414141; border-radius: 20px; } .template-zo_masonry .zo-masonry-inner { position: relative; } .template-zo_masonry .zo-masonry-overlay { height: 100%; opacity: 0; -webkit-transition: all 0.3s ease; -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ position: relative; background: transparent; } .template-zo_masonry .zo-masonry-overlay:hover { opacity: 1; background: rgba(0, 0, 0, 0.6); } .template-zo_masonry .zo-masonry-overlay:hover .zo-masonry-title { -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_masonry .zo-masonry-overlay .zo-masonry-title { position: absolute; bottom: 0px; text-align: left; left: 0; width: 100%; -webkit-transition: all 0.5s ease; -khtml-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ -webkit-transform: translateY(50%); -khtml-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ text-transform: uppercase; padding-left: 20px; padding-right: 15px; font-weight: 400; color: #fff; } .template-zo_masonry .zo-masonry-overlay .zo-masonry-title:before { position: absolute; top: -10px; left: 20px; width: 30px; height: 0; content: ""; border-top: 2px solid #fff; } .template-zo_masonry .zo-masonry-overlay .zo-masonry-pretty { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-50%); -khtml-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 80%; text-align: center; } .template-zo_masonry .zo-masonry-overlay a { color: #fff; } .template-zo_masonry .zo-masonry-overlay a:hover { color: #847876; } .woocommerce .main-content { padding-left: 0 !important; padding-right: 0 !important; } .woocommerce .main-content .woocommerce-ordering select { padding: 10px; font-size: 14px; font-weight: 400; } .woocommerce nav.woocommerce-pagination { text-align: center; } .woocommerce nav.woocommerce-pagination ul li a.next, .woocommerce nav.woocommerce-pagination ul li span.next { font-size: 0; } .woocommerce nav.woocommerce-pagination ul li a.next:before, .woocommerce nav.woocommerce-pagination ul li span.next:before { content: '\f105'; font-family: FontAwesome; font-size: 20px; } .woocommerce .zo-pagination { margin-bottom: 40px; display: inline-block; width: 100%; text-align: center; } .woocommerce .zo-pagination .page-numbers { display: inline-block; border: 1px solid #ececec !important; height: 40px; margin: 0 5px; width: 40px; text-align: center; line-height: 38px; font-size: 20px; } .woocommerce .zo-pagination .page-numbers.current { background: #ebe9eb; color: #8a7e88; } .woocommerce .products { clear: both; } .woocommerce .products .zo-product-item { margin-bottom: 30px; position: relative; } .woocommerce .products .zo-product-item .purchasable:after, .woocommerce .products .zo-product-item .product-type-variable:after { width: calc(100% + 2px); height: 25px; position: absolute; bottom: -1px; left: -1px; background: #54e57b; content: "Verfügbar"; line-height: 25px; font-size: 16px; color: #fff; border-radius: 0 0 10px 10px; } .woocommerce .products .zo-product-item.fr_FR .purchasable:after, .woocommerce .products .zo-product-item.fr_FR .product-type-variable:after { content: "Disponible"; } .woocommerce .products .zo-product-item:hover .zo-product-overlay { opacity: 1; bottom: 0; } .woocommerce .products .zo-product-item:hover .zo-product-image { border-color: #333; } .woocommerce .products .zo-product-item .product { border: 1px solid #c8c7c6; border-radius: 10px; text-align: center; padding: 15px; } .woocommerce .products .zo-product-item .product .zo-product-image { position: relative; margin-bottom: 20px; text-align: center; border-radius: 10px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .products .zo-product-item .product .zo-product-image img { border-radius: 10px; } .woocommerce .products .zo-product-item .product .zo-product-image .onsale { background-color: #fff; border-radius: unset; color: red; font-size: 16px; font-weight: 600; height: 30px; left: auto; line-height: 29px; margin: 0; min-height: unset; padding: 0; right: 0; text-align: center; top: 30px; width: 75px; } .woocommerce .products .zo-product-item .product .product-title { margin-bottom: 10px; } .woocommerce .products .zo-product-item .product .product-title a { color: #333; font-size: 17px; } @media screen and (max-width: 767px) { .woocommerce .products .zo-product-item .product .product-title a { font-size: 15px; } } .woocommerce .products .zo-product-item .product .product-title a:hover { color: #847876; } .woocommerce .products .zo-product-item .star-rating { display: none; } .woocommerce .products .zo-product-item .zo-product-overlay { position: absolute; bottom: -60px; background: #333; height: 55px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ opacity: 0; width: 100%; } .woocommerce .products .zo-product-item .zo-product-overlay .zo-zoom, .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart, .woocommerce .products .zo-product-item .zo-product-overlay .zo-link { display: inline-block; width: 32%; text-align: center; line-height: 54px; font-size: 16px; } @media (min-width: 768px) and (max-width: 1079px) { .woocommerce .products .zo-product-item .zo-product-overlay .zo-zoom, .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart, .woocommerce .products .zo-product-item .zo-product-overlay .zo-link { width: 31%; } } .woocommerce .products .zo-product-item .zo-product-overlay .zo-zoom a, .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart a, .woocommerce .products .zo-product-item .zo-product-overlay .zo-link a { color: #fff; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .products .zo-product-item .zo-product-overlay .zo-zoom a:hover, .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart a:hover, .woocommerce .products .zo-product-item .zo-product-overlay .zo-link a:hover { color: #847876; } .woocommerce .products .zo-product-item .zo-product-overlay .zo-zoom { border-right: 1px solid rgba(255, 255, 255, 0.7); } .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart { border-right: 1px solid rgba(255, 255, 255, 0.7); } .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart a { background-color: unset !important; position: relative; padding: 8px; } .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart a:hover:before { color: #847876; } .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart a:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: "\f217"; font-family: 'FontAwesome'; font-size: 16px; color: #fff; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart a:after { margin-left: 0; vertical-align: middle; } .woocommerce .products .zo-product-item .zo-product-overlay .zo-cart .added_to_cart { display: none; } .woocommerce .products .zo-product-item .woocommerce-loop-product__title, .woocommerce .products .zo-product-item h2, .woocommerce .products .zo-product-item h3 { font-size: 16px; font-weight: 600; text-transform: uppercase; margin-bottom: 0px; } .woocommerce .products .zo-product-item span.price { color: #888; font-size: 14px; } .woocommerce .products .zo-product-item span.price ins { font-weight: 500; } .woocommerce .widget_price_filter { background: #f5f5f5; padding: 15px; margin-bottom: 30px; } .woocommerce .widget_price_filter .wg-title { text-transform: uppercase; font-size: 20px; font-weight: 500; margin-bottom: 25px; } .woocommerce .widget_price_filter .ui-widget-content { background-color: #333 !important; } .woocommerce .widget_price_filter .ui-widget-content .ui-slider-range { background-color: #847876 !important; } .woocommerce .widget_price_filter .ui-widget-content .ui-slider-handle { background-color: #847876 !important; } .woocommerce .widget_price_filter .price_slider_amount { margin-top: 25px; margin-bottom: 10px; } .woocommerce .widget_price_filter .price_slider_amount .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .widget_price_filter .price_slider_amount .button:hover { background-color: #847876 !important; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-weight: 500; color: #333; } .woocommerce .widget_top_rated_products { margin-bottom: 30px; } .woocommerce .widget_top_rated_products .wg-title { text-transform: uppercase; font-size: 20px; font-weight: 500; margin-bottom: 25px; } .woocommerce .widget_top_rated_products .product_list_widget img { margin-left: 0; } .woocommerce .widget_top_rated_products .product_list_widget a span.product-title { color: #333; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .widget_top_rated_products .product_list_widget a span.product-title:hover { color: #847876; } .woocommerce .widget_top_rated_products .product_list_widget .amount { font-size: 14px; } .woocommerce .widget_product_categories { margin-bottom: 30px; } .woocommerce .widget_product_categories .wg-title { text-transform: uppercase; font-size: 20px; font-weight: 500; margin-bottom: 0; } .woocommerce .widget_product_categories ul { padding-left: 0; } .woocommerce .widget_product_categories ul li { border-bottom: 1px solid #f2f2f2; line-height: 22px; position: relative; display: block; padding: 0; } .woocommerce .widget_product_categories ul li:hover:after { color: #847876; } .woocommerce .widget_product_categories ul li:hover a { color: #847876; } .woocommerce .widget_product_categories ul li a { display: inline-block; line-height: 25px; padding: 10px 10px 10px 0; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .widget_product_categories ul li:after { content: "\f105"; font-family: FontAwesome; line-height: 25px; padding-right: 5px; padding-top: 12px; position: absolute; right: 0; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .widget_product_categories ul li.current-cat a { color: #847876; } .woocommerce .widget_products { margin-bottom: 30px; } .woocommerce .widget_products .wg-title { text-transform: uppercase; font-size: 20px; font-weight: 500; margin-bottom: 20px; } .woocommerce .widget_products ul.product_list_widget { margin: 0; } .woocommerce .widget_products ul.product_list_widget li { border-bottom: 1px solid #f2f2f2; } .woocommerce .widget_products ul.product_list_widget li a { font-weight: 400; } .woocommerce .widget_products ul.product_list_widget li a:hover { color: #847876; } .woocommerce .widget_products ul.product_list_widget li a .attachment-shop_thumbnail { float: left; margin: 7px 10px 0 0; width: 70px; } .woocommerce .widget_products ul.product_list_widget li a .product-title { padding-top: 0; } .woocommerce .widget_products ul.product_list_widget li ins { color: red; font-weight: 400; } .woocommerce .woocommerce-pagination { margin-bottom: 40px; display: inline-block; width: 100%; } .woocommerce .woocommerce-pagination ul { border: unset !important; } .woocommerce .woocommerce-pagination ul li { border: 1px solid #ececec !important; display: inline; float: left; height: 40px; margin: 0 5px !important; overflow: hidden; padding: 0; width: 40px; } .woocommerce .woocommerce-pagination ul li span { padding: 0 !important; line-height: 40px !important; } .woocommerce .woocommerce-pagination ul li a { padding: 0 !important; line-height: 40px !important; } .woocommerce .main-single-content .single-age-group { text-align: right; padding-top: 20px; } .woocommerce .main-single-content .entry-title { font-weight: 300; font-size: 25px; text-transform: uppercase; margin-top: -15px !important; } .woocommerce .main-single-content .woocommerce-product-rating { margin-bottom: 10px !important; } .woocommerce .main-single-content .woocommerce-product-rating .star-rating span:before { color: #847876; } .woocommerce .main-single-content .price { color: #333 !important; margin-bottom: 20px; margin-top: 10px; } .woocommerce .main-single-content .price ins { font-weight: 500 !important; } .woocommerce .main-single-content .variations .label { width: 145px; } .woocommerce .main-single-content .variations .value select { max-width: 220px !important; min-width: unset !important; padding: 10px 15px; height: 45px; } .woocommerce .main-single-content .woocommerce-variation-price { margin-bottom: 20px; margin-right: 20px; } .woocommerce .main-single-content .woocommerce-variation-price .woocommerce-Price-currencySymbol { margin-right: 5px; } .woocommerce .main-single-content .cart { margin-top: 30px; } .woocommerce .main-single-content .cart .quantity { background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 2px; padding: 0 10px; } .woocommerce .main-single-content .cart .quantity .qty-minus { margin-right: 3px; } .woocommerce .main-single-content .cart .quantity .qty-plus { margin-left: 3px; } .woocommerce .main-single-content .cart .quantity span i { -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .main-single-content .cart .quantity span i:hover { color: #847876; cursor: pointer; } .woocommerce .main-single-content .cart .quantity input { font-size: 15px; height: 45px; padding: 10px; width: 70px; -moz-appearance: textfield; -webkit-appearance: textfield; } .woocommerce .main-single-content .cart .button { height: 47px; background-color: #333 !important; color: #fff !important; font-weight: 500 !important; margin-left: 10px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .main-single-content .cart .button:hover { background-color: #847876 !important; } .woocommerce .main-single-content .product_meta { font-weight: 500; } .woocommerce .main-single-content .zo-social-share { margin-top: 15px; } .woocommerce .main-single-content .zo-social-share li { padding: 0 10px 0 0; } .woocommerce .main-single-content .zo-social-share i { font-size: 14px; } .woocommerce .main-single-content div.product .onsale { background-color: #fff; border-radius: unset; color: red; font-size: 16px; font-weight: 600; height: 30px; left: 0; line-height: 29px; margin: 0; min-height: unset; padding: 0; text-align: center; top: 30px; width: 75px; } .woocommerce .main-single-content div.product .woocommerce-tabs .tabs { padding: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs .tabs li { border: unset; background: unset !important; border-radius: unset; padding: 0 20px 0 0; margin: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs .tabs li:before { border: unset; width: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs .tabs li:after { border: unset; width: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs .tabs li a { font-weight: 500; text-transform: uppercase; border-bottom: 2px solid transparent; } .woocommerce .main-single-content div.product .woocommerce-tabs .tabs li.active a { color: #847876; position: relative; border-bottom: 2px solid #847876; } .woocommerce .main-single-content div.product .panel { box-shadow: none; } .woocommerce .main-single-content div.product #tab-reviews #comments { margin: 0; } .woocommerce .main-single-content div.product #tab-reviews #comments .woocommerce-Reviews-title { font-weight: 500; font-size: 20px; } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-reply-title { font-weight: 500; font-size: 20px; } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-form .submit { height: 35px; background-color: #333 !important; color: #fff !important; font-weight: 500 !important; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-form .submit:hover { background-color: #847876 !important; } .woocommerce .main-single-content div.product .related h2 { font-size: 20px; font-weight: 500; border-bottom: 1px solid #d3ced2; text-transform: uppercase; margin-bottom: 40px; } .woocommerce .main-single-content .shop_attributes { margin-top: 15px; border-left: 1px dotted rgba(0, 0, 0, 0.1); } .woocommerce .main-single-content .shop_attributes td { padding-left: 15px; } .woocommerce-cart #page-default table.shop_table { border-width: 1px 0 0 1px; border-radius: 0; } .woocommerce-cart #page-default table.shop_table td { border-top: none; } .woocommerce-cart #page-default table.shop_table .product-thumbnail { width: 100px; } .woocommerce-cart #page-default table.shop_table .product-thumbnail img { width: 80px; } .woocommerce-cart #page-default table.shop_table .product-remove { width: 50px; } .woocommerce-cart #page-default table.shop_table .product-quantity .qty { width: 80px; } .woocommerce-cart #page-default table.shop_table .coupon #coupon_code { width: 150px; height: 40px; } .woocommerce-cart #page-default table.shop_table .button { background-color: #333 !important; color: #fff !important; height: 40px; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce-cart #page-default table.shop_table .button:hover { background-color: #847876 !important; } .woocommerce-cart #page-default .cart-collaterals { margin-bottom: 50px; } .woocommerce-cart #page-default .cart-collaterals h2 { font-size: 25px; font-weight: 500; text-transform: uppercase; } .woocommerce-cart #page-default .cart-collaterals .shop_table { border-width: 1px 1px 0; } .woocommerce-cart #page-default .cart-collaterals .shop_table .order-total th, .woocommerce-cart #page-default .cart-collaterals .shop_table .shipping th { border-top: 0 none; } .woocommerce-cart #page-default .cart-collaterals .shop_table .order-total .shipping-calculator-button, .woocommerce-cart #page-default .cart-collaterals .shop_table .shipping .shipping-calculator-button { margin-left: 27px; } .woocommerce-cart #page-default .cart-collaterals .checkout-button { background-color: #333 !important; color: #fff !important; font-weight: 500; font-size: 20px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce-cart #page-default .cart-collaterals .checkout-button:hover { background-color: #847876 !important; } .woocommerce-page #main { min-height: 300px; } .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { background: #f5f5f5; border-top-color: #847876; } .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { color: #847876; } .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ min-width: 100px; text-transform: uppercase; margin-right: 20px; } .woocommerce-page .woocommerce-info .button:hover, .woocommerce-page .woocommerce-message .button:hover { background-color: #847876 !important; } .woocommerce-page .checkout_coupon .input-text, .woocommerce-page .login .input-text { height: 45px; padding: 10px 20px; } .woocommerce-page .checkout_coupon .button, .woocommerce-page .login .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ height: 45px; min-width: 100px; text-transform: uppercase; margin-right: 20px; } .woocommerce-page .checkout_coupon .button:hover, .woocommerce-page .login .button:hover { background-color: #847876 !important; } .woocommerce-page .woocommerce-checkout { margin-top: 40px; } .woocommerce-page .woocommerce-checkout .col-1 p label { text-transform: uppercase; } .woocommerce-page .woocommerce-checkout .col-1 input { height: 40px; padding: 5px 17px; } .woocommerce-page .woocommerce-checkout .col-1 .select2-container .select2-chosen { padding: 5px 10px 4px 17px; } .woocommerce-page .woocommerce-checkout .col-1 .input-checkbox { height: 18px; } .woocommerce-page .woocommerce-checkout .col-1 #ship-to-different-address { margin-top: 20px; } .woocommerce-page .woocommerce-checkout .col-2 table.shop_table { border-style: solid; border-color: rgba(0, 0, 0, 0.1); border-width: 1px 0 1px 1px; margin-top: 28px; } .woocommerce-page .woocommerce-checkout .col-2 table.shop_table th { border-width: 0 1px 0 0; } .woocommerce-page .woocommerce-checkout .col-2 table.shop_table td { border-bottom: none; } .woocommerce-page .woocommerce-checkout .col-2 table.shop_table tfoot th { border-width: 1px 1px 0 0; } .woocommerce-page .woocommerce-checkout .col-2 .woocommerce-checkout-payment { background: #f5f5f5 !important; } .woocommerce-page .woocommerce-checkout .col-2 .woocommerce-checkout-payment .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ height: 45px; min-width: 100px; text-transform: uppercase; } .woocommerce-page .woocommerce-checkout .col-2 .woocommerce-checkout-payment .button:hover { background-color: #847876 !important; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 25%; padding: 20px; background: #f5f5f5; } .woocommerce-account .woocommerce-MyAccount-navigation ul { margin: 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul li { line-height: 35px; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { color: #847876; font-weight: 400; } .woocommerce-account .woocommerce-MyAccount-content { width: 73%; } .woocommerce-account .woocommerce-MyAccount-content form p label { text-transform: uppercase; } .woocommerce-account .woocommerce-MyAccount-content form input { height: 40px; padding: 5px 17px; } .woocommerce-account .woocommerce-MyAccount-content form .select2-container .select2-chosen { padding: 5px 10px 4px 17px; } .woocommerce-account .woocommerce-MyAccount-content form .input-checkbox { height: 18px; } .woocommerce-account .woocommerce-MyAccount-content form .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ height: 45px; min-width: 100px; text-transform: uppercase; margin-top: 20px; } .woocommerce-account .woocommerce-MyAccount-content form .button:hover { background-color: #847876 !important; } .woocommerce-cart p label, .woocommerce-lost-password p label { text-transform: uppercase; } .woocommerce-cart input, .woocommerce-lost-password input { height: 40px; padding: 5px 17px; } .woocommerce-cart .button, .woocommerce-lost-password .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ min-width: 100px; text-transform: uppercase; line-height: 30px !important; padding: 5px 20px !important; font-size: 20px; } .woocommerce-cart .button:hover, .woocommerce-lost-password .button:hover { background-color: #847876 !important; } .woocommerce .track_order p label { text-transform: uppercase; } .woocommerce .track_order input { height: 40px; padding: 5px 17px; } .woocommerce .track_order .button { background-color: #333 !important; color: #fff !important; font-weight: 500; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ min-width: 100px; text-transform: uppercase; padding: 15px 20px !important; margin-top: 25px; } .woocommerce .track_order .button:hover { background-color: #847876 !important; } .variations .label { color: inherit; font-size: inherit; font-weight: 400; } .variations .label label { font-weight: 500 !important; } .woocommerce-age-group ul, .woocommerce-product-type ul { padding: 15px 10px; } .woocommerce-age-group ul li, .woocommerce-product-type ul li { margin-bottom: 10px; } .woocommerce-age-group ul li.active a, .woocommerce-product-type ul li.active a { background-color: #847876; border-radius: 5px; position: relative; padding: 2px 40px 2px 10px; color: #fff; } .woocommerce-age-group ul li.active a:before, .woocommerce-product-type ul li.active a:before { content: ''; width: 3px; height: 24px; position: absolute; right: 15px; top: calc(50% - 12px); cursor: pointer; background-color: #fff; -webkit-transform: rotate(45deg); -khtml-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); /* BACKGROUND GRADIENT */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; /* TEXT SHADOW */ } .woocommerce-age-group ul li.active a:after, .woocommerce-product-type ul li.active a:after { content: ''; width: 3px; height: 24px; position: absolute; right: 15px; top: calc(50% - 12px); background-color: #fff; cursor: pointer; -webkit-transform: rotate(-45deg); -khtml-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* BACKGROUND GRADIENT */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand'); zoom: 1; /* TEXT SHADOW */ } .woocommerce-age-group ul li a, .woocommerce-product-type ul li a { border-radius: 5px; padding: 2px 10px; font-size: 400; display: inline-block; } .related-product { background-color: #efefef; padding: 100px 0px; margin-top: 50px; } .related-product .related-product-title { text-align: center; padding-bottom: 40px; font-size: 60px; } .related-product .slick-list { margin-left: -15px; margin-right: -15px; } .related-product .zo-carousel-product { position: relative; } .related-product .zo-carousel-product i { position: absolute; font-size: 4em; cursor: pointer; z-index: 2; } @media screen and (max-width: 991px) { .related-product .zo-carousel-product i { font-size: 1.9em; } } .related-product .zo-carousel-product i.arrow-left { top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ left: -100px; } @media screen and (max-width: 991px) { .related-product .zo-carousel-product i.arrow-left { left: -23px; } } .related-product .zo-carousel-product i.arrow-right { top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ right: -100px; } @media screen and (max-width: 991px) { .related-product .zo-carousel-product i.arrow-right { right: -23px; } } .related-product .zo-carousel-product .slick-dots { bottom: -60px; } .related-product .zo-carousel-product .slick-dots li > button:before { font-size: 18px !important; } @media screen and (max-width: 767px) { .related-product .zo-carousel-product .slick-dots li { width: 12px; height: 12px; } .related-product .zo-carousel-product .slick-dots li > button { width: 12px; height: 12px; } .related-product .zo-carousel-product .slick-dots li > button:before { width: 12px; height: 12px; font-size: 12px !important; } } .related-product .zo-carousel-product .zo-product-item { margin: 5px 15px; text-align: center; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 5px 0px #a6a1a6; -khtml-box-shadow: 0px 0px 5px 0px #a6a1a6; -moz-box-shadow: 0px 0px 5px 0px #a6a1a6; -ms-box-shadow: 0px 0px 5px 0px #a6a1a6; -o-box-shadow: 0px 0px 5px 0px #a6a1a6; box-shadow: 0px 0px 5px 0px #a6a1a6; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .related-product .zo-carousel-product .zo-product-item .product { padding: 15px; } .related-product .zo-carousel-product .zo-product-item .product .zo-product-image { margin-bottom: 20px; } .related-product .zo-carousel-product .zo-product-item .product .product-title { margin-bottom: 5px; } .related-product .zo-carousel-product .zo-product-item .product .product-title a { font-size: 17px; color: #333; } @media screen and (max-width: 767px) { .related-product .zo-carousel-product .zo-product-item .product .product-title a { font-size: 15px; } } .product-cat-des { text-align: center; padding: 0 0 65px; font-size: 22px; } @media screen and (max-width: 767px) { .product-cat-des { display: none; } } .single-product .product .single-product-left { float: left; width: 45%; padding-right: 15px; } @media screen and (max-width: 767px) { .single-product .product .single-product-left { width: 100%; float: none; } } .single-product .product .single-product-left .back i { margin-right: 10px; vertical-align: middle; } .single-product .product .single-product-left .woocommerce-product-gallery { float: none !important; width: 100%; margin-top: 55px; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-nav { width: 25%; float: left; margin-right: 5px; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-nav .slick-list { padding: 0 !important; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-nav .slick-list .slick-slide { border: 1px solid #9da7b1; border-radius: 5px; margin-bottom: 5px; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-nav .slick-list .slick-slide img { height: 70px; width: auto; margin: auto; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-for { display: block; overflow: hidden; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-for .slick-list { margin-bottom: 30px; } .single-product .product .single-product-left .woocommerce-product-gallery .slider-for .slick-dots { bottom: -10px; } .single-product .product .single-product-left .social-list { text-align: center; } @media screen and (min-width: 768px) { .single-product .product .single-product-left .social-list { margin-left: 120px; } } .single-product .product .single-product-left .social-list li { width: 35px; height: 35px; } .single-product .product .single-product-left .social-list li a:hover i { color: #333; } .single-product .product .single-product-left .social-list li a i { font-size: 20px; color: #847876; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .single-product .product .single-product-left .cart { margin-bottom: 40px; } .single-product .product .single-product-left .cart .quantity { background: transparent; border: 0; vertical-align: middle; border-radius: 0; padding: 0; } .single-product .product .single-product-left .cart .quantity .qty { border: 0; font-size: 23px; height: 45px; padding: 0; width: 40px; margin: 0 15px; appearance: textfield; -moz-appearance: textfield; -webkit-appearance: textfield; -o-appearance: textfield; -ms-appearance: textfield; } .single-product .product .single-product-left .cart .quantity .qty::-webkit-inner-spin-button, .single-product .product .single-product-left .cart .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .single-product .product .single-product-left .cart .quantity i { font-size: 30px; } .single-product .product .single-product-left .cart .single_add_to_cart_button { height: 35px; border-radius: 6px; padding: 0 20px; vertical-align: middle; text-transform: lowercase; font-weight: 700 !important; line-height: 35px; background-color: #847876 !important; } .single-product .product .single-product-left .cart .single_add_to_cart_button:hover { background-color: #333 !important; } .single-product .product .single-product-left .cart .quantity, .single-product .product .single-product-left .cart .single_add_to_cart_button { float: none; display: inline-block; } @media screen and (max-width: 479px) { .single-product .product .single-product-left .cart { margin-top: 60px; margin-left: 0; } .single-product .product .single-product-left .cart .single_add_to_cart_button { font-size: 16px; } } .single-product .product .single-product-right { padding-left: 15px; } @media screen and (max-width: 767px) { .single-product .product .single-product-right { padding-top: 30px; } .single-product .product .single-product-right .product_title { font-size: 40px; } } .single-product .product .single-product-right.summary { float: left; width: 55%; } .single-product .product .single-product-right.summary .product_title { text-transform: inherit; font-size: 50px; line-height: 60px; } @media screen and (max-width: 767px) { .single-product .product .single-product-right.summary { width: 100%; float: none; } .single-product .product .single-product-right.summary .product_title { font-size: 40px; line-height: 45px; } } .single-product .product .single-product-right .social-list { text-align: left; margin-bottom: 20px; } .single-product .product .single-product-right .social-list li { width: 35px; height: 35px; } .single-product .product .single-product-right .social-list li a:hover i { color: #333; } .single-product .product .single-product-right .social-list li a i { font-size: 20px; color: #847876; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .single-product .product .related-product { padding: 60px 0; } .single-product .product .related-product .zo-carousel-product .zo-product-item { margin: 5px 15px; text-align: center; background-color: #fff; border-radius: 10px; padding: 15px 15px 0 15px; -webkit-box-shadow: 0px 0px 5px 0px #a6a1a6; -khtml-box-shadow: 0px 0px 5px 0px #a6a1a6; -moz-box-shadow: 0px 0px 5px 0px #a6a1a6; -ms-box-shadow: 0px 0px 5px 0px #a6a1a6; -o-box-shadow: 0px 0px 5px 0px #a6a1a6; box-shadow: 0px 0px 5px 0px #a6a1a6; /* BACKGROUND GRADIENT */ /* BOX SIZING */ } .single-product .product .related-product .zo-carousel-product .zo-product-item:last-child { margin-right: 0; } .single-product .product .related-product .zo-carousel-product .zo-product-item .product img { margin: auto; } .single-product .product .related-product .zo-carousel-product .zo-product-item .product-title { padding-top: 10px; line-height: 20px; } .single-product .product .related-product .zo-carousel-product .slick-arrow { -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .single-product .product .related-product .zo-carousel-product .slick-arrow:hover { color: #847876; } @media screen and (max-width: 767px) { .single-product .product .related-product .zo-carousel-product .slick-arrow { font-size: 2em; } } .sidebar-area .filter-group { background-color: #efefef; margin-bottom: 30px; padding: 0 10px; } .sidebar-area .filter-group-title { text-align: center; color: #847876; margin-bottom: 20px; cursor: pointer; padding: 10px; font-weight: 500; font-size: 18px; position: relative; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .sidebar-area .filter-group-title i { position: absolute; right: 18px; top: 13px; font-size: 20px; } @media screen and (max-width: 767px) { .sidebar-area .filter-product { display: none; padding-bottom: 20px; } .sidebar-area .filter-product .woocommerce-age-group ul, .sidebar-area .filter-product .woocommerce-product-type ul { padding: 5px; margin: 0; } .sidebar-area .filter-product .woocommerce-age-group ul li:last-child, .sidebar-area .filter-product .woocommerce-product-type ul li:last-child { margin-bottom: 0; } .sidebar-area .filter-product .filter-product-type { border-left: 3px solid #847876; } } .sidebar-area .filter-product .filter-title { font-weight: 400; } .template-zo_grid--product .zo-grid-item .zo-grid-inner { border: 1px solid #c8c7c6; border-radius: 10px; text-align: center; padding: 15px; } .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-media { position: relative; margin-bottom: 20px; text-align: center; border-radius: 10px; -webkit-transition: all ease 0.3s; -khtml-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-media img { border-radius: 10px; } .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-title { margin-bottom: 5px; } .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-title a { color: #333; font-size: 17px; line-height: 30px; letter-spacing: 0.04em; } .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-title a:hover { color: #847876; } @media screen and (max-width: 767px) { .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-title { line-height: 25px; } .template-zo_grid--product .zo-grid-item .zo-grid-inner .zo-grid-title a { font-size: 15px; line-height: 25px; } } .paging-navigation .pagination { margin-bottom: 40px; display: inline-block; width: 100%; text-align: center; } .paging-navigation .pagination .page-numbers { display: inline-block; border: 1px solid #ececec !important; height: 40px; margin: 0 5px; width: 40px; text-align: center; line-height: 38px; font-size: 20px; padding: 0; } .paging-navigation .pagination .page-numbers.current { background: #ebe9eb; color: #8a7e88; } .pp_default .pp_details .pp_social { display: none; } .sophielagirafe-off .single-age-group { display: none; } .single-product .product .woo-price-cart { display: none; } .single-product .product.purchasable .woo-price-cart { display: flex; } .single-product .product-variations { display: flex; } .single-product .product-variations .variation-item { text-align: left; margin-right: 15px; flex: 1; } .single-product .product-variations .variation-item label { font-size: 16px; } .single-product .product-variations .variation-item select { height: 35px; background: #efefef; color: #837875; } .single-product .product-variations .variation-item select:focus { outline: none; } .single-product .single_variation_wrap { display: flex; } .single-product .woocommerce-variation-add-to-cart { display: flex; } .single-product .woocommerce-variation-add-to-cart .quantity input { width: 30px !important; margin: 0 !important; height: 40px !important; } .single-product .reset_variations { display: none !important; } .woo-price-cart { display: flex; width: 100%; } .woo-price-cart .woo-price { width: 180px; } .woo-price-cart .woo-price .price { position: relative; margin-bottom: 5px; } .woo-price-cart .woo-price .price:before { content: 'Preis:'; padding-right: 5px; } .woo-price-cart .woo-price.fr_FR .price:before { content: 'Prix:'; } .woo-price-cart .woo-cart { width: calc(100% - 180px); text-align: right; } .woo-price-cart .woo-cart form.cart { margin: 0 !important; } .woo-price-cart .woo-cart form.cart .quantity input { margin: 0 !important; width: 30px !important; } @media screen and (min-width: 768px) { .wpb_accordion { padding-left: 30px; margin-top: -15px; } } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_header { font-size: 1em; padding-bottom: 0; padding-right: 0; margin: 0; line-height: 1em; background-color: transparent; } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_header.ui-accordion-header-active a:before { content: "\f106"; color: #1a1a1a; } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_header span { display: none; } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_header a { padding-left: 0; color: #1a1a1a; text-decoration: none; font-weight: 400; display: block; position: relative; font-size: 0.8em; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_header a:hover { color: #847876; } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_header a:before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 0px; top: 0px; color: #847876; font-size: 1em; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_content { border-left: solid 3px #847876; padding: 20px 0px 20px 45px; margin-bottom: 20px; color: #847876; } @media screen and (max-width: 767px) { .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_content { padding-left: 20px; } } .wpb_accordion.wpb_content_element .wpb_accordion_section .wpb_accordion_content .wpb_content_element .wpb_wrapper p { margin-bottom: 20px; line-height: 1.8em; text-align: justify; font-size: 0.8em; color: #847876; } .zo-extra-font1, #menu-footer-menu li a, #menu-footer-menu-de li a, .footer-widget-left .footer-left-info p, .zo-footer-copyright-notice, .zo-copyright-secondary, .contact-form .cf-item input, .contact-form .cf-item textarea, .contact-form .cf-item .wpcf7-list-item .wpcf7-list-item-label, .contact-form .cf-submit input, .wpb_raw_code .text-information p, #zo-header-navigation-right .widget_language-switcher-custom ul li a, #zo-header-navigation-right .widget_cart_search_wrap a span, .sens-text h4, .text-style .wpb_wrapper h4, .pp_content_container .pp_content .pp_description, .text-heading h4, .template-zo_heading.heading-style-1 .zo-heading-main, .template-zo_heading.heading-big .zo-heading-main, .template-zo_grid--gallery.style-title .zo-gallery-image .zo-grid-overlay .zo-grid-pretty .zo-gallery-title, .sidebar-area .filter-group-title, .template-zo_button .button-faq { font-family: 'Roboto Condensed'; } .zo-extra-font2, .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .amount, .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-price .zo-pricing-base .amount, .template-zo_countdown .zo-count-down-number, .template-zo_countdown--rectangle .zo-count-down-rectangle .zo-count-down-number, .template-zo_countdown--split .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-days .zo-count-down-wrap .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-hours .zo-count-down-wrap .zo-count-down-number, .template-zo_countdown--restaurant .zo-count-down-minutes .zo-count-down-wrap .zo-count-down-number { font-family: 'Oswald'; } @media (min-width: 1170px) { body.zo-boxed #page { width: 1200px; } body.zo-boxed #page .header-sticky.affix { width: 1200px; max-width: 100%; } body.zo-boxed #page .header-transparent { width: 1200px; max-width: 100%; } } @media (min-width: 1400px) { #zo-header.header-style-01 { padding-left: 80px; padding-right: 80px; } } #zo-page-element-wrap .zo-page-title-text h1 { font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 60px; font-weight: 400; line-height: 70px; color: #847876; letter-spacing: 1px; } @media (min-width: 992px) { #zo-header.header-style-01 #zo-header-logo { display: inline-block; margin-top: 15px; margin-left: 15px; margin-bottom: 15px; margin-right: 20px; width: 150px; } #zo-header.header-style-01 #zo-header-logo { "width: 150px "; } #zo-header.header-style-01 .zo-header-secondary { display: inline-block; width: calc(100% - 190px); } .header-style-01:not(.affix) .zo-header-navigation .nav-menu > li > a, .header-style-01:not(.affix) .widget_cart_search_wrap_item > a.icon, .header-style-01:not(.affix) .zo-header-secondary .header-top-contact { line-height: 100px; } #zo-header.header-style-01 .zo-header-navigation .nav-menu > li { padding-right: 35px; } #zo-header.header-style-01 .zo-header-navigation .zo-menu-toggle { display: none; } .header-style-01 .zo-header-navigation .nav-menu > li > a { font-family: Roboto Condensed; font-backup: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; } .header-style-01 .nav-menu > li ul a, .header-style-01 .nav-menu > ul > li ul a { font-family: Roboto Condensed; font-backup: Arial, Helvetica, sans-serif; text-transform: lowercase; font-size: 20px; font-weight: 400; letter-spacing: 0px; } #zo-header.header-style-01 .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container, #zo-header.header-style-01 .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container { width: calc(100% - 230px); } #zo-header.header-style-01 .zo-header-secondary .zo-header-navigation-right { width: 220px; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (min-width: 1400px) { #zo-header.header-style-02 { padding-left: 80px; padding-right: 80px; } } #zo-page-element-wrap .zo-page-title-text h2 { font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 60px; font-weight: 400; line-height: 70px; color: #847876; letter-spacing: 1px; } @media (min-width: 992px) { #zo-header.header-style-02 #zo-header-logo { display: inline-block; margin-left: 15px; margin-right: 20px; width: 200px; } #zo-header.header-style-02 #zo-header-logo { "width: 200px "; } #zo-header.header-style-02 .zo-header-secondary { display: inline-block; width: calc(100% - 240px); } .header-style-02:not(.affix) .zo-header-navigation .nav-menu > li > a, .header-style-02:not(.affix) .widget_cart_search_wrap_item > a.icon, .header-style-02:not(.affix) .zo-header-secondary .header-top-contact { line-height: 100px; } #zo-header.header-style-02 .zo-header-navigation .nav-menu > li { padding-right: 35px; } #zo-header.header-style-02 .zo-header-navigation .zo-menu-toggle { display: none; } .header-style-02 .zo-header-navigation .nav-menu > li > a { font-family: Roboto Condensed; font-backup: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: 500; } .header-style-02 .nav-menu > li ul a, .header-style-02 .nav-menu > ul > li ul a { font-family: Roboto Condensed; font-backup: Arial, Helvetica, sans-serif; text-transform: lowercase; font-size: 20px; font-weight: 400; letter-spacing: 0px; } #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-left .menu-main-menu-container, #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-left .menu-main-menu-de-container { width: calc(100% - 230px); } #zo-header.header-style-02 .zo-header-secondary .zo-header-navigation-right { width: 220px; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (max-width: 767px) { #zo-header-top { display: none; } } #zo-header-top { background-color: #363839; } #zo-header-top a { color: #fff; } #zo-header-top a:hover { color: #fff; } #zo-header-top a:active { color: #fff; } #zo-header-top { min-height: 40px; } #zo-header-top .header-top-social li { line-height: 40px; } #zo-header-top .header-top-contact li { line-height: 40px; } #zo-header-top .header-top-navigation > li > a { line-height: 40px; } #zo-header.header-transparent.has-header-top { top: 40px; } .admin-bar #zo-header.header-transparent.has-header-top { top: 72px; } #zo-header-top .header-top-left { text-align: left; } #zo-header-top .header-top-right { text-align: right; } #zo-header.header-sticky.affix { background-color: #847876; } #zo-header.header-sticky.affix { padding-top: 0; padding-bottom: 0; } #zo-header.header-sticky.affix .zo-collapsed-button span { background: #fff; } #zo-header.header-sticky.affix .zo-collapsed-button.close span { background: transparent; } #zo-header.header-sticky.affix .zo-collapsed-button span:before { background: #fff; } #zo-header.header-sticky.affix .zo-collapsed-button span:after { background: #fff; } #zo-header.header-sticky.affix #zo-header-logo { margin-top: 15px; margin-left: 15px; margin-bottom: 15px; margin-right: 20px; } #zo-header.header-sticky.affix .zo-main-logo { display: none; } #zo-header.header-sticky.affix .nav-menu > li > a, #zo-header.header-sticky.affix #zo-header-navigation-right { line-height: 100px; } #zo-header.header-sticky.affix .zo-collapsed-button { height: 100px; } #zo-header.header-style-03.header-sticky.affix .zo-header-navigation .nav-menu > li > a, #zo-header.header-style-03.header-sticky.affix .widget_cart_search_wrap_item > a.icon { line-height: 100px; } @media (min-width: 992px) { .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a, .widget_cart_search_wrap a { color: #fff; } .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a, .widget_cart_search_wrap a:hover { color: #fff; } .zo-header-navigation .nav-menu > li.current-menu-item, .zo-header-navigation .nav-menu > li.current-menu-ancestor, .zo-header-navigation .nav-menu > li.current_page_item, .zo-header-navigation .nav-menu > li.current_page_ancestor, .zo-header-navigation .nav-menu > li.current-menu-parent, .zo-header-navigation .nav-menu > li.current-menu-item > a, .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li.current_page_item > a, .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .zo-header-navigation .nav-menu > li.current-menu-parent > a, .widget_cart_search_wrap a:active, .widget_cart_search_wrap a:focus { color: #fff; } .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a { color: #000; } .zo-header-navigation .nav-menu > li ul a:focus, .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li.current-menu-item, .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .zo-header-navigation .nav-menu > li ul li.current_page_item, .zo-header-navigation .nav-menu > li ul li:hover > a, .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #847876; } .nav-menu > li ul.sub-menu { background-color: #f5f5f5; min-width: 220px; } .nav-menu > li ul.sub-menu li a { line-height: 40px; border-bottom: 1px solid #cecece; text-align: center; } .nav-menu > li ul.sub-menu li:hover.no_group { background-color: #fff; } } .header-sticky.affix .zo-header-navigation .nav-menu > li, .header-sticky.affix .zo-header-navigation .nav-menu > li > a, .header-sticky.affix .widget_cart_search_wrap a { color: #fff; } .header-sticky.affix .zo-header-navigation .nav-menu > li:hover, .header-sticky.affix .zo-header-navigation .nav-menu > li:hover > a, .header-sticky.affix .widget_cart_search_wrap a:hover { color: #fff; } .header-sticky.affix .nav-menu > li:hover { border-bottom-color: #fff; } .header-sticky.affix .zo-header-navigation .nav-menu > li.current-menu-item, .header-sticky.affix .zo-header-navigation .nav-menu > li.current-menu-ancestor, .header-sticky.affix .zo-header-navigation .nav-menu > li.current_page_item, .header-sticky.affix .zo-header-navigation .nav-menu > li.current_page_ancestor, .header-sticky.affix .zo-header-navigation .nav-menu > li.current-menu-parent, .header-sticky.affix .zo-header-navigation .nav-menu > li.current-menu-item > a, .header-sticky.affix .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .header-sticky.affix .zo-header-navigation .nav-menu > li.current_page_item > a, .header-sticky.affix .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .header-sticky.affix .zo-header-navigation .nav-menu > li.current-menu-parent > a, .header-sticky.affix .widget_cart_search_wrap a:active, .header-sticky.affix .widget_cart_search_wrap a:focus { color: #fff; } .header-sticky.affix .zo-header-navigation .nav-menu > li ul li, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li > a { color: #000; } .header-sticky.affix .zo-header-navigation .nav-menu > li ul a:focus, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li:hover, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current-menu-item, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current_page_item, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li:hover > a, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .header-sticky.affix .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #847876; } .header-sticky.affix .zo-header-navigation .nav-menu > li ul a:focus { color: #847876; } @media (max-width: 991px) { #zo-header, #zo-menu-mobile { height: 70px !important; line-height: 70px !important; } #zo-header .zo-header-logo .header-phone-logo { max-height: 70px; } .zo-header-navigation { top: 70px; } .admin-bar .zo-header-navigation { top: calc(32px + 70px); } #zo-header #zo-header-logo { margin-left: 15px; } #zo-header { background: #847876 !important; } #zo-header .zo-header-navigation { background: #847876 !important; } .zo-header-navigation .nav-menu li { border-top-style: none; } .widget_cart_search_wrap a { color: #fff; } #zo-menu-mobile span, #zo-menu-mobile span:before, #zo-menu-mobile span:after { background: #fff; } .widget_cart_search_wrap a:hover { color: #fff; } .widget_cart_search_wrap a:focus { color: #fff; } .zo-header-navigation .nav-menu > li > a { font-family: Roboto Condensed; font-backup: Arial, Helvetica, sans-serif; text-align: center; font-size: 22px; font-weight: 500; line-height: 50px; letter-spacing: 1px; } .zo-header-navigation .nav-menu > li { line-height: 50px; } .zo-header-navigation .nav-menu > li { text-align: center; } .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a { color: #fff; } .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a { color: #fff; } .zo-header-navigation .nav-menu > li.current-menu-item, .zo-header-navigation .nav-menu > li.current-menu-ancestor, .zo-header-navigation .nav-menu > li.current_page_item, .zo-header-navigation .nav-menu > li.current_page_ancestor, .zo-header-navigation .nav-menu > li.current-menu-parent, .zo-header-navigation .nav-menu > li.current-menu-item > a, .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li.current_page_item > a, .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .zo-header-navigation .nav-menu > li.current-menu-parent > a { color: #fff; } .zo-header-navigation .nav-menu > li li a { font-family: Roboto Condensed; font-backup: Arial, Helvetica, sans-serif; text-align: center; text-transform: capitalize; font-size: 22px; font-weight: 400; line-height: 40px; } .zo-header-navigation .nav-menu > li li { line-height: 40px; } .zo-header-navigation .nav-menu > li li { text-align: center; } .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a { color: #fff; } .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li:hover > a { color: #fff; } .zo-header-navigation .nav-menu > li ul a:focus, .zo-header-navigation .nav-menu > li ul li.current-menu-item, .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .zo-header-navigation .nav-menu > li ul li.current_page_item, .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #fff; } .zo-header-navigation .nav-menu > li ul.sub-menu { background: #998c87; } } @media (max-width: 783px) { .admin-bar .zo-header-navigation.show-menu { top: calc(46px + 70px + 40px); } } @media (max-width: 767px) { .admin-bar .zo-header-navigation.show-menu { top: calc(46px + 70px); } .zo-header-navigation.show-menu { top: 70px; } } #zo-footer { padding-top: 70px; padding-bottom: 30px; } #zo-footer #zo-footer-content .zo-footer-column a { color: #fff; } #zo-footer #zo-footer-content .zo-footer-column a:hover { color: #fff; } #zo-footer-copyright { padding-top: 20px; padding-bottom: 50px; color: #fff; } #zo-footer-copyright a { color: #fff; } #zo-footer-copyright footer { text-align: center; } #zo-footer-content, #zo-footer-content h1, #zo-footer-content h2, #zo-footer-content h3, #zo-footer-content h4, #zo-footer-content h5, #zo-footer-content h6 { color: #fff; } body h1 { font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 60px; font-weight: 400; line-height: 70px; color: #847876; margin-top: 0; margin-bottom: 15px; } body h2 { font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 55px; font-weight: 500; line-height: 65px; color: #847876; margin-top: 0; margin-bottom: 15px; } body h3 { font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 45px; font-weight: 500; line-height: 55px; color: #847876; margin-top: 0; margin-bottom: 15px; } body h4 { font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 500; font-size: 35px; font-weight: 500; line-height: 45px; color: #847876; margin-top: 0; margin-bottom: 15px; } body h5 { font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 30px; font-weight: 400; line-height: 40px; color: #847876; margin-top: 0; margin-bottom: 15px; } body h6 { font-family: Pontano Sans, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; font-weight: 400; line-height: 30px; color: #847876; margin-top: 0; margin-bottom: 15px; } .btn-primary { background: #847876; color: #fff; } .btn-primary:hover { background: #333; color: #fff; } .btn-secondary { background: #333; color: #fff; } .btn-secondary:hover { background: #847876; color: #fff; } .btn-tiny { padding-top: 4px; padding-left: 15px; padding-bottom: 4px; padding-right: 15px; font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; font-weight: 400; line-height: 20px; letter-spacing: 0px; } .btn-tiny.stroke-1 { padding-top: calc(4px - 1px); padding-right: calc(15px - 1px); padding-bottom: calc(4px - 1px); padding-left: calc(15px - 1px); } .btn-tiny.stroke-2 { padding-top: calc(4px - 2px); padding-right: calc(15px - 2px); padding-bottom: calc(4px - 2px); padding-left: calc(15px - 2px); } .btn-tiny.stroke-3 { padding-top: calc(4px - 3px); padding-right: calc(15px - 3px); padding-bottom: calc(4px - 3px); padding-left: calc(15px - 3px); } .btn-tiny.stroke-4 { padding-top: calc(4px - 4px); padding-right: calc(15px - 4px); padding-bottom: calc(4px - 4px); padding-left: calc(15px - 4px); } .btn-tiny.stroke-5 { padding-top: calc(4px - 5px); padding-right: calc(15px - 5px); padding-bottom: calc(4px - 5px); padding-left: calc(15px - 5px); } .btn-tiny.stroke-6 { padding-top: calc(4px - 6px); padding-right: calc(15px - 6px); padding-bottom: calc(4px - 6px); padding-left: calc(15px - 6px); } .btn-small { padding-top: 5px; padding-left: 15px; padding-bottom: 5px; padding-right: 15px; font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; font-weight: 400; line-height: 20px; letter-spacing: 0px; } .btn-small.stroke-1 { padding-top: calc(5px - 1px); padding-right: calc(15px - 1px); padding-bottom: calc(5px - 1px); padding-left: calc(15px - 1px); } .btn-small.stroke-2 { padding-top: calc(5px - 2px); padding-right: calc(15px - 2px); padding-bottom: calc(5px - 2px); padding-left: calc(15px - 2px); } .btn-small.stroke-3 { padding-top: calc(5px - 3px); padding-right: calc(15px - 3px); padding-bottom: calc(5px - 3px); padding-left: calc(15px - 3px); } .btn-small.stroke-4 { padding-top: calc(5px - 4px); padding-right: calc(15px - 4px); padding-bottom: calc(5px - 4px); padding-left: calc(15px - 4px); } .btn-small.stroke-5 { padding-top: calc(5px - 5px); padding-right: calc(15px - 5px); padding-bottom: calc(5px - 5px); padding-left: calc(15px - 5px); } .btn-small.stroke-6 { padding-top: calc(5px - 6px); padding-right: calc(15px - 6px); padding-bottom: calc(5px - 6px); padding-left: calc(15px - 6px); } .btn-medium { padding-top: 5px; padding-left: 20px; padding-bottom: 5px; padding-right: 20px; font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; font-weight: 400; line-height: 25px; letter-spacing: 0px; } .btn-medium.stroke-1 { padding-top: calc(5px - 1px); padding-right: calc(20px - 1px); padding-bottom: calc(5px - 1px); padding-left: calc(20px - 1px); } .btn-medium.stroke-2 { padding-top: calc(5px - 2px); padding-right: calc(20px - 2px); padding-bottom: calc(5px - 2px); padding-left: calc(20px - 2px); } .btn-medium.stroke-3 { padding-top: calc(5px - 3px); padding-right: calc(20px - 3px); padding-bottom: calc(5px - 3px); padding-left: calc(20px - 3px); } .btn-medium.stroke-4 { padding-top: calc(5px - 4px); padding-right: calc(20px - 4px); padding-bottom: calc(5px - 4px); padding-left: calc(20px - 4px); } .btn-medium.stroke-5 { padding-top: calc(5px - 5px); padding-right: calc(20px - 5px); padding-bottom: calc(5px - 5px); padding-left: calc(20px - 5px); } .btn-medium.stroke-6 { padding-top: calc(5px - 6px); padding-right: calc(20px - 6px); padding-bottom: calc(5px - 6px); padding-left: calc(20px - 6px); } .btn-large { padding-top: 5px; padding-left: 30px; padding-bottom: 5px; padding-right: 30px; font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 30px; font-weight: 400; line-height: 35px; letter-spacing: 0px; } .btn-large.stroke-1 { padding-top: calc(5px - 1px); padding-right: calc(30px - 1px); padding-bottom: calc(5px - 1px); padding-left: calc(30px - 1px); } .btn-large.stroke-2 { padding-top: calc(5px - 2px); padding-right: calc(30px - 2px); padding-bottom: calc(5px - 2px); padding-left: calc(30px - 2px); } .btn-large.stroke-3 { padding-top: calc(5px - 3px); padding-right: calc(30px - 3px); padding-bottom: calc(5px - 3px); padding-left: calc(30px - 3px); } .btn-large.stroke-4 { padding-top: calc(5px - 4px); padding-right: calc(30px - 4px); padding-bottom: calc(5px - 4px); padding-left: calc(30px - 4px); } .btn-large.stroke-5 { padding-top: calc(5px - 5px); padding-right: calc(30px - 5px); padding-bottom: calc(5px - 5px); padding-left: calc(30px - 5px); } .btn-large.stroke-6 { padding-top: calc(5px - 6px); padding-right: calc(30px - 6px); padding-bottom: calc(5px - 6px); padding-left: calc(30px - 6px); } .btn-giant { padding-top: 5px; padding-left: 35px; padding-bottom: 5px; padding-right: 35px; font-family: Rochester, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 35px; font-weight: 400; line-height: 40px; letter-spacing: 0px; } .btn-giant.stroke-1 { padding-top: calc(5px - 1px); padding-right: calc(35px - 1px); padding-bottom: calc(5px - 1px); padding-left: calc(35px - 1px); } .btn-giant.stroke-2 { padding-top: calc(5px - 2px); padding-right: calc(35px - 2px); padding-bottom: calc(5px - 2px); padding-left: calc(35px - 2px); } .btn-giant.stroke-3 { padding-top: calc(5px - 3px); padding-right: calc(35px - 3px); padding-bottom: calc(5px - 3px); padding-left: calc(35px - 3px); } .btn-giant.stroke-4 { padding-top: calc(5px - 4px); padding-right: calc(35px - 4px); padding-bottom: calc(5px - 4px); padding-left: calc(35px - 4px); } .btn-giant.stroke-5 { padding-top: calc(5px - 5px); padding-right: calc(35px - 5px); padding-bottom: calc(5px - 5px); padding-left: calc(35px - 5px); } .btn-giant.stroke-6 { padding-top: calc(5px - 6px); padding-right: calc(35px - 6px); padding-bottom: calc(5px - 6px); padding-left: calc(35px - 6px); } #breadcrumb-text { font-family: Roboto Condensed, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 20px; font-weight: 400; line-height: 30px; color: #666; } .zo-vc-row-margin-01 { margin-top: 120px !important; margin-bottom: 100px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-01 { margin-top: 80px !important; margin-bottom: 60px !important; } } @media (max-width: 767px) { .zo-vc-row-margin-01 { margin-top: 50px !important; margin-bottom: 30px !important; } } .zo-vc-row-margin-02 { margin-top: 100px !important; margin-bottom: 80px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-02 { margin-top: 80px !important; margin-bottom: 60px !important; } } @media (max-width: 767px) { .zo-vc-row-margin-02 { margin-top: 50px !important; margin-bottom: 30px !important; } } .zo-vc-row-margin-03 { margin-top: 80px !important; margin-bottom: 80px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-03 { margin-top: 50px !important; margin-bottom: 50px !important; } } @media (max-width: 767px) { .zo-vc-row-margin-03 { margin-top: 30px !important; margin-bottom: 30px !important; } } .zo-vc-row-padding-01 { padding-top: 100px !important; padding-bottom: 100px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-01 { padding-top: 70px !important; padding-bottom: 70px !important; } } @media (max-width: 767px) { .zo-vc-row-padding-01 { padding-top: 40px !important; padding-bottom: 40px !important; } } .zo-vc-row-padding-02 { padding-top: 80px !important; padding-bottom: 80px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-02 { padding-top: 60px !important; padding-bottom: 60px !important; } } @media (max-width: 767px) { .zo-vc-row-padding-02 { padding-top: 40px !important; padding-bottom: 40px !important; } } .zo-vc-row-padding-03 { padding-top: 60px !important; padding-bottom: 60px !important; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-03 { padding-top: 40px !important; padding-bottom: 40px !important; } } @media (max-width: 767px) { .zo-vc-row-padding-03 { padding-top: 30px !important; padding-bottom: 30px !important; } } .woocommerce #zo-page-element-wrap { background-color: #eee; background-image: url("https://www.sophielagirafe.ch/wp-content/themes/sophie-la-girafe/assets/images/sophie-la-girafe-pt.jpg"); background-repeat: no-repeat; }