/* ------------------------------------------------------------- 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 ========================================================================== */ /*------------------------------------------------------------------ [Table of contents] 1. Blog Classic 2. Post Classic 3. Navigation 4. FAQ -------------------------------------------------------------------*/ /* Tag h */ /* ========================================================================== All Style Header ========================================================================== */ /* Align items center & stretch for header navigation */ /* ========================================================================== Start Style Footer ========================================================================== */ /* ========================================================================== [Start] All Style Form ========================================================================== */ /*------------------------------------------------------------------ [Table of contents] 1. Reset HTML/CSS, Unitest, Body 2. Page Title 3. Primary -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Reset HTML/CSS, Unitest, Body, @Extend ========================================================================== */ /* !important for theme */ /* ========================================================================== [Start] Zo Masonry ========================================================================== */ /* Images */ /* Style Loadding */ /* ========================================================================== Style 1 ========================================================================== */ /* * Menu General All Screen */ /*------------------------------------------------------------------ [All Style Sidebar Widget] -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [All Style Sidebar Widget] 1. Widget Search 2. Widget Category 3. Widget Tags -------------------------------------------------------------------*/ /* ========================================================================== [Start] 1. Widget Search ========================================================================== */ /* Footer Scroll Top */ /* Start Form Comment */ /* OPACITY */ @-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 */ } } .btn, button, .button, input[type="submit"] { font-size: 16px; line-height: 1; padding: 8px 24px; display: inline-block; outline: none; text-decoration: none; text-transform: capitalize; cursor: pointer; -webkit-transition: all 0.3s ease !important; -khtml-transition: all 0.3s ease !important; -moz-transition: all 0.3s ease !important; -ms-transition: all 0.3s ease !important; -o-transition: all 0.3s ease !important; transition: all 0.3s 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: none; text-decoration: none; } .zo-button { display: inline-block; border: 0; } .btn-default { background-color: transparent; color: #000; padding: 4px 30px; line-height: 39px; border: 1px solid #000 !important; } .btn-default:hover { background-color: #fff !important; color: #66bfd7; } @media screen and (max-width: 991px) { .btn-default { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-default { padding: 0px 10px; } } .btn-white { color: #66bfd7; background-color: #fff; padding: 4px 30px; line-height: 39px; border: 2px solid #fff !important; text-align: center !important; } .btn-white:hover { color: #2b2e2f; background-color: transparent !important; } @media screen and (max-width: 991px) { .btn-white { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-white { padding: 0px 10px; } } .btn-gray { color: #fff !important; background-color: #2b2e2f; padding: 4px 30px; line-height: 39px; border: 2px solid #2b2e2f !important; text-align: center !important; } .btn-gray:hover { color: #2b2e2f !important; background-color: transparent !important; } @media screen and (max-width: 991px) { .btn-gray { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-gray { padding: 0px 10px; } } .btn-transparent { color: #2b2e2f !important; background-color: transparent; padding: 4px 30px; line-height: 39px; border: 2px solid #2b2e2f !important; text-align: center !important; } .btn-transparent:hover { color: #fff !important; background-color: #2b2e2f !important; } @media screen and (max-width: 991px) { .btn-transparent { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-transparent { padding: 0px 10px; } } .btn-radius { border-radius: 30px; } .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; } @media screen and (max-width: 929px) { .tp-caption .btn-gradient:after { border-width: 1px 1px 1px 0; height: calc(100% + 2px); top: -1px; } } @media screen and (max-width: 929px) { .tp-caption .btn-gradient:before { border-width: 1px 0 1px 1px; height: calc(100% + 2px); top: -1px; } } .btn-gradient { background-color: transparent; position: relative; border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.zo-white { color: #fff; } .btn-gradient.zo-white:hover { color: #fff; } .btn-gradient.podes-right { position: absolute; right: 30px; bottom: -135px; } .btn-gradient.btn-right-normal { position: absolute; right: 30px; bottom: -55px; } .btn-gradient:after { border-color: #686ab7; border-radius: 0 55px 55px 0; border-style: solid; border-width: 2px 2px 2px 0; content: ""; height: calc(100% + 4px); position: absolute; right: -30px; top: -2px; width: 30px; background: transparent; } .btn-gradient:before { border-color: #66bfd7; border-radius: 55px 0 0 55px; border-style: solid; border-width: 2px 0 2px 2px; content: ""; height: calc(100% + 4px); left: -30px; position: absolute; top: -2px; width: 30px; background: transparent; } .btn-gradient:hover { color: #66bfd7; cursor: pointer; } .btn-gradient.gradient-green { border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #61e2b0 0%, #75c5db 100%); -moz-border-image: -moz-linear-gradient(right, #61e2b0 0%, #75c5db 100%); -webkit-border-image: -webkit-linear-gradient(right, #61e2b0 0%, #75c5db 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.gradient-green:after { border-color: #61e2b0; } .btn-gradient.gradient-green:before { border-color: #75c5db; } .btn-gradient.gradient-yellow { border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #f4db2f 0%, #f89e3c 100%); -moz-border-image: -moz-linear-gradient(right, #f4db2f 0%, #f89e3c 100%); -webkit-border-image: -webkit-linear-gradient(right, #f4db2f 0%, #f89e3c 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.gradient-yellow:after { border-color: #f4db2f; } .btn-gradient.gradient-yellow:before { border-color: #f89e3c; } .btn-gradient.gradient-yellow:hover { background-color: #f89e3c; background-image: -webkit-gradient(linear, left top, right top, from(#f89e3c), to(#f4db2f)); background-image: -webkit-linear-gradient(left, #f89e3c, #f4db2f); background-image: -moz-linear-gradient(left, #f89e3c, #f4db2f); background-image: -ms-linear-gradient(left, #f89e3c, #f4db2f); background-image: -o-linear-gradient(left, #f89e3c, #f4db2f); background-image: linear-gradient(left, #f89e3c, #f4db2f); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f89e3c', endColorStr='#f4db2f', gradientType='1'); /* BACKGROUND RADIAL */ } .btn-gradient.gradient-yellow:hover:after { background-color: #f4db2f; } .btn-gradient.gradient-yellow:hover:before { background-color: #f89e3c; } .btn-gradient.gradient-orange { border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #f89e3c 0%, #f46767 100%); -moz-border-image: -moz-linear-gradient(right, #f89e3c 0%, #f46767 100%); -webkit-border-image: -webkit-linear-gradient(right, #f89e3c 0%, #f46767 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.gradient-orange:after { border-color: #f89e3c; } .btn-gradient.gradient-orange:before { border-color: #f46767; } .btn-gradient.gradient-pink { border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #b270d1 0%, #e767b1 100%); -moz-border-image: -moz-linear-gradient(right, #b270d1 0%, #e767b1 100%); -webkit-border-image: -webkit-linear-gradient(right, #b270d1 0%, #e767b1 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.gradient-pink:after { border-color: #b270d1; } .btn-gradient.gradient-pink:before { border-color: #e767b1; } .btn-gradient.gradient-blue { border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #75c5db 0%, #7779be 100%); -moz-border-image: -moz-linear-gradient(right, #75c5db 0%, #7779be 100%); -webkit-border-image: -webkit-linear-gradient(right, #75c5db 0%, #7779be 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.gradient-blue:after { border-color: #75c5db; } .btn-gradient.gradient-blue:before { border-color: #7779be; } .btn-gradient.style-2 { background-color: #66bfd7; background-image: -webkit-gradient(linear, left top, right top, from(#66bfd7), to(#686ab7)); background-image: -webkit-linear-gradient(left, #66bfd7, #686ab7); background-image: -moz-linear-gradient(left, #66bfd7, #686ab7); background-image: -ms-linear-gradient(left, #66bfd7, #686ab7); background-image: -o-linear-gradient(left, #66bfd7, #686ab7); background-image: linear-gradient(left, #66bfd7, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7', gradientType='1'); /* BACKGROUND RADIAL */ border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ color: #fff; } .btn-gradient.style-2:after { background-color: #686ab7; } .btn-gradient.style-2:before { background-color: #66bfd7; } .btn-gradient.style-2:hover { color: #2b2e2f; } .btn-gradient.style-2.gradient-green { background-color: #75c5db; background-image: -webkit-gradient(linear, left top, right top, from(#75c5db), to(#61e2b0)); background-image: -webkit-linear-gradient(left, #75c5db, #61e2b0); background-image: -moz-linear-gradient(left, #75c5db, #61e2b0); background-image: -ms-linear-gradient(left, #75c5db, #61e2b0); background-image: -o-linear-gradient(left, #75c5db, #61e2b0); background-image: linear-gradient(left, #75c5db, #61e2b0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75c5db', endColorStr='#61e2b0', gradientType='1'); /* BACKGROUND RADIAL */ border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #61e2b0 0%, #75c5db 100%); -moz-border-image: -moz-linear-gradient(right, #61e2b0 0%, #75c5db 100%); -webkit-border-image: -webkit-linear-gradient(right, #61e2b0 0%, #75c5db 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.style-2.gradient-green:after { background-color: #61e2b0; } .btn-gradient.style-2.gradient-green:before { background-color: #75c5db; } .btn-gradient.style-2.gradient-yellow { background-color: #f89e3c; background-image: -webkit-gradient(linear, left top, right top, from(#f89e3c), to(#f4db2f)); background-image: -webkit-linear-gradient(left, #f89e3c, #f4db2f); background-image: -moz-linear-gradient(left, #f89e3c, #f4db2f); background-image: -ms-linear-gradient(left, #f89e3c, #f4db2f); background-image: -o-linear-gradient(left, #f89e3c, #f4db2f); background-image: linear-gradient(left, #f89e3c, #f4db2f); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f89e3c', endColorStr='#f4db2f', gradientType='1'); /* BACKGROUND RADIAL */ border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #f4db2f 0%, #f89e3c 100%); -moz-border-image: -moz-linear-gradient(right, #f4db2f 0%, #f89e3c 100%); -webkit-border-image: -webkit-linear-gradient(right, #f4db2f 0%, #f89e3c 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.style-2.gradient-yellow:after { background-color: #f4db2f; } .btn-gradient.style-2.gradient-yellow:before { background-color: #f89e3c; } .btn-gradient.style-2.gradient-orange { background-color: #f46767; background-image: -webkit-gradient(linear, left top, right top, from(#f46767), to(#f89e3c)); background-image: -webkit-linear-gradient(left, #f46767, #f89e3c); background-image: -moz-linear-gradient(left, #f46767, #f89e3c); background-image: -ms-linear-gradient(left, #f46767, #f89e3c); background-image: -o-linear-gradient(left, #f46767, #f89e3c); background-image: linear-gradient(left, #f46767, #f89e3c); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f46767', endColorStr='#f89e3c', gradientType='1'); /* BACKGROUND RADIAL */ border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #f89e3c 0%, #f46767 100%); -moz-border-image: -moz-linear-gradient(right, #f89e3c 0%, #f46767 100%); -webkit-border-image: -webkit-linear-gradient(right, #f89e3c 0%, #f46767 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.style-2.gradient-orange:after { background-color: #f89e3c; } .btn-gradient.style-2.gradient-orange:before { background-color: #f46767; } .btn-gradient.style-2.gradient-pink { background-color: #e767b1; background-image: -webkit-gradient(linear, left top, right top, from(#e767b1), to(#b270d1)); background-image: -webkit-linear-gradient(left, #e767b1, #b270d1); background-image: -moz-linear-gradient(left, #e767b1, #b270d1); background-image: -ms-linear-gradient(left, #e767b1, #b270d1); background-image: -o-linear-gradient(left, #e767b1, #b270d1); background-image: linear-gradient(left, #e767b1, #b270d1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e767b1', endColorStr='#b270d1', gradientType='1'); /* BACKGROUND RADIAL */ border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #b270d1 0%, #e767b1 100%); -moz-border-image: -moz-linear-gradient(right, #b270d1 0%, #e767b1 100%); -webkit-border-image: -webkit-linear-gradient(right, #b270d1 0%, #e767b1 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.style-2.gradient-pink:after { background-color: #b270d1; } .btn-gradient.style-2.gradient-pink:before { background-color: #e767b1; } .btn-gradient.style-2.gradient-blue { background-color: #7779be; background-image: -webkit-gradient(linear, left top, right top, from(#7779be), to(#75c5db)); background-image: -webkit-linear-gradient(left, #7779be, #75c5db); background-image: -moz-linear-gradient(left, #7779be, #75c5db); background-image: -ms-linear-gradient(left, #7779be, #75c5db); background-image: -o-linear-gradient(left, #7779be, #75c5db); background-image: linear-gradient(left, #7779be, #75c5db); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7779be', endColorStr='#75c5db', gradientType='1'); /* BACKGROUND RADIAL */ border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #75c5db 0%, #7779be 100%); -moz-border-image: -moz-linear-gradient(right, #75c5db 0%, #7779be 100%); -webkit-border-image: -webkit-linear-gradient(right, #75c5db 0%, #7779be 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .btn-gradient.style-2.gradient-blue:after { background-color: #75c5db; } .btn-gradient.style-2.gradient-blue:before { background-color: #7779be; } .btn-play { display: inline-block; width: 90px; height: 90px; line-height: 90px; font-size: 24px; background: transparent; position: relative; color: #fff; text-align: center; padding-left: 7px; -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 */ background-color: #66bfd7; background-image: -webkit-gradient(linear, left top, right top, from(#66bfd7), to(#686ab7)); background-image: -webkit-linear-gradient(left, #66bfd7, #686ab7); background-image: -moz-linear-gradient(left, #66bfd7, #686ab7); background-image: -ms-linear-gradient(left, #66bfd7, #686ab7); background-image: -o-linear-gradient(left, #66bfd7, #686ab7); background-image: linear-gradient(left, #66bfd7, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7', gradientType='1'); /* BACKGROUND RADIAL */ } .btn-play:hover { color: #2b2e2f; } @media screen and (max-width: 359px) { .btn-play { width: 70px; height: 70px; line-height: 70px; } } .btn-contiune-shop { font-size: 13px; font-weight: 700; letter-spacing: 0.2em; color: #2b2e2f; background-color: #fff; line-height: 44px; padding: 0 40px; border: 2px solid #2b2e2f; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .btn-contiune-shop:hover { background-color: #2b2e2f !important; color: #fff; } .btn-view-cart { font-size: 13px; font-weight: 700; letter-spacing: 0.2em; line-height: 44px; padding: 0 40px; border: 2px solid #2b2e2f; background-color: #2b2e2f; color: #fff; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ /* ========================================================================== End Style Button ========================================================================== */ /* Podes Finance */ } .btn-view-cart:hover { color: #2b2e2f; background-color: #fff !important; } .btn-white-2 { color: #66bfd7 !important; background-color: #fff; padding: 4px 30px; line-height: 39px; text-align: center !important; border: 2px solid #fff !important; } .btn-white-2:hover { color: #fff !important; background-color: transparent !important; } @media screen and (max-width: 991px) { .btn-white-2 { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-white-2 { padding: 0px 10px; } } .btn-transparent-2 { color: #fff !important; background-color: transparent; padding: 4px 30px; line-height: 39px; border: 2px solid #fff !important; text-align: center !important; /* Podes Architecture */ } .btn-transparent-2:hover { color: #66bfd7 !important; background-color: #fff !important; } @media screen and (max-width: 991px) { .btn-transparent-2 { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-transparent-2 { padding: 0px 10px; } } .btn-yellow { color: #2b2e2f !important; background-color: #f3d718; padding: 4px 30px; line-height: 39px; border: 2px solid #f3d718 !important; text-align: center !important; /* Podes Construction */ } .btn-yellow:hover { color: #f3d718 !important; background-color: transparent !important; } @media screen and (max-width: 991px) { .btn-yellow { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-yellow { padding: 0px 10px; } } .btn-orange { color: #fff !important; background-color: #f79327; padding: 4px 30px; line-height: 39px; border: 2px solid #f79327 !important; text-align: center !important; /*Podes Law Firm */ } .btn-orange:hover { border: 2px solid #fff !important; background-color: transparent !important; } @media screen and (max-width: 991px) { .btn-orange { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-orange { padding: 0px 10px; } } .btn-brown { color: #fff !important; background-color: #d0a77b; padding: 4px 30px; line-height: 39px; border: 2px solid #d0a77b !important; text-align: center !important; /* Shop Furniture */ } .btn-brown:hover { background-color: transparent !important; } @media screen and (max-width: 991px) { .btn-brown { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-brown { padding: 0px 10px; } } .btn-brown.style-2 { background-color: transparent; } .btn-brown.style-2:hover { background-color: #d0a77b; } .btn-brown.style-3 { color: #2b2e2f !important; } .btn-brown.style-3:hover { color: #fff !important; } .btn-pink { color: #2b2e2f !important; background-color: transparent; padding: 4px 30px; line-height: 39px; border: 2px solid #f35656 !important; text-align: center !important; } .btn-pink:hover { background-color: #f35656 !important; color: #fff !important; } @media screen and (max-width: 991px) { .btn-pink { padding: 2px 20px; } } @media screen and (max-width: 479px) { .btn-pink { padding: 0px 10px; } } .btn-pink.style-3 { color: #2b2e2f !important; } .btn-pink.style-3:hover { color: #fff !important; } .tp-caption.rev-btn.btn-gradient { padding-left: 5px !important; padding-right: 5px !important; } .post-teaser { margin-bottom: 50px; } .post-teaser.sticky { background-color: #f9f9f9; padding: 10px 20px 20px; } .post-teaser.sticky .zo-blog-title:before { content: "\f08d"; font-size: 30px; color: #66bfd7; font-family: FontAwesome; display: inline-block; -webkit-transform: rotate(-30deg); -khtml-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .dropcap { line-height: 24px; } .dropcap:first-letter { margin-top: 10px; padding: 0 20px; color: #141414; float: left; font-size: 36px; font-weight: bold; } .dropcap-bg { line-height: 24px; margin-top: 10px; /** * ----> Single Post */ } .dropcap-bg:first-letter { background: #141414 none repeat scroll 0 0; color: #fff; float: left; font-size: 36px; font-weight: bold; margin-right: 14px; margin-top: -3px; padding: 10px 15px; } .single .post-teaser iframe { height: 450px !important; } .single .post-teaser.format-quote blockquote { padding: 20px; } .single .post-teaser .zo-blog-tags { text-align: left; } .single .post-teaser .zo-blog-tags li { list-style: none; } .single .post-teaser .zo-blog-tags li a { line-height: 28px; color: #717779; padding: 0 12px; background: #fff; margin-right: 10px; border: 1px solid #e9e9e9; text-transform: uppercase; font-size: 12px; font-weight: 300; letter-spacing: 0.1em; -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 */ } .single .post-teaser .zo-blog-tags li a:hover { color: #66bfd7; border-color: #66bfd7; } .single .post-teaser .social-share { text-align: right; } @media screen and (max-width: 767px) { .single .post-teaser .social-share { margin-top: 30px; text-align: left; } } .single .post-teaser .zo-blog-link { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px; margin-bottom: 60px; } .single .post-teaser .post-navigation { margin-bottom: 50px; } .single .post-teaser .social-list { display: inline-block; padding: 0; margin: 0; } .single .post-teaser .social-list li { display: inline-block; padding-right: 27px; box-sizing: border-box; vertical-align: middle; } .single .post-teaser .social-list li a { font-size: 14px; color: #717779; } .single .post-teaser .social-list li a:hover { color: #66bfd7; } .single .post-teaser .social-list li:last-child { padding-right: 0; } .single .post-teaser .zo-author-about { padding: 20px; border: 1px solid #f2f2f2; } .single .post-teaser .zo-author-about .zo-author-avatar { float: left; padding-right: 20px; max-width: 110px; margin-top: 10px; } .single .post-teaser .zo-author-about .zo-author-avatar img { width: 90px; } .single .post-teaser .zo-author-about .zo-author-info { width: calc(100% - 110px); float: left; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author { width: 100%; display: inline-block; border-bottom: 1px solid #aaa; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name { float: left; margin-bottom: 5px; line-height: 20px; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a { color: #141414; font-size: 17px; line-height: 26px; letter-spacing: 0; text-transform: uppercase; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .zo-author-info-name a:hover { color: #2b2e2f; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .social-author-lists { float: right; margin: 0px; } .single .post-teaser .zo-author-about .zo-author-info .zo-header-author .social-author-lists li { list-style: none; display: inline-block; margin-left: 15px; } .single .post-teaser .zo-blog-content { line-height: 26px; margin-bottom: 85px; } .single .post-teaser .zo-blog-content h1, .single .post-teaser .zo-blog-content h2, .single .post-teaser .zo-blog-content h3, .single .post-teaser .zo-blog-content h4, .single .post-teaser .zo-blog-content h5, .single .post-teaser .zo-blog-content h6 { font-weight: 500; } .single .post-teaser .zo-blog-content img.alignleft { max-width: 500px; padding: 0 30px 20px 0; } .single .post-teaser .zo-blog-content img.alignright { max-width: 500px; padding: 0 0 20px 30px; } .single .post-teaser .zo-blog-content .single-ul-style { padding: 0; margin: 0; list-style: none; } .single .post-teaser .zo-blog-content .single-ul-style li { line-height: 36px; } .single .post-teaser .zo-blog-content .single-ul-style li:before { content: "\f00c"; font-family: FontAwesome; font-size: 14px; margin-right: 15px; } article.post-teaser { margin-bottom: 20px; } article.post-teaser.zo-blog-single { margin-bottom: 70px; } article.post-teaser .zo-blog-media { margin-bottom: 25px; } article.post-teaser .zo-blog-media .zo-blog-video iframe { width: 100%; } article.post-teaser .zo-blog-media .zo-blog-gallery { position: relative; } article.post-teaser .zo-blog-media .zo-blog-gallery .carousel .carousel-control { background: none; text-shadow: none; opacity: 1; } article.post-teaser .zo-blog-media .zo-blog-gallery .carousel .carousel-control .fa { background: rgba(255, 255, 255, 0.7); color: #141414; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; 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 */ -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 */ } article.post-teaser .zo-blog-media .zo-blog-gallery .carousel .carousel-control:hover > .fa { background: rgba(43, 46, 47, 0.8); color: #fff; } article.post-teaser .zo-blog-media .zo-blog-audio .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); } article.post-teaser .zo-blog-media .zo-blog-audio .overlay .overlay-inner { position: absolute; top: 50%; left: 0; text-align: center; width: 100%; -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 */ padding-left: 20px; padding-right: 20px; } article.post-teaser .zo-blog-media .zo-blog-audio .overlay .play-button { color: #fff; display: inline-block; border: 1px solid rgba(255, 255, 255, 0.3); font-size: 55px; height: 88px; line-height: 88px; text-align: center; width: 88px; } article.post-teaser .zo-blog-media .zo-blog-audio .overlay .mejs-container { margin-top: 40px; } article.post-teaser .zo-blog-media .zo-blog-link { line-height: 16px; } article.post-teaser .zo-blog-media .zo-blog-image { text-align: center; } article.post-teaser .zo-blog-title { letter-spacing: 0; font-size: 18px; font-weight: 600; line-height: 25px; position: relative; text-transform: uppercase; } article.post-teaser .zo-blog-title a { color: inherit; } article.post-teaser .zo-blog-title a:hover { color: #66bfd7; } article.post-teaser .zo-blog-meta { margin-bottom: 10px; } article.post-teaser .zo-blog-meta ul { margin: 0; padding: 10px; } article.post-teaser .zo-blog-meta ul li { display: inline-block; position: relative; padding: 0 8px 0 0; color: #a8b0b2; } article.post-teaser .zo-blog-meta ul li a { color: #a8b0b2; } article.post-teaser .zo-blog-meta ul li a:hover { color: #66bfd7; } article.post-teaser .zo-blog-meta ul li.zo-blog-author { text-transform: capitalize; } article.post-teaser .zo-blog-meta ul li.zo-blog-category a { color: #66bfd7; } .single article.post-teaser .zo-blog-meta ul li + li { padding-left: 12px; } .single article.post-teaser .zo-blog-meta ul li + li:before { content: ""; position: absolute; top: 50%; left: 0; width: 1px; height: 15px; background: #717779; -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 */ } .blog article.post-teaser .zo-blog-meta li, .archive article.post-teaser .zo-blog-meta li { color: #717779; line-height: 60px; } .blog article.post-teaser .zo-blog-meta li a, .archive article.post-teaser .zo-blog-meta li a { color: #717779; } .blog article.post-teaser .zo-blog-meta li a:hover, .archive article.post-teaser .zo-blog-meta li a:hover { color: #66bfd7; } .blog article.post-teaser .zo-blog-meta li:before, .archive article.post-teaser .zo-blog-meta li:before { margin-right: 8px; color: #717779; } .blog article.post-teaser .zo-blog-meta .zo-blog-date:before, .archive article.post-teaser .zo-blog-meta .zo-blog-date:before { content: "-"; } .blog article.post-teaser .zo-blog-meta .zo-blog-tag, .archive article.post-teaser .zo-blog-meta .zo-blog-tag { padding-right: 25px; } .blog article.post-teaser .zo-blog-meta .zo-blog-tag:before, .archive article.post-teaser .zo-blog-meta .zo-blog-tag:before { content: "\f02b"; font-family: FontAwesome; } .blog article.post-teaser .zo-blog-meta .zo-blog-comment:before, .archive article.post-teaser .zo-blog-meta .zo-blog-comment:before { content: "\f0e6"; font-family: FontAwesome; } .blog article.post-teaser .zo-blog-meta .zo-blog-tag, .archive article.post-teaser .zo-blog-meta .zo-blog-tag, .blog article.post-teaser .zo-blog-meta .zo-blog-comment, .archive article.post-teaser .zo-blog-meta .zo-blog-comment { float: right; } article.post-teaser .zo-blog-link .zo-blog-social { text-align: right; } article.post-teaser .zo-blog-link .zo-blog-social .social-list { display: inline-block; padding: 0; margin: 0; } article.post-teaser .zo-blog-link .zo-blog-social .social-list li { display: inline-block; list-style: none; padding: 0 7px; } article.post-teaser .zo-blog-link .zo-blog-social .social-list li .fa { display: block; text-align: center; } article.post-teaser .zo-blog-link .zo-blog-social .social-list li .fa:hover { color: #66bfd7; } article.blog-large .zo-blog-title { font-size: 36px; font-weight: 500; color: #160f19; line-height: 1.1; } article.blog-large .zo-blog-media { margin-bottom: 5px; } article.blog-large .zo-blog-meta { margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; } article.blog-large .zo-blog-meta ul { padding: 0 !important; } article.blog-large .zo-blog-content { line-height: 26px; margin-bottom: 30px; } article.blog-large .zo-blog-link a { color: #66bfd7; font-size: 16px; font-weight: 400; text-transform: uppercase; text-decoration: underline; } article.blog-large .zo-blog-link a:hover { color: #66bfd7; } article.blog-large iframe { height: 450px !important; } article.blog-medium { background: #f2f2f2; } article.blog-medium .zo-blog-media .zo-blog-image { position: relative; } article.blog-medium .zo-blog-media .zo-blog-image: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; top: 0; left: 0; border: 15px solid #f2f2f2; width: 100%; height: 100%; content: ""; background: transparent; } article.blog-medium .zo-blog-media .zo-blog-image:hover:before { border-width: 0; background: rgba(242, 242, 242, 0.4); } article.blog-medium .zo-blog-media .zo-blog-video { padding: 15px 15px 5px; } article.blog-medium .zo-blog-media .zo-blog-gallery { padding: 15px; } article.blog-medium .zo-blog-media .zo-blog-audio { padding: 15px; } article.blog-medium .zo-blog-detail { margin-top: 0px; background: transparent; padding-left: 15px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px; } @media screen and (max-width: 991px) { article.blog-medium .zo-blog-detail { padding-left: 30px; padding-right: 30px; } } article.blog-medium .zo-blog-title { margin: 30px 0 10px !important; } article.blog-medium .zo-blog-link { margin-top: 25px; margin-bottom: 25px; } @media (min-width: 991px) and (max-width: 1199px) { article.blog-medium .zo-blog-link { margin-top: 10px; margin-bottom: 10px; } } article.blog-medium .zo-blog-link a { color: #333; font-weight: 600; } article.blog-medium .zo-blog-link a:hover { color: #66bfd7; } article.blog-medium .zo-blog-meta { padding: 0; margin-bottom: 20px; } article.blog-medium .zo-blog-meta ul { margin: 0; padding: 10px 0; } article.blog-medium .zo-blog-quote blockquote { border-left: unset; margin: 0; padding: 50px; position: relative; opacity: 0.8; } article.blog-medium .zo-blog-quote blockquote:before { position: absolute; top: 15px; left: 15px; content: "\f10d"; color: #66bfd7; font-size: 25px; font-family: 'FontAwesome'; } article.blog-medium iframe { height: 300px !important; } .single { /* ZO GRID COLUMNS */ } .single .zo-blog-title { font-size: 25px !important; } .single .zo-blog-full-image { margin-bottom: 80px; position: relative; } .single .zo-blog-full-image:before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); -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 */ } .single .zo-blog-full-image:hover:before { background: rgba(0, 0, 0, 0.1); } .single .zo-blog-full-gallery { margin-bottom: 80px; } .single .zo-blog-full-gallery .carousel .carousel-control { width: 70px; height: 70px; top: calc(50% - 35px); background: rgba(0, 0, 0, 0.5); line-height: 65px; text-align: center; } .single .zo-blog-full-audio { margin-bottom: 80px; position: relative; } .single .zo-blog-full-audio .wp-audio-shortcode { position: absolute; bottom: 25px; left: 80px; width: calc(100% - 160px) !important; } @media screen and (max-width: 767px) { .single .zo-blog-full-audio .wp-audio-shortcode { left: 20px; width: calc(100% - 40px) !important; } } .single .zo-blog-full-quote { margin-bottom: 80px; position: relative; } .single .zo-blog-full-quote .zo-blog-quote { position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1170px; max-height: 95%; 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 */ padding: 40px 15px 0px; } @media screen and (max-width: 767px) { .single .zo-blog-full-quote .zo-blog-quote { padding: 0 15px; } } .single .zo-blog-full-quote .zo-blog-quote blockquote { color: #fff !important; border-left: unset; margin: auto; padding: unset; position: relative; text-align: center; } @media screen and (max-width: 767px) { .single .zo-blog-full-quote .zo-blog-quote blockquote { font-size: 16px; line-height: 18px; } } .single .zo-blog-full-quote .zo-blog-quote blockquote:before { color: #fff; content: "“"; font-family: "Vollkorn"; font-size: 75px; font-style: normal; height: 50px; left: calc(50% - 20px); position: absolute; top: -30px; } @media screen and (max-width: 767px) { .single .zo-blog-full-quote .zo-blog-quote blockquote:before { font-size: 0px; } } .single .zo-blog-full-video { margin-bottom: 80px; } .single .zo-blog-full-video iframe { width: 100% !important; height: 725px !important; } @media (min-width: 992px) and (max-width: 1199px) { .single .zo-blog-full-video iframe { height: 555px !important; } } @media (min-width: 768px) and (max-width: 991px) { .single .zo-blog-full-video iframe { height: 440px !important; } } @media (min-width: 500px) and (max-width: 767px) { .single .zo-blog-full-video iframe { height: 350px !important; } } @media screen and (max-width: 499px) { .single .zo-blog-full-video iframe { height: 240px !important; } } .single .zo-comment-full { background: #f5f5f5; } .single .zo-comment-full #commentform textarea, .single .zo-comment-full #commentform input[type="text"] { background: #fff !important; } .single .zo-comment-full .comment-list .comment-body { background: #fff !important; } @media screen and (max-width: 1024px) { .single .zo-comment-full { padding-left: 15px; padding-right: 15px; } } .single .zo-blog-meta ul { margin-bottom: 20px !important; padding: 0 !important; margin-top: 10px !important; } @media (min-width: 1200px) { #zo-blog-grid.zo-lg-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } #zo-blog-grid.zo-lg-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } #zo-blog-grid.zo-lg-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } } @media (min-width: 992px) and (max-width: 1200px) { #zo-blog-grid.zo-md-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } #zo-blog-grid.zo-md-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } #zo-blog-grid.zo-md-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { /* ========================================================================== [Start] Navigation ========================================================================== */ #zo-blog-grid.zo-sm-2cols .zo-grid-item:nth-child(2n+1) { clear: both; } #zo-blog-grid.zo-sm-3cols .zo-grid-item:nth-child(3n+1) { clear: both; } #zo-blog-grid.zo-sm-4cols .zo-grid-item:nth-child(4n+1) { clear: both; } } .navigation .pagination { margin-top: 0; margin-bottom: 100px; } .navigation .pagination a, .navigation .pagination .current { padding: 10px 15px; border: 1px solid #ececec; color: #2b2e2f; margin-right: 7px; display: inline-block; font-size: 16px; font-weight: 500; } .navigation .pagination a:hover, .navigation .pagination .current:hover { background-color: transparent; color: #66bfd7; } .navigation .pagination span.current { color: #66bfd7; background-color: transparent; } .post-navigation { padding: 10px 0; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; /* ========================================================================== [End] 3. Navigation ========================================================================== */ /*================================================================= [Start] Portfolio *==================================================================*/ } .post-navigation a { font-size: 14px; color: #141414; max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .post-navigation a.post-prev i { padding-right: 20px; } @media screen and (max-width: 767px) { .post-navigation a.post-prev span { display: none; } } .post-navigation a.post-next i { padding-left: 20px; } @media screen and (max-width: 767px) { .post-navigation a.post-next span { display: none; } } .portfolio-template-default .post-navigation { border: 0; padding: 0; } .portfolio-template-default .post-navigation a { padding: 5px 15px; border: 1px solid #e5e5e5; } .portfolio-template-default .post-navigation a.post-prev i { padding-right: 5px; } .portfolio-template-default .post-navigation a.post-next i { padding-left: 5px; } .portfolio-template-default .portfolio-layout-1 .post-navigation { padding-left: 100px; padding-right: 100px; } @media screen and (max-width: 991px) { .portfolio-template-default .portfolio-layout-1 .post-navigation { padding-left: 60px; padding-right: 60px; } } @media screen and (max-width: 766px) { .portfolio-template-default .portfolio-layout-1 .post-navigation { padding-left: 0px; padding-right: 0px; } } .zo-portfolio-default { margin-bottom: 50px; } .zo-portfolio-default .zo-portfolio-category { margin-bottom: 20px; font-weight: 400; } .zo-portfolio-default .zo-portfolio-title h2 { font-family: "Poppins", sans-serif; font-size: 36px; line-height: 48px; margin-top: 0; } .zo-portfolio-default .zo-portfolio-media { margin-bottom: 50px; } .zo-portfolio-default .zo-portfolio-media .zo-portfolio-image { text-align: center; } .zo-portfolio-default .zo-portfolio-media .portfolio-gallery { margin-top: 15px; padding: 0 15px 15px; } .zo-portfolio-default .zo-portfolio-media .carousel-control { width: 50px; height: 50px; top: calc(50% - 25px); line-height: 48px; background: rgba(255, 255, 255, 0.9) !important; color: #333; } .zo-portfolio-default .zo-portfolio-media .carousel-control.left { left: 30px; } .zo-portfolio-default .zo-portfolio-media .carousel-control.right { right: 30px; } .zo-portfolio-default .zo-portfolio-detail .zo-portfolio-label { font-weight: 500; } .zo-portfolio-default .zo-portfolio-detail .zo-portfolio-content { margin-top: 15px; } .zo-portfolio-default .zo-portfolio-meta-inner { border: 1px solid #e5e5e5; padding: 20px 15px 20px 20px; color: #2b2e2f; } .zo-portfolio-default .zo-portfolio-meta-inner .zo-portfolio-label { display: inline-block; width: 80px; font-weight: 300; color: #333; line-height: 40px; } .zo-portfolio-default .zo-portfolio-meta-inner .zo-portfolio-value { display: inline-block; width: calc(100% - 90px); font-weight: 500; } .zo-portfolio-default .portfolio-share { margin-bottom: 20px; margin-top: 30px; text-align: right; } .zo-portfolio-default .portfolio-share span { display: inline-block; margin-right: 10px; color: #2b2e2f; } .zo-portfolio-default .portfolio-share .social-list { display: inline-block; list-style: none; padding: 0; margin: 0; } .zo-portfolio-default .portfolio-share .social-list li { display: inline-block; padding: 0 10px; } .zo-portfolio-default .zo-portfolio-gallery { margin-top: 30px; } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item { width: 32%; display: inline-block; margin-right: 10px; margin-bottom: 10px; position: relative; } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item.last { margin-right: 0; } @media (min-width: 768px) and (max-width: 979px) { .zo-portfolio-default .zo-portfolio-gallery .portfolio-item { margin-right: 6px; } } @media screen and (max-width: 767px) { .zo-portfolio-default .zo-portfolio-gallery .portfolio-item { width: 48%; margin-right: 2%; } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item.last { margin-right: 2%; } } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item:hover .pretty-overlay { background: rgba(0, 0, 0, 0.4); } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item:hover .pretty-overlay:before { border-color: #66bfd7; width: 50px; left: calc(50% - 25px); } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item:hover .pretty-overlay:after { border-color: #66bfd7; height: 50px; top: calc(50% - 25px); } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item .pretty-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); top: 0; left: 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 */ } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item .pretty-overlay:before { position: absolute; width: 0; height: 0; content: ""; top: 50%; left: 50%; border-bottom: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default .zo-portfolio-gallery .portfolio-item .pretty-overlay:after { position: absolute; width: 0; height: 0; content: ""; left: 50%; top: 50%; border-left: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style2 { margin-bottom: 100px; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-content { padding-top: 90px; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-content-right .zo-portfolio-meta-inner { margin-top: 60px; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item { margin-bottom: 20px; position: relative; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item:last-child { margin-bottom: 0; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item:hover .pretty-overlay { background: rgba(0, 0, 0, 0.4); } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item:hover .pretty-overlay:before { border-color: #66bfd7; width: 50px; left: calc(50% - 25px); } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item:hover .pretty-overlay:after { border-color: #66bfd7; height: 50px; top: calc(50% - 25px); } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item .pretty-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); top: 0; left: 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 */ } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item .pretty-overlay:before { position: absolute; width: 0; height: 0; content: ""; top: 50%; left: 50%; border-bottom: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-image-left .portfolio-item .pretty-overlay:after { position: absolute; width: 0; height: 0; content: ""; left: 50%; top: 50%; border-left: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-detail .zo-portfolio-label { font-weight: 500; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-detail .zo-portfolio-content { margin-top: 15px; } .zo-portfolio-default.zo-portfolio-style2 .zo-portfolio-meta-inner { border: 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 45px 0px; } .zo-portfolio-default.zo-portfolio-style2 .portfolio-share { margin-top: 50px; text-align: left; margin-bottom: 90px; } .zo-portfolio-default.zo-portfolio-style1 { margin-top: -100px; margin-bottom: 50px; } .zo-portfolio-default.zo-portfolio-style1 .row.zo-portfolio-style1-content { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; border-bottom: 1px solid #e5e5e5; } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .row.zo-portfolio-style1-content { display: block; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery { padding-left: 100px; padding-right: 100px; padding-top: 100px; } @media screen and (max-width: 991px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery { padding-left: 60px; padding-right: 60px; padding-top: 60px; } } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery { padding-left: 0px; padding-right: 0px; padding-top: 40px; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item { margin-bottom: 10px; } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item:nth-child(2n) { padding-left: 45px; } @media screen and (max-width: 991px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item:nth-child(2n) { padding-left: 30px; } } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item:nth-child(2n) { padding-left: 15px; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item:nth-child(2n+1) { padding-right: 45px; } @media screen and (max-width: 991px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item:nth-child(2n+1) { padding-right: 30px; } } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item:nth-child(2n+1) { padding-right: 15px; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item { position: relative; width: 100%; height: 100%; } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item:hover .pretty-overlay { background: rgba(0, 0, 0, 0.4); } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item:hover .pretty-overlay:before { border-color: #66bfd7; width: 50px; left: calc(50% - 25px); } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item:hover .pretty-overlay:after { border-color: #66bfd7; height: 50px; top: calc(50% - 25px); } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item .pretty-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); top: 0; left: 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 */ } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item .pretty-overlay:before { position: absolute; width: 0; height: 0; content: ""; top: 50%; left: 50%; border-bottom: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-style1-gallery .portfolio-item .item .pretty-overlay:after { position: absolute; width: 0; height: 0; content: ""; left: 50%; top: 50%; border-left: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-content { padding-top: 30px; padding-bottom: 30px; padding-right: calc((100% - 1140px) / 2); padding-left: 115px; } @media screen and (max-width: 991px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-content { padding-left: 15px; padding-right: 15px; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-image-left { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0px; } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-image-left { display: block; } } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-image-left { padding-right: 0px; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-content-right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-content-right { display: block; } } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-content-right .zo-portfolio-meta-inner { margin-top: 40px; border: 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 45px 0px; } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-detail .zo-portfolio-label { font-weight: 500; } .zo-portfolio-default.zo-portfolio-style1 .zo-portfolio-detail .zo-portfolio-content { margin-top: 15px; } .zo-portfolio-default.zo-portfolio-style1 .portfolio-share { margin-top: 50px; margin-bottom: 0px; text-align: left; } .zo-portfolio-default.zo-portfolio-style3 { margin-bottom: 30px; } .zo-portfolio-default.zo-portfolio-style3 .row.zo-portfolio-style3-content { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style3 .row.zo-portfolio-style3-content { display: block; } } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery { padding-top: 100px; } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item { margin-bottom: 30px; } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item { position: relative; width: 100%; height: 100%; } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item:hover .pretty-overlay { background: rgba(0, 0, 0, 0.4); } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item:hover .pretty-overlay:before { border-color: #66bfd7; width: 50px; left: calc(50% - 25px); } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item:hover .pretty-overlay:after { border-color: #66bfd7; height: 50px; top: calc(50% - 25px); } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item .pretty-overlay { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); top: 0; left: 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 */ } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item .pretty-overlay:before { position: absolute; width: 0; height: 0; content: ""; top: 50%; left: 50%; border-bottom: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-style3-gallery .portfolio-item .item .pretty-overlay:after { position: absolute; width: 0; height: 0; content: ""; left: 50%; top: 50%; border-left: 1px solid rgba(102, 191, 215, 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 */ } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-content { padding-top: 15px; padding-bottom: 15px; } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-image-left { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-image-left { display: block; } } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-content-right { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 766px) { .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-content-right { display: block; } } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-content-right .zo-portfolio-meta-inner { margin-top: 40px; border: 0px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 45px 0px; } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-detail .zo-portfolio-label { font-weight: 500; } .zo-portfolio-default.zo-portfolio-style3 .zo-portfolio-detail .zo-portfolio-content { margin-top: 15px; } .zo-portfolio-default.zo-portfolio-style3 .portfolio-share { margin-top: 50px; margin-bottom: 0px; text-align: left; } body.error404 #zo-page-element-wrap { margin-bottom: 0; } @media screen and (min-width: 1200px) { #main .zo-sidebar-background.zo-sidebar-right .zo-sidebar-col { padding-left: 30px; } #main .zo-sidebar-background.zo-sidebar-right #zo-content { padding-right: 30px; } #main .zo-sidebar-background.zo-sidebar-left .zo-sidebar-col { padding-right: 30px; } #main .zo-sidebar-background.zo-sidebar-left #zo-content { padding-left: 30px; } } @media screen and (min-width: 768px) { #main .portfolio-single-style03 .zo-portfolio-image-right { position: relative; } #main .portfolio-single-style03 .zo-portfolio-image-right:before { position: absolute; top: -150px; height: calc(100% + 250px); left: 15px; width: calc(100% - 15px); content: ""; z-index: -1; background: #f5f5f5; } } #main .portfolio-single-style03 .zo-portfolio-content-left { padding-left: calc((100% - 1140px ) / 2) !important; } @media screen and (max-width: 1169px) { #main .portfolio-single-style03 .zo-portfolio-content-left { padding-left: 15px !important; } } #main .zo-team-default { margin-bottom: 50px; } #main .zo-team-default .zo-team-image { padding-left: calc((100% - 1140px ) / 2) !important; padding-right: 30px; padding-bottom: 30px; } @media screen and (max-width: 1169px) { #main .zo-team-default .zo-team-image { padding-left: 15px !important; padding-right: 15px !important; } } #main .zo-team-default .zo-team-profile { padding-right: calc((100% - 1140px ) / 2) !important; padding-left: 30px; } @media screen and (max-width: 1169px) { #main .zo-team-default .zo-team-profile { padding-right: 15px !important; padding-left: 15px !important; } } #main .zo-team-default .zo-team-profile .zo-team-title { margin-top: -10px; margin-bottom: 10px; } #main .zo-team-default .zo-team-profile .zo-team-position { margin-bottom: 25px; } #main .zo-team-default .zo-team-profile .zo-team-social { margin-bottom: 50px; } #main .zo-team-default .zo-team-profile .zo-team-social ul { margin: 0; padding-left: 0; display: inline-block; } #main .zo-team-default .zo-team-profile .zo-team-social ul li { padding-left: 0; display: inline-block; padding-right: 10px; } #main .zo-team-default .zo-team-profile label { display: inline-block; width: 80px; font-weight: 600; line-height: 40px; } #main .zo-team-default .zo-team-profile blockquote { border-left: unset !important; font-size: 20px !important; position: relative; } #main .zo-team-default .zo-team-profile blockquote:before { content: "\f10d"; font-family: "FontAwesome"; font-size: 20px; left: -13px; opacity: 0.7; position: absolute; top: -5px; } #comments .comments-title, #comments .comment-reply-title { position: relative; font-size: 24px; line-height: 24px; font-weight: 500; color: #242d2e; } #comments .comments-title:hover, #comments .comment-reply-title:hover { color: #66bfd7; } #comments .comments-title { margin-bottom: 40px; } #comments .comment-reply-title { margin-bottom: 25px; } #comments .comment-list { padding: 0; margin: 0 0 28px; } #comments .comment-list li { position: relative; padding-left: 0; } #comments .comment-list li.comment { list-style: none; } #comments .comment-list .comment-body { margin-bottom: 25px; } #comments .comment-list .comment-author-image { float: left; } #comments .comment-list .comment-author-image img { max-width: 70px; -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 */ } #comments .comment-list .comment-main { position: relative; margin-left: 130px; } @media screen and (max-width: 767px) { #comments .comment-list .comment-main { margin-left: 0; } } #comments .comment-list .comment-main .comment-header { padding-bottom: 15px; } #comments .comment-list .comment-main .comment-header .comment-date { display: block; font-size: 14px; font-weight: 300; line-height: 24px; color: #66bfd7; } #comments .comment-list .comment-main .comment-header .comment-author { font-size: 18px; font-weight: 500; line-height: 24px; color: #242d2e; text-transform: capitalize; } #comments .comment-list .comment-main .comment-header .comment-data { float: left; margin-top: -5px; } #comments .comment-list .comment-main .comment-header .comment-data .comment-awaiting-moderation { color: #66bfd7; } #comments .comment-list .comment-main .reply { position: absolute; right: 0; top: 0; } #comments .comment-list .comment-main .reply a { letter-spacing: 0.2em; text-transform: uppercase; font-size: 13px; font-weight: 700; line-height: 28px; padding: 0 29px; border: 1px solid #66bfd7; display: inline-block; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } #comments .comment-list .comment-main .reply a:hover { background: #66bfd7; color: #fff; } #comments .comment-list ul.children { padding-left: 100px; position: relative; } @media screen and (max-width: 767px) { #comments .comment-list ul.children { padding-left: 20px; } } #comments #commentform p { margin: 0 0 25px; } #comments #commentform p input { line-height: 40px; } #comments #commentform p input[type="text"], #comments #commentform p textarea { color: #717779; font-size: 16px; font-weight: 300; border: none; border-bottom: 1px solid #e5e5e5; padding: 0; outline: none; } #comments #commentform p input[type="text"]:focus, #comments #commentform p textarea:focus { border-color: #66bfd7; } #comments #commentform p.comment-form-comment { margin-bottom: 60px; } #comments #commentform p.comment-form-comment textarea { line-height: 22px; height: 70px; max-height: 70px; } #comments #commentform p.form-submit { text-align: left; } #comments #commentform p.form-submit input { font-size: 13px; line-height: 44px; padding: 0 38px; letter-spacing: 0.2em; text-transform: uppercase; border: 2px solid #66bfd7; background: #66bfd7; color: #fff; font-weight: 700; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } #comments #commentform p.form-submit input:hover { background: #fff; color: #66bfd7; } .single #comments { margin-bottom: 60px; margin-top: 30px; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 0; /* VC Row in row */ } .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: #66bfd7; } iframe { border: none !important; } blockquote { border: 1px solid #e9eaea; padding: 40px 50px; margin: 0 0 15px; font-style: italic; font-weight: 400; font-size: 20px; line-height: 30px; color: #717779; } blockquote h4 { font-style: normal; font-size: 22px; font-weight: 500; color: #242d2e; margin-top: 30px; margin-bottom: 0; } blockquote h6 { color: #66bfd7; font-size: 14px; font-weight: 300; margin-bottom: 0; font-style: normal; } blockquote.less-quote-line { border-left: unset; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 25px 80px; margin: 15px 0; } @media screen and (max-width: 767px) { blockquote.less-quote-line { padding: 25px 30px; } } blockquote.less-quote-line p { position: relative; padding-left: 15px; } blockquote.less-quote-line p:before { position: absolute; content: "\f10d"; font-family: "FontAwesome"; top: -10px; font-size: 10px; left: 0; color: #66bfd7; } blockquote.less-quote-line p:after { position: absolute; content: "\f10e"; font-family: "FontAwesome"; bottom: 5px; font-size: 10px; color: #66bfd7; } blockquote.less-quote-boxed { background: #f5f5f5; } 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; } img { -ms-interpolation-mode: bicubic; border: 0; height: auto; max-width: 100%; vertical-align: middle; } figure { margin: 0; } del { opacity: 0.8; } dl dt { font-weight: bold; } ul[class*="list-icon"] { margin: 0; padding: 0; list-style: none; } ul[class*="list-icon"] li { line-height: 48px; -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 */ color: #717779; } ul[class*="list-icon"] li i { font-size: 16px; margin-right: 15px; -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 */ } ul[class*="list-icon"] li a { color: #717779; } ul[class*="list-icon"] li a:hover { color: #66bfd7; } ul[class*="list-icon"] li:hover { padding-left: 10px; color: #66bfd7; } ul[class*="list-icon-hide"] li { position: relative; } ul[class*="list-icon-hide"] li i { position: absolute; left: -15px; opacity: 0; top: 50%; margin-left: 0; -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 */ } ul[class*="list-icon-hide"] li:hover { padding-left: 20px; } ul[class*="list-icon-hide"] li:hover i { left: 0; opacity: 1; } .less-listed-hand-right ul { padding-left: 0; } .less-listed-hand-right ul li { padding-left: 25px; list-style-type: none; position: relative; } .less-listed-hand-right ul li:before { position: absolute; content: "\f0a4"; left: 0; top: 0; font-family: "FontAwesome"; } .less-listed-hand-right.primary-color-icon li:before { color: #66bfd7; } .less-listed-check-circle ul { padding-left: 0; } .less-listed-check-circle ul li { padding-left: 25px; list-style-type: none; position: relative; } .less-listed-check-circle ul li:before { position: absolute; content: "\f058"; left: 0; top: 0; font-family: "FontAwesome"; } .less-listed-check-circle.primary-color-icon li:before { color: #66bfd7; } .less-listed-check ul { padding-left: 0; } .less-listed-check ul li { padding-left: 25px; list-style-type: none; position: relative; } .less-listed-check ul li:before { position: absolute; content: "\f00c"; left: 0; top: 0; font-family: "FontAwesome"; } .less-listed-check.primary-color-icon li:before { color: #66bfd7; } .less-listed-heart ul { padding-left: 0; } .less-listed-heart ul li { padding-left: 25px; list-style-type: none; position: relative; } .less-listed-heart ul li:before { position: absolute; content: "\f08a"; left: 0; top: 0; font-family: "FontAwesome"; } .less-listed-heart.primary-color-icon li:before { color: #66bfd7; } .less-dropcaps p:first-child:first-letter { float: left; font-size: 60px; line-height: 60px; padding-top: 10px; padding-right: 10px; font-family: Georgia; color: #2b2e2f; } .less-dropcaps.primary-color-letter p:first-child:first-letter { color: #66bfd7; } .less-dropcaps-circle p:first-child:first-letter { float: left; font-size: 40px; line-height: 40px; margin-right: 10px; margin-top: 10px; padding: 10px; font-family: Georgia; color: #fff; background: #2b2e2f; border-radius: 50%; } .less-dropcaps-circle.primary-background-letter p:first-child:first-letter { background: #66bfd7; } .less-dropcaps-square p:first-child:first-letter { float: left; font-size: 40px; line-height: 40px; margin-right: 10px; margin-top: 10px; padding: 10px; font-family: Georgia; color: #fff; background: #2b2e2f; } .less-dropcaps-square.primary-background-letter p:first-child:first-letter { background: #66bfd7; } .less-hightlight-primary { background: #66bfd7; padding: 5px 10px; color: #fff; } .less-hightlight-secondary { background: #2b2e2f; padding: 5px 10px; color: #fff; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } .post-password-form input[type="submit"] { border: 1px solid #66bfd7; background: #66bfd7; color: #fff; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 30px; line-height: 35px; } .post-password-form input[type="submit"]:hover { background: #fff; color: #66bfd7; } .post-password-form input[type="password"] { padding: 6px; font-size: 14px; max-width: 300px; padding: 0 15px; line-height: 35px; } @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 linear 0.3s; -khtml-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-button.btn-gradient { border-radius: 0 !important; -webkit-transition: all 0s; -khtml-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-button.btn-gradient::after, .zo-button.btn-gradient:before { -webkit-transition: all 0s; -khtml-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-button.btn-gradient:hover { -webkit-transition: all 0s; -khtml-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-button.btn-gradient:hover::after, .zo-button.btn-gradient:hover::before { -webkit-transition: all 0s; -khtml-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; -o-transition: all 0s; transition: all 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .less-half-container-left { padding-left: 15px !important; } @media screen and (min-width: 1170px) { .less-half-container-left { padding-left: calc((100% - 1140px) / 2) !important; } } .less-half-container-right { padding-right: 15px !important; } @media screen and (min-width: 1170px) { .less-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; 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 .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; } .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: #66bfd7; 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: #2b2e2f; } .gm-style .gm-style-iw > div { width: 100% !important; max-width: 100% !important; } .gm-style .info-content { text-align: center; line-height: 22px; padding: 10px; } @media screen and (min-width: 768px) { .podes-studio-align-right { text-align: right; } } .podes-studio-view-project { border: 4px solid #66bfd7; left: 0; position: absolute; top: -50px; width: 100%; z-index: 1; padding: 100px 30px; } @media (min-width: 768px) and (max-width: 991px) { .podes-studio-view-project { padding: 60px 25px; top: -15px; } } @media screen and (max-width: 767px) { .podes-studio-view-project { padding: 50px 20px; position: inherit; top: inherit; } } .podes-studio-view-project a { font-size: 16px; font-weight: 600; letter-spacing: 0.2em; color: #66bfd7; border-bottom: 1px solid #eea2cc; } .podes-studio-view-project-col { padding-top: 50px; padding-bottom: 80px; position: relative; z-index: 2; } @media screen and (max-width: 767px) { .podes-studio-view-project-col { padding-top: 0px; padding-bottom: 0px; } } .podes-studio-service { color: #a8b0b2; } .podes-studio-service h3 { letter-spacing: 0.1em; color: #fff; margin-bottom: 30px; font-size: 18px; } .podes-studio-service a { line-height: 36px; color: #a8b0b2; } .podes-studio-service a:hover { color: #66bfd7; } @media screen and (min-width: 1170px) { .podes-studio-video-bottom { position: relative; } .podes-studio-video-bottom:before { position: absolute; left: 0; bottom: 0; content: ""; width: calc((100% - 1140px) / 2); height: 120px; background: #fff; } .podes-studio-video-bottom:after { position: absolute; right: 0; bottom: 0; content: ""; width: calc((100% - 1140px) / 2); height: 120px; background: #fff; } } .podes-digital-testimonial-padding { padding-top: 110px !important; padding-bottom: 110px !important; padding-left: 110px !important; } @media (min-width: 768px) and (max-width: 1169px) { .podes-digital-testimonial-padding { padding-top: 100px !important; padding-bottom: 100px !important; padding-left: 80px !important; } } @media screen and (max-width: 767px) { .podes-digital-testimonial-padding { padding-top: 80px !important; padding-bottom: 80px !important; padding-left: 15px !important; } } .podes-about-accordion-padding { padding-top: 65px !important; padding-bottom: 50px !important; padding-left: 90px !important; } @media (min-width: 768px) and (max-width: 1169px) { .podes-about-accordion-padding { padding-top: 50px !important; padding-bottom: 40px !important; padding-left: 60px !important; } } @media screen and (max-width: 767px) { .podes-about-accordion-padding { padding-top: 40px !important; padding-bottom: 40px !important; padding-left: 15px !important; } } .podes-creative-agency-team { margin-top: -100px; } @media screen and (max-width: 767px) { .podes-creative-agency-team { margin-top: 50px; } } .podes-creative-design-about-us { font-size: 60px; color: #fff; line-height: 72px; letter-spacing: 3px; text-align: center; font-weight: 500; } @media screen and (max-width: 767px) { .podes-creative-design-about-us { font-size: 30px; line-height: 35px; } } .zo-light .podes-creative-design-about-us { color: #2b2e2f; } .podes-creative-designer-center { text-align: center; } .podes-creative-designer-center .podes-creative-designer-social { display: inline-block; width: 80px; } @media screen and (max-width: 499px) { .podes-creative-designer-center .podes-creative-designer-social { width: 60px; } } .podes-creative-designer-center .podes-creative-designer-social .ti-dribbble { color: #e456a9; } .podes-creative-designer-center .podes-creative-designer-social .ti-twitter { color: #02a7e5; } .podes-creative-designer-center .podes-creative-designer-social .ti-skype { color: #66bfd7; } .podes-creative-designer-center .podes-creative-designer-social .ti-instagram { color: #aa61cc; } .podes-creative-designer-center .podes-creative-designer-social 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 */ } .podes-creative-designer-section { position: relative; } .podes-creative-designer-section .podes-creative-designer-number { position: absolute; bottom: -100px; left: 100px; } .podes-creative-designer-section .podes-creative-designer-number h1 { font-size: 200px; line-height: 200px; color: #fff; opacity: 0.1; } #fp-nav.right { right: 100px; } @media screen and (max-width: 1280px) { #fp-nav.right { right: 30px; } } #fp-nav.right ul li { width: 100px; height: 40px; margin: 0; text-align: right; } #fp-nav.right ul li a span { width: 100%; height: 100%; margin: 0; background: none; border-radius: none; position: relative; top: 0; left: 0; position: relative; font-size: 0; line-height: 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 */ } #fp-nav.right ul li a span:after { background: #fff; bottom: 0; content: ""; height: 2px; position: absolute; right: 0; width: 35px; } #fp-nav.right ul li a:hover span { font-size: 15px; color: #66bfd7; } #fp-nav.right ul li a:hover span:after { width: 100%; background: #66bfd7; } #fp-nav.right ul li a.active span { font-size: 16px; color: #66bfd7; } #fp-nav.right ul li a.active span:after { width: 100%; background: #66bfd7; } .zo-light #fp-nav.right ul li a span:after { background: #2b2e2f; } .zo-light #fp-nav.right ul li a:hover span:after { background: #66bfd7; } .zo-light #fp-nav.right ul li a.active span:after { background: #66bfd7; } .podes-creative-designer-copyright { position: fixed; width: auto; right: 75px; bottom: 40px; color: #a8b0b2; } @media screen and (max-width: 767px) { .podes-creative-designer-copyright { position: relative; width: 100%; background: #151724; right: auto; bottom: auto; text-align: center; padding: 20px; } } @media screen and (max-width: 767px) { .custom-font-mobile .zo-heading-main { font-size: 30px !important; line-height: 35px !important; } .custom-font-mobile .zo-heading-sub { font-size: inherit !important; } } #zo-fullpage .vc_row { margin-left: 0 !important; margin-right: 0 !important; } #zo-fullpage div.fp-section:before { counter-increment: section; content: counter(section,decimal-leading-zero); font-size: 200px; line-height: 100px; font-weight: bold; letter-spacing: 0.2em; position: absolute; bottom: 0; left: 70px; opacity: 0.1; color: #fff; -webkit-transform: translateY(45%); -khtml-transform: translateY(45%); -moz-transform: translateY(45%); -ms-transform: translateY(45%); -o-transform: translateY(45%); transform: translateY(45%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } @media screen and (max-width: 1399px) { #zo-fullpage div.fp-section:before { left: 15px; } } @media screen and (max-width: 991px) { #zo-fullpage div.fp-section:before { font-size: 100px; line-height: 70px; } } @media screen and (max-width: 767px) { #zo-fullpage div.fp-section:before { font-size: 60px; line-height: 30px; } } @media (min-width: 768px) and (max-width: 1399px) { #zo-fullpage .template-zo_grid--portfolio-gallery { max-width: 90%; } } #zo-fullpage .template-zo_grid--portfolio-gallery .zo-grid-filter .zo-filter-category { text-align: center; } @media screen and (min-width: 1400px) { #zo-fullpage .template-zo_grid--portfolio-gallery .zo-grid-filter .zo-filter-category { margin-bottom: 70px; } } #zo-fullpage .zo-light .zo-grid-filter .zo-filter-category li a { color: #2b2e2f; } #zo-fullpage .zo-light .zo-grid-filter .zo-filter-category li a.active, #zo-fullpage .zo-light .zo-grid-filter .zo-filter-category li a:hover { color: #66bfd7; } #zo-fullpage .zo-grid-filter .zo-filter-category li { padding: 0 27px; text-transform: capitalize; } #zo-fullpage .zo-grid-filter .zo-filter-category li a { color: #fff; font-size: 18px; font-weight: 400; } #zo-fullpage .zo-grid-filter .zo-filter-category li a.active, #zo-fullpage .zo-grid-filter .zo-filter-category li a:hover { color: #66bfd7; } .page-template-full-page.zo-light #zo-fullpage div.fp-section:before { color: #2b2e2f; } .page-template-full-page #fp-nav.right { right: 70px; } @media screen and (max-width: 1399px) { .page-template-full-page #fp-nav.right { right: 15px; } } .page-template-full-page #fp-nav.left { left: 70px; } @media screen and (max-width: 1399px) { .page-template-full-page #fp-nav.left { left: 15px; } } .podes-photographer-particles { position: absolute; top: 0; left: 0; } .separator { display: inline-block; background: #66bfd7; } .margin-right { margin-right: 30px; } .margin-left { margin-left: 30px; } .podes-about-us { font-size: 48px; color: #2b2e2f; line-height: 60px; letter-spacing: 1px; font-weight: 600; } @media screen and (max-width: 767px) { .podes-about-us { font-size: 30px; line-height: 30px; } } .podes-title-contact { font-size: 48px; color: #2b2e2f; line-height: 60px; letter-spacing: 1px; font-weight: 500; position: relative; } @media screen and (max-width: 767px) { .podes-title-contact { font-size: 30px; line-height: 30px; } } .podes-title-contact::before { position: absolute; content: ""; bottom: -30px; left: 0; width: 105px; height: 3px; background: #66bfd7; } .podes-about-us-2 { font-size: 48px; color: #fff; line-height: 60px; letter-spacing: 1px; font-weight: 600; } @media screen and (max-width: 767px) { .podes-about-us-2 { font-size: 30px; line-height: 30px; } } .fw600 { font-weight: 600 !important; } .fw600 h1, .fw600 h2, .fw600 h3, .fw600 h4, .fw600 h5, .fw600 h6, .fw600 span, .fw600 p { font-weight: 600 !important; } .fw500 { font-weight: 500 !important; } .fw500 h1, .fw500 h2, .fw500 h3, .fw500 h4, .fw500 h5, .fw500 h6, .fw500 span, .fw500 p { font-weight: 500 !important; } .company-history .time { float: left; font-size: 24px; font-weight: 600; color: #2b2e2f; } .company-history .event { margin-left: 120px; padding-left: 70px; padding-bottom: 45px; border-left: 1px solid #e9eaea; position: relative; } @media screen and (max-width: 479px) { .company-history .event { margin-left: 80px; padding-left: 30px; } } .company-history .event .event-title { font-size: 24px; line-height: 36px; color: #2b2e2f; font-weight: 600; } .company-history .event .event-content { color: #717779; } .company-history .event:last-child { padding-bottom: 0; } .company-history .event::before { content: ''; height: 16px; width: 16px; background: rgba(102, 191, 215, 0.2); position: absolute; top: 0px; left: -8px; transform: rotate(45deg); } .company-history .event::after { content: ''; height: 10px; width: 10px; background: rgba(102, 191, 215, 0.8); position: absolute; top: 3px; left: -5px; transform: rotate(45deg); } .careers-position { border: 0; } .careers-position tr th { border: 0px; border-bottom: 1px solid #2b2e2f; color: #2b2e2f; font-weight: 500; text-align: center; padding: 15px 0; } .careers-position tr td { border: 0px; border-bottom: 1px solid #e8e9e9; text-align: center; font-weight: 300; padding: 15px 0; } .contact-social { list-style: none; padding-left: 0; /* Podes Consulting */ } .contact-social li { list-style-type: none; display: inline-block; margin: auto 10px; } .contact-social li a i { color: #2b2e2f; font-size: 14px; height: 30px; line-height: 30px; text-align: center; width: 30px; -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 */ transition: all 0.2s; } .contact-social li a:hover i { color: #fff; background: #66bfd7; } .widget_podes_instagram_widget { /* Podes Finance */ } .widget_podes_instagram_widget .zo-instagram { padding: 0 10px; } .widget_podes_instagram_widget .zo-instagram .zo-item { padding: 0 5px; margin-bottom: 10px; } .video-finance .zo-video-custom { padding: 30px; background-color: #fff; box-shadow: 0 0 20px rgba(150, 150, 150, 0.5); } @media screen and (max-width: 991px) { .video-finance .zo-video-custom { padding: 15px; } } @media screen and (max-width: 766px) { .video-finance .zo-video-custom { padding: 5px; } } .finance-bottom-slider { width: 100%; margin-top: -80px; /* Podes Interior */ } @media screen and (max-width: 991px) { .finance-bottom-slider { margin-top: -60px; } } @media screen and (max-width: 766px) { .finance-bottom-slider { margin-top: -40px; } } .finance-bottom-slider .bottom-left { width: 50%; height: 0; float: left; position: relative; } .finance-bottom-slider .bottom-left span { width: 0px; height: 0px; border: 80px solid transparent; border-left-style: solid; border-left-color: #fff; border-bottom: 0px solid #fff; position: absolute; z-index: 99; top: 0; left: 0; } @media screen and (max-width: 991px) { .finance-bottom-slider .bottom-left span { border: 60px solid transparent; border-left-style: solid; border-left-color: #fff; border-bottom: 0px solid #fff; } } @media screen and (max-width: 766px) { .finance-bottom-slider .bottom-left span { border: 40px solid transparent; border-left-style: solid; border-left-color: #fff; border-bottom: 0px solid #fff; } } .finance-bottom-slider .bottom-right { width: 50%; height: 0; float: right; position: relative; } .finance-bottom-slider .bottom-right span { height: 0px; width: 0px; border: 80px solid transparent; border-right-style: solid; border-right-color: #fff; border-bottom: 0px solid #fff; position: absolute; z-index: 99; top: 0; right: 0; } @media screen and (max-width: 991px) { .finance-bottom-slider .bottom-right span { border: 60px solid transparent; border-right-style: solid; border-right-color: #fff; border-bottom: 0px solid #fff; } } @media screen and (max-width: 766px) { .finance-bottom-slider .bottom-right span { border: 40px solid transparent; border-right-style: solid; border-right-color: #fff; border-bottom: 0px solid #fff; } } .image-process { position: relative; } .image-process .wpb_singleimage_heading { position: absolute; top: 50%; left: 50%; -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 */ color: #fff; font-family: 'Dosis', sans-serif; font-weight: 600; font-size: 48px; line-height: 60px; letter-spacing: 0.1em; width: calc(100% - 110px); text-align: center; margin: 0; } .image-process::before { content: ''; position: absolute; top: 50px; left: 50px; width: calc(100% - 100px); height: calc(100% - 100px); border-style: solid; border-width: 4px 4px 4px 4px; border-color: transparent; -moz-border-image: -moz-linear-gradient(top, #66bfd7 0%, #686ab7 100%); -webkit-border-image: -webkit-linear-gradient(top, #66bfd7 0%, #686ab7 100%); border-image: linear-gradient(to bottom, #66bfd7 0%, #686ab7 100%); border-image-slice: 1; } .process-wrapper { padding-left: 85px; } @media screen and (max-width: 991px) { .process-wrapper { padding-left: 15px; } } .process-wrapper .process-item { margin-bottom: 82px; } .process-wrapper .process-item:last-child { margin-bottom: 0; } .process-wrapper .process-item .process-num { display: inline-block; color: #2b2e2f; font-weight: 500; font-size: 24px; line-height: 36px; position: relative; z-index: 2; } .process-wrapper .process-item .process-num::before { content: ''; width: 50px; height: 50px; border-radius: 50%; background: #66bfd7; opacity: 0.3; position: absolute; top: -10px; right: 0; z-index: -1; } .process-wrapper .process-item .process-title { color: #2b2e2f; font-weight: 500; font-size: 24px; line-height: 36px; display: inline-block; } .process-wrapper .process-item .process-title::before { content: '. '; color: #2b2e2f; } .process-wrapper .process-item .process-content { margin-top: 17px; } .podes-footer-aboutus { padding: 0; margin: 0 0 30px; list-style: none; } .zo-footer .widget_newsletterwidget form { position: relative; } .zo-footer .widget_newsletterwidget form::before { color: #717779; content: "\f124"; font-family: "FontAwesome"; font-size: 18px; text-align: center; position: absolute; right: 0; top: 0px; line-height: 44px; height: 44px; width: 44px; } .zo-footer .widget_newsletterwidget input[type="email"] { padding: 10px; border: 1px solid #363139; color: #717779; padding-left: 20px; padding-right: 20px; background: transparent; } .zo-footer .widget_newsletterwidget input[type="submit"] { background: transparent; border: medium none; font-size: 0; padding: 22px; position: absolute; right: 0; top: 0; width: 44px; } .padding-heading-portfolio { padding-left: 170px; padding-right: 170px; } @media screen and (max-width: 1399px) { .padding-heading-portfolio { padding-left: 80px; padding-right: 80px; } } @media screen and (max-width: 991px) { .padding-heading-portfolio { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 766px) { .padding-heading-portfolio { padding-left: 15px; padding-right: 15px; } } .podes-blog-timeline .vc_column-inner { background: #fff; margin: -200px 100px 0px; width: auto !important; } @media screen and (max-width: 1399px) { .podes-blog-timeline .vc_column-inner { margin: -160px 70px 0px; } } @media screen and (max-width: 991px) { .podes-blog-timeline .vc_column-inner { margin: -100px 30px 0px; } } @media screen and (max-width: 766px) { .podes-blog-timeline .vc_column-inner { margin: -50px 0px 0px; } } .podes-blog-timeline .vc_column-inner .template-zo_carousel--post-style04 { padding: 50px 50px 0; } @media screen and (max-width: 991px) { .podes-blog-timeline .vc_column-inner .template-zo_carousel--post-style04 { padding: 40px 15px 0; } } .podes-about-tip { background: #66bfd7; color: #fff; padding: 20px 18px; font-size: 13px; font-style: italic; text-align: justify; margin-top: 30px; } .podes-about-tip a { color: #fff; } .podes-about-tip a:hover { color: #2b2e2f; } .podes-service-padding { padding-left: 50px !important; } @media screen and (max-width: 1168px) { .podes-service-padding { padding-left: 25px !important; } } @media screen and (max-width: 766px) { .podes-service-padding { padding-left: 15px !important; } } @media screen and (max-width: 990px) { .podes-heading-res { font-size: 36px !important; } } @media screen and (max-width: 766px) { .podes-heading-res { font-size: 30px !important; } } @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 .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; } #zo-header-top .header-top-right ul li { line-height: 35px; } } #zo-header-top .header-top-contact { margin: 0; padding: 0; } #zo-header-top .header-top-contact li { list-style-type: none; display: inline-block; } #zo-header-top .header-top-contact li.contact-email:before { content: "|"; color: #fff; margin-right: 15px; } #zo-header-top .header-top-contact li a { color: #fff; } #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 a { color: #2b2e2f; } #zo-header-top .header-top-navigation li a:hover { color: #66bfd7; } #zo-header-top .header-top-social { margin: 0px; padding: 0px; } #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:hover { background: #5d82d1; } #zo-header-top .header-top-social li.twitter:hover { background: #40bff5; } #zo-header-top .header-top-social li.google:hover { background: #eb5e4c; } #zo-header-top .header-top-social li.pinterest:hover { background: #e13138; } #zo-header-top .header-top-social li.vimeo:hover { background: #35c6ea; } #zo-header-top .header-top-social li.linkedin:hover { background: #238cc8; } #zo-header-top .header-top-social li.dribbble:hover { background: #f7659c; } #zo-header-top .header-top-social li.youtube:hover { background: #ef4e41; } #zo-header-top .header-top-social li.rss:hover { background: #faa33d; } #zo-header-top .header-top-social li a { font-size: 15px; line-height: 45px; 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-top.header-3 { border-bottom: 1px solid #ececec; } #zo-header { width: 100%; z-index: 999; top: 0; -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.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-left .container { max-width: 100%; } #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; } @media (min-width: 992px) and (max-width: 1023px) { #zo-header > .container { width: 100%; } } #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 (min-width: 992px) { #zo-header.header-style-03 #zo-header-logo { text-align: center; } } #zo-header.header-style-06.header-transparent { width: initial; top: 50px; left: 50px; right: 50px; } #zo-header.header-style-06 .zo-header-secondary, #zo-header.header-style-06 .zo-header-navigation-left { vertical-align: middle; } #zo-header.header-style-06 .zo-header-navigation-left { padding-right: 50px; margin-right: 20px; border-right: 1px solid rgba(255, 255, 255, 0.1); } #zo-header.header-fixed { position: fixed; top: 0; } .admin-bar #zo-header.header-fixed { top: 32px; } #zo-header.header-fixed .zo-sticky-logo { display: inline-block; } #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; } .vertical-description { color: #2b2e2f; line-height: 24px; font-weight: 300; font-size: 14px; margin-bottom: 50px; } @media screen and (max-width: 991px) { .vertical-description { display: none; } } @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: 0; right: -15px; 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 */ } .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 */ } .zo-header-close.open { right: -65px; -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 */ -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.open { left: -65px; -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 */ } .zo-header-close.open span { background: #333; } .zo-header-close.open span:before, .zo-header-close.open span:after { -webkit-transform: none; -khtml-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-close.open span:before { top: -6px; } .zo-header-close.open span:after { bottom: -6px; top: initial; } } .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, .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, .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; width: 35px; text-align: center; } .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon:hover i, .widget_cart_search_wrap .widget_cart_search_wrap_item > a.icon.active 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//////////////////////////////////*/ } .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 > a.icon.icon_cart_wrap .cart_total { position: absolute; color: #fff; background-color: #66bfd7; font-size: 11px; height: 18px; line-height: 18px; right: -5px; text-align: center; top: 50%; width: 18px; -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 */ -webkit-transform: translateY(calc(-50% - 15px)); -khtml-transform: translateY(calc(-50% - 15px)); -moz-transform: translateY(calc(-50% - 15px)); -ms-transform: translateY(calc(-50% - 15px)); -o-transform: translateY(calc(-50% - 15px)); transform: translateY(calc(-50% - 15px)); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown, .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.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 { 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 { right: -45px; width: 290px; } } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner { padding: 20px; line-height: 50px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .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 .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 .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 .shopping_cart_dropdown_inner .cart_list li.cart-list a { float: left; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .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 .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 .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .title { font-weight: 400; color: #fff; font-size: 12px; 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 .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .amount { color: #66bfd7; display: block; font-style: italic; padding-bottom: 8px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart_list li.cart-list .cart-list-info .quantity { display: block; color: #858585; text-transform: uppercase; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .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 .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 .shopping_cart_dropdown_inner .cart-total .total .amount { font-size: 36px; padding-left: 10px; color: #66bfd7; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .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 .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout { background: #66bfd7; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-checkout:hover { background: rgba(102, 191, 215, 0.8); } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart { background-color: #909090; } .widget_cart_search_wrap .widget_cart_search_wrap_item .shopping_cart_dropdown .shopping_cart_dropdown_inner .cart-total .btn.btn-cart:hover { background: #66bfd7; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content { position: absolute; width: 100%; min-width: 360px; right: 0; top: 100%; border-radius: 0 0 3px 3px; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form { position: relative; padding: 35px 20px; border: 0; background: #66bfd7; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form:before { content: "\f002"; font-family: FontAwesome; font-size: 15px; right: 20px; top: 50%; position: absolute; color: #f5f5f5; -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 input { display: block; height: 40px; line-height: 40px; padding: 0; color: #fff; outline: none; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"] { font-size: 18px; color: #f5f5f5; background-color: transparent; border: none; padding: 0 10px; border-bottom: 1px solid #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-webkit-input-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]::-moz-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-ms-input-placeholder { color: #f5f5f5; } .widget_cart_search_wrap .widget_cart_search_wrap_item .widget_searchform_content form input[type="text"]:-moz-placeholder { color: #f5f5f5; } .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: 35px; 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; } #zo-header.header-style-02 .zo-header-second-sidebar { text-align: right; } @media screen and (max-width: 991px) { #zo-header.header-style-02 .zo-header-second-sidebar { display: none; } } @media screen and (max-width: 991px) { #zo-header.header-style-02 .zo-header-menu .zo-header-navigation-right { display: none; } } @media screen and (min-width: 992px) { #zo-header.header-vertical { height: 100%; position: fixed; top: 0; background: #fff; overflow: auto; -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); } .disable-header-vertical #zo-header.header-vertical { overflow: initial; } .admin-bar #zo-header.header-vertical { top: 32px; } #zo-header.header-vertical .zo-header-bottom { margin-top: 50px; } #zo-header.header-vertical .zo-header-bottom ul { margin: 0; padding: 0; list-style: none; } #zo-header.header-vertical .zo-header-bottom ul li { display: inline-block; } #zo-header.header-vertical .zo-header-bottom ul li + li { margin-left: 15px; } #zo-header.header-vertical .zo-header-bottom ul li a { color: #2b2e2f; } #zo-header.header-vertical .zo-header-bottom ul li a:hover { color: #66bfd7; } #zo-header.header-vertical .zo-header-bottom .copyright { font-size: 14px; font-weight: 300; color: #2b2e2f; line-height: 36px; } #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 { max-width: 100%; } } .header-info { padding: 0; margin: 0; list-style: none; display: inline-block; } .header-info li { display: inline-block; vertical-align: middle; } .header-info li:not(:last-child) { margin-right: 7px; } .header-info li i { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #e7e7e7; color: #66bfd7; -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 */ -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 */ } .header-info li i:hover { background: #66bfd7; color: #fff; } .header-info li.info { text-align: left; line-height: 20px; color: #2b2e2f; margin-right: 45px; } .header-info li.info i { float: left; } .header-info li.info div { margin-left: 60px; } .header-info li.info b { font-weight: 600; display: block; } @media screen and (max-width: 991px) { .admin-bar #zo-header.header-style-06 #zo-menu-mobile.close { top: 0; } #zo-header.header-style-06 .zo-header-secondary .zo-header-navigation-left .header-06-info { display: none; } #zo-header.header-style-06.header-transparent { top: 0; left: 15px; right: 15px; } } .header-style-06 .header-06-info { margin-bottom: 18px; } footer { position: relative; } .footer-layout-06 { padding: 0 !important; } .footer-layout-06 .container-fluid { padding-left: 0 !important; padding-right: 0 !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* FLIP */ } .footer-layout-06 .container-fluid .footer-layout-06-left { min-height: 360px; padding-left: calc((100% - 1140px) / 2) !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; /* FLIP */ align-items: center; } @media screen and (max-width: 1169px) { .footer-layout-06 .container-fluid .footer-layout-06-left { padding-left: 15px !important; } } .footer-layout-06 .container-fluid .footer-layout-06-left .footer-layout-06-logo { margin-bottom: 40px; } .footer-layout-06 .container-fluid .footer-layout-06-left a { color: inherit; } .footer-layout-06 .container-fluid .footer-layout-06-left a:hover { color: #66bfd7; } .footer-layout-06 .container-fluid .footer-layout-06-right { min-height: 360px; padding-right: calc((100% - 1140px) / 2) !important; padding-left: calc(1170px / 12 * 2) !important; } @media screen and (max-width: 1169px) { .footer-layout-06 .container-fluid .footer-layout-06-right { padding-right: 15px !important; padding-left: 15px !important; } } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget { position: relative; } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget:hover:before { color: #66bfd7; } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget form { position: relative; } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget form:before { color: #717779; content: "\f124"; font-family: "FontAwesome"; font-size: 18px; text-align: center; position: absolute; right: 0; top: 0px; line-height: 44px; height: 44px; width: 44px; } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget .wg-title { color: #fff; font-size: 16px; } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget input[type="email"] { padding: 10px; border: 1px solid #363139; color: #717779; padding-left: 20px; padding-right: 20px; background: transparent; } .footer-layout-06 .container-fluid .footer-layout-06-right .widget_newsletterwidget input[type="submit"] { background: transparent; border: medium none; font-size: 0; padding: 22px; position: absolute; right: 0; top: 0; width: 44px; } .footer-layout-06 .container-fluid .footer-layout-06-right .zo-social-title { display: inline-block; padding: 10px 15px 10px 0; color: #fff; margin-top: 20px; } .footer-layout-06 .container-fluid .footer-layout-06-right .footer-social { display: inline-block; list-style: none; padding-left: 0; } .footer-layout-06 .container-fluid .footer-layout-06-right .footer-social li { list-style-type: none; display: inline-block; margin: auto 10px; } .footer-layout-06 .container-fluid .footer-layout-06-right .footer-social li a i { color: #717779; font-size: 14px; height: 30px; line-height: 30px; text-align: center; width: 30px; -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 */ } .footer-layout-06 .container-fluid .footer-layout-06-right .footer-social li a:hover i { color: #fff; background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .footer-layout-06 .zo-content h2 { color: #fff; margin-bottom: 50px; } .footer-layout-06 .zo-content p { color: #d7dcdd; margin-bottom: 0; } .footer-layout-06 .zo-content p a { color: inherit; } .footer-layout-06 .zo-content p a:hover { color: #66bfd7; } #zo-footer.footer-layout-02 { background-color: #1d1f2c; } #zo-footer.footer-layout-02.style-2 { background-color: #212224; } .footer-layout-02 { padding: 0 !important; } .footer-layout-02 .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .footer-layout-02 .footer-layout-02-right { padding: 0 !important; } @media screen and (max-width: 766px) { .footer-layout-02 .footer-layout-02-left { padding-top: 45px !important; } } .footer-layout-02 .footer-layout-02-left .wg-title { color: #fff; position: relative; margin-bottom: 60px; margin-top: 0; text-transform: uppercase; letter-spacing: 0.2em; } .footer-layout-02 .footer-layout-02-left .wg-title:before { position: absolute; content: ""; bottom: -30px; left: 0; width: 105px; height: 3px; background: #66bfd7; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.5); margin-bottom: 20px; padding: 0 0 5px 0; color: #a8b0b2; font-style: normal; font-size: 14px; -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 */ } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text::-webkit-input-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea::-webkit-input-placeholder { color: #a8b0b2; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:-moz-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:-moz-placeholder { color: #a8b0b2; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text::-moz-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea::-moz-placeholder { color: #a8b0b2; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:-ms-input-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:-ms-input-placeholder { color: #a8b0b2; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:focus, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:focus { border-bottom: 1px solid #66bfd7; color: #66bfd7; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:focus::-webkit-input-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:focus::-webkit-input-placeholder { color: #66bfd7; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:focus:-moz-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:focus:-moz-placeholder { color: #66bfd7; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:focus::-moz-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:focus::-moz-placeholder { color: #66bfd7; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-text:focus:-ms-input-placeholder, .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-textarea:focus:-ms-input-placeholder { color: #66bfd7; opacity: 1; } .footer-layout-02 .footer-layout-02-left .wpcf7-form textarea { height: 80px; margin-bottom: 35px !important; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .cf-submit { text-align: left; } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-submit { margin-bottom: 15px; background-color: #686ab7; background-image: -webkit-gradient(right bottom, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to right bottom, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); color: #fff; text-transform: uppercase; font-size: 14px; padding: 15px 35px; border-radius: 35px; 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 */ } .footer-layout-02 .footer-layout-02-left .wpcf7-form .wpcf7-submit:hover { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .footer-layout-02.style-2 .footer-layout-02-left .wg-title { font-size: 48px; font-weight: 500; line-height: 1; letter-spacing: 0; text-transform: none; } @media screen and (max-width: 766px) { .footer-layout-02.style-2 .footer-layout-02-left .wg-title { font-size: 36px; } } .footer-layout-02.style-2 .footer-layout-02-left .wg-title:before { width: 80px; height: 6px; background: #383939; } .footer-layout-02.style-2 .wpcf7-form .wpcf7-text:focus, .footer-layout-02.style-2 .wpcf7-form .wpcf7-textarea:focus { border-bottom: 1px solid #fff; color: #fff; } .footer-layout-02.style-2 .wpcf7-form .wpcf7-text:focus::-webkit-input-placeholder, .footer-layout-02.style-2 .wpcf7-form .wpcf7-textarea:focus::-webkit-input-placeholder { color: #fff; opacity: 1; } .footer-layout-02.style-2 .wpcf7-form .wpcf7-text:focus:-moz-placeholder, .footer-layout-02.style-2 .wpcf7-form .wpcf7-textarea:focus:-moz-placeholder { color: #fff; opacity: 1; } .footer-layout-02.style-2 .wpcf7-form .wpcf7-text:focus::-moz-placeholder, .footer-layout-02.style-2 .wpcf7-form .wpcf7-textarea:focus::-moz-placeholder { color: #fff; opacity: 1; } .footer-layout-02.style-2 .wpcf7-form .wpcf7-text:focus:-ms-input-placeholder, .footer-layout-02.style-2 .wpcf7-form .wpcf7-textarea:focus:-ms-input-placeholder { color: #fff; opacity: 1; } .footer-layout-02.style-2 .wpcf7-form .wpcf7-submit { background: #fff; color: #000; background-image: initial; } #zo-footer.footer-layout-05 { padding: 0; } #zo-footer.footer-layout-05 .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } #zo-footer.footer-layout-05 .footer-layout-05-left, #zo-footer.footer-layout-05 .footer-layout-05-right { min-height: 510px; } #zo-footer.footer-layout-05 .footer-layout-05-left .zo-content, #zo-footer.footer-layout-05 .footer-layout-05-right .zo-content { max-width: 350px; margin: 0 auto; } #zo-footer.footer-layout-05 .footer-layout-05-left .zo-content h2, #zo-footer.footer-layout-05 .footer-layout-05-right .zo-content h2 { color: #fff; margin-bottom: 50px; } #zo-footer.footer-layout-05 .footer-layout-05-left .zo-content p, #zo-footer.footer-layout-05 .footer-layout-05-right .zo-content p { color: #d7dcdd; margin-bottom: 0; } #zo-footer.footer-layout-05 .footer-layout-05-left .zo-content p a, #zo-footer.footer-layout-05 .footer-layout-05-right .zo-content p a { color: inherit; } #zo-footer.footer-layout-05 .footer-layout-05-left .zo-content p a:hover, #zo-footer.footer-layout-05 .footer-layout-05-right .zo-content p a:hover { color: #66bfd7; } #zo-footer.footer-layout-05 .footer-layout-05-left .footer-button, #zo-footer.footer-layout-05 .footer-layout-05-right .footer-button { margin-top: 70px; margin-left: 30px; } #zo-footer.footer-layout-05 .footer-layout-05-left .footer-button .btn-primary, #zo-footer.footer-layout-05 .footer-layout-05-right .footer-button .btn-primary { padding: 10px 35px; } #zo-footer.footer-layout-03 { /*Footer content*/ } #zo-footer.footer-layout-03 .footer-layout-03-title { text-transform: uppercase; font-size: 48px; line-height: 50px; } @media screen and (max-width: 499px) { #zo-footer.footer-layout-03 .footer-layout-03-title { font-size: 30px; line-height: 30px; } } #zo-footer.footer-layout-03 .footer-layout-03-address { font-size: 30px; margin-bottom: 20px; } @media screen and (max-width: 499px) { #zo-footer.footer-layout-03 .footer-layout-03-address { font-size: 22px; } } #zo-footer.footer-layout-03 .footer-layout-03-email { font-size: 30px; margin-bottom: 20px; } @media screen and (max-width: 499px) { #zo-footer.footer-layout-03 .footer-layout-03-email { font-size: 22px; } } #zo-footer.footer-layout-03 .footer-layout-03-email a { color: #66bfd7; opacity: 1; -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.footer-layout-03 .footer-layout-03-email a:hover { opacity: 0.9; } #zo-footer.footer-layout-03 .footer-layout-03-phone { font-size: 60px; line-height: 82px; color: #2b2e2f; margin-bottom: 30px; font-weight: 600; } @media screen and (max-width: 499px) { #zo-footer.footer-layout-03 .footer-layout-03-phone { font-size: 30px; line-height: 30px; } } #zo-footer.footer-layout-03 .footer-layout-03-social .footer-social { text-align: left; margin: 0; list-style: none; padding-left: 0; } @media screen and (max-width: 767px) { #zo-footer.footer-layout-03 .footer-layout-03-social .footer-social { margin: 15px 0 25px; } } #zo-footer.footer-layout-03 .footer-layout-03-social .footer-social li { list-style-type: none; display: inline-block; } #zo-footer.footer-layout-03 .footer-layout-03-social .footer-social li + li { margin-left: 50px; } #zo-footer.footer-layout-03 .footer-layout-03-social .footer-social li a { background: transparent none repeat scroll 0 0; } #zo-footer.footer-layout-03 .footer-layout-03-social .footer-social li a i { border: 0; border-radius: 50%; color: #717779; font-size: 36px; height: 32px; line-height: 32px; 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.footer-layout-03 .footer-layout-03-social .footer-social li a i:hover { color: #66bfd7; } #zo-footer-content { /*@Coppy right*/ } #zo-footer-content .zo-footer-columns .zo-footer-column .less-footer-logo img { margin-bottom: 30px; } #zo-footer-content .zo-footer-columns .zo-footer-column .wg-title { margin-bottom: 40px; /* Footer Custom Menu */ } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_nav_menu .menu { text-align: left; list-style: none; padding: 0; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_nav_menu .menu li { margin-bottom: 5px; padding-left: 0; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_nav_menu .menu li a { color: #999; letter-spacing: 0.04em; -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 */ position: relative; padding-left: 20px; font-weight: 400; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_nav_menu .menu li a:hover { color: #66bfd7; padding-left: 25px; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_nav_menu .menu li a:hover:after { color: #66bfd7; left: 10px; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_nav_menu .menu li a:after { position: absolute; content: '\f105'; left: 5px; top: -4px; font-family: 'FontAwesome'; color: #999; -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 */ } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-recent-posts-widget-with-thumbnails ul li { background: transparent; border-bottom: 0px; color: #fff; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-recent-posts-widget-with-thumbnails ul li .zo-post-title a { color: #fff; } #zo-footer-content .zo-footer-columns .zo-footer-column .widget_zo-recent-posts-widget-with-thumbnails ul li .zo-post-title a:hover { color: #66bfd7; } #zo-footer-content .zo-footer-columns .zo-footer-column .newsletter-widget { position: relative; margin-top: 25px; } #zo-footer-content .zo-footer-columns .zo-footer-column .newsletter-widget .newsletter-email { height: 45px !important; padding: 10px !important; } #zo-footer-content .zo-footer-columns .zo-footer-column .newsletter-widget .newsletter-submit { position: absolute; top: 0; right: 0; background: #66bfd7 !important; border: unset !important; padding: 14px 10px 15px !important; 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 */ font-weight: 500; } #zo-footer-content .zo-footer-columns .zo-footer-column .newsletter-widget .newsletter-submit:hover { color: rgba(255, 255, 255, 0.7); } #zo-footer-copyright { /* End Widget Categories */ } #zo-footer-copyright .zo-footer-copyright-notice p { margin-bottom: 0; } @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%; text-align: center; } } #zo-footer-copyright a:hover { color: #66bfd7 !important; } #zo-footer-copyright .zo-copyright-secondary { text-align: right; /*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: center; margin-bottom: 20px; list-style: none; padding-left: 0; } #zo-footer-copyright .footer-social li { list-style-type: none; display: inline-block; margin: auto 10px; } #zo-footer-copyright .footer-social li a { background: transparent none repeat scroll 0 0; } #zo-footer-copyright .footer-social li a i { color: #242d2e; font-size: 20px; height: 32px; line-height: 32px; 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: #66bfd7; } 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: #66bfd7; 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: #66bfd7; } .zo-footer-copyright-01 { /* Podes Construction */ } @media screen and (max-width: 767px) { .zo-footer-copyright-01 .zo-copyright-logo, .zo-footer-copyright-01 .zo-copyright-menu, .zo-footer-copyright-01 .zo-copyright-extra { width: 100%; margin-bottom: 15px; text-align: center; display: block; } } .zo-footer-copyright-01 .zo-copyright-logo { display: inline-block; } .zo-footer-copyright-01 .zo-copyright-menu { display: inline-block; } .zo-footer-copyright-01 .zo-copyright-menu .nav-menu { padding: 0; } .zo-footer-copyright-01 .zo-copyright-menu .nav-menu li { list-style-type: none; display: inline-block; padding-left: 15px; padding-right: 15px; } .zo-footer-copyright-01 .zo-copyright-menu .nav-menu li a { padding-left: 0; color: #717779; font-weight: 600; } .zo-footer-copyright-01 .zo-copyright-menu .nav-menu li a:hover { color: #66bfd7; } .zo-footer-copyright-01 .zo-copyright-extra { display: inline-block; } .zo-footer-copyright-01 .zo-copyright-extra .footer-social { text-align: right; margin: 0; list-style: none; padding-left: 0; } @media screen and (max-width: 767px) { .zo-footer-copyright-01 .zo-copyright-extra .footer-social { text-align: center; margin: 0; } } .zo-footer-copyright-01 .zo-copyright-extra .footer-social li { list-style-type: none; display: inline-block; margin: auto 3px; } .zo-footer-copyright-01 .zo-copyright-extra .footer-social li a i { color: #717779; font-size: 14px; height: 32px; line-height: 32px; text-align: center; width: 32px; -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 */ } .zo-footer-copyright-01 .zo-copyright-extra .footer-social li a:hover i { color: #fff; background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .zo-footer-copyright-01 .zo-container { margin-bottom: 0; box-shadow: none; } @media screen and (max-width: 1169px) { .zo-footer-copyright-01 .zo-container { padding-left: 30px; padding-right: 30px; } } .footer-layout-04 { padding: 0 !important; } .footer-layout-04 .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .footer-layout-04 .footer-layout-04-left { padding: 0 !important; } .footer-layout-04 .footer-layout-04-right .footer-layout-04-title { font-size: 45px; line-height: 48px; font-weight: 600; color: #fff; margin-bottom: 112px; position: relative; } .footer-layout-04 .footer-layout-04-right .footer-layout-04-title::after { content: ''; width: 95px; height: 4px; background: #66bfd7; position: absolute; bottom: -35px; left: 0; } .footer-layout-04 .footer-layout-04-right .footer-layout-04-city, .footer-layout-04 .footer-layout-04-right .footer-layout-04-phone { font-size: 30px; line-height: 48px; color: #fff; font-weight: 600; margin-bottom: 5px; } .footer-layout-04 .footer-layout-04-right .footer-layout-04-address, .footer-layout-04 .footer-layout-04-right .footer-layout-04-email a { font-size: 18px; line-height: 48px; color: #a8b0b2; font-weight: 400; margin-bottom: 35px; } .footer-layout-04 .footer-layout-04-right .footer-layout-04-email a { margin-bottom: 15px; } @media screen and (max-width: 991px) { #zo-footer.footer-layout-04 .footer-layout-04-right { padding-left: 60px; } } @media screen and (max-width: 767px) { #zo-footer.footer-layout-04 .footer-layout-04-right { padding-left: 15px; padding-bottom: 30px; padding-top: 30px; } } .zo-footer-copyright-03 .zo-container { margin-bottom: 0; box-shadow: none; } @media screen and (max-width: 991px) { .zo-footer-copyright-03 .zo-container { padding: 60px 30px; } } @media screen and (max-width: 766px) { .zo-footer-copyright-03 .zo-container { padding: 40px 15px; } } .zo-footer-copyright-03 .zo-container h3 { font-weight: 600; color: #66bfd7; margin: 0 0 10px; } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left { text-align: left; margin-bottom: 20px; } @media screen and (max-width: 766px) { .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left { text-align: center; } } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left ul { list-style: none; padding: 0; margin: 0; } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left ul li { display: inline-block; margin-right: 10px; } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left ul li:last-child { margin-right: 0; } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left ul li a { color: #2b2e2f; position: relative; } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left ul li a::after { content: ""; height: 2px; width: 100%; position: absolute; left: 0; bottom: -3px; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ -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 */ background: #7bc084; } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-left ul li:hover a::after { -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 */ } .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-right { text-align: right; } @media screen and (max-width: 766px) { .zo-footer-copyright-03 .zo-container .zo-footer-copyright-3-right { text-align: center; } } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget { margin: 0; } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram { padding: 0 15px; } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item { margin: 0; padding: 0; } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image { position: relative; } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image::before { content: ''; 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 */ width: 0; height: 0; opacity: 0; background: rgba(0, 0, 0, 0.7); -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 */ } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image span { position: absolute; width: 40px; height: 40px; font-size: 0px; opacity: 0; top: calc(50% - 20px); left: calc(50% - 20px); -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 */ } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image span::before { position: absolute; top: 50%; left: calc(50% - 20px); width: 40px; height: 1px; content: ""; background: #fff; -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 */ } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image span::after { position: absolute; top: calc(50% - 20px); left: 50%; width: 1px; height: 40px; content: ""; background: #fff; -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 */ } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image span:hover::before, .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image span:hover::after { background: #66bfd7; } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image:hover span { opacity: 1; } .footer-7-sidebar.wpb_widgetised_column .widget_podes_instagram_widget .zo-instagram .zo-item .item-image:hover::before { width: 100%; height: 100%; opacity: 1; } .footer-7-sidebar.wpb_widgetised_column .widget_text { margin: 0; } .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social { margin: 35px 0 30px; } .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social li { float: left; width: calc(100% / 7); text-align: center; line-height: 50px; } @media screen and (max-width: 991px) { .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social li { width: calc(100% / 4); } } @media screen and (max-width: 766px) { .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social li { width: 50%; } } .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social li a { color: #2b2e2f; font-family: 'Lora', sans-serif; font-size: 14px; } .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social li a i { margin-right: 18px; font-size: 16px; } .footer-7-sidebar.wpb_widgetised_column .widget_text ul.footer-7-social li a:hover { color: #66bfd7; } #zo-footer-content .widget_zo-tweets-widget .jtwt_tweet_text 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 */ } #zo-footer-content .widget_zo-tweets-widget .jtwt_tweet_text a:hover { color: #66bfd7; } 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 { color: #626262; font-size: 16px; font-weight: 400; padding: 15px 17px; 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: 240px; max-height: 240px; 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 #66bfd7; } .form-group { margin-bottom: 10px; /** Contact Form 7 */ } .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: 16px; font-weight: 300; padding: 0; line-height: 40px; border: none; width: 100%; margin-bottom: 25px; color: #2b2e2f; border-bottom: 1px solid #2b2e2f; -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 */ } .wpcf7-form input[type='text']::-webkit-input-placeholder, .wpcf7-form input[type="password"]::-webkit-input-placeholder, .wpcf7-form input[type="datetime"]::-webkit-input-placeholder, .wpcf7-form input[type="datetime-local"]::-webkit-input-placeholder, .wpcf7-form input[type="date"]::-webkit-input-placeholder, .wpcf7-form input[type="month"]::-webkit-input-placeholder, .wpcf7-form input[type="time"]::-webkit-input-placeholder, .wpcf7-form input[type="week"]::-webkit-input-placeholder, .wpcf7-form input[type="number"]::-webkit-input-placeholder, .wpcf7-form input[type="email"]::-webkit-input-placeholder, .wpcf7-form input[type="url"]::-webkit-input-placeholder, .wpcf7-form input[type="search"]::-webkit-input-placeholder, .wpcf7-form input[type="tel"]::-webkit-input-placeholder, .wpcf7-form input[type="color"]::-webkit-input-placeholder, .wpcf7-form textarea::-webkit-input-placeholder, .wpcf7-form select::-webkit-input-placeholder { color: #2b2e2f; -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 */ } .wpcf7-form input[type='text']::-moz-placeholder, .wpcf7-form input[type="password"]::-moz-placeholder, .wpcf7-form input[type="datetime"]::-moz-placeholder, .wpcf7-form input[type="datetime-local"]::-moz-placeholder, .wpcf7-form input[type="date"]::-moz-placeholder, .wpcf7-form input[type="month"]::-moz-placeholder, .wpcf7-form input[type="time"]::-moz-placeholder, .wpcf7-form input[type="week"]::-moz-placeholder, .wpcf7-form input[type="number"]::-moz-placeholder, .wpcf7-form input[type="email"]::-moz-placeholder, .wpcf7-form input[type="url"]::-moz-placeholder, .wpcf7-form input[type="search"]::-moz-placeholder, .wpcf7-form input[type="tel"]::-moz-placeholder, .wpcf7-form input[type="color"]::-moz-placeholder, .wpcf7-form textarea::-moz-placeholder, .wpcf7-form select::-moz-placeholder { color: #2b2e2f; -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 */ } .wpcf7-form input[type='text']:-ms-input-placeholder, .wpcf7-form input[type="password"]:-ms-input-placeholder, .wpcf7-form input[type="datetime"]:-ms-input-placeholder, .wpcf7-form input[type="datetime-local"]:-ms-input-placeholder, .wpcf7-form input[type="date"]:-ms-input-placeholder, .wpcf7-form input[type="month"]:-ms-input-placeholder, .wpcf7-form input[type="time"]:-ms-input-placeholder, .wpcf7-form input[type="week"]:-ms-input-placeholder, .wpcf7-form input[type="number"]:-ms-input-placeholder, .wpcf7-form input[type="email"]:-ms-input-placeholder, .wpcf7-form input[type="url"]:-ms-input-placeholder, .wpcf7-form input[type="search"]:-ms-input-placeholder, .wpcf7-form input[type="tel"]:-ms-input-placeholder, .wpcf7-form input[type="color"]:-ms-input-placeholder, .wpcf7-form textarea:-ms-input-placeholder, .wpcf7-form select:-ms-input-placeholder { color: #2b2e2f; -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 */ } .wpcf7-form input[type='text']:-moz-placeholder, .wpcf7-form input[type="password"]:-moz-placeholder, .wpcf7-form input[type="datetime"]:-moz-placeholder, .wpcf7-form input[type="datetime-local"]:-moz-placeholder, .wpcf7-form input[type="date"]:-moz-placeholder, .wpcf7-form input[type="month"]:-moz-placeholder, .wpcf7-form input[type="time"]:-moz-placeholder, .wpcf7-form input[type="week"]:-moz-placeholder, .wpcf7-form input[type="number"]:-moz-placeholder, .wpcf7-form input[type="email"]:-moz-placeholder, .wpcf7-form input[type="url"]:-moz-placeholder, .wpcf7-form input[type="search"]:-moz-placeholder, .wpcf7-form input[type="tel"]:-moz-placeholder, .wpcf7-form input[type="color"]:-moz-placeholder, .wpcf7-form textarea:-moz-placeholder, .wpcf7-form select:-moz-placeholder { color: #2b2e2f; -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 */ } .wpcf7-form input[type='text']:focus, .wpcf7-form input[type="password"]:focus, .wpcf7-form input[type="datetime"]:focus, .wpcf7-form input[type="datetime-local"]:focus, .wpcf7-form input[type="date"]:focus, .wpcf7-form input[type="month"]:focus, .wpcf7-form input[type="time"]:focus, .wpcf7-form input[type="week"]:focus, .wpcf7-form input[type="number"]:focus, .wpcf7-form input[type="email"]:focus, .wpcf7-form input[type="url"]:focus, .wpcf7-form input[type="search"]:focus, .wpcf7-form input[type="tel"]:focus, .wpcf7-form input[type="color"]:focus, .wpcf7-form textarea:focus, .wpcf7-form select:focus { color: #66bfd7; outline: none; border-bottom: 1px solid #66bfd7; } .wpcf7-form input[type='text']:focus::-webkit-input-placeholder, .wpcf7-form input[type="password"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="datetime"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="datetime-local"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="date"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="month"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="time"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="week"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="number"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="email"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="url"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="search"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="tel"]:focus::-webkit-input-placeholder, .wpcf7-form input[type="color"]:focus::-webkit-input-placeholder, .wpcf7-form textarea:focus::-webkit-input-placeholder, .wpcf7-form select:focus::-webkit-input-placeholder { color: #66bfd7; } .wpcf7-form input[type='text']:focus::-moz-placeholder, .wpcf7-form input[type="password"]:focus::-moz-placeholder, .wpcf7-form input[type="datetime"]:focus::-moz-placeholder, .wpcf7-form input[type="datetime-local"]:focus::-moz-placeholder, .wpcf7-form input[type="date"]:focus::-moz-placeholder, .wpcf7-form input[type="month"]:focus::-moz-placeholder, .wpcf7-form input[type="time"]:focus::-moz-placeholder, .wpcf7-form input[type="week"]:focus::-moz-placeholder, .wpcf7-form input[type="number"]:focus::-moz-placeholder, .wpcf7-form input[type="email"]:focus::-moz-placeholder, .wpcf7-form input[type="url"]:focus::-moz-placeholder, .wpcf7-form input[type="search"]:focus::-moz-placeholder, .wpcf7-form input[type="tel"]:focus::-moz-placeholder, .wpcf7-form input[type="color"]:focus::-moz-placeholder, .wpcf7-form textarea:focus::-moz-placeholder, .wpcf7-form select:focus::-moz-placeholder { color: #66bfd7; } .wpcf7-form input[type='text']:focus:-ms-input-placeholder, .wpcf7-form input[type="password"]:focus:-ms-input-placeholder, .wpcf7-form input[type="datetime"]:focus:-ms-input-placeholder, .wpcf7-form input[type="datetime-local"]:focus:-ms-input-placeholder, .wpcf7-form input[type="date"]:focus:-ms-input-placeholder, .wpcf7-form input[type="month"]:focus:-ms-input-placeholder, .wpcf7-form input[type="time"]:focus:-ms-input-placeholder, .wpcf7-form input[type="week"]:focus:-ms-input-placeholder, .wpcf7-form input[type="number"]:focus:-ms-input-placeholder, .wpcf7-form input[type="email"]:focus:-ms-input-placeholder, .wpcf7-form input[type="url"]:focus:-ms-input-placeholder, .wpcf7-form input[type="search"]:focus:-ms-input-placeholder, .wpcf7-form input[type="tel"]:focus:-ms-input-placeholder, .wpcf7-form input[type="color"]:focus:-ms-input-placeholder, .wpcf7-form textarea:focus:-ms-input-placeholder, .wpcf7-form select:focus:-ms-input-placeholder { color: #66bfd7; } .wpcf7-form input[type='text']:focus:-moz-placeholder, .wpcf7-form input[type="password"]:focus:-moz-placeholder, .wpcf7-form input[type="datetime"]:focus:-moz-placeholder, .wpcf7-form input[type="datetime-local"]:focus:-moz-placeholder, .wpcf7-form input[type="date"]:focus:-moz-placeholder, .wpcf7-form input[type="month"]:focus:-moz-placeholder, .wpcf7-form input[type="time"]:focus:-moz-placeholder, .wpcf7-form input[type="week"]:focus:-moz-placeholder, .wpcf7-form input[type="number"]:focus:-moz-placeholder, .wpcf7-form input[type="email"]:focus:-moz-placeholder, .wpcf7-form input[type="url"]:focus:-moz-placeholder, .wpcf7-form input[type="search"]:focus:-moz-placeholder, .wpcf7-form input[type="tel"]:focus:-moz-placeholder, .wpcf7-form input[type="color"]:focus:-moz-placeholder, .wpcf7-form textarea:focus:-moz-placeholder, .wpcf7-form select:focus:-moz-placeholder { color: #66bfd7; } .wpcf7-form .cf-submit { text-align: center; } .wpcf7-form textarea { height: 128px; } .wpcf7-form .wpcf7-textarea { margin-bottom: 50px; } .wpcf7-form .form-action { text-align: right; } .wpcf7-form .form-action .wpcf7-form-control { float: right; } .wpcf7-form .wpcf7-submit { background: #66bfd7; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.2em; padding: 0 40px; line-height: 1; border: 0; text-transform: uppercase; height: 48px; display: inline-block; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .wpcf7-form .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:focus { color: #2b2e2f; } .wpcf7-form .wpcf7-form-control-wrap { display: block; } .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: 0px; top: 0px; } .wpcf7-form .wpcf7-validation-errors { display: inline-block; width: 100%; text-align: center; margin: 20px 0 0; border: 1px solid transparent; color: #ff3a47; } .wpcf7-form .wpcf7-response-output { text-align: center; } .wpcf7-form .contact-style-light input, .wpcf7-form .contact-style-light textarea, .wpcf7-form .contact-style-light select { background: transparent; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .wpcf7-form .contact-style-light input::-webkit-input-placeholder, .wpcf7-form .contact-style-light textarea::-webkit-input-placeholder, .wpcf7-form .contact-style-light select::-webkit-input-placeholder { color: #fff; } .wpcf7-form .contact-style-light input::-moz-placeholder, .wpcf7-form .contact-style-light textarea::-moz-placeholder, .wpcf7-form .contact-style-light select::-moz-placeholder { color: #fff; } .wpcf7-form .contact-style-light input:-ms-input-placeholder, .wpcf7-form .contact-style-light textarea:-ms-input-placeholder, .wpcf7-form .contact-style-light select:-ms-input-placeholder { color: #fff; } .wpcf7-form .contact-style-light input:-moz-placeholder, .wpcf7-form .contact-style-light textarea:-moz-placeholder, .wpcf7-form .contact-style-light select:-moz-placeholder { color: #fff; } .wpcf7-form .contact-style-light input:focus, .wpcf7-form .contact-style-light textarea:focus, .wpcf7-form .contact-style-light select:focus { color: #66bfd7; border-bottom: 1px solid #66bfd7; } .wpcf7-form .contact-style-light input:focus::-webkit-input-placeholder, .wpcf7-form .contact-style-light textarea:focus::-webkit-input-placeholder, .wpcf7-form .contact-style-light select:focus::-webkit-input-placeholder { color: #66bfd7; } .wpcf7-form .contact-style-light input:focus::-moz-placeholder, .wpcf7-form .contact-style-light textarea:focus::-moz-placeholder, .wpcf7-form .contact-style-light select:focus::-moz-placeholder { color: #66bfd7; } .wpcf7-form .contact-style-light input:focus:-ms-input-placeholder, .wpcf7-form .contact-style-light textarea:focus:-ms-input-placeholder, .wpcf7-form .contact-style-light select:focus:-ms-input-placeholder { color: #66bfd7; } .wpcf7-form .contact-style-light input:focus:-moz-placeholder, .wpcf7-form .contact-style-light textarea:focus:-moz-placeholder, .wpcf7-form .contact-style-light select:focus:-moz-placeholder { color: #66bfd7; } .wpcf7-form .contact-style-light .wpcf7-submit { background: #66bfd7; } .wpcf7-form .contact-3-col .cf-warp-top { display: inline-block; width: 100%; } .wpcf7-form .contact-3-col .cf-message { padding-left: 15px; padding-right: 15px; } .wpcf7-form .contact-3-col .cf-name, .wpcf7-form .contact-3-col .cf-email, .wpcf7-form .contact-3-col .cf-website { width: 33.3333%; float: left; padding-left: 15px; padding-right: 15px; } @media screen and (max-width: 766px) { .wpcf7-form .contact-3-col .cf-name, .wpcf7-form .contact-3-col .cf-email, .wpcf7-form .contact-3-col .cf-website { width: 100%; } } .wpcf7-form .border-around input, .wpcf7-form .border-around textarea, .wpcf7-form .border-around select { border: 1px solid #2b2e2f; padding-left: 15px; } .wpcf7-form .border-around input:focus, .wpcf7-form .border-around textarea:focus, .wpcf7-form .border-around select:focus { border: 1px solid #66bfd7; } .wpcf7-form .border-around .wpcf7-submit { border: 0; padding: 0 40px; } .wpcf7-form .contact-style-4 textarea { height: 174px; } .form-contact-left { text-align: left; } .form-contact-left .wpcf7-form .cf-submit { text-align: left; } .form-contact-cretive { /* ========================================================================== [End] All Style Form ========================================================================== */ } .form-contact-cretive .wpcf7-form .wpcf7-text, .form-contact-cretive .wpcf7-form .wpcf7-textarea { background: transparent; } body.page-template-full-page { counter-reset: section; height: inherit !important; } .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: #66bfd7; color: #fff; } *::-webkit-selection { background: #66bfd7; color: #fff; } *::selection { background: #66bfd7; color: #fff; } 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; } 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; } #zo-content > article > footer.entry-meta { display: none; } .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-dark-inset .wpb_wrapper { background: #060606; } .bg-main-inset .wpb_wrapper { background: #66bfd7; } .wrap-btn-inline { display: inline-block; margin-right: 20px; } @media screen and (max-width: 479px) { .wrap-btn-inline { margin-right: 0px; } .wrap-btn-inline + .wrap-btn-inline { margin-top: 20px; } } .background-gradient { background-color: #66bfd7; background-image: -webkit-gradient(linear, left top, right top, from(#66bfd7), to(#686ab7)); background-image: -webkit-linear-gradient(left, #66bfd7, #686ab7); background-image: -moz-linear-gradient(left, #66bfd7, #686ab7); background-image: -ms-linear-gradient(left, #66bfd7, #686ab7); background-image: -o-linear-gradient(left, #66bfd7, #686ab7); background-image: linear-gradient(left, #66bfd7, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7', gradientType='1'); /* BACKGROUND RADIAL */ } .background-gradient-green { background-color: #75c5db; background-image: -webkit-gradient(linear, left top, right top, from(#75c5db), to(#61e2b0)); background-image: -webkit-linear-gradient(left, #75c5db, #61e2b0); background-image: -moz-linear-gradient(left, #75c5db, #61e2b0); background-image: -ms-linear-gradient(left, #75c5db, #61e2b0); background-image: -o-linear-gradient(left, #75c5db, #61e2b0); background-image: linear-gradient(left, #75c5db, #61e2b0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#75c5db', endColorStr='#61e2b0', gradientType='1'); /* BACKGROUND RADIAL */ } .background-gradient-yellow { background-color: #f89e3c; background-image: -webkit-gradient(linear, left top, right top, from(#f89e3c), to(#f4db2f)); background-image: -webkit-linear-gradient(left, #f89e3c, #f4db2f); background-image: -moz-linear-gradient(left, #f89e3c, #f4db2f); background-image: -ms-linear-gradient(left, #f89e3c, #f4db2f); background-image: -o-linear-gradient(left, #f89e3c, #f4db2f); background-image: linear-gradient(left, #f89e3c, #f4db2f); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f89e3c', endColorStr='#f4db2f', gradientType='1'); /* BACKGROUND RADIAL */ } .background-gradient-orange { background-color: #f46767; background-image: -webkit-gradient(linear, left top, right top, from(#f46767), to(#f89e3c)); background-image: -webkit-linear-gradient(left, #f46767, #f89e3c); background-image: -moz-linear-gradient(left, #f46767, #f89e3c); background-image: -ms-linear-gradient(left, #f46767, #f89e3c); background-image: -o-linear-gradient(left, #f46767, #f89e3c); background-image: linear-gradient(left, #f46767, #f89e3c); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f46767', endColorStr='#f89e3c', gradientType='1'); /* BACKGROUND RADIAL */ } .background-gradient-pink { background-color: #e767b1; background-image: -webkit-gradient(linear, left top, right top, from(#e767b1), to(#b270d1)); background-image: -webkit-linear-gradient(left, #e767b1, #b270d1); background-image: -moz-linear-gradient(left, #e767b1, #b270d1); background-image: -ms-linear-gradient(left, #e767b1, #b270d1); background-image: -o-linear-gradient(left, #e767b1, #b270d1); background-image: linear-gradient(left, #e767b1, #b270d1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#e767b1', endColorStr='#b270d1', gradientType='1'); /* BACKGROUND RADIAL */ } .background-gradient-blue { background-color: #7779be; background-image: -webkit-gradient(linear, left top, right top, from(#7779be), to(#75c5db)); background-image: -webkit-linear-gradient(left, #7779be, #75c5db); background-image: -moz-linear-gradient(left, #7779be, #75c5db); background-image: -ms-linear-gradient(left, #7779be, #75c5db); background-image: -o-linear-gradient(left, #7779be, #75c5db); background-image: linear-gradient(left, #7779be, #75c5db); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7779be', endColorStr='#75c5db', gradientType='1'); /* BACKGROUND RADIAL */ } h1, h2, h3, h4, h5, h6 { -webkit-margin-before: 0; /* ========================================================================== [End] 1. Reset HTML/CSS, Unitest, Body ========================================================================== */ /* ========================================================================== [Start] 2. Page Title ========================================================================== */ } #zo-page-element-wrap { position: relative; } @media screen and (max-width: 767px) { #zo-page-element-wrap .zo-page-title-content { display: inline !important; } #zo-page-element-wrap .zo-page-title-content .zo-page-title-text, #zo-page-element-wrap .zo-page-title-content .zo-page-title-secondary { display: inline !important; width: 100% !important; text-align: left !important; } #zo-page-element-wrap .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 .zo-page-title-content .zo-page-title-text:before { top: -10px; } #zo-page-element-wrap .zo-page-title-content .breadcrumbs { padding-left: 0 !important; } } #zo-page-element-wrap .zo-page-title-secondary { vertical-align: bottom; } .zo-page-title-text { position: relative; } .zo-page-title-text:before { position: absolute; content: ""; top: -25px; left: 0; width: 50px; height: 0; } .zo-page-title-text h1 { padding: 0; margin: 0; text-transform: uppercase; position: relative; } .zo-page-title-text .page-sub-title { text-align: center; text-transform: uppercase; color: #66bfd7; } #breadcrumb-text { z-index: 1; } #breadcrumb-text .breadcrumbs { margin: 0; padding: 0; display: inline; position: relative; } @media screen and (max-width: 1199px) { #breadcrumb-text .breadcrumbs { padding-left: 15px; } } #breadcrumb-text .breadcrumbs:before { bottom: 5px; content: ""; height: 0; left: -60px; position: absolute; width: 45px; } #breadcrumb-text .breadcrumbs li { padding: 0 15px; display: inline-block; position: relative; } #breadcrumb-text .breadcrumbs li:after { content: "\f178"; font-family: FontAwesome; font-size: 10px; float: right; position: absolute; right: -5px; top: 2px; } #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: #66bfd7; } #breadcrumb-text .breadcrumbs li .zo-breadcrumb-categrory-space { padding-right: 5px; } .zo-page-title-style-01 .breadcrumbs li a { color: #fff; } .zo-page-title-style-01 .breadcrumbs li a:hover { color: #66bfd7; } .zo-page-title-style-02 { border-top: 1px solid #ddd; } .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: #66bfd7; } .list-style-check li { color: #9c9c9c; line-height: 31px; position: relative; padding-left: 36px; } .list-style-check li:before { content: "\f00c"; font-family: FontAwesome; color: #fff; font-size: 18px; position: absolute; top: 1px; left: 4px; z-index: 1; } .list-style-check li:after { content: ""; width: 24px; height: 24px; display: inline-block; background-color: #db5896; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; /* BACKGROUND GRADIENT */ border: 2px solid #ba2b6f; position: absolute; top: 4px; left: 0; } .list-style-check.green { /* ----> End List Style */ /* ----> VC Row Overlay Color */ } .list-style-check.green li:after { background-color: #81b748; border-color: #5a951b; } .entry-content .wpb_row { /* ----> End VC Row Overlay Color */ /* ----> VC Row Backgrund Color Custom */ } .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 { /* [Start] Eror Page ==============================================================*/ } .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; } .error404 { /* [End] Eror Page ==============================================================*/ } .error404 #main { padding: 0 !important; } .error404 #main #primary { background-color: #66bfd7; padding: 160px 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; } .zo-masonry-wrapper { /* ========================================================================== [End] Zo Masonry ========================================================================== */ /* ========================================================================== [Start] Images Carousel ========================================================================== */ /* ========================================================================== [Start] 11. Images Carousel ========================================================================== */ } .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; } .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: #66bfd7; } .wpb_images_carousel .slick-dots li.slick-active button::before { color: #66bfd7; } .wpb_images_carousel .vc_slide .vc_carousel-control { border: 0px; display: block; background: #fff; background: rgba(255, 255, 255, 0.5); /* Y */ /* BACKGROUND 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 ========================================================================== */ /* ========================================================================== [Start] Zo Carousel ========================================================================== */ .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_carousel { /* ========================================================================== [End] Zo Carousel ========================================================================== */ } .template-zo_carousel .zo-carousel-media img { margin: 0 auto; } .template-zo_carousel .zo-carousel-title { margin-top: 15px; } .template-zo_carousel .zo-carousel-title a { color: inherit; } .template-zo_carousel .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel .zo-carousel-content { margin-bottom: 10px; } .template-zo_carousel .zo-carousel-categories a { font-style: italic; } .template-zo_carousel .owl-nav .owl-prev { padding: 5px 10px !important; } .template-zo_carousel .owl-nav .owl-prev:hover { background: #66bfd7 !important; } .template-zo_carousel .owl-nav .owl-next { padding: 5px 10px !important; } .template-zo_carousel .owl-nav .owl-next:hover { background: #66bfd7 !important; } .template-zo_carousel .owl-dots .owl-dot span:hover { background: #66bfd7 !important; } .template-zo_counter { /* GRID CATEGRORY - POSTS */ } .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 #66bfd7; border-top: 1px solid #66bfd7; } .template-zo_counter .zo-counter-inner:hover:after { width: 40%; height: 40%; border-right: 1px solid #66bfd7; border-bottom: 1px solid #66bfd7; } .template-zo_counter .zo-counter-icon { text-align: center; } .template-zo_counter .zo-counter-icon i { color: #66bfd7; 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: #66bfd7; } .template-zo_grid--cat_posts .zo-grid-cat { padding: 25px 25px 25px 130px; position: relative; } .template-zo_grid--cat_posts .zo-grid-cat:before { color: #e5e5e5; content: "05"; display: inline-block; font-family: "Montserrat", sans-serif; font-size: 120px; line-height: 120px; left: 0; margin: 10px 0 0; position: absolute; top: 35px; transform: rotate(-90deg); } @media screen and (max-width: 1280px) { .template-zo_grid--cat_posts .zo-grid-cat { padding: 10px 10px 10px 50px; } .template-zo_grid--cat_posts .zo-grid-cat:before { font-size: 60px; line-height: 60px; left: -14px; top: 20px; } .template-zo_grid--cat_posts .zo-grid-cat h2 { font-size: 30px !important; margin-bottom: 0 !important; } } @media (min-width: 767px) and (max-width: 980px) { .template-zo_grid--cat_posts .zo-grid-cat { padding: 20px 20px 20px 100px; } .template-zo_grid--cat_posts .zo-grid-cat:before { font-size: 80px; line-height: 80px; left: 0; top: 30px; } .template-zo_grid--cat_posts .zo-grid-cat h2 { font-size: 30px !important; margin-bottom: 0 !important; } .template-zo_grid--cat_posts .zo-grid-cat h3 { margin-bottom: 0 !important; } } .template-zo_grid--cat_posts .zo-grid-cat h2 { font-size: 50px; margin-bottom: 25px; } .template-zo_grid--cat_posts .zo-grid-cat h2:after { content: "."; color: #66bfd7; } .template-zo_grid--cat_posts .zo-grid-cat h3 a { color: #414141; font-size: 15px; text-transform: uppercase; } .template-zo_grid--cat_posts .zo-grid-cat h3 a:hover { color: #66bfd7; } .template-zo_grid--cat_posts .zo-grid-item-custom { position: relative; padding: 0 !important; -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--cat_posts .zo-grid-item-custom:hover:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); } .template-zo_grid--cat_posts .zo-grid-item-custom:before { background: rgba(0, 0, 0, 0); width: 0; height: 0; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content { position: absolute; left: 0; bottom: 0; padding: 15px; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-title { letter-spacing: 0; text-transform: uppercase; margin-bottom: 0; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-title a { color: #fff; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-date { font-weight: 300; font-size: 17px; line-height: 30px; color: #f2f2f2; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-category a { color: #fff; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-category a:hover { color: #66bfd7; } .template-zo_grid--cat_posts .zo-grid-item-custom .zo-grid-content .zo-grid-category span { margin-right: 5px; color: #f6f6f6; } .template-zo_grid--team-list .zo-team-inner { border: 2px solid #f2f2f2; padding: 20px 10px; margin-bottom: 25px; } .template-zo_grid--team-list .zo-team-inner .zo-team-image img { -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_grid--team-list .zo-team-inner .zo-team-image img:hover { opacity: 0.8; } .template-zo_grid--team-list .zo-team-inner .zo-team-content .zo-team-title { margin-bottom: 5px; } .template-zo_grid--team-list .zo-team-inner .zo-team-content .zo-team-position { margin-bottom: 20px; } .template-zo_grid--team-list .zo-team-inner .zo-team-content .zo-team-socials { margin-top: 20px; padding-left: 0; } .template-zo_grid--team-list .zo-team-inner .zo-team-content .zo-team-socials li { list-style-type: none; display: inline-block; margin-right: 10px; } .template-zo_grid--team-list .zo-team-inner .zo-team-content .zo-team-socials li a i { color: #66bfd7; background: #f2f2f2; font-size: 15px; height: 40px; line-height: 22px; padding-top: 10px; text-align: center; width: 40px; -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 */ z-index: 1; } .template-zo_grid--team-list .zo-team-inner .zo-team-content .zo-team-socials li a:hover i { color: #f2f2f2; background: #66bfd7; height: 46px; padding-top: 13px; } .template-zo_grid { /*Portfolio Grid*/ /*======= Zo Masonry Loadmore=========*/ } .template-zo_grid .zo-grid-item { margin-bottom: 50px; } .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 #66bfd7; } .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 #66bfd7; } .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: #66bfd7; opacity: 0; font-size: 1px; position: relative; } .template-zo_grid .zo-grid-item .zo-grid-title { margin-top: 20px; font-weight: 500; text-transform: uppercase; } .template-zo_grid .zo-grid-item .zo-grid-title a { color: #313131; } .template-zo_grid .zo-grid-item .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid .zo-grid-item .zo-grid-readmore { margin-top: 30px; } .template-zo_grid .zo-grid-item .zo-grid-readmore a { font-weight: 400; } .template-zo_masonry { margin-bottom: 100px; } .template-zo_masonry .zo-filter-wrapper, .template-zo_masonry .zo-masonry-filter { background: #f2f2f2; display: block; margin-bottom: 30px; padding: 10px; } .template-zo_masonry .zo-filter-wrapper .zo-grid-filter, .template-zo_masonry .zo-masonry-filter .zo-grid-filter { margin-bottom: 0px; } .template-zo_masonry .zo-filter-wrapper .zo-grid-filter span, .template-zo_masonry .zo-masonry-filter .zo-grid-filter span { margin-right: 20px; font-size: 17px; line-height: 50px; color: #333; letter-spacing: 0; } .template-zo_masonry .zo-filter-wrapper .zo-grid-filter select, .template-zo_masonry .zo-masonry-filter .zo-grid-filter select { width: 80%; float: right; } @media screen and (max-width: 799px) { .template-zo_masonry .zo-filter-wrapper .zo-grid-filter select, .template-zo_masonry .zo-masonry-filter .zo-grid-filter select { float: none; width: 100%; } } .template-zo_masonry { /*======= End Masonry Loadmore========*/ /*===== End Zo Grid Loadmore =======*/ } .template-zo_masonry .zo-masonry-item .zo-masonry-inner:before { opacity: 0; position: absolute; content: ""; background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; top: 60px; left: 60px; bottom: 60px; right: 60px; -webkit-transition: all 0.3s ease-in-out 0s; -khtml-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover { opacity: 0; position: absolute; top: calc(50% - 42px); text-align: center; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover .zo-portfolio-title { margin-bottom: 0px; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner .portfolio-content-hover .zo-portfolio-title a { font-size: 20px; line-height: 22px; letter-spacing: 0; text-transform: uppercase; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner:hover:before { opacity: 1; top: 20px; left: 20px; right: 20px; bottom: 20px; } .template-zo_masonry .zo-masonry-item .zo-masonry-inner:hover .portfolio-content-hover { width: 100%; left: 0; opacity: 1; -webkit-transition: all 0.7s ease-in-out 0s; -khtml-transition: all 0.7s ease-in-out 0s; -moz-transition: all 0.7s ease-in-out 0s; -ms-transition: all 0.7s ease-in-out 0s; -o-transition: all 0.7s ease-in-out 0s; transition: all 0.7s ease-in-out 0s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--products { /*Product Carousel*/ } @media screen and (min-width: 1400px) { .template-zo_grid--products { padding: 0 60px; } } .template-zo_grid--products .zo-grid-filter .zo-filter-category { margin-bottom: 45px; } .template-zo_grid--products .woocommerce-loop-product__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 80%; } body.zo-boxed .template-zo_carousel--products { overflow: hidden; } .template-zo_carousel--products { /*ZO BUTTON*/ } .template-zo_carousel--products .zo-carousel-media { position: relative; } .template-zo_carousel--products .zo-carousel-media:hover .zo-product-overlay { width: 101%; height: 100%; left: 0; } .template-zo_carousel--products .zo-carousel-media:hover .zo-product-overlay .product-zoom { opacity: 1; left: calc(50% - 85px); visibility: visible; } .template-zo_carousel--products .zo-carousel-media:hover .zo-product-overlay .product-view { opacity: 1; right: calc(50% - 85px); visibility: visible; } .template-zo_carousel--products .zo-carousel-media:hover .zo-product-overlay .zo-add-to-cart { opacity: 1; visibility: visible; top: 50%; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_carousel--products .zo-carousel-media:hover:before { opacity: 0.9; top: 0; width: 100%; left: 0; height: 100%; z-index: 9; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay { z-index: 10; width: 0; height: 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 */ } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-product-image { position: relative; max-width: 100%; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom:hover:before { content: url(../images/woo/car-poup-hover.png); } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom:before { content: url(../images/woo/car-poup.png); } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view:before { content: url(../images/woo/links-car.png); } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view:hover:before { content: url(../images/woo/links-hover-icon.png); } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view { position: absolute; top: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease-in-out; -khtml-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ background: #f2f2f2; z-index: 10; padding: 5px; width: 50px; height: 50px; text-align: center; -webkit-transform: translate(0, -50%); -khtml-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom:before, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view:before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom span, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view span { font-size: 0; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom:hover, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view:hover { position: absolute; height: 64px; -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 */ color: #fff; background: #66bfd7; display: block; line-height: 64px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom:hover:before, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view:hover:before { top: 5px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-zoom { left: -10px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .product-view { right: -10px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart { position: absolute; opacity: 0; top: 0; left: calc(50% - 25px); visibility: hidden; z-index: 10; -webkit-transition: all 500ms ease-in-out; -khtml-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart:hover a.add_to_cart_button { background: #66bfd7; height: 60px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart:hover a.add_to_cart_button:before { content: url(../images/woo/add-cart-hover.png); } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button { width: 50px; height: 50px; font-size: 0; border: none; background-color: #f2f2f2; padding: 5px !important; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button span { text-indent: -9999999; font-size: 0; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button:before { content: url(../images/woo/add-cart.png); vertical-align: middle; top: 0px; left: 0px; position: absolute; width: 100%; height: 100%; line-height: 70px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart { letter-spacing: 0; font-size: 14px; text-align: center; display: table; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button span:after, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart span:after { content: '+'; padding-left: 10px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button.added, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart.added { display: none; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button.loading:after, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart.loading:after { content: "\f110"; display: inline-block; font-family: FontAwesome; margin-left: 10px; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .add_to_cart_button:hover, .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart:hover { color: #fff; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart { display: block; color: #66bfd7; } .template-zo_carousel--products .zo-carousel-media .zo-product-overlay .zo-add-to-cart .added_to_cart:before { display: block; content: "\f07a"; font-family: FontAwesome; margin-right: 10px; } .template-zo_carousel--products .zo-carousel-media:before { position: absolute; opacity: 0; content: ""; background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; top: 50%; left: 50%; width: 0; height: 0; -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 */ } .template-zo_carousel--products .owl-nav { position: absolute; width: 100%; margin: 0px !important; height: 0px; -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 */ top: calc(50% - 35px); z-index: 10; } .template-zo_carousel--products .owl-nav .owl-prev, .template-zo_carousel--products .owl-nav .owl-next { padding: 5px 15px !important; -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 */ background: #f5f5f5 !important; border: 1px solid #f5f5f5; border-radius: 0px !important; color: #333 !important; line-height: 27px; font-size: 20px !important; } .template-zo_carousel--products .owl-nav .owl-prev i, .template-zo_carousel--products .owl-nav .owl-next i { -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 */ } .template-zo_carousel--products .owl-nav .owl-prev:hover, .template-zo_carousel--products .owl-nav .owl-next:hover { background: #fff !important; border: 1px solid #66bfd7 !important; color: #66bfd7 !important; } .template-zo_carousel--products .owl-nav .owl-prev { float: left; left: -60px; position: relative; } @media screen and (max-width: 1199px) { .template-zo_carousel--products .owl-nav .owl-prev { left: 10px !important; } } .template-zo_carousel--products .owl-nav .owl-prev i:before { content: "\f104"; } .template-zo_carousel--products .owl-nav .owl-next { position: relative; float: right; right: -60px; } @media screen and (max-width: 1199px) { .template-zo_carousel--products .owl-nav .owl-next { right: 10px !important; } } .template-zo_carousel--products .owl-nav .owl-next i:before { content: "\f105"; } .template-zo_button { position: relative; /*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; top: calc(50% - 50px); left: calc(50% - 50px); -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 */ background: #66bfd7; background: rgba(102, 191, 215, 0.3); /* Y */ /* BACKGROUND COLOR OPACITY */ } .zo-video-custom a.play-button span i { font-size: 35px; color: #fff; width: 80px; height: 80px; background: #66bfd7; -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: #66bfd7; background: rgba(102, 191, 215, 0.3); /* Y */ /* BACKGROUND COLOR OPACITY */ } .zo-video-custom a.play-button span:hover i { background: #66bfd7; 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; } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container { min-width: 230px; } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list { text-align: right; border-right: 1px solid #ebebeb; } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { position: relative; } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 100%; background: #66bfd7; -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 */ } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a { border: 0; border-radius: 0; background: transparent; border-bottom: 1px solid #ebebeb; color: #2b2e2f; font-weight: 500; font-weight: 14px; } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:before { width: 4px; } .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels { border-color: transparent; background: transparent; border-width: 0; border-radius: 0; } @media screen and (min-width: 768px) { .podes-tour-style.vc_tta.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel-body { padding-left: 70px; } } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container { margin: 0; border-bottom: 1px solid #ebebeb; } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { position: relative; } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a { border: 0; color: #2b2e2f; font-size: 16px; font-weight: 500; background: transparent; } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:after { content: ""; background: #66bfd7; height: 2px; width: 100%; position: absolute; bottom: -1px; left: 0; -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: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:after { -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 */ } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels { border: 0; border-radius: 0; background: transparent; } .podes-tabs-style.vc_tta.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 0; border-radius: 0; background: transparent; padding-left: 0; padding-right: 0; padding-top: 40px; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-tabs-container { margin: 0; border: 1px solid #ebebeb; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab { position: relative; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab > a { border: 0; color: #2b2e2f; font-size: 16px; font-weight: 500; background: transparent; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab:after { content: ""; background: #66bfd7; height: 3px; width: 100%; position: absolute; top: -1px; left: 0; -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: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab.vc_active:after { -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 */ } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-tabs-container .vc_tta-tabs-list .vc_tta-tab + .vc_tta-tab { border-left: 1px solid #ebebeb; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-panels-container { border-width: 0 1px 1px; border-color: #ebebeb; border-style: solid; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels { border: 0; border-radius: 0; background: transparent; } .podes-tabs-style-2.vc_tta.vc_tta-tabs .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 0; border-radius: 0; background: transparent; padding: 30px 35px; } .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { padding-left: 30px; padding-right: 30px; margin-bottom: 20px; border: 1px solid #ebebeb; } .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border-radius: 0; border: 0; background: transparent; border-bottom: 1px solid #ebebeb; } .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title { color: #2b2e2f; font-size: 16px; font-weight: 500; } .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon { color: #66bfd7; } .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after, .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before { border-color: #66bfd7; } .podes-accordion-style.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 0; border-radius: 0; background: transparent; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { border: 1px solid #ebebeb; margin-bottom: 20px; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border-radius: 0; border: 0; background: transparent; border-bottom: 1px solid #ebebeb; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { color: #2b2e2f; font-size: 16px; font-weight: 500; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon { color: #66bfd7; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after, .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before { border-color: #66bfd7; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 0; border-radius: 0; background: transparent; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading { background: #66bfd7; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-panel-title > a { color: #fff; } .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon:after, .podes-accordion-style-2.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon:before { border-color: #fff; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { border: 1px solid #ebebeb; margin-bottom: 20px; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border-radius: 0; border: 0; background: transparent; border-bottom: 1px solid #ebebeb; position: relative; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { color: #2b2e2f; font-size: 16px; font-weight: 500; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon { color: #66bfd7; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after, .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before { border-color: #66bfd7; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:before { content: ""; background: #66bfd7; width: 0; height: 100%; position: absolute; left: -1px; top: 0; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 0; border-radius: 0; background: transparent; } .podes-accordion-style-3.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading:before { width: 4px; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel { border: 1px solid #2f2c34; margin-bottom: 20px; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading { border-radius: 0; border: 0; background: transparent; border-bottom: 1px solid #2f2c34; position: relative; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title > a { color: #fff; font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 500; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon { color: #66bfd7; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:after, .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading .vc_tta-panel-title .vc_tta-controls-icon:before { border-color: #66bfd7; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-heading:before { content: ""; background: #66bfd7; width: 0; height: 100%; position: absolute; left: -1px; top: 0; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body { border: 0; color: #a8b0b2; border-radius: 0; background: transparent; } .podes-accordion-style-4.vc_tta.vc_tta-accordion .vc_tta-panels-container .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading:before { width: 4px; } .zo-post-video { position: relative; } .zo-post-video .slick-slider { margin-bottom: 0; } .zo-post-video .video-slider-for .wrap { position: relative; outline: none; } .zo-post-video .video-slider-for .wrap:after { content: ""; background: rgba(0, 0, 0, 0.8); height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .zo-post-video .video-slider-for .wrap img { max-height: 100%; } .zo-post-video .video-slider-for .content { position: absolute; top: 25%; text-align: center; z-index: 2; width: 100%; } .zo-post-video .video-slider-for .title { font-size: 60px; line-height: 60px; font-weight: 600; color: #fff; margin-bottom: 30px; } .zo-post-video .video-slider-for .post-content { color: #fff; font-size: 36px; line-height: 36px; margin-bottom: 55px; } .zo-post-video .video-slider-for .post-content p { margin-bottom: 0; } @media screen and (max-width: 1449px) { .zo-post-video .video-slider-for .title { font-size: 36px; line-height: 36px; margin-bottom: 20px; } .zo-post-video .video-slider-for .post-content { font-size: 18px; line-height: 18px; margin-bottom: 20px; } } @media screen and (max-width: 359px) { .zo-post-video .video-slider-for .title { font-size: 24px; line-height: 24px; margin-bottom: 15px; } .zo-post-video .video-slider-for .post-content { font-size: 16px; line-height: 16px; margin-bottom: 20px; } } .zo-post-video .slider-nav-wrap { position: absolute; left: 0; bottom: 135px; z-index: 2; width: 100%; padding: 0 60px; } @media screen and (max-width: 1449px) { .zo-post-video .slider-nav-wrap { bottom: 85px; } } @media screen and (max-width: 991px) { .zo-post-video .slider-nav-wrap { padding: 0; } } .zo-post-video .video-slider-nav .wrap { padding-left: 15px; padding-right: 15px; position: relative; cursor: pointer; outline: none; overflow: hidden; } .zo-post-video .video-slider-nav .wrap .content { position: absolute; bottom: -50px; left: 45px; z-index: 2; -webkit-transition: bottom 300ms ease; -khtml-transition: bottom 300ms ease; -moz-transition: bottom 300ms ease; -ms-transition: bottom 300ms ease; -o-transition: bottom 300ms ease; transition: bottom 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .zo-post-video .video-slider-nav .wrap .title { font-size: 18px; line-height: 24px; font-weight: 600; color: #fff; } .zo-post-video .video-slider-nav .wrap .post-content { font-size: 14px; font-weight: 300; line-height: 24px; color: #fff; } .zo-post-video .video-slider-nav .wrap .post-content p { margin-bottom: 0; } .zo-post-video .video-slider-nav .wrap:after { content: ""; background: rgba(0, 0, 0, 0.8); height: 100%; width: calc(100% - 30px); position: absolute; top: 0; left: 15px; opacity: 0; -webkit-transition: opacity 300ms ease; -khtml-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } @media screen and (max-width: 767px) { .zo-post-video .video-slider-nav .wrap { padding-left: 5px; padding-right: 5px; } .zo-post-video .video-slider-nav .wrap .content { left: 10px; } .zo-post-video .video-slider-nav .wrap .title { font-size: 16px; line-height: 24px; } .zo-post-video .video-slider-nav .wrap:after { left: 5px; width: calc(100% - 10px); } } .zo-post-video .video-slider-nav .wrap.slick-current .content, .zo-post-video .video-slider-nav .wrap:hover .content { bottom: 20px; } .zo-post-video .video-slider-nav .wrap.slick-current:after, .zo-post-video .video-slider-nav .wrap:hover:after { opacity: 1; } @media screen and (max-width: 767px) { .zo-post-video .video-slider-nav .wrap.slick-current .content, .zo-post-video .video-slider-nav .wrap:hover .content { bottom: 0px; } } @media screen and (min-width: 992px) { .zo-post-video .slider-nav-wrap.vertical { position: fixed; height: 100%; width: 380px; left: 0; bottom: 0; top: 0; background: #000; padding-top: 95px; padding-bottom: 95px; z-index: 999; } .zo-post-video .slider-nav-wrap.vertical .wrap .content { left: 25px; } .zo-post-video .slider-nav-wrap.vertical .video-slider-nav { overflow: auto; height: 100%; padding-right: 20px; } .zo-post-video .slider-nav-wrap.vertical .video-slider-nav .wrap { padding: 0; } .zo-post-video .slider-nav-wrap.vertical .video-slider-nav .wrap:after { width: 100%; left: 0; } .zo-post-video .slider-nav-wrap.vertical .video-slider-nav .wrap + .wrap { margin-top: 20px; } .zo-post-video .slider-nav-wrap.vertical .slick-arrow { z-index: 1; position: initial; display: inline-block !important; width: 100%; text-align: center; } .zo-post-video .slider-nav-wrap.vertical .slick-prev { margin-bottom: 25px; } .zo-post-video .slider-nav-wrap.vertical .slick-prev:before { content: "\f077"; } .zo-post-video .slider-nav-wrap.vertical .slick-next:before { content: "\f078"; } .zo-post-video .slider-nav-wrap.vertical ::-webkit-scrollbar { width: 10px; margin-left: 20px; } .zo-post-video .slider-nav-wrap.vertical ::-webkit-scrollbar-track-piece { background: #322d2e; } .zo-post-video .slider-nav-wrap.vertical ::-webkit-scrollbar-thumb { background: #66bfd7; } .post-video-vertical { margin-left: 380px; } .post-video-vertical .zo-post-video { height: 100%; } .post-video-vertical .zo-post-video .slider-nav-wrap .video-slider-nav { position: relative; } .post-video-vertical.admin-bar .slider-nav-wrap.vertical { top: 32px; } } @media (min-width: 992px) and (max-width: 1299px) { .post-video-vertical { margin-left: 280px; } .zo-post-video .slider-nav-wrap.vertical { padding: 70px 40px; width: 280px; } .zo-post-video .slider-nav-wrap.vertical .wrap .content { left: 15px; } .zo-post-video .slider-nav-wrap.vertical .wrap.slick-current .content, .zo-post-video .slider-nav-wrap.vertical .wrap:hover .content { bottom: 10px; } } @media (min-width: 992px) and (max-width: 1199px) { .zo-post-video .slider-nav-wrap.vertical .arrow-mobi { background: #000; color: #fff; width: 36px; height: 36px; right: -18px; font-size: 20px; line-height: 36px; text-align: center; position: absolute; top: 50%; cursor: pointer; display: inline-block; -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 */ -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 */ } .zo-post-video .slider-nav-wrap.vertical .arrow-mobi:before { content: "\f054"; font-family: FontAwesome; } } .video-home-bottom { position: absolute; bottom: 45px; left: 0; padding-left: 60px; padding-right: 60px; width: 100%; margin: 0 !important; } @media screen and (max-width: 1449px) { .video-home-bottom { bottom: 20px; } } @media screen and (max-width: 767px) { .video-home-bottom { text-align: center; padding: 0; bottom: 10px; font-size: 10px; line-height: 12px; } .video-home-bottom .vc_column-inner { padding: 0 !important; } } @media screen and (max-width: 767px) { .video-bottom-social { text-align: center; } } .video-bottom-social ul { margin: 0; padding: 0; } .video-bottom-social ul li { list-style: none; line-height: 36px; display: inline; } .video-bottom-social ul li + li { margin-left: 20px; } .video-bottom-social ul li a { color: #fff; border-bottom: 2px solid transparent; } .video-bottom-social ul li a:hover { -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); border-image-slice: 1; } .heading-extra-size .zo-heading-main { font-size: 60px; line-height: 60px; letter-spacing: 0.15em; } @media (min-width: 768px) and (max-width: 991px) { .heading-extra-size .zo-heading-main { font-size: 45px; line-height: 50px; } } @media screen and (max-width: 767px) { .heading-extra-size .zo-heading-main { font-size: 35px; line-height: 40px; } } .template-zo_heading .zo-heading-main { margin: 0 0 15px; } .template-zo_heading .zo-heading-sub { margin-bottom: 10px; } .template-zo_heading.zo-absolute .zo-heading-main { position: relative; height: 10px; } .template-zo_heading.zo-absolute .zo-heading-main span { background: #fff none repeat scroll 0 0; display: inline-block; left: 50%; padding: 0 65px; position: absolute; text-align: center; top: 0; z-index: 2; font-size: 30px; font-weight: 400; letter-spacing: 0.2em; -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 */ } @media screen and (max-width: 991px) { .template-zo_heading.zo-absolute .zo-heading-main span { padding: 0 30px; } } @media screen and (max-width: 990px) { .template-zo_heading.zo-absolute .zo-heading-main span { letter-spacing: 0.05em; } } @media screen and (max-width: 766px) { .template-zo_heading.zo-absolute .zo-heading-main span { padding: 0 10px; letter-spacing: 0; width: 80%; font-size: 25px; } } .template-zo_heading.podes-line-bottom .zo-heading-main { position: relative; } .template-zo_heading.podes-line-bottom .zo-heading-main:after { position: absolute; bottom: -20px; left: 0; width: 85px; height: 3px; content: ""; background: #66bfd7; } .template-zo_heading.podes-line-bottom-dark .zo-heading-main { font-weight: 500; position: relative; margin: 0 0 80px; } .template-zo_heading.podes-line-bottom-dark .zo-heading-main:after { position: absolute; bottom: -30px; left: 0; width: 80px; height: 6px; content: ""; background: #e9eaea; } @media screen and (min-width: 768px) { .template-zo_heading.position-absolute { position: relative; } .template-zo_heading.position-absolute .zo-heading-main { position: absolute; top: -10px; left: 7px; } } @media screen and (max-width: 766px) { .template-zo_heading.position-absolute .zo-heading-main { margin-bottom: 40px; } } .template-zo_heading.custom-space .zo-heading-main { font-weight: 300; letter-spacing: 4px; } .template-zo_heading.custom-space .zo-heading-sub { letter-spacing: 5px; } .template-zo_heading--line-through .zo-heading-main { margin-bottom: 10px; letter-spacing: 0.2em; } .template-zo_heading--line-through .zo-heading-main .zo-heading { display: inline-block; position: relative; } .template-zo_heading--line-through .zo-heading-main .zo-heading:after { position: absolute; content: ""; width: 120%; height: 3px; top: calc(50% - 2px); left: -10%; z-index: 1; background: #66bfd7; } .template-zo_heading--line-through .zo-heading-main .zo-heading span { position: relative; z-index: 2; } .template-zo_heading--line-through .zo-heading-sub { margin-bottom: 10px; } .template-zo_heading--leadline .zo-heading-main { margin-bottom: 10px; } @media screen and (max-width: 767px) { .template-zo_heading--leadline .zo-heading-main { text-align: left !important; } } .template-zo_heading--leadline .zo-heading-sub { margin-bottom: 10px; } @media screen and (max-width: 767px) { .template-zo_heading--leadline .zo-heading-sub { text-align: left !important; } } .template-zo_heading--leadline .zo-heading-sub span { position: relative; } .template-zo_heading--leadline .zo-heading-sub span:before { position: absolute; content: ""; width: 97%; height: 4px; bottom: -25px; left: 0; background: #66bfd7; } .template-zo_heading--leadline .zo-heading-main, .template-zo_heading--leadline .zo-heading-sub { font-weight: 400; letter-spacing: 0.2em; line-height: 36px; } .template-zo_heading--stretch .zo-heading-sub { font-weight: 600; margin-bottom: 10px; font-size: 16px; } .template-zo_heading--front-line .zo-heading-main { position: relative; padding-left: 100px; } @media screen and (max-width: 479px) { .template-zo_heading--front-line .zo-heading-main { padding-left: 0; } .template-zo_heading--front-line .zo-heading-main:before { top: -10px !important; } } .template-zo_heading--front-line .zo-heading-main:before { position: absolute; content: ""; width: 85px; height: 2px; top: 50%; left: 0; background: rgba(43, 46, 47, 0.5); } .template-zo_heading--front-line .zo-heading-sub { font-weight: 600; margin-bottom: 10px; font-size: 16px; } .template-zo_heading--border .zo-heading-main { display: inline-block; width: auto; padding: 8px 25px 5px; border: 1px solid rgba(43, 46, 47, 0.5); margin-bottom: 25px; } .template-zo_heading--border .zo-heading-sub { font-weight: 600; margin-bottom: 10px; font-size: 16px; } .template-zo_heading--fill .zo-heading-main { padding: 10px 25px; margin-bottom: 25px; } .template-zo_heading--fill .zo-heading-sub { font-weight: 600; margin-bottom: 10px; font-size: 16px; } .template-zo_heading--process { position: relative; padding-top: 15px; /* Podes Law Firm */ } .template-zo_heading--process .zo-heading-main { margin-bottom: 10px; font-weight: 500; margin-top: -50px; z-index: 1; position: relative; } .template-zo_heading--process .zo-heading-sub { margin-bottom: 10px; } .template-zo_heading--process .zo-heading-title-number { font-size: 100px; line-height: 1; opacity: 0.8; font-weight: 400; color: #e9eaea; display: inline-block; } .heading-process-style1 { background-color: #25211c; } .heading-process-style2 { background-color: #1f1b16; } .heading-process-style1, .heading-process-style2 { padding: 90px 60px 55px; } @media screen and (max-width: 1499px) { .heading-process-style1, .heading-process-style2 { padding: 70px 35px 35px; } } @media screen and (max-width: 991px) { .heading-process-style1, .heading-process-style2 { padding: 50px 25px 20px; } } .heading-process-style1.template-zo_heading--process, .heading-process-style2.template-zo_heading--process { position: relative; } .heading-process-style1.template-zo_heading--process::after, .heading-process-style2.template-zo_heading--process::after { content: ''; height: 8px; width: 0px; background: #d0a77b; position: absolute; left: 0; bottom: 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 */ } .heading-process-style1.template-zo_heading--process:hover::after, .heading-process-style2.template-zo_heading--process:hover::after { width: 100%; } .heading-process-style1.template-zo_heading--process .zo-heading-title-number, .heading-process-style2.template-zo_heading--process .zo-heading-title-number { font-family: 'Oswald', sans-serif; font-size: 80px; line-height: 24px; letter-spacing: 0.05em; color: #d0a77b; opacity: 0.1; } .heading-process-style1.template-zo_heading--process .zo-heading-main, .heading-process-style2.template-zo_heading--process .zo-heading-main { color: #fff; font-size: 22px; margin-top: -33px; } .heading-process-style1.template-zo_heading--process .zo-heading-sub, .heading-process-style2.template-zo_heading--process .zo-heading-sub { color: #a8b0b2; } .heading-process-style1.template-zo_heading--process .zo-heading-button a, .heading-process-style2.template-zo_heading--process .zo-heading-button a { font-size: 13px; line-height: 48px; letter-spacing: 0.2em; color: #d0a77b; font-weight: bold; position: relative; } .heading-process-style1.template-zo_heading--process .zo-heading-button a::after, .heading-process-style2.template-zo_heading--process .zo-heading-button a::after { content: '\f101'; font-family: FontAwesome; position: absolute; top: 50%; right: -20px; -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 */ } .heading-process-style1.template-zo_heading--process .zo-heading-button a:hover, .heading-process-style2.template-zo_heading--process .zo-heading-button a:hover { color: #fff; } .template-zo_fancybox_single { margin-bottom: 15px; } .template-zo_fancybox_single .zo-fancybox-title { -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 */ } .template-zo_fancybox_single .zo-fancybox-icon { color: #66bfd7; margin-bottom: 30px; } .template-zo_fancybox_single .zo-fancybox-body .zo-fancybox-title { margin-bottom: 10px; } .template-zo_fancybox_single.podes-basic-agency .zo-fancybox-title { margin-bottom: 20px; font-weight: 400; } .template-zo_fancybox_single.podes-basic-agency .zo-fancybox-link { margin-top: 20px; } .template-zo_fancybox_single.podes-basic-agency .zo-fancybox-link a { text-decoration: underline; color: #a8b0b2; } .template-zo_fancybox_single.podes-basic-agency .zo-fancybox-link a:hover { color: #66bfd7; } .template-zo_fancybox_single.icon-gradient .zo-fancybox-icon i { background-color: #686ab7; background-image: -webkit-gradient(top right, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to top right, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); /* BACKGROUND GRADIENT */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .template-zo_fancybox_single.icon-gradient .zo-fancybox-body .zo-fancybox-title { font-weight: 600; margin-bottom: 15px; letter-spacing: 0.1em; } .template-zo_fancybox_single.icon-gradient .zo-fancybox-body .zo-fancybox-content { line-height: 26px; } .template-zo_fancybox_single.icon-gradient.icon-gradient-2 .zo-fancybox-body .zo-fancybox-title { font-weight: 500; } .template-zo_fancybox_single--right { margin-bottom: 15px; -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_fancybox_single--right .zo-fancybox-icon { width: 90px; height: 90px; float: right; text-align: center !important; margin-left: 15px; margin-top: 5px; line-height: 85px; border: 2px solid #f1f1f1; border-radius: 50%; 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_fancybox_single--right .zo-fancybox-icon i { color: #66bfd7; -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 */ } .template-zo_fancybox_single--right .zo-fancybox-icon:hover { cursor: pointer; } .template-zo_fancybox_single--right .zo-fancybox-body { width: calc(100% - 106px); float: left; } .template-zo_fancybox_single--right .zo-fancybox-title { -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_fancybox_single--right:hover .zo-fancybox-title { color: #66bfd7; } .template-zo_fancybox_single--right:hover .zo-fancybox-icon { background-color: #66bfd7; background-image: -webkit-gradient(top right, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to top right, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); /* BACKGROUND GRADIENT */ } .template-zo_fancybox_single--right:hover .zo-fancybox-icon i { color: #fff; } .template-zo_fancybox_single--left { margin-bottom: 15px; } .template-zo_fancybox_single--left.less-line-bottom .zo-fancybox-body { position: relative; margin-bottom: 20px; } .template-zo_fancybox_single--left.less-line-bottom .zo-fancybox-body:before { position: absolute; bottom: -12px; left: 0; width: 50%; height: 0; border-bottom: 1px solid #e5e5e5; content: ""; } .template-zo_fancybox_single--left .zo-fancybox-icon { width: 54px; height: 54px; float: left; margin-right: 14px; margin-top: 5px; -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_fancybox_single--left .zo-fancybox-icon i { color: #66bfd7; -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 */ } .template-zo_fancybox_single--left .zo-fancybox-icon:hover { cursor: pointer; } .template-zo_fancybox_single--left .zo-fancybox-body { width: calc(100% - 70px); float: right; } .template-zo_fancybox_single--left .zo-fancybox-title { -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_fancybox_single--left:hover .zo-fancybox-icon i { color: #66bfd7; } .template-zo_fancybox_single--left.podes-title-size .zo-fancybox-title { font-size: 22px; } .template-zo_fancybox_single--left.dark-style .zo-fancybox-icon i { color: #a8b0b2; } .template-zo_fancybox_single--left.dark-style .zo-fancybox-title { margin: 0 0 15px 0; font-weight: 400; } .template-zo_fancybox_single--left.dark-style .zo-fancybox-content { font-size: 16px; line-height: 26px; } .template-zo_fancybox_single--left.icon-circle .zo-fancybox-icon { width: 90px; height: 90px; float: left; text-align: center !important; margin-right: 15px; margin-top: 5px; line-height: 85px; border: 2px solid #f1f1f1; border-radius: 50%; 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_fancybox_single--left.icon-circle .zo-fancybox-icon i { color: #66bfd7; -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 */ } .template-zo_fancybox_single--left.icon-circle .zo-fancybox-icon:hover { cursor: pointer; } .template-zo_fancybox_single--left.icon-circle .zo-fancybox-body { width: calc(100% - 106px); float: right; } .template-zo_fancybox_single--left.icon-circle:hover .zo-fancybox-icon { border-color: #66bfd7; } .template-zo_fancybox_single--left.icon-circle:hover .zo-fancybox-icon i { color: #66bfd7; } .template-zo_fancybox_single--left.circle-fill-gradient { margin-bottom: 15px; } .template-zo_fancybox_single--left.circle-fill-gradient .zo-fancybox-icon { width: 90px; height: 90px; float: left; text-align: center !important; margin-right: 15px; margin-top: 5px; line-height: 85px; border: 2px solid #f1f1f1; border-radius: 50%; 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_fancybox_single--left.circle-fill-gradient .zo-fancybox-icon i { color: #66bfd7; -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 */ } .template-zo_fancybox_single--left.circle-fill-gradient .zo-fancybox-icon:hover { cursor: pointer; } .template-zo_fancybox_single--left.circle-fill-gradient .zo-fancybox-body { width: calc(100% - 106px); float: left; } .template-zo_fancybox_single--left.circle-fill-gradient .zo-fancybox-title { -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_fancybox_single--left.circle-fill-gradient:hover .zo-fancybox-title { color: #66bfd7; } .template-zo_fancybox_single--left.circle-fill-gradient:hover .zo-fancybox-icon { background-color: #66bfd7; background-image: -webkit-gradient(top right, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to top right, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); /* BACKGROUND GRADIENT */ } .template-zo_fancybox_single--left.circle-fill-gradient:hover .zo-fancybox-icon i { color: #fff; } .template-zo_fancybox_single--left.hexagon .zo-fancybox-icon { margin-bottom: 25px; margin-top: 30px; height: 43px; width: 80px; background: #66bfd7; float: left; position: relative; } .template-zo_fancybox_single--left.hexagon .zo-fancybox-icon:before { position: absolute; top: 43px; left: 0; background: transparent; content: 0; width: 80px; height: 0; border-color: #66bfd7 transparent transparent transparent; border-width: 23px 39px; border-style: solid; content: ""; } .template-zo_fancybox_single--left.hexagon .zo-fancybox-icon:after { position: absolute; bottom: 43px; left: 0; background: transparent; content: 0; width: 80px; height: 0; border-color: transparent transparent #66bfd7 transparent; border-width: 23px 39px; border-style: solid; content: ""; } .template-zo_fancybox_single--left.hexagon .zo-fancybox-icon i:before { text-align: center; line-height: 43px; color: #fff; -webkit-transition: all linear 0.4s; -khtml-transition: all linear 0.4s; -moz-transition: all linear 0.4s; -ms-transition: all linear 0.4s; -o-transition: all linear 0.4s; transition: all linear 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single--left.hexagon:hover .zo-fancybox-icon i:before { color: #686ab7; } .template-zo_fancybox_single--left.hexagon .zo-fancybox-body { width: calc(100% - 106px); float: right; } .template-zo_fancybox_single--left.podes-fancybox-partner { margin-bottom: 30px; } .template-zo_fancybox_single--left.podes-fancybox-partner .zo-fancybox-item .zo-fancybox-icon { width: 270px; height: 165px; border: 1px solid #e9eaea; margin: 0 30px 0 0; } @media screen and (max-width: 479px) { .template-zo_fancybox_single--left.podes-fancybox-partner .zo-fancybox-item .zo-fancybox-icon { float: none; } } .template-zo_fancybox_single--left.podes-fancybox-partner .zo-fancybox-item .zo-fancybox-icon img { vertical-align: middle; } .template-zo_fancybox_single--left.podes-fancybox-partner .zo-fancybox-item .zo-fancybox-body { width: calc(100% - 300px); } @media screen and (max-width: 479px) { .template-zo_fancybox_single--left.podes-fancybox-partner .zo-fancybox-item .zo-fancybox-body { float: none; width: 100%; } } .template-zo_fancybox_single--left.fancybox-left-style2 { margin-bottom: 42px; } .template-zo_fancybox_single--left.fancybox-left-style2 .zo-fancybox-item .zo-fancybox-icon { width: 44px; height: 44px; } .template-zo_fancybox_single--left.fancybox-left-style2 .zo-fancybox-item .zo-fancybox-body { width: calc(100% - 60px); } .template-zo_fancybox_single--left.fancybox-left-style2 .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { margin-top: 0; margin-bottom: 10px; } .template-zo_fancybox_single--left.fancybox-left-style3 .zo-fancybox-item .zo-fancybox-icon { border: 1px solid #d5d5d5; width: 60px; height: 60px; margin-right: 30px; text-align: center !important; line-height: 60px; } .template-zo_fancybox_single--left.fancybox-left-style3 .zo-fancybox-item .zo-fancybox-body { width: calc(100% - 90px); } .template-zo_fancybox_single--left.fancybox-left-style3 .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { margin-top: 0; margin-bottom: 5px; } .template-zo_fancybox_single--left.fancybox-left-style3 .zo-fancybox-item .zo-fancybox-body .zo-fancybox-content { font-size: 30px; line-height: 36px; color: #2b2e2f; font-weight: 600; } .template-zo_fancybox_single--rectangle { width: 100%; position: relative; -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_fancybox_single--rectangle .zo-fancybox-title, .template-zo_fancybox_single--rectangle .zo-fancybox-content { color: inherit; -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_fancybox_single--rectangle:before { content: ""; display: block; /* initial ratio of 1:1*/ padding-top: 100%; } .template-zo_fancybox_single--rectangle .zo-fancybox-item { position: absolute; top: 50%; left: 50%; width: 85%; max-height: 85%; 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 */ } .template-zo_fancybox_single--rectangle .zo-fancybox-icon { height: 90px; margin-bottom: 25px; } .template-zo_fancybox_single--rectangle .zo-fancybox-icon i:before { width: 90px; height: 90px; border-radius: 50%; border: 2px solid #f2f2f2; text-align: center; line-height: 85px; color: #66bfd7; } .template-zo_fancybox_single--rectangle:hover .zo-fancybox-icon i:before { border: 2px solid #66bfd7; background: #fff; color: #66bfd7; } .template-zo_fancybox_single--rectangle.less-top-right-bottom { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } .template-zo_fancybox_single--rectangle.less-border-full { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; } .template-zo_fancybox_single--rectangle.less-right-bottom { border-bottom: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; } .template-zo_fancybox_single--rectangle.less-only-left { border-left: 1px solid #f2f2f2; } .template-zo_fancybox_single--rectangle.less-only-right { border-right: 1px solid #f2f2f2; } .template-zo_fancybox_single--slide .zo-fancybox-body { margin-top: 25px; } .template-zo_fancybox_single--slide .zo-fancybox-image { position: relative; } .template-zo_fancybox_single--slide .zo-fancybox-image:before { position: absolute; content: ""; background: rgba(255, 255, 255, 0.7); -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 */ } .template-zo_fancybox_single--slide .zo-fancybox-image a { left: calc(50% - 10px); position: absolute; top: calc(50% - 17px); z-index: 1; opacity: 0; -webkit-transition: all ease 0.4s; -khtml-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ transition-delay: 0.5s; /* Safari */ -webkit-transition-delay: 0.5s; } .template-zo_fancybox_single--slide .zo-fancybox-image a i:before { padding: 10px; background: rgba(102, 191, 215, 0.6); border-radius: 50%; } .template-zo_fancybox_single--slide .zo-fancybox-image a i:hover { color: #fff; } .template-zo_fancybox_single--slide .zo-fancybox-image:hover a { opacity: 1; } .template-zo_fancybox_single--slide.less-slide-left .zo-fancybox-image:before { top: 0; left: 0; width: 0; height: 100%; } .template-zo_fancybox_single--slide.less-slide-left .zo-fancybox-image:hover:before { width: 100%; } .template-zo_fancybox_single--slide.less-slide-top .zo-fancybox-image:before { top: 0; left: 0; width: 100%; height: 0; } .template-zo_fancybox_single--slide.less-slide-top .zo-fancybox-image:hover:before { height: 100%; } .template-zo_fancybox_single--slide.less-slide-right .zo-fancybox-image:before { top: 0; right: 0; width: 0; height: 100%; } .template-zo_fancybox_single--slide.less-slide-right .zo-fancybox-image:hover:before { width: 100%; } .template-zo_fancybox_single--slide.less-slide-bottom .zo-fancybox-image:before { bottom: 0; left: 0; width: 100%; height: 0; } .template-zo_fancybox_single--slide.less-slide-bottom .zo-fancybox-image:hover:before { height: 100%; } .template-zo_fancybox_single--content { position: relative; } .template-zo_fancybox_single--content .zo-fancybox-item { padding: 90px 15px; background: #66bfd7; } .template-zo_fancybox_single--content .zo-fancybox-item .zo-fancybox-icon { color: #fff; -webkit-transition: all ease 0.1s; -khtml-transition: all ease 0.1s; -moz-transition: all ease 0.1s; -ms-transition: all ease 0.1s; -o-transition: all ease 0.1s; transition: all ease 0.1s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single--content .zo-fancybox-item .zo-fancybox-body { -webkit-transition: all ease 0.1s; -khtml-transition: all ease 0.1s; -moz-transition: all ease 0.1s; -ms-transition: all ease 0.1s; -o-transition: all ease 0.1s; transition: all ease 0.1s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single--content .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { color: #fff; font-size: 36px; font-weight: 500; } .template-zo_fancybox_single--content:after { -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; top: 50%; left: 0; width: 100%; height: 0; content: ""; background-color: #686ab7; background-image: -webkit-gradient(right bottom, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to right bottom, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); } .template-zo_fancybox_single--content:hover:after { height: 100%; top: 0; } .template-zo_fancybox_single--content:hover .zo-fancybox-content-overlay { opacity: 1; } .template-zo_fancybox_single--content:hover .zo-fancybox-item .zo-fancybox-icon { opacity: 0; } .template-zo_fancybox_single--content:hover .zo-fancybox-item .zo-fancybox-body { opacity: 0; } .template-zo_fancybox_single--content .zo-fancybox-content-overlay { position: absolute; top: 50%; left: 50%; width: 90%; 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 */ color: #fff; 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 */ z-index: 1; line-height: 28px; text-align: center; transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; } .template-zo_fancybox_single--content .zo-fancybox-content-overlay .zo-fancybox-title { color: #fff; font-size: 30px; font-weight: 500; -webkit-transition: all ease 0.1s; -khtml-transition: all ease 0.1s; -moz-transition: all ease 0.1s; -ms-transition: all ease 0.1s; -o-transition: all ease 0.1s; transition: all ease 0.1s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single--overlay { position: relative; } .template-zo_fancybox_single--overlay:after { -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; top: 50%; left: 50%; width: 0; height: 0; content: ""; background: rgba(102, 191, 215, 0.8); } .template-zo_fancybox_single--overlay:hover:after { height: 100%; width: 100%; top: 0; left: 0; } .template-zo_fancybox_single--overlay:hover .zo-fancybox-content-overlay { opacity: 1; } .template-zo_fancybox_single--overlay .zo-fancybox-content-overlay { position: absolute; top: 50%; left: 50%; width: 80%; max-height: 80%; 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 */ color: #fff; 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 */ transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; z-index: 1; } .template-zo_fancybox_single--overlay .zo-fancybox-content-overlay .zo-fancybox-title { color: #fff; } .template-zo_fancybox_single--overlay .zo-fancybox-content-overlay .zo-fancybox-title a { color: #fff; } .template-zo_fancybox_single--overlay .zo-fancybox-content-overlay .zo-fancybox-title a:hover { color: #2b2e2f; } .template-zo_fancybox_single--overlay .zo-fancybox-content-overlay .zo-fancybox-link a { color: #fff; } .template-zo_fancybox_single--overlay .zo-fancybox-content-overlay .zo-fancybox-link a:hover { color: #2b2e2f; } .template-zo_fancybox_single--transparent { position: relative; } .template-zo_fancybox_single--transparent:after { -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; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: transparent; opacity: 0; } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay { position: absolute; top: 50%; left: 50%; -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: 80%; max-height: 90%; overflow: hidden; z-index: 1; -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_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-icon { margin-bottom: 20px; max-height: 100px; overflow: hidden; -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_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-content { overflow: hidden; color: #fff; font-size: 18px; font-weight: 600; margin-bottom: 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 */ } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-content p { line-height: 25px; } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-title { color: #fff; font-size: 48px; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; /* Y */ /* COLOR OPACITY */ } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-link { margin: 45px auto 10px; } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-link a { color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-link a:hover { color: #2b2e2f; } .template-zo_fancybox_single--transparent .zo-fancybox-content-overlay .zo-fancybox-link a:after { content: "\f101"; font-family: FontAwesome; margin-left: 3px; -webkit-transition: margin 300ms ease; -khtml-transition: margin 300ms ease; -moz-transition: margin 300ms ease; -ms-transition: margin 300ms ease; -o-transition: margin 300ms ease; transition: margin 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_fancybox_single--transparent:hover:after { background-color: #66bfd7; background-image: -webkit-gradient(top right, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(top right, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to top right, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); /* BACKGROUND GRADIENT */ opacity: 0.8; } .template-zo_fancybox_single--transparent:hover .zo-fancybox-content-overlay .zo-fancybox-icon { -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ max-height: 0; } .template-zo_fancybox_single--transparent:hover .zo-fancybox-content-overlay .zo-fancybox-content { max-height: 200px; } .template-zo_fancybox_single--transparent:hover .zo-fancybox-content-overlay .zo-fancybox-link a:after { margin-left: 10px; } .template-zo_fancybox_single--process { padding-top: 10px; } @media screen and (min-width: 1024px) { .template-zo_fancybox_single--process.less-next-step { position: relative; } .template-zo_fancybox_single--process.less-next-step:after { position: absolute; right: -20px; top: 75px; width: 20px; height: 20px; content: "\f178"; font-family: 'FontAwesome'; font-size: 25px; color: #66bfd7; } } @media (min-width: 900px) and (max-width: 1023px) { .template-zo_fancybox_single--process.less-next-step { position: relative; } .template-zo_fancybox_single--process.less-next-step:after { position: absolute; right: -20px; top: 75px; width: 20px; height: 20px; content: "\f178"; font-family: 'FontAwesome'; font-size: 13px; color: #66bfd7; } } .template-zo_fancybox_single--process .zo-fancybox-item .zo-fancybox-icon-container { border-radius: 50%; height: 160px; line-height: 150px; margin: 0 auto; width: 160px; position: relative; } .template-zo_fancybox_single--process .zo-fancybox-item .zo-fancybox-icon-container:before { position: absolute; width: 180px; height: 180px; top: -10px; left: -10px; border-radius: 50%; border: 4px solid #f8f8f8; content: ""; } .template-zo_fancybox_single--process .zo-fancybox-item .zo-fancybox-icon-container .zo-fancybox-image { background-position: center center; background-size: cover; width: 0; height: 0; top: 50%; left: 50%; border-radius: 50%; position: absolute; -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_fancybox_single--process .zo-fancybox-item .zo-fancybox-icon-container .zo-fancybox-icon { background: #f8f8f8; border-radius: 50%; width: 100%; height: 100%; } .template-zo_fancybox_single--process .zo-fancybox-item .zo-fancybox-body { margin-top: 40px; } .template-zo_fancybox_single--process .zo-fancybox-item:hover .zo-fancybox-image { width: 100%; height: 100%; top: 0; left: 0; } .template-zo_fancybox_single--workflow .zo-fancybox-item { height: 180px; position: relative; } .template-zo_fancybox_single--workflow .zo-fancybox-item .zo-fancybox-icon .icon-container { border: 1px solid #66bfd7; border-radius: 50%; height: 80px; line-height: 80px; width: 80px; color: #66bfd7; margin: 0 auto; } .template-zo_fancybox_single--workflow .zo-fancybox-item .zo-fancybox-body { text-align: center; width: 100%; height: 40px; } .template-zo_fancybox_single--workflow .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { font-size: 24px; color: #fff; font-weight: 300; } @media screen and (max-width: 767px) { .template-zo_fancybox_single--workflow .zo-fancybox-item .zo-fancybox-icon { margin-bottom: 20px; } .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-item:after { position: absolute; right: 30px; top: 40px; height: 180px; width: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-icon { position: relative; } .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-icon:after { position: absolute; top: 50%; right: 30px; width: calc(50% - 70px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-item:before { position: absolute; left: 30px; top: 40px; height: 180px; width: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-icon { position: relative; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-icon:before { position: absolute; top: 50%; left: 30px; width: calc(50% - 70px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-icon:after { position: absolute; top: 50%; right: 30px; width: calc(50% - 70px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-item:before { position: absolute; right: 30px; top: 40px; height: 180px; width: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-icon { position: relative; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-icon:before { position: absolute; top: 50%; left: 30px; width: calc(50% - 70px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-icon:after { position: absolute; top: 50%; right: 30px; width: calc(50% - 70px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.right-icon-bottom .zo-fancybox-icon { position: relative; } .template-zo_fancybox_single--workflow.right-icon-bottom .zo-fancybox-icon:after { position: absolute; top: 50%; right: 30px; width: calc(50% - 70px); height: 1px; background: #66bfd7; content: ""; } } @media screen and (min-width: 768px) { .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-item:after { position: absolute; right: -15px; top: 45px; height: 95px; width: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-icon { left: 0; position: absolute; top: 5px; width: 100%; } .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-icon:after { position: absolute; top: 50%; right: -15px; width: calc(50% - 25px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.left-icon-top .zo-fancybox-body { position: absolute; top: 120px; left: 0; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-item:after { position: absolute; right: -15px; top: 45px; height: 95px; width: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-icon { left: 0; position: absolute; top: 100px; width: 100%; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-icon:before { position: absolute; top: 50%; left: -15px; width: calc(50% - 25px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-icon:after { position: absolute; top: 50%; right: -15px; width: calc(50% - 25px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-bottom .zo-fancybox-body { position: absolute; top: 40px; left: 0; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-item:after { position: absolute; right: -15px; top: 45px; height: 95px; width: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-icon { left: 0; position: absolute; top: 5px; width: 100%; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-icon:before { position: absolute; top: 50%; left: -15px; width: calc(50% - 25px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-icon:after { position: absolute; top: 50%; right: -15px; width: calc(50% - 25px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.center-icon-top .zo-fancybox-body { position: absolute; top: 120px; left: 0; } .template-zo_fancybox_single--workflow.right-icon-bottom .zo-fancybox-icon { left: 0; position: absolute; top: 100px; width: 100%; } .template-zo_fancybox_single--workflow.right-icon-bottom .zo-fancybox-icon:before { position: absolute; top: 50%; left: -15px; width: calc(50% - 25px); height: 1px; background: #66bfd7; content: ""; } .template-zo_fancybox_single--workflow.right-icon-bottom .zo-fancybox-body { position: absolute; top: 40px; left: 0; } } .zo-light { /* Podes Consulting */ } .zo-light .template-zo_fancybox_single--workflow .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { color: #2b2e2f; } .template-zo_fancybox_single.podes-consulting .zo-fancybox-body .zo-fancybox-title { font-size: 22px; line-height: 36px; color: #fff; font-weight: 500; margin-bottom: 10px; } .template-zo_fancybox_single.podes-consulting .zo-fancybox-body .zo-fancybox-content { color: #a8b0b2; } .podes-consulting-fancybox-padding { padding: 0 100px; /* Podes Finance */ } @media screen and (max-width: 1399px) { .podes-consulting-fancybox-padding { padding: 0 40px; } } @media screen and (max-width: 979px) { .podes-consulting-fancybox-padding { padding: 0 60px; } } @media screen and (max-width: 479px) { .podes-consulting-fancybox-padding { padding: 0 15px; } } .template-zo_fancybox_single { /* Podes Interior */ } .template-zo_fancybox_single.single-fancybox-finance.icon-gradient .zo-fancybox-body .zo-fancybox-title { font-weight: 500; letter-spacing: 0px; } .template-zo_fancybox_single--left.icon-gradient .zo-fancybox-icon { width: 40px; height: 40px; margin-right: 20px; } .template-zo_fancybox_single--left.icon-gradient .zo-fancybox-icon i { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .template-zo_fancybox_single--left.icon-gradient .zo-fancybox-body { width: calc(100% - 60px); } .template-zo_fancybox_single--left.icon-gradient .zo-fancybox-body .zo-fancybox-title { margin-top: 0; margin-bottom: 5px; } .podes-interior-fancybox { padding: 75px 40px 60px; } .podes-interior-fancybox .vc_column_container { padding: 0 35px; } @media screen and (max-width: 1499px) { .podes-interior-fancybox { padding: 75px 20px 60px; } .podes-interior-fancybox .vc_column_container { padding: 0 10px; } } @media screen and (max-width: 766px) { .podes-interior-fancybox { padding: 75px 0px 60px; } .podes-interior-fancybox .vc_column_container { padding: 0 15px; } } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item { position: relative; overflow: hidden; margin-bottom: 15px; } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item::before { content: ''; width: calc(100% - 60px); height: calc(100% - 60px); position: absolute; top: 30px; left: 30px; opacity: 0; background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); -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 */ } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item:hover::before { opacity: 0.7; } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item:hover .zo-fancybox-body .zo-fancybox-content { color: #fff; } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item .zo-fancybox-body { position: absolute; width: 100%; top: 50%; left: 50%; padding: 0 30px; -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 */ } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { color: #fff; font-weight: 500; margin-top: 0; margin-bottom: 10px; } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item .zo-fancybox-body .zo-fancybox-content { color: #a8b0b2; -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 */ } .podes-interior-fancybox .template-zo_fancybox_single--business .zo-fancybox-item .zo-fancybox-number { text-align: center; font-size: 150px; line-height: 36px; width: 100%; font-weight: bold; letter-spacing: 0.2em; color: #66bfd7; opacity: 0.1; position: absolute; bottom: 0; left: 0; } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper { position: relative; top: -50px; background: #fff; padding: 20px 15px; border: 1px solid #ececec; margin: 0; } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper::after { content: ''; height: 1px; width: 100%; background: #f8f8f8; position: absolute; left: 0; bottom: -2px; } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left { padding: 0 10px 0 50px; margin-bottom: 0px; } @media screen and (max-width: 991px) { .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left { padding: 0 10px 0 30px; } } @media screen and (max-width: 766px) { .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left { margin-bottom: 15px; } } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-icon { margin-right: 5px; } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-body { width: calc(100% - 60px); } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-body .zo-fancybox-title { margin-top: 0; margin-bottom: 0; } .podes-fancybox-shop-furniture > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-body .zo-fancybox-content { font-size: 14px; } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper { position: relative; top: -150px; background: rgba(255, 255, 255, 0.9); padding: 20px 15px; border: 1px solid #ececec; } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper::after { content: ''; height: 1px; width: 100%; background: #f3f3f3; position: absolute; left: 0; bottom: -2px; } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left { padding: 0 10px 0 50px; margin-bottom: 0px; } @media screen and (max-width: 991px) { .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left { padding: 0 10px 0 30px; } } @media screen and (max-width: 766px) { .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left { margin-bottom: 15px; } } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-icon { margin-right: 5px; } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-body { width: calc(100% - 60px); } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-body .zo-fancybox-title { margin-top: 0; margin-bottom: 0; } .podes-fancybox-shop-fashion > .vc_column-inner > .wpb_wrapper .template-zo_fancybox_single--left .zo-fancybox-body .zo-fancybox-content { font-size: 14px; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item { position: relative; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item .zo-fancybox-icon { margin-bottom: 0; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item::before { content: ''; width: 100%; height: 70px; background: #66bfd7; position: absolute; bottom: 0; left: 0; opacity: 0.7; -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 */ } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item:hover::before { height: 100%; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item:hover .zo-fancybox-body { bottom: 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 */ } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item:hover .zo-fancybox-body .zo-fancybox-title { padding: 0 0 5px; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item:hover .zo-fancybox-body .zo-fancybox-content { display: block; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item .zo-fancybox-body { position: absolute; bottom: 0; left: 0; 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 */ } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item .zo-fancybox-body .zo-fancybox-title { margin: 0; color: #fff; font-weight: 300; padding: 17px 0; } .shop-fashion-banner.template-zo_fancybox_single .zo-fancybox-item .zo-fancybox-body .zo-fancybox-content { display: none; font-size: 14px; line-height: 36px; letter-spacing: 0.9em; color: #fff; 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 */ } .template-zo_progressbar { position: relative; } .template-zo_progressbar.horizontal .progress-bar-value { text-align: center; width: 40px; color: #fff; position: absolute; bottom: -5px; right: -20px; margin-bottom: 20px; } .template-zo_progressbar.horizontal .progress-bar-value .dots { content: ""; position: absolute; left: 50%; bottom: -20px; height: 15px; width: 15px; z-index: 1; display: inline-block; -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 */ -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 */ } .template-zo_progressbar.vertical .zo-progress { margin: 0 0 15px; } .template-zo_progressbar.vertical .zo-progress .progress-bar-value { position: absolute; top: 50%; left: 50%; width: 100%; max-height: 100%; overflow: hidden; font-size: 20px; -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_progressbar .zo-progress { border-radius: unset; box-shadow: unset; overflow: initial; } .template-zo_progressbar .zo-progress .progress-bar { background: #66bfd7; box-shadow: unset; overflow: initial; position: relative; } .template-zo_progressbar .zo-progress .progress-bar-value { font-size: 14px; } .template-zo_progressbar .zo-progress-title { color: #717779; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; } .template-zo_progressbar.zo-dark .progress-bar-value { color: #2b2e2f; } .template-zo_progressbar.title-large .zo-progress-title { font-size: 18px; letter-spacing: 0; font-weight: 500; } .template-zo_progressbar.progress-style-2 .progress-bar-value { background-color: #2b2e2f; margin-bottom: 25px; } .template-zo_progressbar.progress-style-2 .progress-bar-value:before { content: ""; position: absolute; bottom: -5px; left: 50%; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #2b2e2f transparent transparent transparent; -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_progressbar.progress-style-2 .progress-bar-value .dots { bottom: -25px; } .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: #66bfd7; } .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 #66bfd7; 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: #2b2e2f; } .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 #2b2e2f; 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 .zo-filter-category { margin: 0 0 60px; padding: 0; text-align: center; } .zo-grid-filter .zo-filter-category li { list-style-type: none; display: inline-block; text-transform: uppercase; padding: 0 25px; line-height: 40px; font-weight: 400; } @media screen and (max-width: 767px) { .zo-grid-filter .zo-filter-category li { padding: 0 10px; } } .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:hover, .zo-grid-filter .zo-filter-category li a.active { color: #66bfd7; } .template-zo_grid--client { /* TEAM */ /* GRID TEAM */ } .template-zo_grid--client.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--client .zo-grid-item .zo-grid-media { background: #f5f5f5; padding: 50px 30px; text-align: center; } .template-zo_grid--client .zo-grid-item .zo-grid-media:hover img { -webkit-transform: scale(1.3); -khtml-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ opacity: 1; cursor: pointer; } .template-zo_grid--client .zo-grid-item .zo-grid-media img { opacity: 0.8; -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--client.custom-freelancer .row { margin-left: 0 !important; margin-right: 0 !important; } .template-zo_grid--client.custom-freelancer .row .zo-grid-media { border: 1px solid #f5f5f5; padding: 10px 70px; background: transparent; } @media screen and (max-width: 1169px) { .template-zo_grid--client.custom-freelancer .row .zo-grid-media { padding: 10px 40px; } } .template-zo_grid--team.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--team .zo-grid-team { position: relative; background: #1f1a22; padding: 45px 30px 35px; z-index: 1; } .template-zo_grid--team .zo-grid-team:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #686ab7; background-image: -webkit-gradient(right bottom, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to right bottom, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); content: ""; -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 */ opacity: 0; z-index: 2; } .template-zo_grid--team .zo-grid-team:hover:before { opacity: 0.9; } .template-zo_grid--team .zo-grid-team:hover .zo-team-social { opacity: 1; -webkit-transform: translateX(-50%) translateY(400%); -khtml-transform: translateX(-50%) translateY(400%); -moz-transform: translateX(-50%) translateY(400%); -ms-transform: translateX(-50%) translateY(400%); -o-transform: translateX(-50%) translateY(400%); transform: translateX(-50%) translateY(400%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ z-index: 4; } .template-zo_grid--team .zo-grid-team:hover .zo-grid-team-content .zo-grid-team-profile { color: #fff; } .template-zo_grid--team .zo-grid-team:hover .zo-grid-team-content .zo-grid-team-desc { opacity: 0; } .template-zo_grid--team .zo-grid-team .zo-grid-team-image { position: relative; max-width: 175px; max-height: 175px; margin: 0 auto; z-index: 3; } .template-zo_grid--team .zo-grid-team .zo-grid-team-image img { border-radius: 50%; } .template-zo_grid--team .zo-grid-team .zo-grid-team-content { text-align: center; z-index: 3; position: relative; } .template-zo_grid--team .zo-grid-team .zo-grid-team-content .zo-grid-title { margin-bottom: 5px; margin-top: 20px; text-transform: uppercase; font-size: 18px; font-weight: 500; letter-spacing: 0.1em; } .template-zo_grid--team .zo-grid-team .zo-grid-team-content .zo-grid-title 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 */ } .template-zo_grid--team .zo-grid-team .zo-grid-team-content .zo-grid-title a:hover { color: #fff; } .template-zo_grid--team .zo-grid-team .zo-grid-team-content .zo-grid-team-profile { -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 */ color: #66bfd7; margin-bottom: 20px; font-size: 14px; } .template-zo_grid--team .zo-grid-team .zo-grid-team-content .zo-grid-team-profile p { margin-bottom: 5px; } .template-zo_grid--team .zo-grid-team .zo-grid-team-content .zo-grid-team-desc { color: #a8b0b2; line-height: 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 */ } .template-zo_grid--team .zo-grid-team .zo-team-social { 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-social .zo-grid-team-socials { padding-left: 0; margin-bottom: 0; margin-top: 0; } .template-zo_grid--team .zo-grid-team .zo-team-social .zo-grid-team-socials li { padding: 0 5px; list-style-type: none; display: inline-block; } .template-zo_grid--team .zo-grid-team .zo-team-social .zo-grid-team-socials li a { font-size: 16px; color: #fff; } .template-zo_grid--team .zo-grid-team .zo-team-social .zo-grid-team-socials li a:hover { color: #66bfd7; } .template-zo_grid--team .zo-grid-team .zo-team-social .zo-grid-team-socials li a:hover i { background: #fff; } .template-zo_grid--team .zo-grid-team .zo-team-social .zo-grid-team-socials li a i { width: 30px; height: 30px; background: transparent; line-height: 30px; text-align: center; border-radius: 50%; -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.team-style-light .zo-grid-team { background: #f6f7f8; padding-top: 70px; padding-bottom: 65px; } .template-zo_grid--team.team-style-light .zo-grid-team .zo-grid-team-content .zo-grid-title { font-size: 18px; font-weight: 500; line-height: 30px; } .template-zo_grid--team.team-style-light .zo-grid-team .zo-grid-team-content .zo-grid-title a { color: #2b2e2f; } .template-zo_grid--team.team-style-light .zo-grid-team .zo-grid-team-content .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--team.team-style-light .zo-grid-team:hover .zo-grid-team-content .zo-grid-title a { color: #fff; } .template-zo_grid--team-style02.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--team-style02 .zo-grid-team { -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: rgba(255, 255, 255, 0); } .template-zo_grid--team-style02 .zo-grid-team:hover .zo-grid-team-socials { opacity: 1; height: 100%; -webkit-transform: translateY(-50%) rotate(0); -khtml-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-image { width: 100%; height: 100%; overflow: hidden; position: relative; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-image img { -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 */ } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-socials { width: 100%; height: 30%; position: absolute; left: 0; top: 50%; opacity: 0; background: #66bfd7; background: rgba(102, 191, 215, 0.7); /* Y */ /* BACKGROUND COLOR OPACITY */ -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 */ -webkit-transform: translateY(-50%) rotate(-30deg); -khtml-transform: translateY(-50%) rotate(-30deg); -moz-transform: translateY(-50%) rotate(-30deg); -ms-transform: translateY(-50%) rotate(-30deg); -o-transform: translateY(-50%) rotate(-30deg); transform: translateY(-50%) rotate(-30deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-socials .zo-social { text-align: center; margin: 0; padding: 0; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 100%; top: 50%; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-socials .zo-social li { list-style: none; display: inline; padding: 0 5px; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-socials .zo-social li a { font-size: 14px; color: #fff; width: 30px; height: 30px; line-height: 32px; display: inline-block; background: transparent; -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 */ } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-socials .zo-social li a:hover { color: #66bfd7; background: #fff; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-content { text-align: center; padding: 25px 0; background: #f5f7f8; transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; -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 */ } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-content .zo-grid-title { margin-bottom: 0; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-content .zo-grid-title a { color: #2b2e2f; font-weight: 500; font-size: 18px; line-height: 24px; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-content .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-content .zo-grid-team-profile { font-size: 14px; color: #a8b0b2; font-weight: 300; line-height: 24px; } .template-zo_grid--team-style02 .zo-grid-team .zo-grid-team-content .zo-grid-team-profile p { margin-bottom: 0; } .template-zo_grid--team-style03 .zo-grid-team { position: relative; } .template-zo_grid--team-style03 .zo-grid-team:hover .zo-grid-team-image:before { background: rgba(102, 191, 215, 0.7); } .template-zo_grid--team-style03 .zo-grid-team:hover .zo-grid-team-image .zo-grid-team-content { background: transparent; bottom: initial; 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 */ } .template-zo_grid--team-style03 .zo-grid-team:hover .zo-grid-team-image .zo-grid-team-content .zo-grid-team-profile { color: #fff; } .template-zo_grid--team-style03 .zo-grid-team:hover .zo-grid-team-image .zo-grid-team-content .zo-grid-team-socials { display: block; } .template-zo_grid--team-style03 .zo-grid-team:hover .zo-grid-team-image .zo-grid-team-content .zo-grid-title a:hover { color: #2b2e2f; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-image { overflow: hidden; position: relative; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-image:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; 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-style03 .zo-grid-team .zo-grid-team-content { padding-top: 25px; padding-bottom: 25px; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; background: #1a161f; background: rgba(26, 22, 31, 0.9); /* Y */ /* BACKGROUND COLOR OPACITY */ -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 */ } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-title { font-size: 18px; font-weight: 500; line-height: 24px; margin-bottom: 0; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-title a { color: #fff; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-profile { color: #66bfd7; font-size: 14px; font-weight: 300; line-height: 24px; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-profile p { margin-bottom: 0; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-socials { text-align: center; display: none; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-socials .zo-social { text-align: center; margin: 15px 0 0; padding: 0; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-socials .zo-social li { list-style: none; display: inline; padding: 0 5px; } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-socials .zo-social li a { color: #fff; width: 30px; height: 30px; line-height: 32px; display: inline-block; background: transparent; font-size: 14px; -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 */ } .template-zo_grid--team-style03 .zo-grid-team .zo-grid-team-content .zo-grid-team-socials .zo-social li a:hover { color: #66bfd7; background: #fff; } .template-zo_grid--team-style04 { /*GRID POST*/ } .template-zo_grid--team-style04 .zo-grid-team { position: relative; background: #f6f7f8; padding: 40px 15px; text-align: center; -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-style04 .zo-grid-team:hover { background: #66bfd7; } .template-zo_grid--team-style04 .zo-grid-team:hover .zo-grid-team-content .zo-grid-title a { color: #fff; } .template-zo_grid--team-style04 .zo-grid-team:hover .zo-grid-team-content .zo-grid-team-profile { color: #fff; } .template-zo_grid--team-style04 .zo-grid-team:hover .zo-grid-team-socials .zo-social li a { color: #fff; } .template-zo_grid--team-style04 .zo-grid-team:hover .zo-grid-team-socials .zo-social li a:hover { background: #fff; color: #66bfd7; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-image { overflow: hidden; position: relative; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-image img { margin-bottom: 25px; -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 */ } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-content { padding-left: 15px; padding-right: 15px; padding-bottom: 1px; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-content .zo-grid-title { margin-bottom: 0; font-size: 18px; font-weight: 500; line-height: 24px; -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-style04 .zo-grid-team .zo-grid-team-content .zo-grid-title a { color: #2b2e2f; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-content .zo-grid-team-profile { font-size: 14px; font-weight: 300; line-height: 24px; color: #a8b0b2; -webkit-transition: color 300ms ease; -khtml-transition: color 300ms ease; -moz-transition: color 300ms ease; -ms-transition: color 300ms ease; -o-transition: color 300ms ease; transition: color 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-content .zo-grid-team-profile p { margin-bottom: 0; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-socials { text-align: center; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-socials .zo-social { text-align: center; margin: 15px 0 0; padding: 0; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-socials .zo-social li { list-style: none; display: inline; padding: 0 5px; } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-socials .zo-social li a { color: #717779; width: 30px; height: 30px; line-height: 32px; display: inline-block; background: transparent; font-size: 14px; -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 */ } .template-zo_grid--team-style04 .zo-grid-team .zo-grid-team-socials .zo-social li a:hover { color: #fff; background: #66bfd7; } .template-zo_grid--posts.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--posts .zo-grid-item { text-align: left; } .template-zo_grid--posts .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--posts .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--posts .zo-grid-item .zo-blog-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--posts .zo-grid-item .zo-blog-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--posts .zo-grid-item .zo-blog-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--posts .zo-grid-item .zo-blog-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--posts .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--posts .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--posts .zo-grid-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--posts .zo-grid-item:hover .zo-blog-image .zo-grid-overlay { opacity: 1; } .template-zo_grid--posts .zo-grid-item .zo-blog-video iframe { max-width: 100%; height: 240px !important; } .template-zo_grid--posts .zo-grid-item .zo-grid-title { margin-top: 15px; margin-bottom: 15px; letter-spacing: 0.1em; text-transform: uppercase; font-size: 24px; font-weight: 400; } .template-zo_grid--posts .zo-grid-item .zo-grid-title a { color: inherit; } .template-zo_grid--posts .zo-grid-item .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--posts .zo-grid-item .zo-grid-content { font-size: 16px; } .template-zo_grid--posts .zo-grid-item .zo-blog-meta ul { margin: 25px 0 0; padding: 0; } .template-zo_grid--posts .zo-grid-item .zo-blog-meta ul li.zo-blog-date { font-size: 14px; font-weight: 400; letter-spacing: 0.2em; padding: 0; text-transform: uppercase; color: #66bfd7; } .template-zo_grid--posts .zo-grid-item .zo-blog-meta ul li.zo-blog-date:before { content: ""; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-control span { position: absolute; top: calc(50% - 10px); } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-control.right span { right: 15px; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-control.left span { left: 15px; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner { position: relative; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner .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--posts .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--posts .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--posts .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner:hover:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--posts .zo-grid-item .zo-blog-gallery .carousel-inner:hover .zo-grid-overlay { opacity: 1; } .template-zo_grid--posts .zo-grid-item .zo-blog-quote { background: #f5f5f5; } .template-zo_grid--posts .zo-grid-item .zo-blog-quote blockquote { border-left: unset; margin: 0; padding: 50px 50px 30px; position: relative; opacity: 0.8; } .template-zo_grid--posts .zo-grid-item .zo-blog-quote blockquote:before { position: absolute; top: 15px; left: 15px; content: "\f10d"; color: #66bfd7; font-size: 25px; font-family: 'FontAwesome'; } .template-zo_grid--posts.style-dark .zo-grid-item .zo-blog-meta ul li.zo-blog-date { color: #a8b0b2; } .template-zo_grid--posts.style-dark .zo-grid-item .zo-grid-title { letter-spacing: 0; text-transform: capitalize; font-weight: 400; } .template-zo_grid--post-style01.container-fluid, .template-zo_grid--post-style06.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--post-style01 .zo-grid-item, .template-zo_grid--post-style06 .zo-grid-item { text-align: left; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-image, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-image:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-image .zo-grid-overlay, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-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--post-style01 .zo-grid-item .zo-blog-image .zo-grid-overlay span, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-image .zo-grid-overlay span:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--post-style01 .zo-grid-item .zo-blog-image .zo-grid-overlay span:after, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--post-style01 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:after, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--post-style01 .zo-grid-item:hover .zo-blog-image:before, .template-zo_grid--post-style06 .zo-grid-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--post-style01 .zo-grid-item:hover .zo-blog-image .zo-grid-overlay, .template-zo_grid--post-style06 .zo-grid-item:hover .zo-blog-image .zo-grid-overlay { opacity: 1; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-video iframe, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-video iframe { max-width: 100%; height: 240px !important; } .template-zo_grid--post-style01 .zo-grid-item .zo-grid-title, .template-zo_grid--post-style06 .zo-grid-item .zo-grid-title { margin-top: 15px; margin-bottom: 15px; letter-spacing: 1px; font-size: 24px; font-weight: 500; } .template-zo_grid--post-style01 .zo-grid-item .zo-grid-title a, .template-zo_grid--post-style06 .zo-grid-item .zo-grid-title a { color: inherit; } .template-zo_grid--post-style01 .zo-grid-item .zo-grid-title a:hover, .template-zo_grid--post-style06 .zo-grid-item .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--post-style01 .zo-grid-item .zo-grid-content, .template-zo_grid--post-style06 .zo-grid-item .zo-grid-content { font-size: 16px; margin-bottom: 20px; } .template-zo_grid--post-style01 .zo-grid-item .zo-grid-readmore, .template-zo_grid--post-style06 .zo-grid-item .zo-grid-readmore { color: #66bfd7; text-decoration: underline; } .template-zo_grid--post-style01 .zo-grid-item .zo-grid-readmore:hover, .template-zo_grid--post-style06 .zo-grid-item .zo-grid-readmore:hover { color: #2b2e2f; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-meta ul, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta ul { margin: 25px 0 0; padding: 0; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-meta ul li, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta ul li { padding: 0; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-meta ul li::before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta ul li::before { content: ' | '; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-meta ul li:first-child::before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta ul li:first-child::before { content: ''; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-control span, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-control span { position: absolute; top: calc(50% - 10px); } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-control.right span, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-control.right span { right: 15px; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-control.left span, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-control.left span { left: 15px; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner { position: relative; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner .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--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:after, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:after, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner:hover:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner:hover:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-gallery .carousel-inner:hover .zo-grid-overlay, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-gallery .carousel-inner:hover .zo-grid-overlay { opacity: 1; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-quote, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-quote { background: #f5f5f5; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-quote blockquote, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-quote blockquote { border-left: unset; margin: 0; padding: 50px 50px 30px; position: relative; opacity: 0.8; } .template-zo_grid--post-style01 .zo-grid-item .zo-blog-quote blockquote:before, .template-zo_grid--post-style06 .zo-grid-item .zo-blog-quote blockquote:before { position: absolute; top: 15px; left: 15px; content: "\f10d"; color: #66bfd7; font-size: 25px; font-family: 'FontAwesome'; } .template-zo_grid--post-style01.style-dark .zo-grid-item .zo-blog-meta ul li.zo-blog-date, .template-zo_grid--post-style06.style-dark .zo-grid-item .zo-blog-meta ul li.zo-blog-date { color: #a8b0b2; } .template-zo_grid--post-style01.style-dark .zo-grid-item .zo-grid-title, .template-zo_grid--post-style06.style-dark .zo-grid-item .zo-grid-title { letter-spacing: 0; text-transform: capitalize; font-weight: 500; } .template-zo_grid--post-style01.post-four-column article.post-teaser .zo-blog-meta, .template-zo_grid--post-style06.post-four-column article.post-teaser .zo-blog-meta { margin-bottom: 0; } .template-zo_grid--post-style01.post-four-column .zo-grid-item .zo-blog-meta ul, .template-zo_grid--post-style06.post-four-column .zo-grid-item .zo-blog-meta ul { margin: 12px 0 0; } .template-zo_grid--post-style01.post-four-column .zo-grid-item .zo-blog-meta ul li, .template-zo_grid--post-style06.post-four-column .zo-grid-item .zo-blog-meta ul li { font-size: 12px; } .template-zo_grid--post-style01.post-four-column .zo-grid-item .zo-grid-title, .template-zo_grid--post-style06.post-four-column .zo-grid-item .zo-grid-title { font-size: 18px; letter-spacing: 0.5px; margin-top: 0; } .template-zo_grid--post-overlay .zo-grid-item { position: relative; } .template-zo_grid--post-overlay .zo-grid-item:hover .zo-blog-image:before { background-color: #686ab7; background-image: -webkit-gradient(right bottom, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to right bottom, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); opacity: 0.8; } .template-zo_grid--post-overlay .zo-grid-item:hover .zo-grid-overlay .zo-grid-read-more { height: 50px; line-height: 50px; } .template-zo_grid--post-overlay .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--post-overlay .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: transparent; 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--post-overlay .zo-grid-item .zo-grid-overlay { position: absolute; bottom: 60px; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(0); -khtml-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 60%; padding: 0 25px 0 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 */ } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-blog-date { color: #fff; font-size: 14px; text-transform: uppercase; margin-bottom: 10px; font-weight: 500; letter-spacing: 0.2em; } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-title { font-weight: 500; font-size: 30px; } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-title a { color: #fff; } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-title a:hover { color: #2b2e2f; } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-content { color: #fff; opacity: 0.8; } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-read-more { font-weight: 700; font-size: 13px; text-transform: uppercase; height: 0; overflow: hidden; letter-spacing: 0.2em; -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--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-read-more 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 */ } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-read-more a:hover { color: #fff; opacity: 0.7; } .template-zo_grid--post-overlay .zo-grid-item .zo-grid-overlay .zo-grid-read-more a i { font-size: 10px; margin-left: 3px; } .template-zo_grid--post-overlay-style02 .zo-grid-item { position: relative; } .template-zo_grid--post-overlay-style02 .zo-grid-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.9); } .template-zo_grid--post-overlay-style02 .zo-grid-item:hover .zo-grid-overlay .zo-grid-read-more { height: 50px; line-height: 50px; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.3); z-index: 1; -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--post-overlay-style02 .zo-grid-item .zo-grid-overlay { z-index: 2; position: absolute; bottom: 40px; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(0); -khtml-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); -o-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 60%; padding: 0 25px 0 40px; -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--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-blog-category a { color: #66bfd7; font-size: 12px; letter-spacing: 0.5px; -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--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-blog-category a:hover { color: #fff; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-title { font-weight: 500; font-size: 18px; margin-top: 0; margin-bottom: 12px; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-title a { color: #fff; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-content { color: #fff; opacity: 0.8; } .template-zo_grid--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-read-more { text-transform: uppercase; height: 0; overflow: hidden; letter-spacing: 0.2px; -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--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-read-more a { color: #fff; text-decoration: underline; -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--post-overlay-style02 .zo-grid-item .zo-grid-overlay .zo-grid-read-more a:hover { color: #fff; opacity: 0.7; } .template-zo_grid--post-style03 article.post-teaser { margin-bottom: 15px; } .template-zo_grid--post-style03 .zo-grid-item { text-align: center; } .template-zo_grid--post-style03 .zo-grid-item .zo-blog-author { margin-bottom: 32px; } .template-zo_grid--post-style03 .zo-grid-item .zo-blog-author .author-image { display: block; width: 100%; position: relative; margin-bottom: 12px; } .template-zo_grid--post-style03 .zo-grid-item .zo-blog-author .author-image img { border-radius: 50%; position: relative; z-index: 2; } .template-zo_grid--post-style03 .zo-grid-item .zo-blog-author .author-image::after { content: ''; position: absolute; top: 50%; left: 0; height: 1px; width: 100%; z-index: 1; background: #e5e5e5; } .template-zo_grid--post-style03 .zo-grid-item .zo-blog-author .author-name { text-transform: capitalize; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body { padding: 0 200px; } @media screen and (max-width: 1368px) { .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body { padding: 0 120px; } } @media screen and (max-width: 991px) { .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body { padding: 0 60px; } } @media screen and (max-width: 766px) { .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body { padding: 0 15px; } } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-blog-meta { margin: 0; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-blog-meta ul { padding: 0; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-blog-meta ul li { padding: 0; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-blog-meta ul li::before { content: ' | '; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-blog-meta ul li:first-child::before { content: ''; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-grid-title { font-size: 36px; margin-bottom: 20px; margin-top: 30px; } @media screen and (max-width: 991px) { .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-grid-title { font-size: 24px; } } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-grid-content { margin-bottom: 22px; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-grid-readmore { text-decoration: underline; color: #66bfd7; } .template-zo_grid--post-style03 .zo-grid-item .zo-grid-body .zo-grid-readmore:hover { color: #2b2e2f; } .template-zo_grid--post-style03 #zo-load-posts { padding-top: 15px; text-align: center; } .template-zo_grid--post-style03 #zo-load-posts a { text-transform: uppercase; letter-spacing: 2px; font-size: 13px; font-weight: 500; padding: 10px 30px; border-radius: 30px; color: #2b2e2f; background: transparent; border: 2px solid #66bfd7; } .template-zo_grid--post-style03 #zo-load-posts a:hover { background: #66bfd7; color: #fff; } .template-zo_grid--post-style04 { /*GRID POST*/ } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-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--post-style04 .zo-grid-item .zo-blog-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--post-style04 .zo-grid-item .zo-blog-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--post-style04 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--post-style04 .zo-grid-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--post-style04 .zo-grid-item:hover .zo-blog-image .zo-grid-overlay { opacity: 1; } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-meta { margin-top: 15px; } .template-zo_grid--post-style04 .zo-grid-item .zo-blog-meta .zo-blog-date { font-size: 14px; line-height: 30px; letter-spacing: 0.2em; color: #a8b0b2; font-weight: 400; text-transform: uppercase; } .template-zo_grid--post-style04 .zo-grid-item .zo-grid-title { margin: 0; font-weight: 400; } .template-zo_grid--post-style04 .zo-grid-item .zo-grid-readmore { font-size: 13px; line-height: 48px; letter-spacing: 0.2em; font-weight: 500; color: #66bfd7; } .template-zo_grid--post-style04 .zo-grid-item .zo-grid-readmore::after { content: '\f178'; font-family: FontAwesome; line-height: 48px; margin-left: 5px; opacity: 0; -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 */ } .template-zo_grid--post-style04 .zo-grid-item .zo-grid-readmore:hover::after { opacity: 1; } .template-zo_grid--posts-masonry { /*GRID POST*/ } .template-zo_grid--posts-masonry article.post-teaser { margin-bottom: 0px; } .template-zo_grid--posts-masonry .zo-grid-filter .zo-filter-category { margin: 0 0 30px; } .template-zo_grid--posts-masonry .zo-grid-filter .zo-filter-category li { text-transform: capitalize; font-weight: 300; } .template-zo_grid--posts-masonry #zo-load-posts { margin-top: 25px; } .template-zo_grid--posts-masonry #zo-load-posts a { border: 2px solid #2b2e2f; } .template-zo_grid--posts-masonry #zo-load-posts a:hover { border-color: #66bfd7; } .template-zo_grid--posts-masonry .zo-grid-item { text-align: left; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-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--posts-masonry .zo-grid-item .zo-blog-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--posts-masonry .zo-grid-item .zo-blog-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--posts-masonry .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--posts-masonry .zo-grid-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--posts-masonry .zo-grid-item:hover .zo-blog-image .zo-grid-overlay { opacity: 1; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-video iframe { max-width: 100%; height: 240px !important; } .template-zo_grid--posts-masonry .zo-grid-item .zo-grid-title { margin-top: 0; margin-bottom: 8px; letter-spacing: 1px; font-size: 24px; line-height: 30px; color: #160f19; font-weight: 400; font-style: italic; } .template-zo_grid--posts-masonry .zo-grid-item .zo-grid-title a { color: inherit; } .template-zo_grid--posts-masonry .zo-grid-item .zo-grid-title a:hover { color: #66bfd7; } .template-zo_grid--posts-masonry .zo-grid-item .zo-grid-content { margin-bottom: 0px; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-meta { font-family: 'Lora', sans-serif; margin-bottom: 5px; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-meta ul { margin: 20px 0 0; padding: 0; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-meta ul li { padding: 0; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-meta ul li::before { content: ' | '; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-meta ul li:first-child::before { content: ''; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-control span { position: absolute; top: calc(50% - 10px); } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-control.right span { right: 15px; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-control.left span { left: 15px; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner { position: relative; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner .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--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner:hover:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-gallery .carousel-inner:hover .zo-grid-overlay { opacity: 1; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-quote { background: #f5f5f5; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-quote blockquote { border-left: unset; margin: 0; padding: 50px 50px 30px; position: relative; opacity: 0.8; } .template-zo_grid--posts-masonry .zo-grid-item .zo-blog-quote blockquote:before { position: absolute; top: 15px; left: 15px; content: "\f10d"; color: #66bfd7; font-size: 25px; font-family: 'FontAwesome'; } .template-zo_grid--post-style02 { /*GRID POST*/ } .template-zo_grid--post-style02 .zo-grid-item .zo-blog-meta { font-size: 12px; margin-bottom: 5px; } .template-zo_grid--post-style02 .zo-grid-item .zo-blog-meta ul { padding: 0; } .template-zo_grid--post-style02 .zo-grid-item .zo-grid-title { font-size: 18px; margin-top: 0px; margin-bottom: 5px; } .template-zo_grid--post-style02 .zo-grid-item .zo-grid-content { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; } .template-zo_grid--post-style02 .zo-grid-item .zo-blog-author .author-image img { border-radius: 50%; } .template-zo_grid--post-style02 .zo-grid-item .zo-blog-author .author-name { text-transform: capitalize; margin-left: 20px; } .template-zo_grid--posts-timeline { position: relative; } .template-zo_grid--posts-timeline::after { content: ''; height: 100%; width: 1px; display: block; background: #e5e5e5; position: absolute; top: 0; left: 50%; z-index: 1; } @media (max-width: 767px) { .template-zo_grid--posts-timeline::after { width: 0; height: 0; } } .template-zo_grid--posts-timeline #zo-load-posts { margin: 85px 0 15px; } .template-zo_grid--posts-timeline .zo-grid .top-grid { text-align: center; margin-bottom: 40px; position: relative; z-index: 2; } .template-zo_grid--posts-timeline .zo-grid .top-grid span { color: #fff; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; padding: 10px 30px; background: #66bfd7; border-radius: 30px; border: 2px solid #66bfd7; -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--posts-timeline .zo-grid .top-grid span:hover { background: #fff; color: #2b2e2f; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item { line-height: 1; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item article.post-teaser { margin: 50px 15px 0px; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-blog-image { float: right; text-align: right; padding-left: 80px; padding-right: 0; } @media (max-width: 767px) { .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-blog-image { float: left; text-align: left; padding: 0; } } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-grid-body { padding-right: 80px; padding-left: 0; text-align: right; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-grid-body .zo-blog-date::after { right: auto; left: 0; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-grid-body .zo-blog-date span.day { float: right; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-grid-body .zo-blog-date span.month, .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-grid-body .zo-blog-date span.year { margin-left: 0; margin-right: 75px; } @media (max-width: 767px) { .template-zo_grid--posts-timeline .zo-grid .zo-grid-item:nth-child(odd) .zo-grid-body { padding: 0; } } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-blog-image { width: 50%; display: inline-block; padding-right: 80px; padding-left: 0; position: relative; float: left; z-index: 2; } @media (max-width: 767px) { .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-blog-image { width: 100%; padding: 0; margin-bottom: 20px; } } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body { width: 50%; display: inline-block; padding: 27px 0 0 80px; } @media (max-width: 981px) { .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body { padding: 0 0 0 80px; } } @media (max-width: 767px) { .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body { width: 100%; padding: 0; } } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-date { position: relative; padding-bottom: 28px; margin-bottom: 30px; font-weight: 500; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-date span.day { font-size: 48px; float: left; color: #2b2e2f; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-date span.month, .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-date span.year { display: block; margin-left: 75px; line-height: 22px; color: #717779; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-date::after { content: ''; width: calc(100% + 170px); height: 1px; background: #e5e5e5; position: absolute; bottom: 0; left: auto; right: 0; z-index: 1; } @media (max-width: 767px) { .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-date::after { width: 100%; } } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-meta .zo-blog-author::after { content: ' | '; display: inline-block; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-meta .zo-blog-category a { color: #66bfd7; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-blog-meta .zo-blog-category a:hover { color: #2b2e2f; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-grid-content { line-height: 36px; margin-bottom: 22px; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-grid-readmore { color: #66bfd7; text-decoration: underline; } .template-zo_grid--posts-timeline .zo-grid .zo-grid-item .zo-grid-body .zo-grid-readmore:hover { color: #2b2e2f; } .template-zo_grid--posts-timeline .zo_pagination { text-align: center; margin-top: 40px; position: relative; z-index: 2; } .template-zo_grid--posts-timeline .zo_pagination #zo-load-posts a { text-transform: uppercase; color: #fff; font-weight: 500; font-size: 13px; letter-spacing: 1.5px; padding: 10px 30px; background: #66bfd7; border-radius: 30px; border: 2px solid #66bfd7; } .template-zo_grid--posts-timeline .zo_pagination #zo-load-posts a:hover { background: #fff; color: #2b2e2f; } .template-zo_grid--pricing.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--pricing .zo-pricing-inner { text-align: center; -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:hover { -webkit-box-shadow: 0px 15px 40px -15px #9e9b9e; -moz-box-shadow: 0px 15px 40px -15px #9e9b9e; box-shadow: 0px 15px 40px -15px #9e9b9e; } .template-zo_grid--pricing .zo-pricing-inner:hover .zo-pricing-body .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .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 */ border: 1px solid #f5f5f5; padding-bottom: 60px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header { background: #1f1a22; color: #fff; padding: 50px 20px; position: relative; -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-body .zo-pricing-header:before { border-color: transparent transparent white; border-style: solid; border-width: 0 0 40px 200px; bottom: 0; content: ""; height: 40px; position: absolute; right: 0; width: 50%; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header:after { border-color: transparent transparent white; border-style: solid; border-width: 0 200px 40px 0; bottom: 0; content: ""; height: 40px; position: absolute; left: 0; width: 50%; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-title { text-transform: uppercase; font-size: 18px; color: #fff; letter-spacing: 0.2em; margin-top: 0; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-title span { padding: 0 20px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price { position: relative; margin: 25px auto 0; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .amount { font-size: 48px; line-height: 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 */ } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .amount .symbol { font-size: 25px; top: -25px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base { height: 25px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base .amount { font-size: 20px; line-height: 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 */ text-decoration: line-through; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base .amount .symbol { font-size: 20px; top: -10px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-discount { border-radius: 50%; color: #fff; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; background: red; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature { padding-top: 20px; padding-bottom: 30px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul { padding-left: 0; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-feature ul li { padding-left: 0; line-height: 40px; list-style-type: none; } .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 { font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; background: transparent; position: relative; padding: 14px 25px; color: #2b2e2f; border: 2px solid #2b2e2f; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ -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-button .zo-button.zo-white { color: #fff; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-button .zo-button.podes-right { position: absolute; right: 30px; bottom: -135px; } .template-zo_grid--pricing .zo-pricing-inner .zo-pricing-button .zo-button:hover { background: #2b2e2f; color: #fff; cursor: pointer; } .template-zo_grid--pricing .zo-grid-item { margin-bottom: 25px; } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-inner { -webkit-box-shadow: 0px 15px 40px -15px #9e9b9e; -moz-box-shadow: 0px 15px 40px -15px #9e9b9e; box-shadow: 0px 15px 40px -15px #9e9b9e; } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-inner .zo-pricing-body .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-button .zo-button { padding: 14px 0; background: transparent; border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-button .zo-button:after { border-color: #686ab7; border-radius: 0 55px 55px 0; border-style: solid; border-width: 2px 2px 2px 0; content: ""; height: calc(100% + 4px); position: absolute; right: -30px; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-button .zo-button:before { border-color: #66bfd7; border-radius: 55px 0 0 55px; border-style: solid; border-width: 2px 0 2px 2px; content: ""; height: calc(100% + 4px); left: -30px; position: absolute; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing .zo-pricing-featured .zo-pricing-button .zo-button:hover { color: #66bfd7; background: transparent; } .template-zo_grid--pricing-style01.container-fluid { padding-left: 0; padding-right: 0; } .template-zo_grid--pricing-style01 .zo-pricing-inner { text-align: center; } .template-zo_grid--pricing-style01 .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-style01 .zo-pricing-inner .zo-pricing-header { background: #1a161f; padding: 60px 0 50px; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-bottom { padding: 30px 0 50px; border: 1px solid #e5e5e5; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-title { text-transform: uppercase; font-size: 24px; font-weight: 300; letter-spacing: 0.2em; color: #fff; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-title span { padding: 0 20px; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-price { position: relative; color: #fff; margin: 0 auto; } .template-zo_grid--pricing-style01 .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-style01 .zo-pricing-inner .zo-pricing-price .amount .symbol { font-size: 18px; font-weight: 300; line-height: 24px; top: -35px; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-price .time { font-size: 14px; font-weight: 300; line-height: 24px; } .template-zo_grid--pricing-style01 .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: #fff; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-price .zo-pricing-base .amount .symbol { font-size: 20px; top: -10px; } .template-zo_grid--pricing-style01 .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: 500; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-feature ul { padding-left: 0; list-style: none; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-feature ul li { padding-left: 0; line-height: 42px; color: #717779; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-feature ul li .pricing-key { padding-right: 10px; font-weight: 300; font-size: 16px; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-feature ul li.dark { opacity: 0.5; text-decoration: line-through; } .template-zo_grid--pricing-style01 .zo-pricing-inner .zo-pricing-feature ul li.feature { position: relative; } .template-zo_grid--pricing-style01 .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-style01 .zo-pricing-inner .zo-pricing-button .zo-button { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; border: 2px solid #2b2e2f; background: #fff; color: #2b2e2f; line-height: 1; padding: 15px 25px; margin-bottom: 10px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ -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-style01 .zo-pricing-inner .zo-pricing-button .zo-button:hover { background: #2b2e2f; color: #fff; } .template-zo_grid--pricing-style01 .zo-grid-item { background: #fff; margin-bottom: 30px; } .template-zo_grid--pricing-style01 .zo-pricing-featured { margin-top: -30px; z-index: 2; padding: 0; } @media screen and (max-width: 767px) { .template-zo_grid--pricing-style01 .zo-pricing-featured { margin-top: auto; } } @media screen and (min-width: 768px) { .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-inner { margin-left: -15px; margin-right: -15px; } } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-inner { -webkit-box-shadow: 0px 15px 40px -15px #9e9b9e; -moz-box-shadow: 0px 15px 40px -15px #9e9b9e; box-shadow: 0px 15px 40px -15px #9e9b9e; } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-header { padding: 80px 0 60px; background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-feature ul li { line-height: 48px; } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-button .zo-button { padding: 15px 0; background: transparent; position: relative; border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-button .zo-button:after { border-color: #686ab7; border-radius: 0 55px 55px 0; border-style: solid; border-width: 2px 2px 2px 0; content: ""; height: calc(100% + 4px); position: absolute; right: -30px; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-button .zo-button:before { border-color: #66bfd7; border-radius: 55px 0 0 55px; border-style: solid; border-width: 2px 0 2px 2px; content: ""; height: calc(100% + 4px); left: -30px; position: absolute; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style01 .zo-pricing-featured .zo-pricing-button .zo-button:hover { background: transparent; color: #66bfd7; cursor: pointer; } .template-zo_grid--pricing-style02.container-fluid { padding-left: 0; padding-right: 0; } .template-zo_grid--pricing-style02 .zo-grid-item { margin-bottom: 30px; } .template-zo_grid--pricing-style02 .zo-pricing-inner { text-align: center; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-body { padding: 60px 90px; background: #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 */ } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-header { background: #1a161f; padding: 49px 0 43px; margin-bottom: 40px; -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-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; /* BACKGROUND GRADIENT */ } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-title { font-size: 24px; font-weight: 500; padding-bottom: 32px; color: #2b2e2f; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-price { position: relative; color: #fff; margin: 0 auto; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-price .amount { font-size: 48px; line-height: 48px; display: block; -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-style02 .zo-pricing-inner .zo-pricing-price .amount .symbol { font-size: 18px; font-weight: 300; line-height: 30px; top: -20px; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-price .time { font-size: 18px; font-weight: 300; line-height: 24px; } .template-zo_grid--pricing-style02 .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: #fff; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-price .zo-pricing-base .amount .symbol { font-size: 20px; top: -10px; } .template-zo_grid--pricing-style02 .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: 500; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-feature { border-bottom: 1px solid #e5e5e5; margin-bottom: 40px; padding-bottom: 10px; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-feature ul { padding-left: 0; list-style: none; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-feature ul li { padding-left: 0; line-height: 42px; color: #717779; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-feature ul li .pricing-key { padding-right: 10px; font-weight: 300; font-size: 16px; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-feature ul li.dark { opacity: 0.5; text-decoration: line-through; } .template-zo_grid--pricing-style02 .zo-pricing-inner .zo-pricing-feature ul li.feature { position: relative; } .template-zo_grid--pricing-style02 .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-style02 .zo-pricing-inner .zo-pricing-button .zo-button { font-size: 13px; border: 2px solid #2b2e2f; background: #fff; color: #2b2e2f; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1; padding: 15px 25px; margin-bottom: 10px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ -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-style02 .zo-pricing-inner .zo-pricing-button .zo-button:hover { background: #2b2e2f; color: #fff; } .template-zo_grid--pricing-style02 .zo-grid-item :hover .zo-pricing-header, .template-zo_grid--pricing-style02 .zo-pricing-featured .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing-style02 .zo-pricing-featured .zo-pricing-button .zo-button { padding: 15px 0; background: transparent; position: relative; border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .template-zo_grid--pricing-style02 .zo-pricing-featured .zo-pricing-button .zo-button:after { border-color: #686ab7; border-radius: 0 55px 55px 0; border-style: solid; border-width: 2px 2px 2px 0; content: ""; height: calc(100% + 4px); position: absolute; right: -30px; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style02 .zo-pricing-featured .zo-pricing-button .zo-button:before { border-color: #66bfd7; border-radius: 55px 0 0 55px; border-style: solid; border-width: 2px 0 2px 2px; content: ""; height: calc(100% + 4px); left: -30px; position: absolute; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style02 .zo-pricing-featured .zo-pricing-button .zo-button:hover { background: transparent; color: #66bfd7; cursor: pointer; } .template-zo_grid--pricing-style03.container-fluid { padding-left: 0; padding-right: 0; } .template-zo_grid--pricing-style03 .zo-pricing-inner { text-align: center; background: #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 */ } .template-zo_grid--pricing-style03 .zo-pricing-inner:hover .zo-pricing-body .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing-style03 .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 */ padding-bottom: 60px; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header { background: #66bfd7; color: #fff; padding: 50px 0; margin-bottom: 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 */ } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-title { font-weight: 300; font-size: 18px; color: #fff; letter-spacing: 0.2em; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-title span { padding: 0 20px; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price { position: relative; margin: 25px auto 0; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .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-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .amount .symbol { font-size: 18px; top: -30px; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .time { font-size: 14px; line-height: 24px; font-weight: 300; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base .amount { font-size: 20px; line-height: 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 */ text-decoration: line-through; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base .amount .symbol { font-size: 20px; top: -10px; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-discount { border-radius: 50%; color: #fff; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; background: red; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-feature ul { padding-left: 0; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-feature ul li { padding-left: 0; line-height: 40px; list-style-type: none; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-feature ul li.light { opacity: 1; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-feature ul li.dark { opacity: 0.5; text-decoration: line-through; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-feature ul li.feature { position: relative; } .template-zo_grid--pricing-style03 .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-style03 .zo-pricing-inner .zo-pricing-button .zo-button { font-size: 13px; font-weight: 700; letter-spacing: 0.2em; background: #fff; color: #2b2e2f; position: relative; padding: 14px 25px; text-transform: uppercase; border: 2px solid #2b2e2f; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border-radius: 50px; /* BACKGROUND GRADIENT */ -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-style03 .zo-pricing-inner .zo-pricing-button .zo-button.zo-white { color: #fff; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-button .zo-button.podes-right { position: absolute; right: 30px; bottom: -135px; } .template-zo_grid--pricing-style03 .zo-pricing-inner .zo-pricing-button .zo-button:hover { background: #2b2e2f; color: #fff; cursor: pointer; } .template-zo_grid--pricing-style03 .zo-grid-item { margin-bottom: 30px; } .template-zo_grid--pricing-style03 .zo-pricing-featured .zo-pricing-inner .zo-pricing-body .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing-style03 .zo-pricing-featured .zo-pricing-button .zo-button { color: #2b2e2f; padding: 14px 0; background: transparent; border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .template-zo_grid--pricing-style03 .zo-pricing-featured .zo-pricing-button .zo-button:after { border-color: #686ab7; border-radius: 0 55px 55px 0; border-style: solid; border-width: 2px 2px 2px 0; content: ""; height: calc(100% + 4px); position: absolute; right: -30px; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style03 .zo-pricing-featured .zo-pricing-button .zo-button:before { border-color: #66bfd7; border-radius: 55px 0 0 55px; border-style: solid; border-width: 2px 0 2px 2px; content: ""; height: calc(100% + 4px); left: -30px; position: absolute; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style03 .zo-pricing-featured .zo-pricing-button .zo-button:hover { color: #66bfd7; background: transparent; } .template-zo_grid--pricing-style04 { /* Podes Finance */ } .template-zo_grid--pricing-style04.container-fluid { padding-left: 0; padding-right: 0; } .template-zo_grid--pricing-style04 .zo-pricing-inner { text-align: center; -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-style04 .zo-pricing-inner:hover .zo-pricing-body .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing-style04 .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 */ border: 1px solid #f5f5f5; padding-bottom: 50px; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header { background: #1f1a22; color: #fff; padding: 40px 0; position: relative; margin-bottom: 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 */ } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-title { color: #fff; font-size: 18px; font-weight: 300; letter-spacing: 0.2em; text-transform: uppercase; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-title span { padding: 0 20px; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price { position: relative; margin: 25px auto 0; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .amount { font-size: 48px; line-height: 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 */ } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .amount .symbol { font-size: 25px; top: -25px; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base .amount { font-size: 20px; line-height: 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 */ text-decoration: line-through; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-base .amount .symbol { font-size: 20px; top: -10px; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-body .zo-pricing-header .zo-pricing-price .zo-pricing-discount { border-radius: 50%; color: #fff; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; background: red; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-feature { margin-bottom: 30px; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-feature ul { padding-left: 0; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-feature ul li { padding-left: 0; line-height: 42px; list-style-type: none; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-feature ul li.light { opacity: 1; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-feature ul li.dark { opacity: 0.5; text-decoration: line-through; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-feature ul li.feature { position: relative; } .template-zo_grid--pricing-style04 .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-style04 .zo-pricing-inner .zo-pricing-button .zo-button { font-size: 13px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; background: transparent; position: relative; padding: 14px 25px; color: #2b2e2f; border: 2px solid #2b2e2f; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ -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-style04 .zo-pricing-inner .zo-pricing-button .zo-button.zo-white { color: #fff; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-button .zo-button.podes-right { position: absolute; right: 30px; bottom: -135px; } .template-zo_grid--pricing-style04 .zo-pricing-inner .zo-pricing-button .zo-button:hover { background: #2b2e2f; color: #fff; cursor: pointer; } .template-zo_grid--pricing-style04 .zo-grid-item { margin-bottom: 30px; } .template-zo_grid--pricing-style04 .zo-pricing-featured .zo-pricing-inner .zo-pricing-body .zo-pricing-header { background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--pricing-style04 .zo-pricing-featured .zo-pricing-button .zo-button { padding: 14px 0; background: transparent; border-style: solid; border-width: 2px 0 2px 0 !important; border-image: linear-gradient(to left, #686ab7 0%, #66bfd7 100%); -moz-border-image: -moz-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image: -webkit-linear-gradient(right, #686ab7 0%, #66bfd7 100%); -webkit-border-image-slice: 2; border-image-slice: 2; /* BACKGROUND HORIZONTAL */ } .template-zo_grid--pricing-style04 .zo-pricing-featured .zo-pricing-button .zo-button:after { border-color: #686ab7; border-radius: 0 55px 55px 0; border-style: solid; border-width: 2px 2px 2px 0; content: ""; height: calc(100% + 4px); position: absolute; right: -30px; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style04 .zo-pricing-featured .zo-pricing-button .zo-button:before { border-color: #66bfd7; border-radius: 55px 0 0 55px; border-style: solid; border-width: 2px 0 2px 2px; content: ""; height: calc(100% + 4px); left: -30px; position: absolute; top: -2px; width: 30px; -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: transparent; } .template-zo_grid--pricing-style04 .zo-pricing-featured .zo-pricing-button .zo-button:hover { color: #66bfd7; background: transparent; } .template-zo_grid--team { /* Podes Construction */ } .template-zo_grid--team.team-finance.team-style-light .zo-grid-team .zo-grid-team-content .zo-grid-title { text-transform: none; letter-spacing: 0px; } .template-zo_grid--team.team-finance.team-style-light .zo-grid-team .zo-grid-team-content .zo-grid-title a:hover { color: #fff; } .template-zo_grid--team.team-finance.team-style-light .zo-grid-team:hover .zo-grid-team-content .zo-grid-title a { color: #fff; } .template-zo_grid--team-style03.podes-construction-team .zo-grid-team .zo-grid-team-content .zo-grid-title { margin-bottom: 5px; margin-top: 0; } .template-zo_grid--team-style03.podes-construction-team .zo-grid-team .zo-grid-team-content .zo-grid-team-socials .zo-social { margin: 30px 0 0; } .template-zo_grid--post-style05 { /* Blog Masonry */ } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-image { position: relative; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-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--post-style05 .zo-grid-item .zo-blog-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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--post-style05 .zo-grid-item .zo-blog-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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--post-style05 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--post-style05 .zo-grid-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_grid--post-style05 .zo-grid-item:hover .zo-blog-image .zo-grid-overlay { opacity: 1; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-meta { margin: 0 0 5px; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-meta ul { padding: 0; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-meta ul li { padding: 0; font-size: 12px; line-height: 40px; letter-spacing: 0.2em; color: #a8b0b2; font-weight: 400; text-transform: uppercase; } .template-zo_grid--post-style05 .zo-grid-item .zo-blog-meta ul li.zo-blog-date::after { content: " | "; display: inline-block; } .template-zo_grid--post-style05 .zo-grid-item .zo-grid-title { margin: 25px 0 0; font-weight: 500; } .template-zo_grid--post-style05 .zo-grid-item .zo-grid-readmore { font-size: 13px; line-height: 48px; letter-spacing: 0.2em; font-weight: 500; color: #66bfd7; } .template-zo_grid--post-style05 .zo-grid-item .zo-grid-readmore::after { content: '\f178'; font-family: FontAwesome; line-height: 48px; margin-left: 5px; opacity: 0; -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 */ } .template-zo_grid--post-style05 .zo-grid-item .zo-grid-readmore:hover::after { opacity: 1; } .template-zo_grid--post-style01 { /* Blog Magazine */ } .template-zo_grid--post-style01.podes-blog-masonry article.post-teaser { margin-bottom: 0px; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-item .zo-grid-readmore { display: none; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-item .zo-grid-content { margin-bottom: 0; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-item .zo-blog-meta { font-family: 'Lora', sans-serif; margin-bottom: 5px; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-item .zo-blog-meta ul { margin: 20px 0 0; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-item .zo-grid-title { line-height: 30px; color: #160f19; font-weight: 400; font-style: italic; margin-top: 0; margin-bottom: 5px; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-filter .zo-filter-category { margin: 0 0 30px; } .template-zo_grid--post-style01.podes-blog-masonry .zo-grid-filter .zo-filter-category li { text-transform: capitalize; font-weight: 300; } .template-zo_grid--post-style01.podes-blog-magazine article.post-teaser { margin-bottom: 15px; } .template-zo_grid--post-style01.podes-blog-magazine .zo-grid-item .zo-blog-meta { font-family: 'Lora', sans-serif; margin-bottom: 10px; } .template-zo_grid--post-style01.podes-blog-magazine .zo-grid-item .zo-blog-meta ul { margin: 20px 0 0; } .template-zo_grid--post-style01.podes-blog-magazine .zo-grid-item .zo-grid-title { line-height: 60px; color: #160f19; font-weight: 400; font-size: 36px; font-style: italic; margin-top: 0; margin-bottom: 10px; } .template-zo_grid--post-style06 article.post-teaser { margin-bottom: 10px; } .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta { font-family: 'Lora', sans-serif; margin-bottom: 0; } .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta ul { margin: 0; } @media screen and (max-width: 991px) { .template-zo_grid--post-style06 .zo-grid-item .zo-blog-meta ul { margin-top: 15px; } } .template-zo_grid--post-style06 .zo-grid-item .zo-grid-title { line-height: 60px; color: #160f19; font-weight: 400; font-size: 30px; font-style: italic; margin: 0; } .blog article.post-teaser { margin-bottom: 50px; } .owl-carousel .owl-nav { position: absolute; 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 */ width: 100%; } .owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; text-align: center; -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 */ } .owl-carousel .owl-nav .owl-next { position: absolute; right: 0; text-align: center; -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 */ } .owl-carousel .owl-dots { text-align: center; position: relative; z-index: 99; } .owl-carousel .owl-dots .owl-dot { display: inline-block; background: transparent; width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; border: 2px solid #bfc0c0; -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 */ } .owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover { border: 2px solid #2b2e2f; background: #2b2e2f; } .template-zo_carousel--client { position: relative; } .template-zo_carousel--client .zo-carousel-item { padding: 20px 10px; } .template-zo_carousel--client .zo-carousel-item img { margin: 0 auto; opacity: 0.8; -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_carousel--client .zo-carousel-item:hover img { -webkit-transform: scale(1.3); -khtml-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ opacity: 1; cursor: pointer; } .template-zo_carousel--client.owl-carousel .owl-nav { position: absolute; top: 0; left: 0; width: 100%; } .template-zo_carousel--client.owl-carousel .owl-nav .owl-prev { position: absolute; left: -15px; top: 0; background: #f5f5f5 !important; padding: 25px 10px 25px 8px !important; } .template-zo_carousel--client.owl-carousel .owl-nav .owl-prev:hover i { color: #66bfd7 !important; } .template-zo_carousel--client.owl-carousel .owl-nav .owl-prev i { color: #3d3d3d !important; font-size: 20px; } .template-zo_carousel--client.owl-carousel .owl-nav .owl-next { position: absolute; right: -15px; top: 0; background: #f5f5f5 !important; padding: 25px 10px 25px 8px !important; } .template-zo_carousel--client.owl-carousel .owl-nav .owl-next:hover i { color: #66bfd7 !important; } .template-zo_carousel--client.owl-carousel .owl-nav .owl-next i { color: #3d3d3d !important; font-size: 20px; } .template-zo_carousel--client-fullwidth .zo-carousel-item img { margin: 0 auto; padding: 35px 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 */ } .template-zo_carousel--client-fullwidth .zo-carousel-item:hover img { cursor: pointer; } .template-zo_carousel--client-fullwidth.less-background-secondary .zo-carousel-item { background: #2b2e2f; } .template-zo_carousel--testimonial { position: relative; } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-content { padding: 30px; font-size: 16px; line-height: 26px; color: #717779; font-weight: 300; position: relative; background: #f5f7f8; margin-bottom: 30px; -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 */ } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-content p { margin: 0; } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-content:after { content: ""; width: 0; height: 0; position: absolute; bottom: -7px; left: 50px; border-style: solid; border-width: 7px 7px 0 7px; border-color: #f5f7f8 transparent transparent transparent; -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 */ } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-title { font-size: 18px; font-weight: 600; line-height: 24px; margin: 0; color: #2b2e2f; } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-from { font-size: 14px; font-weight: 300; line-height: 24px; color: #66bfd7; } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-bottom .zo-carousel-thumbnail { float: left; margin-right: 25px; margin-left: 25px; } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-bottom .zo-carousel-thumbnail img { -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 */ } .template-zo_carousel--testimonial .zo-carousel .zo-carousel-bottom .zo-carousel-right { margin-left: 120px; } .template-zo_carousel--testimonial .zo-carousel .owl-item:hover .zo-carousel-content, .template-zo_carousel--testimonial .zo-carousel .center .zo-carousel-content { background: #66bfd7; color: #fff; } .template-zo_carousel--testimonial .zo-carousel .owl-item:hover .zo-carousel-content:after, .template-zo_carousel--testimonial .zo-carousel .center .zo-carousel-content:after { border-color: #66bfd7 transparent transparent transparent; } .template-zo_carousel--testimonial .zo-carousel .owl-dots { margin-top: 55px !important; } .template-zo_carousel--testimonial.testimonial-light .zo-carousel .zo-carousel-title { color: #fff; } .template-zo_carousel--testimonial.testimonial-dark .zo-carousel .zo-carousel-content { background: #fff; } .template-zo_carousel--testimonial.testimonial-dark .zo-carousel .zo-carousel-content:after { border-color: #fff transparent transparent transparent; } .template-zo_carousel--testimonial-style02 .zo-carousel-item:hover .zo-carousel-image img { opacity: 1; } .template-zo_carousel--testimonial-style02 .zo-carousel-content { position: relative; padding-top: 80px; padding-bottom: 20px; color: #a8b0b2; } .template-zo_carousel--testimonial-style02 .zo-carousel-content:before { position: absolute; left: 1px; top: 0; content: "\f10d"; font-family: 'FontAwesome'; font-size: 36px; color: #66bfd7; } .template-zo_carousel--testimonial-style02 .zo-carousel-image { width: 90px; height: 90px; display: inline-block; } .template-zo_carousel--testimonial-style02 .zo-carousel-image img { border-radius: 50%; opacity: 0.9; -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_carousel--testimonial-style02 .zo-carousel-profile { width: calc(100% - 91px); float: right; padding-left: 25px; padding-top: 15px; } .template-zo_carousel--testimonial-style02 .zo-carousel-profile .zo-carousel-title { margin-bottom: 0; font-size: 24px; letter-spacing: 0.1em; font-weight: 500; } .template-zo_carousel--testimonial-style02 .zo-carousel-profile .zo-carousel-title a { color: #fff; } .template-zo_carousel--testimonial-style02 .zo-carousel-profile .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--testimonial-style02 .zo-carousel-profile .zo-carousel-from { color: #66bfd7; } .template-zo_carousel--testimonial-style02.testimonial-digital-agency .zo-carousel-profile .zo-carousel-title { margin: 0; font-size: 18px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; } .template-zo_carousel--testimonial-style02.testimonial-create-agency .zo-carousel-profile .zo-carousel-title { margin: 0; letter-spacing: 0; font-weight: bold; } .template-zo_carousel--testimonial-style02.testimonial-bright-agency .zo-carousel-profile .zo-carousel-title { margin: 0; letter-spacing: 0; } .template-zo_carousel--testimonial-style02.testimonial-bright-agency .zo-carousel-profile .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--testimonial-style02.testimonial-bright-agency .zo-carousel-profile .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--testimonial-style02.zo-black-title .zo-carousel-profile .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--testimonial-style02.zo-black-title .zo-carousel-profile .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--testimonial-style02.zo-black-title-2 .zo-carousel-profile .zo-carousel-title { letter-spacing: 0; } .template-zo_carousel--testimonial-style02.zo-black-title-2 .zo-carousel-profile .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--testimonial-style02.zo-black-title-2 .zo-carousel-profile .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-dots { margin-top: 25px !important; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-dots .owl-dot { width: 35px; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-dots .owl-dot span { border-radius: 1px !important; height: 3px !important; margin: 5px !important; width: 30px !important; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-dots .owl-dot:hover span { background: #66bfd7 !important; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-dots .owl-dot.active span { background: #66bfd7 !important; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-nav { top: auto; bottom: 75px; right: 1px; position: absolute; width: 80px; } @media screen and (max-width: 766px) { .template-zo_carousel--testimonial-style02.owl-carousel .owl-nav { display: none; } } .template-zo_carousel--testimonial-style02.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; } .template-zo_carousel--testimonial-style02.owl-carousel .owl-nav [class*="owl-"] { background: unset !important; border: 2px solid #a8b0b2; border-radius: 50% !important; color: #a8b0b2 !important; font-size: 22px !important; height: 30px !important; line-height: 27px !important; margin: 5px !important; padding: 0 !important; text-align: center !important; width: 30px !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 */ } .template-zo_carousel--testimonial-style02.owl-carousel .owl-nav [class*="owl-"]:hover { color: #66bfd7 !important; border: 2px solid #66bfd7; } .template-zo_carousel--testimonial-style03 { position: relative; } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-content { padding: 30px; font-size: 16px; line-height: 26px; color: #717779; font-weight: 300; position: relative; background: #f5f7f8; -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 */ } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-content p { margin: 0; } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-content:after { content: ""; width: 0; height: 0; position: absolute; top: -7px; left: 50px; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #f5f7f8 transparent; -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 */ } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-title { font-size: 18px; font-weight: 600; line-height: 24px; margin: 0; color: #2b2e2f; } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-from { font-size: 14px; font-weight: 300; line-height: 24px; color: #66bfd7; } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-head { display: inline-block; width: 100%; margin-bottom: 30px; } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-head .zo-carousel-thumbnail { float: left; margin-right: 25px; margin-left: 25px; } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-head .zo-carousel-thumbnail img { -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 */ } .template-zo_carousel--testimonial-style03 .zo-carousel .zo-carousel-head .zo-carousel-right { margin-left: 120px; } .template-zo_carousel--testimonial-style03 .zo-carousel .owl-item:hover .zo-carousel-content, .template-zo_carousel--testimonial-style03 .zo-carousel .center .zo-carousel-content { background: #66bfd7; color: #fff; } .template-zo_carousel--testimonial-style03 .zo-carousel .owl-item:hover .zo-carousel-content:after, .template-zo_carousel--testimonial-style03 .zo-carousel .center .zo-carousel-content:after { border-color: transparent transparent #66bfd7 transparent; } .template-zo_carousel--testimonial-style03 .zo-carousel .owl-dots { margin-top: 55px !important; } .template-zo_carousel--testimonial-style03.testimonial-light .zo-carousel .zo-carousel-title { color: #fff; } .template-zo_carousel--testimonial-style03.testimonial-dark .zo-carousel .zo-carousel-content { background: #fff; } .template-zo_carousel--testimonial-style03.testimonial-dark .zo-carousel .zo-carousel-content::after { border-color: transparent transparent #fff transparent; } .template-zo_carousel--testimonial-style04 { position: relative; } .template-zo_carousel--testimonial-style04:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; border: 4px solid #66bfd7; } .template-zo_carousel--testimonial-style04 .zo-carousel-item:hover .zo-carousel-image img { opacity: 1; } .template-zo_carousel--testimonial-style04 .zo-carousel-image { width: 90px; height: 90px; margin: 0 auto; } .template-zo_carousel--testimonial-style04 .zo-carousel-image img { border-radius: 50%; opacity: 0.9; -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_carousel--testimonial-style04 .zo-carousel-content { margin-top: 25px; padding: 100px 100px 10px; font-size: 18px; line-height: 30px; text-align: center; position: relative; } @media (min-width: 767px) and (max-width: 991px) { .template-zo_carousel--testimonial-style04 .zo-carousel-content { padding: 100px 50px 10px; } } @media screen and (max-width: 499px) { .template-zo_carousel--testimonial-style04 .zo-carousel-content { padding: 100px 30px 10px; } } .template-zo_carousel--testimonial-style04 .zo-carousel-content:before { position: absolute; top: 30px; left: calc(50% - 11px); content: "\f10d"; font-family: 'FontAwesome'; font-size: 36px; color: #66bfd7; } .template-zo_carousel--testimonial-style04 .zo-carousel-profile .zo-carousel-title { text-align: center; margin-bottom: 5px; margin-top: 15px; font-size: 18px; letter-spacing: 0.2em; } .template-zo_carousel--testimonial-style04 .zo-carousel-profile .zo-carousel-title span { padding: 10px 10px; } .template-zo_carousel--testimonial-style04 .zo-carousel-profile .zo-carousel-from { text-align: center; margin-bottom: 50px; color: #a8b0b2; } .template-zo_carousel--testimonial-style04.testimonial-basic-agency .zo-carousel-profile .zo-carousel-title { font-size: 22px; letter-spacing: 0; font-weight: 400; } .template-zo_carousel--testimonial-style04.owl-carousel .owl-dots { margin-top: 50px !important; } .template-zo_carousel--testimonial-style04.owl-carousel .owl-dots .owl-dot:hover, .template-zo_carousel--testimonial-style04.owl-carousel .owl-dots .owl-dot.active { background: #66bfd7; border-color: #66bfd7; } .template-zo_carousel--testimonial-style04.owl-carousel .owl-nav { top: auto; bottom: 200px; left: calc(50% - 150px); position: absolute; width: 300px; } .template-zo_carousel--testimonial-style04.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; } .template-zo_carousel--testimonial-style04.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; } .template-zo_carousel--testimonial-style04.owl-carousel .owl-nav [class*="owl-"] { background: unset !important; color: #a8b0b2 !important; font-size: 20px !important; height: 30px !important; line-height: 29 px !important; margin: 5px !important; padding: 0 !important; text-align: center !important; width: 30px !important; border: 1px solid #a8b0b2; border-radius: 50% !important; } @media screen and (max-width: 767px) { .template-zo_carousel--testimonial-style04.owl-carousel .owl-nav [class*="owl-"] { font-size: 15px !important; } } .template-zo_carousel--testimonial-style04.owl-carousel .owl-nav [class*="owl-"]:hover { border-color: #66bfd7 !important; } .template-zo_carousel--testimonial-style04.podes-light:before { border: none; } .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-content { color: #fff; margin-top: 0; padding: 80px 100px 10px; } @media (min-width: 767px) and (max-width: 991px) { .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-content { padding: 80px 50px 10px; } } @media screen and (max-width: 499px) { .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-content { padding: 80px 30px 10px; } } .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-content:before { top: 0; color: #a8b0b2; } .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-profile .zo-carousel-title { color: #fff; } .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-profile .zo-carousel-title a { color: #fff; } .template-zo_carousel--testimonial-style04.podes-light .zo-carousel-profile .zo-carousel-from { margin-bottom: 0; } .template-zo_carousel--testimonial-style04.podes-light.owl-carousel .owl-nav { top: auto; bottom: 145px; } .template-zo_carousel--testimonial-style04.podes-light.owl-carousel .owl-nav [class*="owl-"] { color: #fff !important; border: 1px solid #fff; } .template-zo_carousel--testimonial-style04.podes-light.owl-carousel .owl-nav [class*="owl-"]:hover { color: #66bfd7 !important; border-color: #66bfd7 !important; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-content { color: #2b2e2f; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-content p::before { content: '" '; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-content p::after { content: ' "'; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-profile { position: relative; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-profile .zo-carousel-title { display: inline-block; padding-right: 15px; font-size: 18px; font-weight: 500; margin: 0 0 5px; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-profile .zo-carousel-from { display: inline-block; font-size: 12px; color: #66bfd7; padding-left: 15px; position: relative; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-profile .zo-carousel-from::before { content: '|'; position: absolute; top: 0; left: 0; color: #bfc0c0; } .template-zo_carousel--testimonial-style05 .zo-carousel-item .zo-carousel-profile::after { content: "\f10d"; font-family: 'FontAwesome'; font-size: 50px; line-height: 30px; color: #647072; position: absolute; top: 50%; right: 0; transform: translateY(-50%); opacity: 0.1; z-index: 0; } .template-zo_carousel--testimonial-style05.owl-carousel .owl-dots { text-align: left; margin-top: 5px; margin-bottom: 15px; } .template-zo_carousel--team { padding: 60px 45px 50px 55px !important; box-shadow: 0 10px 45px 0 rgba(50, 50, 50, 0.2); background: #fff; position: relative; } @media screen and (max-width: 767px) { .template-zo_carousel--team { box-shadow: unset; padding: 0 !important; } } .template-zo_carousel--team.row { margin-left: 0 !important; margin-right: 0 !important; } .template-zo_carousel--team .zo-title { font-size: 48px; line-height: 48px; margin-bottom: 0; font-weight: 700; } .template-zo_carousel--team .zo-sub-title { font-size: 48px; line-height: 48px; font-weight: 700; margin-bottom: 60px; } .template-zo_carousel--team .zo-sub-title span { position: relative; } .template-zo_carousel--team .zo-sub-title span:before { position: absolute; bottom: -20px; left: 0; content: ""; width: 100%; height: 4px; background: #66bfd7; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content { padding-left: 0 !important; padding-bottom: 25px; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content .zo-team-position { font-size: 16px; padding-left: 2px; text-transform: uppercase; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content .zo-carousel-title { display: none; text-transform: uppercase; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content .zo-carousel-link { margin-top: 60px; margin-left: 30px; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content .zo-carousel-link a { padding-right: 5px; padding-left: 5px; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-content img { margin-top: 40px; } .template-zo_carousel--team .zo-carousel-item .zo-carousel-avatar { padding-right: 0 !important; } @media screen and (max-width: 767px) { .template-zo_carousel--team .zo-carousel-item .zo-carousel-avatar { padding-left: 0 !important; } } .template-zo_carousel--team .zo-custom-title { margin-top: 10px; } .template-zo_carousel--team .zo-custom-title a { color: #2b2e2f; font-size: 18px; font-weight: 600; } .template-zo_carousel--team .zo-custom-title a:hover { color: #66bfd7; } .template-zo_carousel--team .zo-custom-title .zo-team-position { color: #66bfd7; position: relative; padding-left: 15px; font-size: 14px; font-weight: 300; } .template-zo_carousel--team .zo-custom-title .zo-team-position:before { position: absolute; left: 5px; top: 0; content: ""; width: 1px; height: 100%; background: #66bfd7; } .template-zo_carousel--team .zo-carousel-desc { font-size: 18px; } .template-zo_carousel--team .zo-carousel-dots { margin-top: 20px; } .template-zo_carousel--team .zo-carousel-dots .zo-carousel-dot { display: inline-block; width: 48%; margin-bottom: 10px; 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 */ } .template-zo_carousel--team .zo-carousel-dots .zo-carousel-dot:hover { opacity: 1; cursor: pointer; } .template-zo_carousel--team .zo-carousel-dots .zo-carousel-dot.active { opacity: 1; } .template-zo_carousel--team .zo-carousel-dots .zo-carousel-dot:nth-child(2n) { margin-left: 10px; } .template-zo_carousel--team-style02 { position: relative; } .template-zo_carousel--team-style02 .zo-carousel-team { -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: rgba(255, 255, 255, 0); } .template-zo_carousel--team-style02 .zo-carousel-team:hover .zo-carousel-team-socials { opacity: 1; height: 100%; -webkit-transform: translateY(-50%) rotate(0); -khtml-transform: translateY(-50%) rotate(0); -moz-transform: translateY(-50%) rotate(0); -ms-transform: translateY(-50%) rotate(0); -o-transform: translateY(-50%) rotate(0); transform: translateY(-50%) rotate(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-image { width: 100%; height: 100%; overflow: hidden; position: relative; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-image img { -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 */ } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-socials { width: 100%; height: 30%; position: absolute; left: 0; top: 50%; opacity: 0; background: #66bfd7; background: rgba(102, 191, 215, 0.7); /* Y */ /* BACKGROUND COLOR OPACITY */ -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 */ -webkit-transform: translateY(-50%) rotate(-30deg); -khtml-transform: translateY(-50%) rotate(-30deg); -moz-transform: translateY(-50%) rotate(-30deg); -ms-transform: translateY(-50%) rotate(-30deg); -o-transform: translateY(-50%) rotate(-30deg); transform: translateY(-50%) rotate(-30deg); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-socials .zo-social { text-align: center; margin: 0; padding: 0; position: absolute; left: 50%; transform: translate(-50%, -50%); width: 100%; top: 50%; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-socials .zo-social li { list-style: none; display: inline; padding: 0 5px; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-socials .zo-social li a { font-size: 14px; color: #fff; width: 30px; height: 30px; line-height: 32px; display: inline-block; background: transparent; -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 */ } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-socials .zo-social li a:hover { color: #66bfd7; background: #fff; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-content { text-align: center; padding: 25px 0; background: #fff; transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; -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 */ } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-content .zo-carousel-title { margin: 0; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-content .zo-carousel-title a { color: #2b2e2f; font-weight: 600; font-size: 18px; line-height: 24px; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-content .zo-carousel-team-profile { font-size: 14px; color: #a8b0b2; font-weight: 300; line-height: 24px; } .template-zo_carousel--team-style02 .zo-carousel-team .zo-carousel-team-content .zo-carousel-team-profile p { margin-bottom: 0; } .template-zo_carousel--team-style02 .owl-theme .owl-nav { display: inline-block; position: absolute; top: -95px; right: 0; } .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-next, .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-prev { width: 30px; height: 30px; line-height: 30px; background: transparent; border-radius: 50%; padding: 0; border: 2px solid #2b2e2f; -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_carousel--team-style02 .owl-theme .owl-nav .owl-next i, .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-prev i { font-size: 25px; color: #2b2e2f; -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_carousel--team-style02 .owl-theme .owl-nav .owl-next:hover, .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-prev:hover { border-color: #66bfd7; } .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-next:hover i, .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-prev:hover i { color: #66bfd7; } .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-next { right: 0; } .template-zo_carousel--team-style02 .owl-theme .owl-nav .owl-prev { left: auto; right: 35px; } .template-zo_carousel--post { position: relative; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-image { width: 45%; display: inline-block; } @media screen and (max-width: 599px) { .template-zo_carousel--post .zo-carousel-item .zo-carousel-image { width: 100%; display: block; margin-bottom: 30px; } } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content { width: 50%; float: right; } @media screen and (max-width: 599px) { .template-zo_carousel--post .zo-carousel-item .zo-carousel-content { width: 100%; float: none; } } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-date { text-transform: uppercase; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-date .zo-day { font-size: 36px; line-height: 36px; color: #66bfd7; letter-spacing: 0.1em; font-weight: 500; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-date .zo-month { color: #2b2e2f; font-size: 14px; letter-spacing: 0.2em; font-weight: 700; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-title { font-size: 24px; margin-top: 15px; text-transform: uppercase; font-weight: 400; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; /* Y */ /* COLOR OPACITY */ } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-content { margin-bottom: 10px; } @media screen and (max-width: 499px) { .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-content { display: none; } } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-grid-readmore { color: #66bfd7; font-weight: 400; font-size: 13px; letter-spacing: 0.2em; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-grid-readmore:hover { color: #2b2e2f; } .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-desc { line-height: 24px; margin-bottom: 15px; } .template-zo_carousel--post.post-create-agency .zo-carousel-item .zo-carousel-content .zo-carousel-title { font-size: 22px; margin-top: 15px; text-transform: none; font-weight: 400; } .template-zo_carousel--post.owl-carousel .owl-nav { width: 100%; } .template-zo_carousel--post.owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; } .template-zo_carousel--post.owl-carousel .owl-nav .owl-next { position: absolute; right: 0; } .template-zo_carousel--post.owl-carousel .owl-nav [class*="owl-"] { background: unset !important; color: #fff !important; font-size: 20px !important; } @media screen and (max-width: 767px) { .template-zo_carousel--post.owl-carousel .owl-nav [class*="owl-"] { font-size: 15px !important; } } .template-zo_carousel--post.owl-carousel .owl-nav [class*="owl-"]:hover { color: #66bfd7 !important; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-carousel-title { margin-top: 25px; margin-bottom: 5px; font-size: 16px; text-transform: uppercase; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-carousel-meta ul { margin: 0 0 15px 0; padding-left: 0; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-carousel-meta ul li { list-style-type: none; display: inline; padding-left: 0; padding-right: 20px; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-carousel-content { margin-bottom: 10px; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-post-readmore { font-weight: 500; color: #2b2e2f; } .template-zo_carousel--post-style01 .zo-carousel-item .zo-carousel-content .zo-post-readmore:hover { color: #66bfd7; } .template-zo_carousel--post-style02 { padding: 0 60px; } @media screen and (max-width: 991px) { .template-zo_carousel--post-style02 { padding: 0 30px; } } @media screen and (max-width: 766px) { .template-zo_carousel--post-style02 { padding: 0 15px; } } .template-zo_carousel--post-style02 .zo-carousel-item { margin-bottom: 40px; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-blog-image { position: relative; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; background: rgba(0, 0, 0, 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 */ } .template-zo_carousel--post-style02 .zo-carousel-item .zo-blog-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_carousel--post-style02 .zo-carousel-item .zo-blog-image .zo-grid-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-blog-image .zo-grid-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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_carousel--post-style02 .zo-carousel-item .zo-blog-image .zo-grid-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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_carousel--post-style02 .zo-carousel-item .zo-blog-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-blog-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_carousel--post-style02 .zo-carousel-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_carousel--post-style02 .zo-carousel-item:hover .zo-blog-image .zo-grid-overlay { opacity: 1; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul { margin: 10px 0 0; padding: 0; list-style: none; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li { font-size: 12px; padding: 0; display: inline-block; color: #a8b0b2; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li::before { content: ' | '; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li:first-child::before { content: ''; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-author { text-transform: capitalize; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-author a { color: #a8b0b2; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-author a:hover { color: #66bfd7; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-category a { color: #66bfd7; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-category a:hover { color: #2b2e2f; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-carousel-title { font-size: 18px; margin-top: 0; margin-bottom: 20px; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-post-readmore { text-decoration: underline; color: #66bfd7; } .template-zo_carousel--post-style02 .zo-carousel-item .zo-carousel-content .zo-post-readmore:hover { color: #2b2e2f; } .template-zo_carousel_fancybox .zo-carousel-fancy-item { text-align: center; } .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-fancybox-title { margin-top: 15px; margin-bottom: 5px; font-size: 24px; font-weight: 500; } .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-fancybox-title .year { color: #66bfd7; } .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-fancybox-title .text { color: #fff; padding-left: 14px; position: relative; } .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-fancybox-title .text:before { position: absolute; top: 18px; left: 2px; width: 10px; height: 2px; content: ""; background: #fff; } .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-carousel-fancy-box-content { font-size: 16px; color: #a8b0b2; } @media screen and (min-width: 500px) { .template-zo_carousel_fancybox .owl-stage .center .zo-carousel-fancy-item .zo-fancybox-title { font-size: 48px; font-weight: 500; line-height: 50px; margin-top: 0; } .template-zo_carousel_fancybox .owl-stage .center .zo-carousel-fancy-item .zo-fancybox-title .text { padding-left: 18px; } .template-zo_carousel_fancybox .owl-stage .center .zo-carousel-fancy-item .zo-fancybox-title .text:before { top: 35px; height: 4px; width: 15px; } .template-zo_carousel_fancybox .owl-stage .center .zo-carousel-fancy-box-content { font-size: 18px; color: #a8b0b2; } } .template-zo_carousel_fancybox .owl-carousel .owl-nav { top: 13px; left: 0; position: absolute; width: 100%; margin: 0 !important; } .template-zo_carousel_fancybox .owl-carousel .owl-nav .owl-prev { position: absolute; left: 0; } .template-zo_carousel_fancybox .owl-carousel .owl-nav .owl-next { position: absolute; right: 0; } .template-zo_carousel_fancybox .owl-carousel .owl-nav [class*="owl-"] { background: unset !important; color: inherit !important; font-size: 48px !important; height: 48px !important; line-height: 48px !important; margin: 5px !important; padding: 0 !important; text-align: center !important; width: 40px !important; border: none; } .template-zo_carousel_fancybox .owl-carousel .owl-nav [class*="owl-"]:hover { color: #66bfd7 !important; } .zo-light { /* Podes Consulting */ } .zo-light .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-fancybox-title .text { color: #2b2e2f; } .zo-light .template-zo_carousel_fancybox .zo-carousel-fancy-item .zo-fancybox-title .text:before { background: #2b2e2f; } .template-zo_carousel--post-style03 { /* Podes Finance */ } .template-zo_carousel--post-style03 .zo-carousel-item { margin-bottom: 40px; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-blog-image { position: relative; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-blog-image:before { position: absolute; top: 0; left: 50%; width: 0; height: 100%; content: ""; z-index: 2; background: rgba(0, 0, 0, 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 */ } .template-zo_carousel--post-style03 .zo-carousel-item .zo-blog-image .zo-blog-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; z-index: 3; -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_carousel--post-style03 .zo-carousel-item .zo-blog-image .zo-blog-overlay span { position: relative; display: inline-block; width: 51px; height: 51px; font-size: 0px; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-blog-image .zo-blog-overlay span:before { position: absolute; top: 50%; left: calc(50% - 10px); width: 21px; height: 1px; content: ""; background: #66bfd7; -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_carousel--post-style03 .zo-carousel-item .zo-blog-image .zo-blog-overlay span:after { position: absolute; top: calc(50% - 10px); left: 50%; width: 1px; height: 21px; content: ""; background: #66bfd7; -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_carousel--post-style03 .zo-carousel-item .zo-blog-image .zo-blog-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-blog-image .zo-blog-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_carousel--post-style03 .zo-carousel-item:hover .zo-blog-image:before { background: rgba(0, 0, 0, 0.5); width: 100%; left: 0; } .template-zo_carousel--post-style03 .zo-carousel-item:hover .zo-blog-image .zo-blog-overlay { opacity: 1; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-carousel-content .zo-blog-meta { margin-top: 15px; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-carousel-content .zo-blog-meta .zo-blog-date { font-size: 14px; line-height: 48px; letter-spacing: 0.2em; color: #a8b0b2; font-weight: 500; text-transform: uppercase; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-carousel-content .zo-carousel-title { margin: 8px 0 5px; font-weight: 600; font-size: 24px; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-carousel-content .zo-post-readmore { font-size: 13px; line-height: 48px; letter-spacing: 0.2em; font-weight: 500; color: #66bfd7; } .template-zo_carousel--post-style03 .zo-carousel-item .zo-carousel-content .zo-post-readmore::after { content: "\f101"; font-family: FontAwesome; line-height: 48px; margin-left: 5px; -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 */ } .template-zo_carousel--post-style03 .zo-carousel-item .zo-carousel-content .zo-post-readmore:hover { color: #2b2e2f; } .template-zo_carousel--post-style03.owl-theme .owl-nav { display: inline-block; position: absolute; top: -105px; right: 0; } .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-next, .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-prev { width: 30px; height: 30px; line-height: 30px; background: transparent; border-radius: 50%; padding: 0; text-align: center; display: inline-block; margin-left: 5px; border: 2px solid #2b2e2f; -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_carousel--post-style03.owl-theme .owl-nav .owl-next i, .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-prev i { font-size: 25px; color: #2b2e2f; } .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-next:hover, .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-prev:hover { background: #2b2e2f; } .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-next:hover i, .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-prev:hover i { color: #fff; } .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-next { right: 0; } .template-zo_carousel--post-style03.owl-theme .owl-nav .owl-prev { left: auto; right: 35px; } .template-zo_carousel--testimonial-style02.testimonial-finance .zo-carousel-profile .zo-carousel-title { letter-spacing: 0px; } .template-zo_carousel--testimonial-style02.testimonial-finance .zo-carousel-profile .zo-carousel-from { font-size: 14px; color: #a8b0b2; } .template-zo_carousel--post-style03 { /* Podes Architecture */ } .template-zo_carousel--post-style03.post-style-light .zo-carousel-item .zo-carousel-content .zo-carousel-title a { color: #fff; } .template-zo_carousel--post-style03.post-style-light .zo-carousel-item .zo-carousel-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--post-style03.post-style-light .zo-carousel-item .zo-carousel-content .zo-post-readmore:hover { color: #fff; } .template-zo_carousel--testimonial-style04.podes-architecture-testimonial::before { display: none; } .template-zo_carousel--testimonial-style04.podes-architecture-testimonial .zo-carousel-profile .zo-carousel-title { font-weight: 600; font-size: 24px; letter-spacing: 0px; } .template-zo_carousel--testimonial-style04.podes-architecture-testimonial .zo-carousel-content { color: #2b2e2f; } .testimonial-light { /* Podes Law Firm */ } .testimonial-light .owl-carousel .owl-dots .owl-dot.active, .testimonial-light .owl-carousel .owl-dots .owl-dot:hover { border: 2px solid #bfc0c0; background: #bfc0c0; } .template-zo_carousel--team-style03 { /* Blog Timeline */ } .template-zo_carousel--team-style03.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_carousel--team-style03 .zo-carousel-team { position: relative; background: #1f1a22; padding: 45px 30px 35px; z-index: 1; } .template-zo_carousel--team-style03 .zo-carousel-team:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #66bfd7; content: ""; -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 */ opacity: 0; z-index: 2; } .template-zo_carousel--team-style03 .zo-carousel-team:hover:before { opacity: 1; } .template-zo_carousel--team-style03 .zo-carousel-team:hover .zo-team-social { opacity: 1; -webkit-transform: translateX(-50%) translateY(400%); -khtml-transform: translateX(-50%) translateY(400%); -moz-transform: translateX(-50%) translateY(400%); -ms-transform: translateX(-50%) translateY(400%); -o-transform: translateX(-50%) translateY(400%); transform: translateX(-50%) translateY(400%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ z-index: 4; } .template-zo_carousel--team-style03 .zo-carousel-team:hover .zo-carousel-team-content .zo-carousel-team-profile { color: #fff; } .template-zo_carousel--team-style03 .zo-carousel-team:hover .zo-carousel-team-content .zo-carousel-team-desc { opacity: 0; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-image { position: relative; width: 175px; height: 175px; margin: 0 auto; z-index: 3; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-image img { border-radius: 50%; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content { text-align: center; z-index: 3; position: relative; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-title { margin-bottom: 5px; margin-top: 20px; font-size: 18px; font-weight: 600; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-title 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 */ } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-title a:hover { color: #fff; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-team-profile { -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 */ color: #66bfd7; margin-bottom: 20px; font-size: 14px; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-team-profile p { margin-bottom: 5px; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-team-desc { color: #a8b0b2; line-height: 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 */ } .template-zo_carousel--team-style03 .zo-carousel-team .zo-carousel-team-content .zo-carousel-team-desc span { display: block; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-team-social { 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_carousel--team-style03 .zo-carousel-team .zo-team-social .zo-carousel-team-socials { padding-left: 0; margin-bottom: 0; margin-top: 0; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-team-social .zo-carousel-team-socials li { padding: 0 5px; list-style-type: none; display: inline-block; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-team-social .zo-carousel-team-socials li a { font-size: 16px; color: #fff; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-team-social .zo-carousel-team-socials li a:hover { color: #66bfd7; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-team-social .zo-carousel-team-socials li a:hover i { background: #fff; } .template-zo_carousel--team-style03 .zo-carousel-team .zo-team-social .zo-carousel-team-socials li a i { width: 30px; height: 30px; background: transparent; line-height: 30px; text-align: center; border-radius: 50%; -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_carousel--team-style03.team-style-light .zo-carousel-team { background: #f6f7f8; padding-top: 70px; padding-bottom: 65px; } .template-zo_carousel--team-style03.team-style-light .zo-carousel-team .zo-carousel-team-content .zo-carousel-title { font-size: 18px; font-weight: 600; line-height: 30px; } .template-zo_carousel--team-style03.team-style-light .zo-carousel-team .zo-carousel-team-content .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--team-style03.team-style-light .zo-carousel-team .zo-carousel-team-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_carousel--team-style03.team-style-light .zo-carousel-team:hover .zo-carousel-team-content .zo-carousel-title a { color: #fff; } .template-zo_carousel--team-style03 .owl-carousel .owl-nav .owl-prev { font-size: 36px; left: -30px; } @media screen and (max-width: 766px) { .template-zo_carousel--team-style03 .owl-carousel .owl-nav .owl-prev { left: -15px; } } .template-zo_carousel--team-style03 .owl-carousel .owl-nav .owl-next { font-size: 36px; right: -30px; } @media screen and (max-width: 766px) { .template-zo_carousel--team-style03 .owl-carousel .owl-nav .owl-next { right: -15px; } } .template-zo_carousel--post-style04 { text-align: center; } .template-zo_carousel--post-style04 .zo-carousel-item { margin-bottom: 15px; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta { font-family: 'Lora', sans-serif; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul { margin: 0 0 15px; padding: 0; list-style: none; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li { padding: 0; display: inline-block; color: #a8b0b2; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li::before { content: ' | '; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li:first-child::before { content: ''; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-author { text-transform: capitalize; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-author a { color: #a8b0b2; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-author a:hover { color: #66bfd7; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-category a { color: #66bfd7; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-blog-meta ul li.zo-blog-category a:hover { color: #2b2e2f; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-carousel-title { font-size: 36px; margin-top: 0; margin-bottom: 20px; line-height: 48px; font-style: italic; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-carousel-title a { color: #2b2e2f; } .template-zo_carousel--post-style04 .zo-carousel-item .zo-carousel-content .zo-carousel-title a:hover { color: #66bfd7; } .template-zo_countdown { text-align: center; } .template-zo_countdown .zo-countdown-hidden { display: none; } .template-zo_countdown .zo-count-down-number, .template-zo_countdown .zo-count-down-label { display: inline-block; } .template-zo_countdown .zo-count-down-number { font-size: 60px; line-height: 60px; font-weight: 700; color: #66bfd7; } .template-zo_countdown .zo-count-down-label { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #2b2e2f; letter-spacing: 0.2em; text-align: center; margin-top: 15px; } .template-zo_countdown--rectangle .zo-countdown-hidden { display: none; } .template-zo_countdown--rectangle .zo-count-down-rectangle { position: relative; background: #1a161f; } .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; font-weight: 700; color: #66bfd7; text-align: center; 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-rectangle .zo-count-down-number span { text-align: center; } .template-zo_countdown--rectangle .zo-count-down-label { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #2b2e2f; letter-spacing: 0.2em; text-align: center; margin-top: 15px; } .template-zo_countdown--rectangle.rectangle-light .zo-count-down-rectangle { background: #fff; } .template-zo_countdown--rectangle.rectangle-light .zo-count-down-label { color: #fff; } .template-zo_countdown--cricle .zo-countdown-hidden { display: none; } .template-zo_countdown--cricle .zo-count-down-wrap { border: 1px solid #eaebeb; padding-top: 60px; padding-bottom: 50px; -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 */ } .template-zo_countdown--cricle .zo-count-down-head { position: relative; } .template-zo_countdown--cricle .zo-count-down-head .zo-count-down-number { font-size: 60px; line-height: 60px; font-weight: 700; color: #66bfd7; text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 25px; } @media screen and (max-width: 499px) { .template-zo_countdown--cricle .zo-count-down-head .zo-count-down-number { font-size: 40px; } } .template-zo_countdown--cricle .zo-count-down-head .zo-count-down-number span { text-align: center; } .template-zo_countdown--cricle .zo-count-down-head .zo-count-down-number:after { content: ""; position: absolute; width: 90px; height: 2px; background: #2b2e2f; left: 50%; bottom: 0; -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_countdown--cricle .zo-count-down-label { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #2b2e2f; letter-spacing: 0.2em; text-align: center; margin-top: 15px; } .template-zo_countdown--cricle.cricle-light .zo-count-down-head .zo-count-down-number:after { background: #66bfd7; } .template-zo_countdown--cricle.cricle-light .zo-count-down-label, .template-zo_countdown--cricle.cricle-light .zo-count-down-head .zo-count-down-number { color: #fff; } .template-zo_countdown--split .zo-countdown-hidden { display: none; } .template-zo_countdown--split .zo-count-down-number { font-size: 60px; line-height: 60px; font-weight: 700; color: #66bfd7; 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 { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #2b2e2f; letter-spacing: 0.2em; text-align: center; margin-top: 15px; } .template-zo_countdown--split.less-primary .zo-count-down-number span { background: #66bfd7; } .template-zo_countdown--split.less-secondary .zo-count-down-number span { background: #2b2e2f; } .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; } .countdown-circle .clock-item .wrap { border: 1px solid #e7e7e7; -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 */ } .countdown-circle .clock-item .inner { height: 0px; padding-bottom: 100%; position: relative; width: 100%; } .countdown-circle .clock-item .inner .text { margin-top: -50px; position: absolute; top: 50%; text-align: center; width: 100%; } .countdown-circle .clock-canvas { border-radius: 50%; height: 0px; padding-bottom: 100%; } .countdown-circle .val { font-size: 60px; line-height: 60px; font-weight: 700; color: #2b2e2f; text-align: center; position: relative; padding-bottom: 20px; margin-bottom: 25px; } @media screen and (max-width: 499px) { .countdown-circle .val { font-size: 40px; } } .countdown-circle .val span { text-align: center; } .countdown-circle .val:after { content: ""; position: absolute; width: 90px; height: 2px; background: #2b2e2f; left: 50%; bottom: 0; -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 */ } .countdown-circle .type-time { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #2b2e2f; letter-spacing: 0.2em; text-align: center; margin-top: 15px; } .countdown-circle.canvas-circle-light .val, .countdown-circle.canvas-circle-light .type-time { color: #fff; } .countdown-circle.canvas-circle-light .val:after { background: #fff; } .no-gap { padding-left: 0px; padding-right: 0px; } .zo-filter-category li a span { display: none; line-height: 40px; font-size: 13px; position: absolute; right: -4px; top: -16px; -webkit-transform: translateX(100%); -khtml-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_grid--portfolio { min-height: 800px; } @media (min-width: 992px) and (max-width: 1280px) { .template-zo_grid--portfolio { min-height: 600px; } } @media (min-width: 768px) and (max-width: 991px) { .template-zo_grid--portfolio { min-height: 490px; } } .template-zo_grid--portfolio.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--portfolio .zo-grid-filter { background: #1d1f2c; height: 100%; left: 0; position: absolute; top: 0; width: 24%; padding: 120px 50px 100px 100px; } @media (min-width: 992px) and (max-width: 1280px) { .template-zo_grid--portfolio .zo-grid-filter { padding: 80px 30px 50px 60px; } } @media (min-width: 768px) and (max-width: 991px) { .template-zo_grid--portfolio .zo-grid-filter { padding: 50px 20px 20px 40px; width: 35%; } } @media screen and (max-width: 767px) { .template-zo_grid--portfolio .zo-grid-filter { padding: 0; position: relative; width: 100%; text-align: center; background: unset; } .template-zo_grid--portfolio .zo-grid-filter .zo-grid-title, .template-zo_grid--portfolio .zo-grid-filter .zo-grid-sub-title { display: inline-block; } } .template-zo_grid--portfolio .zo-grid-filter .zo-grid-title, .template-zo_grid--portfolio .zo-grid-filter .zo-grid-sub-title { letter-spacing: 0.2em; } @media screen and (min-width: 768px) { .template-zo_grid--portfolio .zo-grid-filter .zo-grid-title { color: #fff; } .template-zo_grid--portfolio .zo-grid-filter .zo-grid-sub-title { color: #fff; } .template-zo_grid--portfolio .zo-grid-filter .zo-grid-sub-title span { position: relative; } .template-zo_grid--portfolio .zo-grid-filter .zo-grid-sub-title span:before { position: absolute; content: ""; width: 97%; height: 3px; bottom: -25px; left: 0; background: #66bfd7; } .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category { margin: 100px 0 0; padding: 0; text-align: left; } .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category li { list-style-type: none; display: block; text-transform: uppercase; line-height: 80px; padding: 0; font-size: 18px; letter-spacing: 0.1em; } .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category li a { color: #a8b0b2; -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-filter .zo-filter-category li a:hover, .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category li a.active { color: #66bfd7; } } @media screen and (min-width: 768px) and (min-width: 992px) and (max-width: 1280px) { .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category li { line-height: 60px; } } @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 991px) { .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category li { line-height: 40px; } } .template-zo_grid--portfolio .zo-grid-masonry { width: 75%; float: right; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_grid--portfolio .zo-grid-masonry { width: 64%; } } @media screen and (max-width: 767px) { .template-zo_grid--portfolio .zo-grid-masonry { width: 100%; float: none; } } .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: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #686ab7; background-image: -webkit-gradient(right bottom, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to right bottom, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); 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 { 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; -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 */ z-index: -1; transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; } .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: #66bfd7; -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: #66bfd7; -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 { opacity: 0.9; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-overlay { -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 */ z-index: 1; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-title { margin-top: 25px; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.2em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; /* Y */ /* COLOR OPACITY */ } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-title a { color: #fff; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-title a:hover { color: #f5f5f5; } .template-zo_grid--portfolio .zo-grid-portfolio .zo-portfolio-category { color: #fff; font-size: 18px; } .template-zo_grid--portfolio.portfolio-title-style02 .zo-grid-portfolio .zo-portfolio-title { font-weight: bold; text-transform: capitalize; letter-spacing: 0; } .template-zo_grid--portfolio-lead.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--portfolio-lead.portfolio-bright-agency .zo-grid-portfolio .zo-portfolio-title { text-transform: capitalize; font-weight: 500; } .template-zo_grid--portfolio-lead .zo-grid-masonry { width: 75%; float: right; } @media (min-width: 768px) and (max-width: 991px) { .template-zo_grid--portfolio-lead .zo-grid-masonry { width: 64%; } } @media screen and (max-width: 767px) { .template-zo_grid--portfolio-lead .zo-grid-masonry { width: 100%; float: none; } } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; top: 50%; left: 50%; width: 0; height: 0; content: ""; background: transparent; opacity: 0.9; -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-lead .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(250%); -khtml-transform: translateX(-50%) translateY(250%); -moz-transform: translateX(-50%) translateY(250%); -ms-transform: translateX(-50%) translateY(250%); -o-transform: translateX(-50%) translateY(250%); transform: translateX(-50%) translateY(250%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 80%; text-align: center; -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 */ z-index: -1; transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; } .template-zo_grid--portfolio-lead .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-lead .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: #66bfd7; -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-lead .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: #66bfd7; -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-lead .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-image:hover:before { background-color: #686ab7; background-image: -webkit-gradient(right bottom, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(right bottom, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to right bottom, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); top: 0; left: 0; width: 100%; height: 100%; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-overlay { -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 */ z-index: 1; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-title { margin-top: 25px; margin-bottom: 5px; text-transform: uppercase; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-title a { color: #fff; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-title a:hover { color: #f5f5f5; } .template-zo_grid--portfolio-lead .zo-grid-portfolio .zo-portfolio-category { color: #fff; } .template-zo_grid--portfolio-lead .zo-grid-lead { position: relative; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-portfolio-image:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: #66bfd7; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-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: 80%; max-height: 80%; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-overlay .zo-grid-title { font-size: 48px; line-height: 50px; font-weight: 500; color: #fff; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-overlay .zo-grid-sub-title { color: #fff; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-overlay .zo-grid-link { margin-top: 30px; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-overlay .zo-grid-link a { color: #fff; font-size: 13px; font-weight: 700; text-transform: uppercase; position: relative; letter-spacing: 0.2em; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-overlay .zo-grid-link a:hover { color: #2b2e2f; } .template-zo_grid--portfolio-lead .zo-grid-lead .zo-grid-lead-overlay .zo-grid-link a i { font-size: 10px; margin-left: 3px; } .template-zo_grid--portfolio-gallery.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--portfolio-gallery.portfolio-basic-agency .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title { text-transform: none; font-size: 24px; font-weight: 400; } .template-zo_grid--portfolio-gallery .paging-navigation { margin-top: 30px; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image:hover:before { background: rgba(0, 0, 0, 0.8); top: 30px; left: 30px; width: calc(100% - 60px); } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-overlay { opacity: 1; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-content { -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 */ z-index: 1; display: block; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; top: 0; left: 50%; width: 0; height: calc(100% - 60px); 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-gallery .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-gallery .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-gallery .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: #66bfd7; -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-gallery .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: #66bfd7; -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-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-content { position: absolute; top: 50%; left: 0; width: 100%; padding: 15px; z-index: -1; display: none; transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; -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 */ -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-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title { margin-bottom: 5px; text-transform: uppercase; text-align: center; font-weight: 500; font-size: 1.7vw; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title a { color: #fff; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title a:hover { color: #66bfd7; } .template-zo_grid--portfolio-gallery .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-category { text-align: center; color: rgba(255, 255, 255, 0.8); } .template-zo_grid--portfolio-gallery.full-overlay .zo-grid-portfolio .zo-portfolio-image:hover:before { width: 100%; top: 0; left: 0; } .template-zo_grid--portfolio-gallery.full-overlay .zo-grid-portfolio .zo-portfolio-image:before { height: 100%; } @media screen and (min-width: 768px) { .template-zo_grid--portfolio-gallery .zo-grid-filter .zo-filter-category { text-align: right; } } .portfolio-fullwidth { padding-left: 75px; padding-right: 75px; } @media screen and (max-width: 1399px) { .portfolio-fullwidth { padding-left: 50px; padding-right: 50px; } } @media screen and (max-width: 991px) { .portfolio-fullwidth { padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 766px) { .portfolio-fullwidth { padding-left: 15px; padding-right: 15px; } } .template-zo_grid--portfolio-fullwidth.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--portfolio-fullwidth .paging-navigation { margin-top: 30px; } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image:hover:before { background: rgba(0, 0, 0, 0.8); top: 30px; left: 30px; width: calc(100% - 60px); } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-content { -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 */ z-index: 1; display: block; } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; top: 0; left: 50%; width: 0; height: calc(100% - 60px); 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-fullwidth .zo-grid-portfolio .zo-portfolio-image .zo-grid-content { position: absolute; top: 50%; left: 0; width: 100%; padding: 15px; z-index: -1; display: none; transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; -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 */ -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-fullwidth .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title { margin-bottom: 5px; text-align: center; font-weight: 500; font-size: 24px; } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title a { color: #fff; } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title a:hover { color: #66bfd7; } .template-zo_grid--portfolio-fullwidth .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-category { text-align: center; font-size: 18px; color: #66bfd7; } .template-zo_grid--portfolio-fullwidth.full-overlay .zo-grid-portfolio .zo-portfolio-image:hover:before { width: 100%; top: 0; left: 0; } .template-zo_grid--portfolio-fullwidth.full-overlay .zo-grid-portfolio .zo-portfolio-image:before { height: 100%; } .template-zo_grid--portfolio-fullwidth.full-overlay .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title { font-size: 18px; margin-top: 5px; } .template-zo_grid--portfolio-fullwidth.full-overlay .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-category { font-size: 14px; } .template-zo_grid--portfolio-fullwidth .zo-grid-filter .zo-filter-category li { text-transform: none; font-size: 18px; font-weight: 300; padding: 0 25px; } @media screen and (max-width: 991px) { .template-zo_grid--portfolio-fullwidth .zo-grid-filter .zo-filter-category li { padding: 0 10px; } } @media screen and (max-width: 599px) { .template-zo_grid--portfolio-fullwidth .zo-grid-filter .zo-filter-category li { padding: 0 5px; } } .template-zo_grid--portfolio-fullwidth .zo-grid-filter .zo-filter-category li a { position: relative; line-height: 30px; } .template-zo_grid--portfolio-fullwidth .zo-grid-filter .zo-filter-category li a span { display: block; } .template-zo_grid--portfolio-fullwidth.left-filter .zo-grid-filter .zo-filter-category { text-align: left; } .template-zo_grid--portfolio-fullwidth.left-filter .zo-grid-filter .zo-filter-category li:first-child { padding-left: 0; } .template-zo_masonry--portfolio-fullwidth .paging-navigation { margin-top: 30px; } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner { position: relative; } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner:hover:before { background: rgba(0, 0, 0, 0.8); top: 30px; left: 30px; width: calc(100% - 60px); } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner:hover .zo-masonry-boxed { -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 */ z-index: 1; display: block; } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner:before { position: absolute; top: 0; left: 50%; width: 0; height: calc(100% - 60px); 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_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner .zo-masonry-boxed { position: absolute; top: 50%; left: 0; width: 100%; padding: 15px; z-index: -1; display: none; transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; -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 */ -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_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner .zo-masonry-boxed .zo-masonry-title { margin-bottom: 5px; text-align: center; font-weight: 500; font-size: 24px; } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner .zo-masonry-boxed .zo-masonry-title a { color: #fff; } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner .zo-masonry-boxed .zo-masonry-title a:hover { color: #66bfd7; } .template-zo_masonry--portfolio-fullwidth .zo-masonry .zo-masonry-inner .zo-masonry-boxed .zo-portfolio-category { text-align: center; font-size: 18px; color: #66bfd7; } .template-zo_masonry--portfolio-fullwidth.full-overlay .zo-masonry .zo-masonry-inner:hover:before { width: 100%; top: 0; left: 0; } .template-zo_masonry--portfolio-fullwidth.full-overlay .zo-masonry .zo-masonry-inner:before { height: 100%; } .template-zo_masonry--portfolio-fullwidth.full-overlay .zo-masonry .zo-masonry-inner .zo-grid-content .zo-masonry-title { font-size: 18px; margin-top: 5px; } .template-zo_masonry--portfolio-fullwidth.full-overlay .zo-masonry .zo-masonry-inner .zo-grid-content .zo-portfolio-category { font-size: 14px; } .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li { text-transform: none; font-size: 18px; font-weight: 300; padding: 0 25px; margin: 0; } @media screen and (max-width: 991px) { .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li { padding: 0 10px; } } @media screen and (max-width: 599px) { .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li { padding: 0 5px; } } .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li a { position: relative; line-height: 30px; padding: 0; border: 0; } .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li a span { display: block; } .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li a.active, .template-zo_masonry--portfolio-fullwidth .zo-masonry-filter .zo-filter-category li a:hover { border: 0; color: #66bfd7; } .template-zo_masonry--portfolio-fullwidth.left-filter .zo-masonry-filter .zo-filter-category { text-align: left; } .template-zo_masonry--portfolio-fullwidth.left-filter .zo-masonry-filter .zo-filter-category li:first-child { padding-left: 0; } .template-zo_grid--portfolio-boxed.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--portfolio-boxed .paging-navigation { margin-top: 30px; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio { background: #fff; box-shadow: 1px 5px 12px 0 rgba(211, 211, 211, 0.7); border-top: 1px solid rgba(211, 211, 211, 0.35); } .template-zo_grid--portfolio-boxed .zo-grid-portfolio.no-gap { box-shadow: unset; border-top: unset; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; content: ""; background: rgba(0, 0, 0, 0.5); -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 */ } .template-zo_grid--portfolio-boxed .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-boxed .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-boxed .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: #66bfd7; -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-boxed .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: #66bfd7; -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-boxed .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:before { width: 100%; height: 1px; left: 0; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-portfolio-image .zo-grid-overlay span:hover:after { height: 100%; width: 1px; top: 0; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio:hover .zo-portfolio-image:before { background: rgba(0, 0, 0, 0.5); height: 100%; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio:hover .zo-portfolio-image .zo-grid-overlay { opacity: 1; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio:hover .zo-grid-content { background: #333; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio:hover .zo-grid-content .zo-portfolio-title { color: #fff; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-grid-content { background: rgba(51, 51, 51, 0); -webkit-transition: background ease 0.4s; -khtml-transition: background ease 0.4s; -moz-transition: background ease 0.4s; -ms-transition: background ease 0.4s; -o-transition: background ease 0.4s; transition: background ease 0.4s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-grid-content .zo-portfolio-title { padding-top: 25px; margin-bottom: 5px; margin-top: 0; text-transform: uppercase; text-align: center; -webkit-transition: all ease 0.1s; -khtml-transition: all ease 0.1s; -moz-transition: all ease 0.1s; -ms-transition: all ease 0.1s; -o-transition: all ease 0.1s; transition: all ease 0.1s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-grid-content .zo-portfolio-title a { color: inherit; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-grid-content .zo-portfolio-title a:hover { color: #66bfd7; } .template-zo_grid--portfolio-boxed .zo-grid-portfolio .zo-grid-content .zo-portfolio-category { text-align: center; padding-bottom: 15px; } .template-zo_grid--photographer.container-fluid { padding-left: 0 !important; padding-right: 0 !important; } .template-zo_grid--photographer .paging-navigation { margin-top: 30px; } .template-zo_grid--photographer .zo-grid-portfolio { position: relative; } .template-zo_grid--photographer .zo-grid-portfolio.no-gap { box-shadow: unset; border-top: unset; } .template-zo_grid--photographer .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--photographer .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; content: ""; background: rgba(0, 0, 0, 0.8); -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 */ } .template-zo_grid--photographer .zo-grid-portfolio:hover .zo-portfolio-image:before { height: 100%; } .template-zo_grid--photographer .zo-grid-portfolio:hover .zo-grid-content { 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 */ z-index: 1; } .template-zo_grid--photographer .zo-grid-portfolio:hover .zo-grid-content .zo-portfolio-title { color: #fff; } .template-zo_grid--photographer .zo-grid-portfolio .zo-grid-content { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-200%); -khtml-transform: translateX(-50%) translateY(-200%); -moz-transform: translateX(-50%) translateY(-200%); -ms-transform: translateX(-50%) translateY(-200%); -o-transform: translateX(-50%) translateY(-200%); transform: translateX(-50%) translateY(-200%); /* 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 */ transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; z-index: -1; } .template-zo_grid--photographer .zo-grid-portfolio .zo-grid-content .zo-portfolio-title { margin-bottom: 0; font-size: 24px; font-weight: 300; text-align: center; -webkit-transition: all ease 0.1s; -khtml-transition: all ease 0.1s; -moz-transition: all ease 0.1s; -ms-transition: all ease 0.1s; -o-transition: all ease 0.1s; transition: all ease 0.1s; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .template-zo_grid--photographer .zo-grid-portfolio .zo-grid-content .zo-portfolio-title a { color: inherit; } .template-zo_grid--photographer .zo-grid-portfolio .zo-grid-content .zo-portfolio-title a:hover { color: #66bfd7; } .template-zo_grid--photographer .zo-grid-portfolio .zo-grid-content .zo-portfolio-category { text-align: center; color: #66bfd7; } .template-zo_grid--photographer .zo-grid-filter .zo-filter-category li { text-transform: none; font-size: 18px; font-weight: 300; padding: 0 25px; } @media screen and (max-width: 991px) { .template-zo_grid--photographer .zo-grid-filter .zo-filter-category li { padding: 0 10px; } } @media screen and (max-width: 599px) { .template-zo_grid--photographer .zo-grid-filter .zo-filter-category li { padding: 0 5px; } } .template-zo_grid--photographer .zo-grid-filter .zo-filter-category li a { position: relative; } .template-zo_grid--photographer .zo-grid-filter .zo-filter-category li a span { display: block; } .template-zo_grid--photographer.left-filter .zo-grid-filter .zo-filter-category { text-align: left; } .template-zo_grid--photographer.left-filter .zo-grid-filter .zo-filter-category li:first-child { padding-left: 0; } .template-zo_masonry--portfolio .zo-masonry-inner { position: relative; } .template-zo_masonry--portfolio .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--portfolio .zo-masonry-overlay:hover { opacity: 1; background: rgba(0, 0, 0, 0.6); } .template-zo_masonry--portfolio .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--portfolio .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; } .template-zo_masonry--portfolio .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--portfolio .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--portfolio .zo-masonry-overlay a { color: #fff; } .template-zo_masonry--portfolio .zo-masonry-overlay a:hover { color: #66bfd7; } .template-zo_masonry--portfolio-boxed .zo-masonry-inner { position: relative; } .template-zo_masonry--portfolio-boxed .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--portfolio-boxed .zo-masonry-overlay:hover { opacity: 1; background: rgba(0, 0, 0, 0.6); } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay:hover .zo-masonry-boxed { background: #fff; box-shadow: 1px 5px 12px 0 rgba(211, 211, 211, 0.7); bottom: 0; } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay:hover .zo-masonry-pretty { -webkit-transform: translateX(-50%) translateY(calc(-50% - 25px)); -khtml-transform: translateX(-50%) translateY(calc(-50% - 25px)); -moz-transform: translateX(-50%) translateY(calc(-50% - 25px)); -ms-transform: translateX(-50%) translateY(calc(-50% - 25px)); -o-transform: translateX(-50%) translateY(calc(-50% - 25px)); transform: translateX(-50%) translateY(calc(-50% - 25px)); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay .zo-masonry-boxed { position: absolute; text-align: center; bottom: -50px; left: 0; width: 100%; height: 50px; background: rgba(255, 255, 255, 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 */ transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay .zo-masonry-boxed .zo-masonry-title { line-height: 50px; overflow: hidden; height: 50px; margin-bottom: 0; } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay .zo-masonry-boxed a { color: inherit; } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay .zo-masonry-boxed a:hover { color: #66bfd7; } .template-zo_masonry--portfolio-boxed .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; -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_masonry--portfolio-boxed .zo-masonry-overlay .zo-masonry-pretty a { color: #fff; } .template-zo_masonry--portfolio-boxed .zo-masonry-overlay .zo-masonry-pretty a:hover { color: #66bfd7; } .template-zo_carousel--portfolio .zo-carousel-item { position: relative; } .template-zo_carousel--portfolio .zo-carousel-item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #686ab7; background-image: -webkit-gradient(top right, from(#686ab7), #6593d8, to(#66bfd7)); background-image: -webkit-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: -moz-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: -ms-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: -o-linear-gradient(top right, #686ab7, #6593d8, #66bfd7); background-image: linear-gradient(to top right, #686ab7, #6593d8, #66bfd7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#686ab7', endColorStr='#66bfd7'); /* BACKGROUND GRADIENT */ z-index: 1; 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_carousel--portfolio .zo-carousel-item:hover .zo-carousel-overlay { -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_carousel--portfolio .zo-carousel-item:hover:before { opacity: 0.9; } .template-zo_carousel--portfolio .zo-carousel-overlay { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-400%); -khtml-transform: translateX(-50%) translateY(-400%); -moz-transform: translateX(-50%) translateY(-400%); -ms-transform: translateX(-50%) translateY(-400%); -o-transform: translateX(-50%) translateY(-400%); transform: translateX(-50%) translateY(-400%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 80%; text-align: center; z-index: 2; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; } .template-zo_carousel--portfolio .zo-carousel-overlay .zo-carousel-title { margin: 0 0 15px; font-size: 30px; letter-spacing: 0.1em; text-transform: uppercase; } .template-zo_carousel--portfolio .zo-carousel-overlay .zo-carousel-categories { color: #fff; font-size: 18px; } .template-zo_carousel--portfolio .zo-carousel-overlay a { color: #fff; } .template-zo_carousel--portfolio .zo-carousel-overlay a:hover { color: #2b2e2f; } .template-zo_carousel--portfolio .owl-dots { margin-top: 40px !important; } .template-zo_carousel--portfolio .owl-dots .owl-dot:hover, .template-zo_carousel--portfolio .owl-dots .owl-dot.active { background: #66bfd7 !important; border-color: #66bfd7 !important; } .template-zo_carousel--portfolio-style01 .zo-carousel-item { position: relative; } .template-zo_carousel--portfolio-style01 .zo-carousel-item:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.8); z-index: 1; 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_carousel--portfolio-style01 .zo-carousel-item:hover .zo-carousel-overlay { -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_carousel--portfolio-style01 .zo-carousel-item:hover:before { opacity: 1; } .template-zo_carousel--portfolio-style01 .zo-carousel-overlay { position: absolute; top: 50%; left: 50%; overflow: hidden; -webkit-transform: translateX(-50%) translateY(-400%); -khtml-transform: translateX(-50%) translateY(-400%); -moz-transform: translateX(-50%) translateY(-400%); -ms-transform: translateX(-50%) translateY(-400%); -o-transform: translateX(-50%) translateY(-400%); transform: translateX(-50%) translateY(-400%); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ width: 100%; max-height: 80%; text-align: center; z-index: 2; -webkit-transition: all 0.4s ease; -khtml-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ transition-delay: 0.1s; /* Safari */ -webkit-transition-delay: 0.1s; } .template-zo_carousel--portfolio-style01 .zo-carousel-overlay .zo-carousel-title { margin: 0 0 15px; font-size: 18px; letter-spacing: 0.5px; } .template-zo_carousel--portfolio-style01 .zo-carousel-overlay .zo-carousel-categories { color: #66bfd7; font-size: 14px; } .template-zo_carousel--portfolio-style01 .zo-carousel-overlay a { color: #fff; } .template-zo_carousel--portfolio-style01 .zo-carousel-overlay a:hover { color: #66bfd7; } .template-zo_carousel--portfolio-style01 .owl-dots { margin-top: 40px !important; } .template-zo_carousel--portfolio-style02 { position: relative; /* Podes Consulting */ } .template-zo_carousel--portfolio-style02 .zo-carousel-item { position: relative; } .template-zo_carousel--portfolio-style02 .zo-carousel-item .zo-carousel-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: rgba(43, 46, 47, 0.7); -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_carousel--portfolio-style02 .zo-carousel-item .zo-carousel-overlay .zo-carousel-title { font-size: 16px; font-weight: 500; color: #fff; position: relative; margin: 0; } .template-zo_carousel--portfolio-style02 .zo-carousel-item .zo-carousel-overlay .zo-carousel-title a { color: #fff; } .template-zo_carousel--portfolio-style02 .zo-carousel-item .zo-carousel-overlay .zo-carousel-title::after { content: '\e649'; font-family: 'themify'; font-size: 18px; color: #66bfd7; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .template-zo_carousel--portfolio-style02 .zo-carousel-item:hover .zo-carousel-overlay { background: rgba(102, 191, 215, 0.9); } .template-zo_carousel--portfolio-style02 .zo-carousel-item:hover .zo-carousel-overlay .zo-carousel-title::after { color: #fff; } .template-zo_carousel--portfolio-style02.owl-theme .owl-nav { display: inline-block; position: absolute; top: -105px; right: 0; } .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-next, .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-prev { width: 30px; height: 30px; line-height: 30px; background: transparent; border-radius: 50%; padding: 0; border: 2px solid #2b2e2f; -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_carousel--portfolio-style02.owl-theme .owl-nav .owl-next i, .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-prev i { font-size: 25px; color: #2b2e2f; } .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-next:hover, .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-prev:hover { border-color: #66bfd7; } .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-next:hover i, .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-prev:hover i { color: #66bfd7; } .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-next { right: 0; } .template-zo_carousel--portfolio-style02.owl-theme .owl-nav .owl-prev { left: auto; right: 35px; } .template-zo_carousel--portfolio-style03 { position: relative; /* Podes Finance */ } .template-zo_carousel--portfolio-style03 .zo-carousel-item { position: relative; } .template-zo_carousel--portfolio-style03 .zo-carousel-item .zo-carousel-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 30px 40px; background-color: rgba(26, 22, 31, 0.9); -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 */ } @media screen and (max-width: 991px) { .template-zo_carousel--portfolio-style03 .zo-carousel-item .zo-carousel-overlay { padding: 20px; } } .template-zo_carousel--portfolio-style03 .zo-carousel-item .zo-carousel-overlay::after { content: '\e649'; font-family: 'themify'; font-size: 30px; color: #66bfd7; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); } .template-zo_carousel--portfolio-style03 .zo-carousel-item .zo-carousel-overlay .zo-carousel-title { font-size: 24px; font-weight: 500; color: #fff; margin: 0 0 5px; } .template-zo_carousel--portfolio-style03 .zo-carousel-item .zo-carousel-overlay .zo-carousel-title a { color: #fff; } .template-zo_carousel--portfolio-style03 .zo-carousel-item .zo-carousel-overlay .zo-carousel-categories { color: #66bfd7; font-weight: 400; } .template-zo_carousel--portfolio-style03 .zo-carousel-item:hover .zo-carousel-overlay { background-color: rgba(104, 106, 183, 0.6); background-image: -webkit-gradient(right bottom, from(rgba(104, 106, 183, 0.6)), rgba(112, 103, 195, 0.6), to(rgba(170, 97, 204, 0.6))); background-image: -webkit-linear-gradient(to right bottom, rgba(104, 106, 183, 0.6), rgba(112, 103, 195, 0.6), rgba(170, 97, 204, 0.6)); background-image: -moz-linear-gradient(to right bottom, rgba(104, 106, 183, 0.6), rgba(112, 103, 195, 0.6), rgba(170, 97, 204, 0.6)); background-image: -ms-linear-gradient(to right bottom, rgba(104, 106, 183, 0.6), rgba(112, 103, 195, 0.6), rgba(170, 97, 204, 0.6)); background-image: -o-linear-gradient(to right bottom, rgba(104, 106, 183, 0.6), rgba(112, 103, 195, 0.6), rgba(170, 97, 204, 0.6)); background-image: linear-gradient(to right bottom, rgba(104, 106, 183, 0.6), rgba(112, 103, 195, 0.6), rgba(170, 97, 204, 0.6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='rgba(170, 97, 204, 0.6)', endColorStr='rgba(104, 106, 183, 0.6)'); } .template-zo_carousel--portfolio-style03 .zo-carousel-item:hover .zo-carousel-overlay::after { color: #fff; } .template-zo_carousel--portfolio-style03 .zo-carousel-item:hover .zo-carousel-overlay .zo-carousel-categories { color: #fff; } .template-zo_carousel--portfolio-style03.owl-theme .owl-nav { display: inline-block; position: absolute; top: -105px; right: 0; } @media screen and (min-width: 1170px) { .template-zo_carousel--portfolio-style03.owl-theme .owl-nav { right: calc((100% - 1170px)/2 + 15px); } } .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-next, .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-prev { width: 30px; height: 30px; line-height: 30px; background: transparent; border-radius: 50%; padding: 0; border: 2px solid #2b2e2f; text-align: center; display: inline-block; margin-left: 5px; -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_carousel--portfolio-style03.owl-theme .owl-nav .owl-next i, .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-prev i { font-size: 25px; color: #2b2e2f; } .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-next:hover, .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-prev:hover { background: #2b2e2f; } .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-next:hover i, .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-prev:hover i { color: #fff; } .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-next { right: 0; } .template-zo_carousel--portfolio-style03.owl-theme .owl-nav .owl-prev { left: auto; right: 35px; } .template-zo_grid--portfolio { /* Podes Architecture */ } .template-zo_grid--portfolio.portfolio-finance { min-height: 1px; } .template-zo_grid--portfolio.portfolio-finance .zo-grid-portfolio .zo-portfolio-title { font-weight: 500; letter-spacing: 0px; text-transform: none; margin-bottom: 10px; } .template-zo_grid--portfolio-fullwidth { /* Podes Construction */ } .template-zo_grid--portfolio-fullwidth.podes-architecture-portfolio .zo-grid-filter .zo-filter-category { margin: 0 0 32px; } .template-zo_grid--portfolio-fullwidth.podes-architecture-portfolio .zo-grid-filter .zo-filter-category li a { text-transform: uppercase; font-size: 18px; font-weight: 500; color: #fff; border-bottom: 2px solid transparent; } .template-zo_grid--portfolio-fullwidth.podes-architecture-portfolio .zo-grid-filter .zo-filter-category li a span { display: none; } .template-zo_grid--portfolio-fullwidth.podes-architecture-portfolio .zo-grid-filter .zo-filter-category li a.active, .template-zo_grid--portfolio-fullwidth.podes-architecture-portfolio .zo-grid-filter .zo-filter-category li a:hover { color: #fff; border-bottom: 2px solid #66bfd7; } .template-zo_grid--portfolio-gallery { /* Podes Interior */ } .template-zo_grid--portfolio-gallery.podes-construction-portfolio .zo-grid-filter .zo-filter-category { text-align: center; margin: 0 0 40px; } .template-zo_grid--portfolio-gallery.podes-construction-portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title { text-transform: none; font-size: 24px; } .template-zo_grid--portfolio-gallery.podes-construction-portfolio .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-category { color: #66bfd7; } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image { position: relative; } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image:hover:before { opacity: 0.8; background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image:hover .zo-grid-content { -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 */ z-index: 1; display: block; } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; opacity: 0; 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-style02 .zo-grid-portfolio .zo-portfolio-image .zo-grid-content { position: absolute; top: 50%; left: 0; width: 100%; padding: 15px; z-index: -1; display: none; transition-delay: 0.2s; /* Safari */ -webkit-transition-delay: 0.2s; -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 */ -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-style02 .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title { margin-bottom: 10px; text-align: center; font-weight: 400; font-size: 24px; } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title a { color: #fff; } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-title a:hover { color: #2b2e2f; } .template-zo_grid--portfolio-style02 .zo-grid-portfolio .zo-portfolio-image .zo-grid-content .zo-portfolio-category { text-align: center; font-size: 18px; color: #fff; } .template-zo_grid--portfolio-style02 .zo-grid-filter .zo-filter-category li { text-transform: none; font-size: 18px; font-weight: 300; padding: 0 25px; } @media screen and (max-width: 991px) { .template-zo_grid--portfolio-style02 .zo-grid-filter .zo-filter-category li { padding: 0 10px; } } @media screen and (max-width: 599px) { .template-zo_grid--portfolio-style02 .zo-grid-filter .zo-filter-category li { padding: 0 5px; } } .template-zo_grid--portfolio-style02 .zo-grid-filter .zo-filter-category li a { position: relative; line-height: 30px; } .template-zo_grid--portfolio-style02 .zo-grid-filter .zo-filter-category li a span { display: block; } .template-zo_grid--portfolio-style02.podes-light .zo-grid-filter .zo-filter-category li a { color: #fff; } .template-zo_grid--portfolio-style02.podes-light .zo-grid-filter .zo-filter-category li a:hover, .template-zo_grid--portfolio-style02.podes-light .zo-grid-filter .zo-filter-category li a.active { color: #66bfd7; } #zo-load-posts { text-align: center; margin: 50px 0; } #zo-load-posts a { padding: 10px 35px; border-radius: 30px; border: 2px solid #66bfd7; font-weight: 500; line-height: 21px; letter-spacing: 0.2em; font-size: 13px; text-transform: uppercase; color: #2b2e2f; background-color: transparent; } #zo-load-posts a:hover { color: #fff; background-color: #66bfd7; } .template-zo_counter_single .zo-counter-item { text-align: center; } @media screen and (max-width: 767px) { .template-zo_counter_single .zo-counter-item { margin-bottom: 30px; } } .template-zo_counter_single .zo-counter-item i { font-size: 50px; background-color: #66bfd7; background-image: -webkit-gradient(right bottom, from(#66bfd7), #6593d8, to(#686ab7)); background-image: -webkit-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -moz-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -ms-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: -o-linear-gradient(right bottom, #66bfd7, #6593d8, #686ab7); background-image: linear-gradient(to right bottom, #66bfd7, #6593d8, #686ab7); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#66bfd7', endColorStr='#686ab7'); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .template-zo_counter_single .zo-counter-item .zo-counter-title { margin-bottom: 35px; color: #fff; position: relative; font-size: 17px; font-weight: 400; letter-spacing: 2px; } .template-zo_counter_single .zo-counter-item .zo-counter { font-size: 48px; line-height: 48px; margin-bottom: 20px; color: #fff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: grayscale; /* Y */ /* COLOR OPACITY */ } .template-zo_counter_single.counter-dark .zo-counter-item .zo-counter-title, .template-zo_counter_single.counter-dark .zo-counter-item .zo-counter { color: #2b2e2f; } .template-zo_counter_single.style-light .zo-counter-icon i { color: #fff; -webkit-text-fill-color: initial; } .template-zo_counter_single--transparent { /* Podes Finance */ } .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: 60px; line-height: 60px; 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.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 { /* Podes Law Firm */ } @media screen and (max-width: 991px) { .template-zo_counter_single.single-counter-finance .zo-counter-item { margin-bottom: 30px; } } .template-zo_counter_single.counter-dark-style-2 .zo-counter-item { position: relative; margin-bottom: 15px; padding-bottom: 27px; } .template-zo_counter_single.counter-dark-style-2 .zo-counter-item::after { content: ''; height: 6px; width: 100%; background: #e1e1e1; position: absolute; left: 0; bottom: 0; } .template-zo_counter_single.counter-dark-style-2 .zo-counter-item .zo-counter-title { color: #2b2e2f; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight: 500; margin: 0; letter-spacing: 0; } .template-zo_counter_single.counter-dark-style-2 .zo-counter-item .zo-counter { color: #2b2e2f; font-family: 'Oswald', sans-serif; font-weight: 500; margin-bottom: 8px; } 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: #66bfd7; } .wpb_revslider_element .tp-bullets.simplebullets.round .bullet:hover { background: #66bfd7; } #zo-loadding { background: #fff; height: 100%; position: fixed; width: 100%; z-index: 1000; top: 0; } .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 ========================================================================== */ } .position-center-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .position-center-center p { font-style: italic; margin-top: 20px; text-align: center; } #zo-loadding .loading { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; width: 100px; margin: 0 auto; margin-top: 25px; position: relative; text-indent: -9999em; } .ball { border-radius: 50%; background: #66bfd7; width: 10px; height: 10px; position: absolute; -webkit-animation: loading 1.2s linear infinite; animation: loading 1.2s linear infinite; } .ball:nth-of-type(2) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .ball:nth-of-type(3) { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @-webkit-keyframes loading { 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 20% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: translate3d(33px, 0, 0); transform: translate3d(33px, 0, 0); } 60% { -webkit-transform: translate3d(66px, 0, 0); transform: translate3d(66px, 0, 0); } 80% { -webkit-transform: translate3d(99px, 0, 0); transform: translate3d(99px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(99px, 0, 0) scale(0.5); transform: translate3d(99px, 0, 0) scale(0.5); opacity: 0; } } @keyframes loading { /* ========================================================================== End Style 2 ========================================================================== */ /* ========================================================================== Style Circle ========================================================================== */ 0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); } 20% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 40% { -webkit-transform: translate3d(33px, 0, 0); transform: translate3d(33px, 0, 0); } 60% { -webkit-transform: translate3d(66px, 0, 0); transform: translate3d(66px, 0, 0); } 80% { -webkit-transform: translate3d(99px, 0, 0); transform: translate3d(99px, 0, 0); opacity: 1; } 100% { -webkit-transform: translate3d(99px, 0, 0) scale(0.5); transform: translate3d(99px, 0, 0) scale(0.5); opacity: 0; } } .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) { /* * End Main Menu For Screen Large ( > 992px ). */ /* * Max width of 992 pixels - Menu Mobi */ .nav-menu > li { /* Start Mega Menu */ } .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 > a .menu-title { position: relative; } .nav-menu > li > a .menu-title:after { content: ""; height: 2px; width: 100%; position: absolute; left: 0; bottom: -8px; -webkit-transform: scale(0); -khtml-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ -webkit-transition: transform 300ms ease; -khtml-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .nav-menu > li.current-menu-item, .nav-menu > li.current-menu-ancestor, .nav-menu > li.current_page_item, .nav-menu > li.current_page_ancestor, .nav-menu > li.current-menu-parent, .nav-menu > li:hover { /* Style Sub Menu - Level 2 */ } .nav-menu > li.current-menu-item > a .menu-title:after, .nav-menu > li.current-menu-ancestor > a .menu-title:after, .nav-menu > li.current_page_item > a .menu-title:after, .nav-menu > li.current_page_ancestor > a .menu-title:after, .nav-menu > li.current-menu-parent > a .menu-title:after, .nav-menu > li:hover > a .menu-title:after { -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 { position: absolute; left: 0; top: 100%; min-width: 250px; z-index: 99; padding: 30px 0; overflow: hidden; visibility: hidden; opacity: 0; text-align: left; background: #fff; box-shadow: 0 0 1px 0 #cecece; -webkit-box-shadow: 0 0 1px 0 #cecece; -moz-box-shadow: 0 0 1px 0 #cecece; cursor: pointer; -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-style-01 .nav-menu > li ul.sub-menu { left: -25px; } .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.current-menu-item > a, .nav-menu > li ul.sub-menu li.current-menu-ancestor > a, .nav-menu > li ul.sub-menu li.current_page_item > a, .nav-menu > li ul.sub-menu li.current_page_ancestor > a, .nav-menu > li ul.sub-menu li.current-menu-parent > a, .nav-menu > li ul.sub-menu li:hover > a { padding-left: 60px; } .nav-menu > li ul.sub-menu li.current-menu-item > a:before, .nav-menu > li ul.sub-menu li.current-menu-ancestor > a:before, .nav-menu > li ul.sub-menu li.current_page_item > a:before, .nav-menu > li ul.sub-menu li.current_page_ancestor > a:before, .nav-menu > li ul.sub-menu li.current-menu-parent > a:before, .nav-menu > li ul.sub-menu li:hover > a:before { left: 35px; opacity: 1; } .nav-menu > li ul.sub-menu li a { display: block; line-height: 36px; padding-left: 35px; position: relative; /* Menu - Level > 3 */ } .nav-menu > li ul.sub-menu li a:before { content: "\f178"; font-family: FontAwesome; opacity: 0; position: absolute; left: 25px; -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 */ } .nav-menu > li ul.sub-menu li a .title-attribute { padding: 0 15px; } .nav-menu > li ul.sub-menu li ul.sub-menu { top: -30px; left: 100%; /* Menu Stick Wall */ background: #fafafa; } .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%) rotate(-90deg); -khtml-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); /* 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; } .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.has_full_width:hover > ul { -webkit-transform: translateX(-50%) scaleY(1); -khtml-transform: translateX(-50%) scaleY(1); -moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1); -o-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .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; padding: 0; -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 > a, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li.group > a { color: #2b2e2f; letter-spacing: 0.05em !important; font-weight: 600 !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 > ul.multicolumn > li + li, .nav-menu > li.menu-item-has-children > ul.drop_full_width > li + li { border-left: 1px solid #dfdfe2; } #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; } .header-style-03 .nav-menu .item-menu-search { float: left; position: initial; } .header-style-03 .nav-menu .item-menu-cart { float: right; position: initial; } .zo-header-navigation.align-left .nav-menu > li.menu-item-has-children.has_full_width > ul { left: 0 !important; -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-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 */ } .zo-header-navigation.align-left .nav-menu > li.menu-item-has-children.has_full_width:hover > ul { -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-navigation.align-center .nav-menu > li.menu-item-has-children.has_full_width > ul { left: 50% !important; -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-transform: translateX(-50%) scaleY(0); -khtml-transform: translateX(-50%) scaleY(0); -moz-transform: translateX(-50%) scaleY(0); -ms-transform: translateX(-50%) scaleY(0); -o-transform: translateX(-50%) scaleY(0); transform: translateX(-50%) scaleY(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-navigation.align-center .nav-menu > li.menu-item-has-children.has_full_width:hover > ul { -webkit-transform: translateX(-50%) scaleY(1); -khtml-transform: translateX(-50%) scaleY(1); -moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1); -o-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .zo-header-navigation.align-right .nav-menu > li.menu-item-has-children.has_full_width > ul { left: initial !important; right: 0; -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-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 */ } .zo-header-navigation.align-right .nav-menu > li.menu-item-has-children.has_full_width:hover > ul { -webkit-transform: scaleY(1); -khtml-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .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 { top: 70px; bottom: 0; } .admin-bar .zo-header-navigation.show-menu { top: calc(32px + 70px); } .zo-header-navigation { background: #fff; position: fixed; bottom: 100%; top: -100%; width: 100%; overflow: auto; left: 0; z-index: 99; -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 { padding: 0; 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; margin-left: 10px; 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: -5px; } #zo-menu-mobile span:after { bottom: -5px; } #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: 30px; } ul.nav-menu > li li li a { padding-left: 45px; } ul.nav-menu > li li li li a { padding-left: 60px; } ul.nav-menu > li .zo-menu-toggle { cursor: pointer; position: absolute; right: 10px; text-align: center; top: 0; width: 30px; line-height: 40px; -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 */ } ul.nav-menu > li li .zo-menu-toggle { right: 20px; } ul.nav-menu > li li li .zo-menu-toggle { right: 30px; } ul.nav-menu > li li li li .zo-menu-toggle { right: 40px; /* Sub Level - Menu Mobi */ } ul.nav-menu > li ul.sub-menu { max-height: 0; overflow: hidden; width: 100% !important; padding-left: 0; -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[class*="mega-columns"] > li ul.sub-menu { max-height: 1500px; } ul.nav-menu > li ul.sub-menu.submenu-open[class*="mega-columns"] > li > .zo-menu-toggle { display: none; } ul.nav-menu > li ul.sub-menu.submenu-open + .zo-menu-toggle { -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: 782px) { .admin-bar .zo-header-navigation.show-menu { top: calc(46px + 70px); } } @media screen and (max-width: 767px) { /* * End Max width of 992 pixels - Menu Mobi */ /* ========================================================================== End Style Main Menu ========================================================================== */ .header-style-02 #zo-menu-mobile.close { right: 0; } } .secondary .widget, .wpb_widgetised_column .widget { border-bottom: none; margin-bottom: 50px; } .secondary .wg-title, .wpb_widgetised_column .wg-title { color: #2b2e2f; font-size: 22px; line-height: 36px; font-weight: 500; letter-spacing: 0; padding: 0; text-transform: capitalize; 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: #66bfd7; } .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: #66bfd7; } .sidebar-area aside.widget { margin-bottom: 50px; } .sidebar-area aside.widget .wg-title { font-size: 22px; color: #242d2e; font-weight: 500; } .sidebar-area a.active { color: #66bfd7; } #sortby_product a, #price_product a { line-height: 36px; } .service-sidebar .menu-sevices-container ul { background: transparent; padding: 0px; } .service-sidebar .menu-sevices-container ul li { padding: 0px; } #menu-sidebar-menu { padding: 0; margin: 0; list-style: none; } #menu-sidebar-menu li { border-bottom: 1px solid #a8b0b2; } #menu-sidebar-menu li a { padding-left: 20px; font-weight: 500; line-height: 50px; position: relative; } #menu-sidebar-menu li a::before { content: ''; position: absolute; top: 50%; left: 0; height: 0; width: 0; border: 5px solid transparent; border-left: 5px solid #a8b0b2; transform: translateY(-50%); } #menu-sidebar-menu li a:hover::before { border-left: 5px solid #66bfd7; } #menu-sidebar-menu li:last-child { border: 0; } .sticky-sidebar .menu { padding-left: 0; margin-top: 0; list-style: none; } .sticky-sidebar .menu li { padding-left: 15px; position: relative; border-bottom: 1px solid #fff; background: #f8f8f8; } .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 a { font-weight: 400; line-height: 45px; } .sticky-sidebar .menu li:hover::before, .sticky-sidebar .menu li.current-menu-item::before { background: #66bfd7; } .sticky-sidebar .menu li:hover a, .sticky-sidebar .menu li.current-menu-item a { color: #66bfd7; } .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: #66bfd7; } .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 #2b2e2f; } .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; } .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); /* Y */ /* BACKGROUND 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-get-touch li { position: relative; padding-left: 30px; /* ========================================================================== [End] 4. Instagram ========================================================================== */ /* ========================================================================== [Start] 5. Zo Recent Post ========================================================================== */ } .zo-get-touch li i { font-size: 20px; color: #808080; padding-right: 10px; position: absolute; top: 0; left: 0; } .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: #66bfd7; } .widget_calendar table { width: 100%; /** * Products Rate */ } .widget_calendar table caption { background: #66bfd7; color: #fff; font-size: 16px; line-height: 30px; font-weight: 600; letter-spacing: 0; padding: 7px 0 6px; text-transform: uppercase; margin-bottom: 0; text-align: center; } .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: #66bfd7; } .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 #66bfd7; } .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: 60px; 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: #66bfd7; } .widget_zo-recent-posts-widget-with-thumbnails ul li .recent-detail .zo-post-date { line-height: 20px; 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: #66bfd7; 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: #66bfd7; } .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: #66bfd7; 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; } #secondary .widget_categories { margin-bottom: 30px; } .widget_categories ul, .widget_archive ul, .widget_pages ul { margin: 0; padding: 0; } .widget_categories ul li, .widget_archive ul li, .widget_pages ul li { width: 100%; position: relative; list-style: none; } .widget_categories ul li::before, .widget_archive ul li::before, .widget_pages ul li::before { content: ''; height: 8px; width: 8px; border-radius: 50%; background: #66bfd7; position: absolute; top: 15px; left: 0; } .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a { color: #2b2e2f; line-height: 36px; padding-left: 20px; font-weight: 400; } .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover { color: #66bfd7; } .widget_categories ul li ul, .widget_archive ul li ul, .widget_pages ul li ul { margin: 0 0 0 15px; } .widget_nav_menu ul li { list-style: none; line-height: 35px; } .widget_nav_menu ul ul { margin: 0 0 0 15px; } .widget_archive li a { line-height: 30px; } .widget_meta li, .widget_recent_comments li { padding: 7px 0; } .widget_meta li abbr, .widget_recent_comments li abbr { color: #aaa; } .tagcloud a { display: inline-block; font-size: 14px !important; margin: 0 9px 10px 0; padding: 0 15px; color: #717779; text-transform: uppercase; border: 1px solid #e5e5e5; } .tagcloud a:hover { border-color: #66bfd7; color: #66bfd7; } .widget_recent_entries { /*End sidebar*/ } .widget_recent_entries ul { padding-top: 10px; } .widget_recent_entries ul li { padding: 15px 0 10px; border-bottom: 1px solid #e5e5e5; } .widget_recent_entries ul li a { display: block; color: #2b2e2f; font-weight: 500; line-height: 24px; } .widget_recent_entries ul li a:hover { color: #66bfd7; } .widget_recent_entries ul li span { display: block; line-height: 30px; } .widget_recent_entries ul li:first-child { padding: 0 0 10px; } #filter_color_product { /** * RSS Widget */ } #filter_color_product .item { line-height: 36px; } #filter_color_product .item .style-list { display: inline-block; width: 11px; height: 11px; margin-right: 20px; border: 1px solid #868686; -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 */ } #filter_color_product .item a { font-size: 16px; } .widget_rss ul li a { color: #66bfd7; } .widget_tag_cloud h3 { margin-bottom: 30px; } .widget .screen-reader-text { display: none; /* Twitter */ } .twitter-box .twitter-main ul { padding: 0; list-style: none; } .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 .products { clear: both; } .woocommerce .products .zo-product-item { margin-bottom: 5px; } .woocommerce .products .zo-product-item .zo-product-image { position: relative; margin-bottom: 20px; background: #f5f5f5; text-align: center; } .woocommerce .products .zo-product-item .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 .star-rating { display: none; } .woocommerce .products .zo-product-item h3, .woocommerce .products .zo-product-item .woocommerce-loop-product__title { display: inline-block; margin-bottom: 0px; width: calc(100% - 25px); font-size: 18px; color: #717779; margin-top: 0; } .woocommerce .products .zo-product-item span.price { font-size: 18px; font-weight: 300; line-height: 30px; color: #2b2e2f; } .woocommerce .products .zo-product-item span.price ins { font-weight: 300; text-decoration: none; } .woocommerce .products .zo-product-item .item-wrap { position: relative; overflow: hidden; } .woocommerce .products .zo-product-item .item-wrap:hover .product-btn-cart { -webkit-transform: translate(0); -khtml-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); /* BACKGROUND GRADIENT */ /* TRANSFORM ORIGIN */ } .woocommerce .products .zo-product-item .item-wrap .product-btn-cart { position: absolute; width: 100%; bottom: 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 */ -webkit-transition: transform 300ms ease; -khtml-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease; /* BACKGROUND GRADIENT */ /* TRANSITION DELAY */ } .woocommerce .products .template-zo_grid--products-style01.container-fluid { padding-left: 0; padding-right: 0; } .woocommerce .products .template-zo_grid--products-style01 .zo-product-item { margin-bottom: 0px; } .woocommerce .products .template-zo_grid--products-style01 .zo-product-item .item-wrap { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } .woocommerce .products .template-zo_grid--products-style01 .zo-product-item .item-wrap .zo-product-image { margin-bottom: 0; float: left; } .woocommerce .products .template-zo_grid--products-style01 .zo-product-item .item-wrap .zo-product-content { float: left; margin-left: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .woocommerce .products .template-zo_grid--products-style01 .zo-product-item .item-wrap .zo-product-content .product-title-wrap .woocommerce-loop-product__title { margin: 0; line-height: 30px; } .woocommerce .widget_price_filter { background: #f5f5f5; padding: 15px; margin-bottom: 30px; display: inline-block; width: 100%; } .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: #2b2e2f !important; } .woocommerce .widget_price_filter .ui-widget-content .ui-slider-range { background-color: #66bfd7 !important; } .woocommerce .widget_price_filter .ui-widget-content .ui-slider-handle { background-color: #66bfd7 !important; } .woocommerce .widget_price_filter .price_slider_amount { margin-top: 25px; margin-bottom: 10px; } .woocommerce .widget_price_filter .price_slider_amount .button { background-color: #2b2e2f !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: #66bfd7 !important; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-weight: 500; color: #2b2e2f; } .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: #66bfd7; } .woocommerce .widget_product_categories ul li:hover a { color: #66bfd7; } .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_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 .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: 100px; display: inline-block; width: 100%; text-align: left !important; } .woocommerce .woocommerce-pagination ul { border: unset !important; } .woocommerce .woocommerce-pagination ul li { border: 1px solid #ececec !important; display: inline; float: left; height: 45px; margin: 0 5px !important; } .woocommerce .woocommerce-pagination ul li span, .woocommerce .woocommerce-pagination ul li a { padding: 0 !important; line-height: 45px !important; padding: 0 13px !important; font-size: 16px !important; font-weight: 500 !important; color: #2b2e2f !important; background: #fff !important; min-width: 35px !important; text-align: center; } .woocommerce .woocommerce-pagination ul li span.current, .woocommerce .woocommerce-pagination ul li a.current, .woocommerce .woocommerce-pagination ul li span:hover, .woocommerce .woocommerce-pagination ul li a:hover { color: #66bfd7 !important; } .woocommerce .main-single-content .entry-title { font-weight: 500; font-size: 30px; line-height: 36px; } .woocommerce .main-single-content .woocommerce-product-rating { margin-bottom: 15px !important; } .woocommerce .main-single-content .woocommerce-product-rating .star-rating { font-size: 13px; letter-spacing: 0.2em; width: 80px; margin-top: 10px; } .woocommerce .main-single-content .woocommerce-product-rating .star-rating span:before { color: #66bfd7; } .woocommerce .main-single-content .woocommerce-product-rating .woocommerce-review-link { font-size: 13px; } .woocommerce .main-single-content div.product div.images, .woocommerce .main-single-content div.product div.summary { margin-bottom: 70px; } .woocommerce .main-single-content div.product .entry-summary .price { color: #2b2e2f; margin-bottom: 20px; margin-top: 10px; font-size: 24px; font-weight: 500; } .woocommerce .main-single-content div.product .entry-summary .price ins { font-weight: 500 !important; } .woocommerce .main-single-content div.product div[itemprop="description"] { font-size: 400; line-height: 26px; } .woocommerce .main-single-content div.product form.cart { margin-top: 50px; margin-bottom: 40px; } .woocommerce .main-single-content div.product form.cart .quantity { background: #2b2e2f; border: 1px solid #2b2e2f; padding: 0 10px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce .main-single-content div.product form.cart .quantity .qty-minus, .woocommerce .main-single-content div.product form.cart .quantity .qty-plus { color: #fff; font-size: 14px; } .woocommerce .main-single-content div.product form.cart .quantity .qty-minus { margin-left: 10px; } .woocommerce .main-single-content div.product form.cart .quantity .qty-plus { margin-right: 10px; } .woocommerce .main-single-content div.product form.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 div.product form.cart .quantity span i:hover { color: #66bfd7; cursor: pointer; } .woocommerce .main-single-content div.product form.cart .quantity input { font-size: 15px; height: 45px; padding: 10px; width: 70px; background: #2b2e2f; border: 0; color: #fff; -moz-appearance: textfield; outline: none; } .woocommerce .main-single-content div.product form.cart .quantity input::-webkit-inner-spin-button, .woocommerce .main-single-content div.product form.cart .quantity input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; -appearance: none; margin: 0; } .woocommerce .main-single-content div.product form.cart .button { background-color: #2b2e2f !important; color: #fff !important; font-weight: 500 !important; margin-left: 10px; opacity: 1; padding: 0 65px; font-size: 13px; font-weight: bold; line-height: 48px; letter-spacing: 0.2em; text-transform: uppercase; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ -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 form.cart .button:hover { background-color: #66bfd7 !important; } .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 ul.tabs { padding: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs:before { border-bottom: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs li { border: unset; background: unset !important; border-radius: unset; padding: 0 30px 0; margin: 0 0 20px 0; border: 1px solid #e9e9e9; display: block; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs li:before { border: unset; width: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs li:after { border: unset; width: 0; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs li > a { display: block; font-size: 18px; font-weight: 500; color: #2b2e2f; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs li > a:hover { color: #66bfd7; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs li.active > a { color: #66bfd7; position: relative; border-bottom: 1px solid #e9e9e9; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs .panel { margin-top: 25px; } .woocommerce .main-single-content div.product .woocommerce-tabs ul.tabs .panel p { margin-bottom: 0; } .woocommerce .main-single-content div.product .panel { box-shadow: none; } .woocommerce .main-single-content div.product .panel .star-rating { color: #66bfd7; font-size: 14px; } .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: 16px; } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-reply-title { font-weight: 500; font-size: 16px; margin-bottom: 10px; } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-form label { font-weight: 300; } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-form #submit { line-height: 42px; background-color: #2b2e2f !important; color: #fff !important; font-weight: 500 !important; padding: 0 57px; -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 */ -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-form #submit:hover { background-color: #66bfd7 !important; } .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-form .stars a { color: #66bfd7; } .woocommerce .main-single-content div.product #tab-reviews #reviews #comment { height: 120px; outline: none; } .woocommerce .main-single-content div.product .related { margin-bottom: 50px; } .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; } .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 ul { margin: 0; padding: 0; display: inline-block; } .woocommerce .main-single-content .zo-social-share li { padding: 0 17px; list-style: none; display: inline-block; } .woocommerce .main-single-content .zo-social-share i { font-size: 14px; } .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.cart { margin-bottom: 60px; } .woocommerce-cart #page-default table.shop_table { border-width: 1px; border-radius: 0; border-collapse: collapse; } .woocommerce-cart #page-default table.shop_table th, .woocommerce-cart #page-default table.shop_table td { border: 0; } .woocommerce-cart #page-default table.shop_table thead { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .woocommerce-cart #page-default table.shop_table thead th { font-size: 16px; font-weight: 500; color: #2b2e2f; } .woocommerce-cart #page-default table.shop_table thead th i { font-size: 14px; } .woocommerce-cart #page-default table.shop_table td { border-top: none; } .woocommerce-cart #page-default table.shop_table .cart_item .product-thumbnail { width: 170px; padding-bottom: 25px; } .woocommerce-cart #page-default table.shop_table .cart_item .product-thumbnail img { width: inherit; } .woocommerce-cart #page-default table.shop_table .product-remove { width: 50px; } .woocommerce-cart #page-default table.shop_table .product-price, .woocommerce-cart #page-default table.shop_table .product-subtotal { color: #2b2e2f; } .woocommerce-cart #page-default table.shop_table .product-quantity .qty { width: 80px; padding: 5px 10px; } .woocommerce-cart #page-default table.shop_table .variation dt { font-size: 12px; padding-top: 1px; font-weight: 300; } .woocommerce-cart #page-default table.shop_table .variation dd { font-size: 14px; color: #66bfd7; } .woocommerce-cart #page-default .cart-collaterals { margin-bottom: 50px; } .woocommerce-cart #page-default .cart-collaterals h2 { font-size: 16px; font-weight: 500; color: #2b2e2f; border-bottom: 1px solid #e4e4e4; text-align: center; line-height: 58px; } .woocommerce-cart #page-default .cart-collaterals .cart_totals { border: 1px solid #e4e4e4; } .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table { border-width: 0; } .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table th, .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table td { text-align: center; padding: 15px 0; } .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table th { font-size: 14px; font-weight: 300; text-transform: uppercase; } .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table td { font-size: 18px; font-weight: 300; color: #2b2e2f; } .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table .order-total th, .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table .shipping th { border-top: 0 none; } .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table .order-total .shipping-calculator-button, .woocommerce-cart #page-default .cart-collaterals .cart_totals .shop_table .shipping .shipping-calculator-button { margin-left: 27px; } .woocommerce-cart #page-default .cart-collaterals .wc-proceed-to-checkout { padding: 30px 40px; } .woocommerce-cart #page-default .cart-collaterals .checkout-button { background-color: #fff !important; color: #2b2e2f !important; font-size: 13px; letter-spacing: 0.2em; font-weight: 500; line-height: 44px; border: 2px solid #2b2e2f; margin: 0; padding: 0; text-transform: uppercase; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce-cart #page-default .cart-collaterals .checkout-button:hover { border-color: #66bfd7 !important; color: #66bfd7 !important; } .woocommerce-cart .actions { padding-bottom: 30px !important; } .woocommerce-cart .actions .coupon #coupon_code { width: 180px; height: 40px; padding-left: 15px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce-cart .actions .coupon input[name="apply_coupon"] { background: #fff !important; line-height: 36px; border: 2px solid #2b2e2f; color: #2b2e2f !important; font-size: 13px; font-weight: 700; padding: 0 40px !important; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce-cart .actions .coupon input[name="apply_coupon"]:hover { background: #2b2e2f !important; color: #fff !important; } .woocommerce-cart .actions input[name="update_cart"] { font-size: 13px; font-weight: 700; color: #fff !important; background: #2b2e2f; border: 2px solid #2b2e2f; line-height: 36px; padding: 0 40px !important; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce-cart .actions input[name="update_cart"]:hover { background: #fff; color: #2b2e2f !important; } .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-message { background: #f5f5f5; border-top-color: #66bfd7; } .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { color: #66bfd7; } .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button { background-color: #2b2e2f !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: #66bfd7 !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: #2b2e2f !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: #66bfd7 !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: #fff !important; border: 1px solid #ecedee; } .woocommerce-page .woocommerce-checkout .col-2 .woocommerce-checkout-payment > .form-row { text-align: center; } .woocommerce-page .woocommerce-checkout .col-2 .woocommerce-checkout-payment .button { background-color: #fff !important; color: #2b2e2f !important; border: 2px solid #2b2e2f; font-size: 13px; font-weight: 700; line-height: 40px; padding: 0 40px; text-transform: uppercase; float: none !important; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ -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-page .woocommerce-checkout .col-2 .woocommerce-checkout-payment .button:hover { border-color: #66bfd7 !important; color: #66bfd7 !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: #66bfd7; 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: #2b2e2f !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: #66bfd7 !important; } .woocommerce-lost-password p label { text-transform: uppercase; } .woocommerce-lost-password input { height: 40px; padding: 5px 17px; } .woocommerce-lost-password .button { background-color: #2b2e2f !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; } .woocommerce-lost-password .button:hover { background-color: #66bfd7 !important; } .woocommerce .track_order p label { text-transform: uppercase; } .woocommerce .track_order input { height: 40px; padding: 5px 17px; } .woocommerce .track_order .button { background-color: #2b2e2f !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: #66bfd7 !important; } .product-title-wrap .product-wishlist { display: inline-block; float: right; width: 18px; padding-top: 3px; } .woocommerce.archive .product-price del { display: none; } .product-wishlist .yith-wcwl-add-to-wishlist { margin-top: 0; } .product-wishlist .yith-wcwl-add-button { position: relative; } .product-wishlist .yith-wcwl-add-button img { position: absolute; margin-left: 0; } .yith-wcwl-wishlistaddedbrowse.show a, .yith-wcwl-wishlistexistsbrowse.show a { color: #66bfd7; } .woocommerce .product-btn-cart { background: #fff; } .woocommerce .product-btn-cart a { font-size: 18px; line-height: 30px; font-weight: 300; color: #66bfd7 !important; background: #fff !important; position: relative; padding: 0; } .woocommerce .product-btn-cart a:before { content: ""; background: #66bfd7; height: 1px; width: 100%; bottom: 3px; position: absolute; } .woocommerce div.product form.cart .variations label { font-size: 13px; font-weight: 500; color: #2b2e2f; } .woocommerce div.product form.cart .variations .label, .woocommerce div.product form.cart .variations .value { float: left; } .woocommerce div.product form.cart .variations .label { display: inline-block; width: 80px; text-align: left; padding-top: 15px; } .woocommerce table.wishlist_table { margin-bottom: 100px; border-collapse: collapse; } .woocommerce table.wishlist_table thead { border: 1px solid #e7e7e7; } .woocommerce table.wishlist_table thead th { border-top: 0; font-size: 16px; font-weight: 500; color: #2b2e2f; } .woocommerce table.wishlist_table thead .product-thumbnail { width: 170px; } .woocommerce table.wishlist_table tbody { border-color: #e7e7e7; border-style: solid; border-width: 0 1px 1px 1px; } .woocommerce table.wishlist_table tbody .product-name { font-size: 18px; font-weight: 300; } .woocommerce table.wishlist_table tbody .product-price, .woocommerce table.wishlist_table tbody .product-stock-status { font-size: 18px; font-weight: 300; color: #2b2e2f; text-align: left; } .woocommerce table.wishlist_table tbody .product-stock-status span.wishlist-in-stock { color: #66bfd7; font-size: 14px; } .woocommerce table.wishlist_table tbody .product-add-to-cart a.add_to_cart_button { font-size: 13px; font-weight: 700; letter-spacing: 0.2em; -webkit-border-radius: 30px; -khtml-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; /* BACKGROUND GRADIENT */ } .woocommerce table.wishlist_table th, .woocommerce table.wishlist_table td { border: 0; } .woocommerce table.wishlist_table tfoot td { padding: 0; border: 0; } .woocommerce .product-remove a.remove { text-align: center; width: 28px; line-height: 28px; border: 1px solid #e5e5e5; color: #2b2e2f !important; background: #fff !important; height: inherit; border-radius: 0; font-size: 14px; } .woocommerce .product-remove a.remove:hover { color: #66bfd7 !important; } .wishlist-btn a { margin-top: 50px; display: inline-block; } .payment-step { margin: 0 0 50px; padding: 0; list-style: none; display: table; table-layout: fixed; width: 100%; } .payment-step li { color: #242627; font-size: 24px; font-weight: 500; display: table-cell; position: relative; text-align: center; line-height: 70px; } .payment-step li .number { z-index: 1; position: absolute; color: rgba(36, 38, 39, .1); font-size: 48px; right: 80px; } .payment-step li .text { position: relative; z-index: 2; } .payment-step li.active { background: #242627; color: #fff; } .payment-step li.active .number { color: rgba(255, 255, 255, .1); } .payment-step li.active:before { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 35px 35px 0; border-color: transparent #fff transparent transparent; } .payment-step li.active:after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 35px 35px; border-color: transparent transparent #fff transparent; } .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-billing-fields { border: 1px solid #ecedee; padding-bottom: 50px; } .woocommerce-checkout .woocommerce-shipping-fields .form-row, .woocommerce-checkout .woocommerce-billing-fields .form-row { width: 100%; padding: 0 30px; } .woocommerce-checkout .woocommerce-shipping-fields .form-row > label, .woocommerce-checkout .woocommerce-billing-fields .form-row > label { font-size: 14px; font-weight: 300; text-transform: uppercase; } .woocommerce-checkout .woocommerce-billing-fields { margin-bottom: 50px; } .woocommerce-checkout .woocommerce-billing-fields .form-row { margin-bottom: 25px; } @media screen and (max-width: 767px) { .woocommerce-checkout .woocommerce-billing-fields .form-row { padding: 0 15px; } } .woocommerce-checkout .woocommerce-shipping-fields #order_comments { height: 120px; } .woocommerce-checkout #order_review table th { font-size: 14px; font-weight: 300; color: #2b2e2f; text-transform: uppercase; } .woocommerce-checkout #order_review table th.product-total { text-align: right; } .woocommerce-checkout #order_review table td { font-size: 16px; font-weight: 300; color: #717779; padding: 15px; } .woocommerce-checkout #order_review table td.product-total { font-size: 18px; font-weight: 300; color: #2b2e2f; text-align: right; } .woocommerce-checkout #order_review table .variation dt { font-size: 12px; font-weight: 300; } .woocommerce-checkout #order_review table .variation dd { font-size: 14px; color: #66bfd7; padding: 0; margin: 0; } .woocommerce-checkout #order_review table tfoot td { font-size: 18px; font-weight: 300; color: #2b2e2f; text-align: right; } .woocommerce-billing-fields > h3, .woocommerce-shipping-fields h3, #order_review_heading { font-size: 16px; font-weight: 500; color: #2b2e2f; line-height: 58px; text-align: center; border-bottom: 1px solid #ecedee; } #order_review_heading { border: 1px solid #ecedee; } .template-zo_grid--products { padding: 0; } .template-zo_grid--products .zo-grid-filter .zo-filter-category li { text-transform: none; } .template-zo_grid--products .zo-grid-filter .zo-filter-category li a span { display: block; } .template-zo_grid--products.filter-left .zo-grid-filter .zo-filter-category { text-align: left; } .template-zo_grid--products.filter-left .zo-grid-filter .zo-filter-category li:first-child { padding-left: 0px; } .template-zo_grid--products.filter-right .zo-grid-filter .zo-filter-category { text-align: right; } .template-zo_grid--products.filter-right .zo-grid-filter .zo-filter-category li:last-child { padding-right: 0px; } .template-zo_heading { /* Widget Product Best Seller */ } .template-zo_heading.podes-heading-shop-fashion { position: relative; } .template-zo_heading.podes-heading-shop-fashion::before { content: ''; width: 100%; height: 1px; background: #e9eaea; position: absolute; top: 50%; left: 0; z-index: 1; } .template-zo_heading.podes-heading-shop-fashion .zo-heading-main { font-weight: 300; } .template-zo_heading.podes-heading-shop-fashion .zo-heading-main span { padding-right: 20px; background: #fff; position: relative; z-index: 9; } .woocommerce .product-best-seller .item-wrap { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; margin-bottom: 30px; } .woocommerce .product-best-seller .item-wrap .zo-product-image { margin-bottom: 0; float: left; position: relative; } .woocommerce .product-best-seller .item-wrap .zo-product-image .onsale { background-color: #fff; border-radius: unset; color: red; font-size: 14px; font-weight: 600; height: 20px; left: auto; line-height: 20px; margin: 0; min-height: unset; padding: 0; right: 0; text-align: center; top: 10px; width: 40px; } .woocommerce .product-best-seller .item-wrap .zo-product-content { float: left; margin-left: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .woocommerce .product-best-seller .item-wrap .zo-product-content .product-title-wrap .woocommerce-loop-product__title { margin: 0; line-height: 30px; display: inline-block; width: calc(100% - 25px); font-size: 18px; color: #717779; } .woocommerce .product-best-seller .item-wrap .zo-product-content .star-rating { display: none; } .woocommerce .product-best-seller .item-wrap .zo-product-content span.price { font-size: 18px; font-weight: 300; line-height: 30px; color: #2b2e2f; } .woocommerce .product-best-seller .item-wrap .zo-product-content span.price ins { font-weight: 300; text-decoration: none; } .post-type-archive-product.woocommerce .products .zo-product-item { margin-bottom: 40px; } 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-fixed { /* Tab */ } #zo-header > .container, #zo-header.header-fixed > .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 */ } #zo-site-map a i { left: 21px; } } @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-date { background: #2b2e2f; color: #fff; font-size: 25px; left: 0; line-height: 40px; min-height: unset; padding: 0 20px; position: absolute; text-align: left; top: -74px; width: auto; } article.blog-large .zo-blog-meta .zo-blog-date:after { border-right: none; } article.blog-large .zo-blog-meta .zo-blog-heading { width: 100%; padding-left: 0; } } @font-face { font-family: "LeagueGothic-Regular"; src: url('') format('eot'), url('') format('woff'), url('') format('truetype'), url('https://www.autofilm.com.br/wp-content/themes/podes/assets/fonts/LeagueGothic-Regular.otf') format('truetype'); } .zo_local_font_1, .zo-page-title-text h1, .less-slide-local-font, .local-font-1 { font-family: 'LeagueGothic-Regular'; } .font-body, .single .post-teaser .zo-blog-content h1, .single .post-teaser .zo-blog-content h2, .single .post-teaser .zo-blog-content h3, .single .post-teaser .zo-blog-content h4, .single .post-teaser .zo-blog-content h5, .single .post-teaser .zo-blog-content h6, article.blog-large .zo-blog-title, #comments .comments-title, #comments .comment-reply-title, .secondary .wg-title, .wpb_widgetised_column .wg-title, .sidebar-area aside.widget .wg-title, .woocommerce .products .zo-product-item h3, .woocommerce .products .zo-product-item .woocommerce-loop-product__title, .woocommerce .main-single-content .entry-title, .woocommerce .main-single-content div.product #tab-reviews #comments .woocommerce-Reviews-title, .woocommerce .main-single-content div.product #tab-reviews .comment-respond .comment-reply-title, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields h3, #order_review_heading, .woocommerce .product-best-seller .item-wrap .zo-product-content .product-title-wrap .woocommerce-loop-product__title { font-family: "Poppins"; font-weight: 300; } .zo-extra-font1 { font-family: "Dosis"; } .zo-extra-font2, .template-zo_progressbar .zo-progress .progress-bar-value { font-family: "Roboto"; } .zo-extra-font3 { font-family: "Open Sans"; } .zo-extra-font4, #zo-fullpage div.fp-section:before, .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-date .zo-day, .template-zo_carousel--post .zo-carousel-item .zo-carousel-content .zo-carousel-date .zo-month, .template-zo_grid--portfolio .zo-grid-filter .zo-filter-category li { font-family: "Oswald"; } .zo-extra-font5 { font-family: "Cormorant Garamond"; } .zo-extra-font6, blockquote { font-family: "Lora"; } @media (min-width: 1170px) { body.zo-boxed #page { width: 1200px; } body.zo-boxed #page .header-fixed { 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-right: 60px; padding-left: 60px; } } @media (min-width: 992px) { .header-style-01 { background: #fff; } .header-style-01 #zo-header-logo { width: 222px; } .header-style-01 #zo-header-logo { display: inline-block; margin-left: 15px; } .header-style-01 .zo-header-secondary { display: inline-block; width: calc(100% - 262px); } .header-style-01:not(.header-fixed) .zo-header-navigation .nav-menu > li > a, .header-style-01:not(.header-fixed) .zo-header-secondary .header-top-contact { line-height: 120px; } .header-style-01 .zo-header-navigation .nav-menu > li:not(:last-child) { padding-right: 50px; } .header-style-01 .nav-menu > li > .zo-menu-toggle { display: none; } .header-style-01 .zo-header-navigation .nav-menu > li > a { font-family: Poppins; font-size: 16px; font-weight: 600; } .header-style-01 .nav-menu > li ul a, .header-style-01 .nav-menu > ul > li ul a { font-family: Poppins; font-size: 16px; font-weight: 300; } #zo-header.header-style-01 .zo-header-secondary .zo-header-navigation-left { width: calc(100% - 0px); } #zo-header.header-style-01 .zo-header-secondary .zo-header-navigation-right { width: 0px; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (min-width: 992px) { .header-style-02 { background: #fff; } #zo-header.header-style-02 #zo-header-logo { display: inline-block; margin-top: 45px; margin-right: 10px; margin-bottom: 45px; width: 200px; } #zo-header.header-style-02 .zo-header-secondary { display: inline-block; vertical-align: middle; width: calc(100% - 205px); } .header-style-02 .zo-header-navigation .nav-menu > li > a, .header-style-02 .zo-header-secondary .header-top-contact { line-height: 60px; } .header-style-02 .zo-header-menu { background-color: #9dbcd6; } #zo-header.header-style-02 .zo-header-menu .zo-header-navigation-left { width: calc(100% - 105px); display: inline-block; } #zo-header.header-style-02 .zo-header-menu .zo-header-navigation-right { width: 100px; display: inline-block; } #zo-header.header-style-02 .zo-header-navigation .nav-menu > li:not(:last-child) { padding-right: 55px; } .header-style-02 .nav-menu > li > .zo-menu-toggle { display: none; } .header-style-02 .zo-header-navigation .nav-menu > li > a { font-family: Poppins; font-size: 16px; font-weight: 600; } .header-style-02 .nav-menu > li ul a, .header-style-02 .nav-menu > ul > li ul a { font-family: Poppins; font-size: 16px; font-weight: 300; } } @media (min-width: 992px) { .header-style-03 { background: #fff; } .header-style-03 #zo-header-logo { margin-top: 45px; margin-bottom: 45px; } .header-style-03 .right-menu .has-right-sidebar { width: calc(100% - 0px); display: inline-block; } .header-style-03 .right-menu .zo-header-navigation-right { width: 0px; display: inline-block; } .header-style-03 .zo-header-navigation .nav-menu > li > a, .header-style-03 .widget_cart_search_wrap_item > a.icon { line-height: 60px; } #zo-header.header-style-03 .zo-header-navigation .nav-menu > li { padding-right: 55px; } #zo-header.header-style-03 .zo-header-navigation .nav-menu > li:last-child { padding-right: 0; } .header-style-03 .nav-menu > li > .zo-menu-toggle { display: none; } } @media (min-width: 992px) { .header-style-04 { background: #fff; } #zo-header.header-vertical { width: 300px; } .header-vertical-left.disable-header-vertical .header-vertical { left: -300px !important; } .header-vertical-right.disable-header-vertical .header-vertical { right: -300px !important; } .header-vertical-left:not(.vertical-style-2) #page { margin-left: 300px; } .header-vertical-left.disable-header-vertical #page { margin-left: 0 !important; } .header-vertical-right:not(.vertical-style-2) #page { margin-right: 300px; } .header-vertical-right.disable-header-vertical #page { margin-right: 0 !important; } #zo-header.header-vertical { padding-right: 15px; padding-bottom: 40px; padding-left: 15px; } #zo-header.header-vertical .zo-main-logo { max-width: 250px; } #zo-header.header-vertical .zo-main-logo { max-height: 80px; } } @media (min-width: 1400px) { #zo-header.header-vertical #zo-header-logo { display: inline-block; margin-top: 60px; margin-bottom: 60px; text-align: left; width: 100%; } } @media (min-width: 992px) and (max-width: 1399px) { #zo-header.header-vertical #zo-header-logo { margin-top: 30px; margin-bottom: 30px; } } @media (min-width: 992px) { .header-vertical .zo-header-navigation .nav-menu > li > a, .header-vertical .widget_cart_search_wrap_item > a.icon, .header-vertical .zo-header-secondary .header-top-contact { line-height: 60px; } .header-vertical .nav-menu > li > .zo-menu-toggle { display: none; } } @media (min-width: 1400px) { #zo-header.header-style-05 { padding-right: 60px; padding-left: 60px; } } @media (min-width: 992px) { .header-style-05 { background: #fff; } .header-style-05 #zo-header-logo { display: inline-block; margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 15px; } .header-style-05 #zo-header-logo { width: 99px; } .header-style-05 .zo-header-secondary { display: inline-block; width: calc(100% - 139px); } .header-style-05:not(.header-fixed) .zo-header-navigation .nav-menu > li > a, .header-style-05:not(.header-fixed) .widget_cart_search_wrap_item > a.icon, .header-style-05:not(.header-fixed) .zo-header-secondary .header-top-contact { line-height: 160px; } .header-style-05 .zo-collapsed-button { height: 160px; } .header-style-05 .zo-header-navigation .nav-menu > li:not(:last-child) { padding-right: 50px; } .header-style-05 .nav-menu > li > .zo-menu-toggle { display: none; } .header-style-05 .zo-header-navigation .nav-menu > li > a { font-family: Poppins; font-size: 16px; font-weight: 600; } .header-style-05 .nav-menu > li ul a, .header-style-05 .nav-menu > ul > li ul a { font-family: Poppins; font-size: 16px; font-weight: 300; } .header-style-05 .zo-header-secondary .zo-header-navigation-left { width: calc(100% - 170px); } .header-style-05 .zo-header-secondary .zo-header-navigation-right { width: 100px; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (min-width: 992px) { .header-style-06 { background: rgba(0, 0, 0, 0.1); } .header-style-06 #zo-header-logo { width: 100px; } .header-style-06 { padding-top: 30px; padding-right: 25px; padding-bottom: 30px; padding-left: 25px; } .header-style-06 #zo-header-logo { display: inline-block; margin-left: 15px; } .header-style-06 .zo-header-secondary { display: inline-block; width: calc(100% - 155px); } .header-style-06:not(.header-fixed) .zo-header-navigation .nav-menu > li > a, .header-style-06:not(.header-fixed) .zo-header-secondary .header-top-contact { line-height: 50px; } .header-style-06 .zo-header-navigation .nav-menu > li:not(:last-child) { padding-right: 50px; } .header-style-06 .nav-menu > li > .zo-menu-toggle { display: none; } .header-style-06 .header-06-info { font-family: Oswald; font-size: 16px; font-weight: 400; color: #fff; } .header-style-06 .zo-header-navigation .nav-menu > li > a { font-family: Poppins; font-size: 16px; font-weight: 600; } .header-style-06 .nav-menu > li ul a, .header-style-06 .nav-menu > ul > li ul a { font-family: Poppins; font-size: 16px; font-weight: 300; } #zo-header.header-style-06 .zo-header-secondary .zo-header-navigation-left { width: calc(100% - 130px); } #zo-header.header-style-06 .zo-header-secondary .zo-header-navigation-right { width: 100px; } } #zo-menu-mobile { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); } @media (max-width: 768px) { #zo-header-top { display: none; } } #zo-header-top { background-color: #fff; } #zo-header-top { min-height: 50px; line-height: 50px; } #zo-header.header-transparent.has-header-top { top: 50px; } .admin-bar #zo-header.header-transparent.has-header-top { top: 82px; } #zo-header-top .header-top-left { text-align: left; } #zo-header.header-fixed { background-color: #fff; } #zo-header.header-fixed #zo-header-logo { margin-top: 16px; margin-right: 20px; margin-bottom: 16px; margin-left: 15px; } #zo-header.header-fixed .zo-main-logo { display: none; } #zo-header.header-fixed .nav-menu > li > a, #zo-header.header-fixed #zo-header-navigation-right { line-height: 80px; } #zo-header.header-fixed .zo-collapsed-button { height: 80px; } #zo-page-element-wrap .zo-page-title-text h1 { font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 48px; font-weight: 600; line-height: 60px; color: #fff; letter-spacing: 1px; text-transform: capitalize; } .nav-menu > li > a .menu-title:after { background: #66bfd7; } .nav-menu > li > ul.sub-menu li a:before { color: #66bfd7; } @media (min-width: 992px) { .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a, .widget_cart_search_wrap a { color: #2b2e2f; } .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a, .widget_cart_search_wrap a:hover { color: #2b2e2f; } .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: #2b2e2f; } .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a { color: #2b2e2f; } .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: #2b2e2f; } } .header-fixed .zo-header-navigation .nav-menu > li, .header-fixed .zo-header-navigation .nav-menu > li > a, .header-fixed .widget_cart_search_wrap a { color: #333; } .header-fixed .zo-header-navigation .nav-menu > li:hover, .header-fixed .zo-header-navigation .nav-menu > li:hover > a, .header-fixed .widget_cart_search_wrap a:hover { color: #f3d718; } .header-fixed .nav-menu > li:hover { border-bottom-color: #f3d718; } .header-fixed .zo-header-navigation .nav-menu > li.current-menu-item, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-ancestor, .header-fixed .zo-header-navigation .nav-menu > li.current_page_item, .header-fixed .zo-header-navigation .nav-menu > li.current_page_ancestor, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-parent, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-item > a, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li.current_page_item > a, .header-fixed .zo-header-navigation .nav-menu > li.current_page_ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li.current-menu-parent > a, .header-fixed .widget_cart_search_wrap a:active, .header-fixed .widget_cart_search_wrap a:focus { color: #f3d718; } .header-fixed .zo-header-navigation .nav-menu > li ul li, .header-fixed .zo-header-navigation .nav-menu > li ul li > a { color: #000; } .header-fixed .zo-header-navigation .nav-menu > li ul a:focus, .header-fixed .zo-header-navigation .nav-menu > li ul li:hover, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-item, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-parent, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor, .header-fixed .zo-header-navigation .nav-menu > li ul li.current_page_item, .header-fixed .zo-header-navigation .nav-menu > li ul li:hover > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-item > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-parent > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current-menu-ancestor > a, .header-fixed .zo-header-navigation .nav-menu > li ul li.current_page_item > a { color: #f3d718; } @media (max-width: 991px) { #zo-header, #zo-menu-mobile { height: 70px; line-height: 70px; } #zo-header #zo-header-logo { margin-left: 15px; } #zo-header { background: rgba(0, 0, 0, 0) !important; } #zo-header .zo-header-navigation { background: #000 !important; } .zo-header-navigation .nav-menu { padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; } .zo-header-navigation .nav-menu li { border-top-style: none; } .widget_cart_search_wrap a { color: #333; } #zo-menu-mobile span, #zo-menu-mobile span:before, #zo-menu-mobile span:after { background: #333; } .widget_cart_search_wrap a:hover { color: #f3d718; } .widget_cart_search_wrap a:focus { color: #f3d718; } .zo-header-navigation .nav-menu > li > a { font-family: Open Sans; font-size: 14px; font-weight: 600; line-height: 40px; text-align: left; letter-spacing: 1px; text-transform: uppercase; } .zo-header-navigation .nav-menu > li { line-height: 40px; } .zo-header-navigation .nav-menu > li { text-align: left; } .zo-header-navigation .nav-menu > li, .zo-header-navigation .nav-menu > li > a { color: #333; } .zo-header-navigation .nav-menu > li:hover, .zo-header-navigation .nav-menu > li:hover > a { color: #f3d718; } .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: #f3d718; } .zo-header-navigation .nav-menu > li li a { font-family: Open Sans; font-size: 14px; font-weight: 600; line-height: 40px; text-align: left; letter-spacing: 0px; text-transform: capitalize; } .zo-header-navigation .nav-menu > li li { line-height: 40px; } .zo-header-navigation .nav-menu > li li { text-align: left; } .zo-header-navigation .nav-menu > li ul li, .zo-header-navigation .nav-menu > li ul li > a { color: #999; } .zo-header-navigation .nav-menu > li ul li:hover, .zo-header-navigation .nav-menu > li ul li:hover > a { color: #f3d718; } .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: #f3d718; } .zo-header-navigation .nav-menu > li ul.sub-menu { background: #fff; } } #zo-footer { padding-top: 70px; padding-bottom: 40px; } @media (min-width: 1170px) { .footer-layout-02 .footer-layout-02-left { padding-top: 90px; padding-right: 70px; padding-left: 90px; } } @media (max-width: 1170px) { .footer-layout-02 .footer-layout-02-left { padding-top: 90px; padding-left: 30px; padding-right: 30px; } } #zo-footer.footer-layout-03 { padding-top: 200px; padding-bottom: 200px; } #zo-footer.footer-layout-04 .footer-layout-04-right { padding-top: 70px; padding-bottom: 40px; } #zo-footer.footer-layout-05 .footer-layout-05-right, #zo-footer.footer-layout-05 .footer-layout-05-left { padding-top: 120px; padding-bottom: 120px; } #zo-footer.footer-layout-06 .footer-layout-06-right, #zo-footer.footer-layout-06 .footer-layout-06-left { padding-top: 120px; padding-bottom: 120px; } .zo-footer-copyright-01 .zo-container { background-color: #151724; } .zo-footer-copyright-01 .zo-container { padding-top: 62px; padding-right: 85px; padding-bottom: 62px; padding-left: 85px; } .zo-footer-copyright-01 .zo-copyright-logo { width: 200px; } .zo-footer-copyright-01 .zo-copyright-extra { width: 200px; } .zo-footer-copyright-01 .zo-copyright-menu { width: calc(100% - 415px); text-align: center; } #zo-footer-copyright { padding-top: 30px; padding-right: 15px; padding-bottom: 80px; padding-left: 15px; } .zo-footer-copyright .zo-container { background-color: #fff; } #zo-footer-copyright { color: #717779; } #zo-footer-copyright a { color: #717779; } #zo-footer-copyright footer { text-align: center; } .zo-footer-copyright-03 .zo-container { background-color: #fff; } .zo-footer-copyright-03 .zo-container { padding-top: 30px; padding-right: 15px; padding-bottom: 80px; padding-left: 15px; } #zo-footer-copyright-03 { color: #717779; } #zo-footer-copyright-03 a { color: #717779; } #zo-footer { background-color: #1a161f; } #zo-footer.footer-layout-02 { background-color: #212224 !important; } #zo-footer.footer-layout-03 { background-color: #212224; background-image: url("http://www.autofilm.com.br/wp-content/themes/podes/assets/images/podes-footer-3-bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #zo-footer.footer-layout-04 { background-color: #1e1923; } #zo-footer.footer-layout-05 .footer-layout-05-left { background-color: #1e1923; background-image: url("http://www.autofilm.com.br/wp-content/themes/podes/assets/images/podes-footer-05-left-bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #zo-footer.footer-layout-05 .footer-layout-05-right { background-color: #1e1923; background-image: url("http://www.autofilm.com.br/wp-content/themes/podes/assets/images/podes-footer-05-right-bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #zo-footer.footer-layout-06 .footer-layout-06-left { background-color: #18101b; } #zo-footer.footer-layout-06 { background-color: #1f1a21; } body h1 { font-family: Poppins; font-size: 36px; font-weight: 300; line-height: 48px; color: #2b2e2f; margin-bottom: 15px; } body h2 { font-family: Poppins; font-size: 30px; font-weight: 300; line-height: 36px; color: #2b2e2f; margin-bottom: 15px; } body h3 { font-family: Poppins; font-size: 26px; font-weight: 300; line-height: 30px; color: #2b2e2f; margin-bottom: 15px; } body h4 { font-family: Poppins; font-size: 22px; font-weight: 300; line-height: 30px; color: #2b2e2f; margin-bottom: 15px; } body h5 { font-family: Poppins; font-size: 18px; font-weight: 300; line-height: 30px; color: #2b2e2f; margin-bottom: 15px; } body h6 { font-family: Poppins; font-size: 16px; font-weight: 300; line-height: 30px; color: #2b2e2f; margin-bottom: 15px; } .btn-primary { background: #f3d718; color: #2b2e2f; } .btn-primary:hover { background: #2b2e2f; color: #fff; } .btn-secondary { background: #333; color: #fff; } .btn-secondary:hover { background: #cdcdcd; color: #f3d718; } .btn-tiny { padding-top: 4px; padding-right: 15px; padding-bottom: 4px; padding-left: 15px; font-family: Poppins; font-size: 11px; font-weight: 700; line-height: 21px; letter-spacing: 3.2px; } .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: 7px; padding-right: 25px; padding-bottom: 7px; padding-left: 25px; font-family: Poppins; font-size: 12px; font-weight: 700; line-height: 21px; letter-spacing: 3.2px; } .btn-small.stroke-1 { padding-top: calc(7px - 1px); padding-right: calc(25px - 1px); padding-bottom: calc(7px - 1px); padding-left: calc(25px - 1px); } .btn-small.stroke-2 { padding-top: calc(7px - 2px); padding-right: calc(25px - 2px); padding-bottom: calc(7px - 2px); padding-left: calc(25px - 2px); } .btn-small.stroke-3 { padding-top: calc(7px - 3px); padding-right: calc(25px - 3px); padding-bottom: calc(7px - 3px); padding-left: calc(25px - 3px); } .btn-small.stroke-4 { padding-top: calc(7px - 4px); padding-right: calc(25px - 4px); padding-bottom: calc(7px - 4px); padding-left: calc(25px - 4px); } .btn-small.stroke-5 { padding-top: calc(7px - 5px); padding-right: calc(25px - 5px); padding-bottom: calc(7px - 5px); padding-left: calc(25px - 5px); } .btn-small.stroke-6 { padding-top: calc(7px - 6px); padding-right: calc(25px - 6px); padding-bottom: calc(7px - 6px); padding-left: calc(25px - 6px); } .btn-medium { padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; font-family: Poppins; font-size: 13px; font-weight: 700; line-height: 21px; letter-spacing: 3.2px; } .btn-medium.stroke-1 { padding-top: calc(10px - 1px); padding-right: calc(30px - 1px); padding-bottom: calc(10px - 1px); padding-left: calc(30px - 1px); } .btn-medium.stroke-2 { padding-top: calc(10px - 2px); padding-right: calc(30px - 2px); padding-bottom: calc(10px - 2px); padding-left: calc(30px - 2px); } .btn-medium.stroke-3 { padding-top: calc(10px - 3px); padding-right: calc(30px - 3px); padding-bottom: calc(10px - 3px); padding-left: calc(30px - 3px); } .btn-medium.stroke-4 { padding-top: calc(10px - 4px); padding-right: calc(30px - 4px); padding-bottom: calc(10px - 4px); padding-left: calc(30px - 4px); } .btn-medium.stroke-5 { padding-top: calc(10px - 5px); padding-right: calc(30px - 5px); padding-bottom: calc(10px - 5px); padding-left: calc(30px - 5px); } .btn-medium.stroke-6 { padding-top: calc(10px - 6px); padding-right: calc(30px - 6px); padding-bottom: calc(10px - 6px); padding-left: calc(30px - 6px); } .btn-large { padding-top: 13px; padding-right: 35px; padding-bottom: 13px; padding-left: 35px; font-family: Poppins; font-size: 14px; font-weight: 700; line-height: 21px; letter-spacing: 3.2px; } .btn-large.stroke-1 { padding-top: calc(13px - 1px); padding-right: calc(35px - 1px); padding-bottom: calc(13px - 1px); padding-left: calc(35px - 1px); } .btn-large.stroke-2 { padding-top: calc(13px - 2px); padding-right: calc(35px - 2px); padding-bottom: calc(13px - 2px); padding-left: calc(35px - 2px); } .btn-large.stroke-3 { padding-top: calc(13px - 3px); padding-right: calc(35px - 3px); padding-bottom: calc(13px - 3px); padding-left: calc(35px - 3px); } .btn-large.stroke-4 { padding-top: calc(13px - 4px); padding-right: calc(35px - 4px); padding-bottom: calc(13px - 4px); padding-left: calc(35px - 4px); } .btn-large.stroke-5 { padding-top: calc(13px - 5px); padding-right: calc(35px - 5px); padding-bottom: calc(13px - 5px); padding-left: calc(35px - 5px); } .btn-large.stroke-6 { padding-top: calc(13px - 6px); padding-right: calc(35px - 6px); padding-bottom: calc(13px - 6px); padding-left: calc(35px - 6px); } .btn-giant { padding-top: 17px; padding-right: 40px; padding-bottom: 17px; padding-left: 40px; font-family: Poppins; font-size: 16px; font-weight: 700; line-height: 21px; letter-spacing: 3.2px; } .btn-giant.stroke-1 { padding-top: calc(17px - 1px); padding-right: calc(40px - 1px); padding-bottom: calc(17px - 1px); padding-left: calc(40px - 1px); } .btn-giant.stroke-2 { padding-top: calc(17px - 2px); padding-right: calc(40px - 2px); padding-bottom: calc(17px - 2px); padding-left: calc(40px - 2px); } .btn-giant.stroke-3 { padding-top: calc(17px - 3px); padding-right: calc(40px - 3px); padding-bottom: calc(17px - 3px); padding-left: calc(40px - 3px); } .btn-giant.stroke-4 { padding-top: calc(17px - 4px); padding-right: calc(40px - 4px); padding-bottom: calc(17px - 4px); padding-left: calc(40px - 4px); } .btn-giant.stroke-5 { padding-top: calc(17px - 5px); padding-right: calc(40px - 5px); padding-bottom: calc(17px - 5px); padding-left: calc(40px - 5px); } .btn-giant.stroke-6 { padding-top: calc(17px - 6px); padding-right: calc(40px - 6px); padding-bottom: calc(17px - 6px); padding-left: calc(40px - 6px); } #breadcrumb-text { font-family: Poppins, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 400; line-height: 60px; color: #fff; } .zo-vc-row-margin-01 { margin-top: 120px; margin-bottom: 100px; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-01 { margin-top: 80px; margin-bottom: 60px; } } @media (max-width: 767px) { .zo-vc-row-margin-01 { margin-top: 50px; margin-bottom: 30px; } } .zo-vc-row-margin-02 { margin-top: 100px; margin-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-02 { margin-top: 80px; margin-bottom: 60px; } } @media (max-width: 767px) { .zo-vc-row-margin-02 { margin-top: 50px; margin-bottom: 30px; } } .zo-vc-row-margin-03 { margin-top: 80px; margin-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-margin-03 { margin-top: 50px; margin-bottom: 50px; } } @media (max-width: 767px) { .zo-vc-row-margin-03 { margin-top: 30px; margin-bottom: 30px; } } .zo-vc-row-padding-01 { padding-top: 120px; padding-bottom: 100px; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-01 { padding-top: 80px; padding-bottom: 60px; } } @media (max-width: 767px) { .zo-vc-row-padding-01 { padding-top: 50px; padding-bottom: 30px; } } .zo-vc-row-padding-02 { padding-top: 100px; padding-bottom: 100px; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-02 { padding-top: 80px; padding-bottom: 80px; } } @media (max-width: 767px) { .zo-vc-row-padding-02 { padding-top: 60px; padding-bottom: 60px; } } .zo-vc-row-padding-03 { padding-top: 80px; padding-bottom: 80px; } @media (min-width: 768px) and (max-width: 991px) { .zo-vc-row-padding-03 { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 767px) { .zo-vc-row-padding-03 { padding-top: 30px; padding-bottom: 30px; } } .woocommerce #zo-page-element-wrap { background-color: #eee; background-image: url("http://www.autofilm.com.br/wp-content/themes/podes/assets/images/less-page-title-dark.jpg"); }