@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap);@charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animated.repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2); } .animated.repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3); } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2); } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3); } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4); } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5); } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2); } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*0.8); animation-duration: calc(var(--animate-duration)*0.8); } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3); } @media (prefers-reduced-motion: reduce), print { .animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animated[class*=Out] { opacity: 0; } } @-webkit-keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } @keyframes bounce { 0%, 20%, 53%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05); } 80% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0) scaleY(0.95); transform: translateZ(0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; } @-webkit-keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } @keyframes shakeY { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } } .shakeY { -webkit-animation-name: shakeY; animation-name: shakeY; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(0.7); transform: translateY(-1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInDown { -webkit-animation-name: backInDown; animation-name: backInDown; } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft; } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInRight { -webkit-animation-name: backInRight; animation-name: backInRight; } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(0.7); transform: translateY(1200px) scale(0.7); opacity: .7; } 80% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } .backInUp { -webkit-animation-name: backInUp; animation-name: backInUp; } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: .7; } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(700px) scale(0.7); transform: translateY(700px) scale(0.7); opacity: .7; } } .backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown; } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(-2000px) scale(0.7); transform: translateX(-2000px) scale(0.7); opacity: .7; } } .backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft; } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateX(0) scale(0.7); transform: translateX(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateX(2000px) scale(0.7); transform: translateX(2000px) scale(0.7); opacity: .7; } } .backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight; } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: .7; } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 20% { -webkit-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); opacity: .7; } to { -webkit-transform: translateY(-700px) scale(0.7); transform: translateY(-700px) scale(0.7); opacity: .7; } } .backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1); } 75% { -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98); } 90% { -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985); transform: translate3d(0, 10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0) scaleY(3); transform: translate3d(0, 2000px, 0) scaleY(3); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9); transform: translate3d(20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2); transform: translate3d(-2000px, 0, 0) scaleX(2); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9); transform: translate3d(-20px, 0, 0) scaleX(0.9); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0) scaleX(2); transform: translate3d(2000px, 0, 0) scaleX(2); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985); transform: translate3d(0, -10px, 0) scaleY(0.985); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9); transform: translate3d(0, 20px, 0) scaleY(0.9); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft; } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight; } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft; } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0); } } .fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft; } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0); } } .fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight; } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0); } } .fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight; } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } to { opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0); } } .fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0; } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1; } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { opacity: 1; } to { -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0; } } .lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { opacity: 1; } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { opacity: 1; } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { opacity: 1; } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom; } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left; } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(0.1) rotate(30deg); transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); transform: translate3d(100%, 0, 0) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: -webkit-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*=owl-] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #FFF; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled + .owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity .2s ease; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } /* Name: theme.css Written by: Okler Themes - (http://www.okler.net) Theme Version: 9.1.0 */ @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: auto; } } html { direction: ltr; overflow-x: hidden; -webkit-box-shadow: none !important; box-shadow: none !important; -webkit-font-smoothing: antialiased; } body { background-color: #FFF; color: #9c9ea0; font-family: "Poppins", Arial, sans-serif; font-size: 14px; line-height: 26px; margin: 0; } body a { outline: none !important; } .body { background-color: #FFF; } html.safari:not(.no-safari-overflow-x-fix) .body { overflow-x: hidden; } a { text-decoration: none; } a:not(.btn):hover { text-decoration: underline; } li { line-height: 24px; } /* Responsive */ @media (max-width: 575px) { body { font-size: 13px; } } pre { background: #f7f7f7; border: 1px solid #e8e8e8; border-radius: 4px; padding: 15px; } /* Envato Frame */ .remove-envato-frame { background: #404040; border-radius: 0 0 4px 4px; top: 0; color: #FFF; display: block; height: 9px; padding: 10px 20px 35px; position: fixed; right: 5px; text-align: center; text-decoration: none; min-width: 50px; z-index: 10000; font-size: 0.8em; opacity: 0.7; } .remove-envato-frame:hover { opacity: 0.9; text-decoration: none; color: #FFF; } .remove-envato-frame:before { font-family: 'Font Awesome 5 Free'; content: "\F00D" !important; font-weight: 900; display: inline-block; padding-right: 5px; } @media (max-width: 991px) { .remove-envato-frame { display: none !important; } } /* Header */ #header { position: relative; z-index: 1030; } #header .header-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #FFF; -webkit-transition: min-height 0.3s ease; transition: min-height 0.3s ease; width: 100%; border-top: 3px solid #E0CEAA; border-bottom: 1px solid transparent; z-index: 1001; } #header .header-body.header-body-bottom-border-fixed { border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important; } #header .header-body[class*="border-color-"] { border-bottom: 0 !important; } #header .header-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: ease height 300ms; transition: ease height 300ms; } @media (max-width: 991px) { #header .header-container:not(.container):not(.container-fluid) .header-nav-main { padding: 0 0.75rem; } } #header .header-container.header-container-height-xs { height: 80px; } #header .header-container.header-container-height-sm { height: 100px; } #header .header-container.header-container-height-md { height: 125px; } #header .header-container.header-container-height-lg { height: 145px; } #header .container { position: relative; } @media (max-width: 767px) { #header .container { width: 100%; } } #header .header-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: stretch; align-self: stretch; max-height: 100%; } #header .header-column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #header .header-column.header-column-border-right { border-right: 1px solid rgba(0, 0, 0, 0.06); } #header .header-column.header-column-border-left { border-left: 1px solid rgba(0, 0, 0, 0.06); } #header .header-column .header-row { -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } #header .header-column .header-extra-info { list-style: outside none none; margin: 0; padding: 0; } #header .header-column .header-extra-info li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 25px; } #header .header-column .header-extra-info li .header-extra-info-icon { font-size: 32px; font-size: 2rem; margin-right: 10px; } #header .header-column .header-extra-info li .header-extra-info-text label { display: block; margin: 0; color: #999; font-size: 12px; font-size: 0.75rem; line-height: 1.2; } #header .header-column .header-extra-info li .header-extra-info-text strong { display: block; margin: 0; color: #333; font-size: 14.4px; font-size: 0.9rem; line-height: 1.3; } #header .header-column .header-extra-info li .header-extra-info-text a { color: #333; } #header .header-column .header-extra-info li .feature-box p { margin: 0; } #header .header-column .header-extra-info li .feature-box small { position: relative; top: -4px; font-size: 80%; } #header.header-no-min-height .header-body { min-height: 0 !important; } #header .header-top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid rgba(0, 0, 0, 0.06); min-height: 47px; } #header .header-top.header-top-light-border-bottom { border-bottom-color: rgba(255, 255, 255, 0.1); } #header .header-top.header-top-simple-border-bottom { border-bottom-width: 1px; } #header .header-top.header-top-default { background: #f7f7f7; } #header .header-top.header-top-borders { border-bottom-width: 1px; } #header .header-top.header-top-borders .nav-item-borders { border-right: 1px solid rgba(0, 0, 0, 0.06); padding-left: 12px; padding-right: 12px; } #header .header-top.header-top-borders .nav-item-borders:first-child { padding-left: 0; } #header .header-top.header-top-borders .nav-item-borders:last-child { border-right: 0; } #header .header-top.header-top-light-borders { border-bottom-color: rgba(255, 255, 255, 0.2); } #header .header-top.header-top-light-borders.header-top-borders .nav-item-borders { border-right-color: rgba(255, 255, 255, 0.2); } #header .header-top.header-top-light-2-borders { border-bottom-color: rgba(255, 255, 255, 0.06); } #header .header-top.header-top-light-2-borders.header-top-borders .nav-item-borders { border-right-color: rgba(255, 255, 255, 0.06); } #header .header-top.header-top-bottom-containered-border { border-bottom: 0; } #header .header-top.header-top-bottom-containered-border > .container > .header-row { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } #header .header-top.header-top-small-minheight { min-height: 38px; } #header .header-top.header-top-semi-transparent { background-color: rgba(0, 0, 0, 0.15); } #header .header-top.header-top-semi-transparent-light { background-color: rgba(255, 255, 255, 0.15); } #header .header-logo { margin: 16px 0; margin: 1rem 0; position: relative; z-index: 1; } #header .header-logo img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; top: 0; image-rendering: -webkit-optimize-contrast; -webkit-transform: translateZ(0); transform: translateZ(0); } #header .header-nav { padding: 16px 0; padding: 1rem 0; min-height: 70px; } #header .header-nav-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span { color: #999; font-size: 0.9em; padding: 6px 10px; display: inline-block; letter-spacing: -0.5px; } #header .header-nav-top .nav > li > a [class*="fa-"], #header .header-nav-top .nav > li > a .icons, #header .header-nav-top .nav > li > span [class*="fa-"], #header .header-nav-top .nav > li > span .icons { margin-right: 3px; font-size: 0.8em; position: relative; } #header .header-nav-top .nav > li > a { text-decoration: none; } #header .header-nav-top .nav > li > a:hover, #header .header-nav-top .nav > li > a a:focus { background: transparent; } #header .header-nav-top .nav > li.open > .dropdown-menu-toggle, #header .header-nav-top .nav > li.accessibility-open > .dropdown-menu-toggle { border-radius: 4px 4px 0 0; } #header .header-nav-top .nav > li + .nav-item-left-border { margin-left: 10px; padding-left: 10px; position: relative; } #header .header-nav-top .nav > li + .nav-item-left-border:after { background: rgba(0, 0, 0, 0.08); content: ""; width: 1px; height: 16px; position: absolute; display: block; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); left: 0; } #header .header-nav-top .nav > li + .nav-item-right-border { margin-right: 10px; padding-right: 10px; position: relative; } #header .header-nav-top .nav > li + .nav-item-right-border:before { background: rgba(0, 0, 0, 0.08); content: ""; width: 1px; height: 16px; position: absolute; display: block; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); right: 0; } #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-remove:after { content: none; } #header .header-nav-top .nav > li.nav-item-left-border.nav-item-right-border-remove:before { content: none; } @media (max-width: 575px) { #header .header-nav-top .nav > li:not(.d-none) { margin-left: 0; padding-left: 0; } } @media (max-width: 767px) { #header .header-nav-top .nav > li.nav-item-left-border-remove.d-none { margin-left: 0; padding-left: 0; } #header .header-nav-top .nav > li.nav-item-right-border-remove.d-none { margin-left: 0; padding-left: 0; } } #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-show:after { content: ''; } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-show:after { content: ''; } @media (min-width: 576px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-sm-show:after { content: ''; } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-sm-show:after { content: ''; } } @media (min-width: 768px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-md-show:after { content: ''; } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-md-show:after { content: ''; } } @media (min-width: 992px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-lg-show:after { content: ''; } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-lg-show:after { content: ''; } } @media (min-width: 1200px) { #header .header-nav-top .nav > li.nav-item-left-border.nav-item-left-border-xl-show:after { content: ''; } #header .header-nav-top .nav > li.nav-item-right-border.nav-item-right-border-xl-show:after { content: ''; } } #header .header-nav-top .nav > li.nav-item.dropdown.show .nav-link { background: transparent; } #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a [class*="fa-"], #header .header-nav-top .nav > li.nav-item:not(.dropdown) > a .icons { left: -1px; top: -1px; } #header .header-nav-top .nav > li.nav-item-anim-icon > a:hover [class*="fa-"], #header .header-nav-top .nav > li.nav-item-anim-icon > a:hover .icons { -webkit-animation: navItemArrow 600ms ease; animation: navItemArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } #header .header-nav-top .dropdown .dropdown-item { font-size: 0.75em; } #header .header-nav-top .dropdown-menu { border: 0; margin-top: -2px; margin-left: -2px; padding: 0; -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); background: #FFF; padding: 3px; min-width: 180px; z-index: 10000; margin-right: 0; margin-top: 1px; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; border-radius: 0; } #header .header-nav-top .dropdown-menu:before { content: ''; display: block; position: absolute; top: 0; right: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; -webkit-transform: translate3d(-7px, -6px, 0); transform: translate3d(-7px, -6px, 0); } #header .header-nav-top .dropdown-menu.dropdow-menu-arrow-right:before { right: auto; left: 20px; } #header .header-nav-top .dropdown-menu a { color: #999; padding: 5px 12px; font-size: 0.9em; } #header .header-nav-top .dropdown-menu a:active { color: #FFF; } #header .header-nav-top .flag { margin-right: 2px; position: relative; top: -1px; } #header .header-nav-features { position: relative; padding-left: 20px; margin-left: 10px; } #header .header-nav-features:before, #header .header-nav-features:after { background: rgba(0, 0, 0, 0.03); content: none; width: 1px; height: 16px; position: absolute; display: block; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); left: 0; } #header .header-nav-features.header-nav-features-divisor-lg:before, #header .header-nav-features.header-nav-features-divisor-lg:after { height: 72px; } #header .header-nav-features.header-nav-features-light:before, #header .header-nav-features.header-nav-features-light:after { background: rgba(255, 255, 255, 0.1); } #header .header-nav-features:not(.header-nav-features-no-border):before, #header .header-nav-features:not(.header-nav-features-no-border):after { content: ''; } #header .header-nav-features:not(.header-nav-features-no-border):after { display: none; } #header .header-nav-features.header-nav-features-show-border:before, #header .header-nav-features.header-nav-features-show-border:after { content: ''; } @media (min-width: 576px) { #header .header-nav-features.header-nav-features-sm-show-border:before, #header .header-nav-features.header-nav-features-sm-show-border:after { content: ''; } } @media (min-width: 768px) { #header .header-nav-features.header-nav-features-md-show-border:before, #header .header-nav-features.header-nav-features-md-show-border:after { content: ''; } } @media (min-width: 992px) { #header .header-nav-features.header-nav-features-lg-show-border:before, #header .header-nav-features.header-nav-features-lg-show-border:after { content: ''; } } @media (min-width: 1200px) { #header .header-nav-features.header-nav-features-xl-show-border:before, #header .header-nav-features.header-nav-features-xl-show-border:after { content: ''; } } #header .header-nav-features.header-nav-features-start { padding-left: 0; margin-left: 0; padding-right: 20px; margin-right: 10px; } #header .header-nav-features.header-nav-features-start:not(.header-nav-features-no-border):before { left: auto; right: 0; } #header .header-nav-features.header-nav-features-center { padding-left: 20px; margin-left: 10px; padding-right: 20px; margin-right: 10px; } #header .header-nav-features.header-nav-features-center:after { display: block; left: auto; right: 0; } #header .header-nav-features .header-nav-top-icon, #header .header-nav-features .header-nav-top-icon-img { font-size: 12.8px; font-size: 0.8rem; position: relative; top: -1px; color: #212529; } #header .header-nav-features.header-nav-features-light .header-nav-top-icon, #header .header-nav-features.header-nav-features-light .header-nav-top-icon-img { color: #FFF; } #header .header-nav-features .header-nav-top-icon-img { top: -2px; } #header .header-nav-features .header-nav-feature { position: relative; } #header .header-nav-features .header-nav-features-dropdown { opacity: 0; top: -10000px; position: absolute; -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); background: #FFF; padding: 17px; min-width: 300px; z-index: 10000; right: 100%; margin-right: -25px; margin-top: 30px; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; pointer-events: none; } #header .header-nav-features .header-nav-features-dropdown:before { content: ''; display: block; position: absolute; top: 0; right: 5px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; -webkit-transform: translate3d(-7px, -6px, 0); transform: translate3d(-7px, -6px, 0); } #header .header-nav-features .header-nav-features-dropdown.show { opacity: 1; top: auto; pointer-events: all; } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-arrow-dark:before { border-bottom-color: #181b1e; } @media (min-width: 992px) { #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-reverse { right: auto; margin-right: 0; left: 100%; margin-left: -25px; } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-reverse:before { right: auto; left: 5px; -webkit-transform: translate3d(7px, -6px, 0); transform: translate3d(7px, -6px, 0); } } @media (max-width: 440px) { #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed { position: fixed; right: auto; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-mobile-fixed:before { content: none; } } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-force-right { margin-right: 6px !important; right: 0; } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-dark { background: #212529; } #header .header-nav-features .header-nav-features-dropdown.header-nav-features-dropdown-dark:before { border-bottom-color: #212529; } #header .header-nav-features .header-nav-features-cart { z-index: 2; } #header .header-nav-features .header-nav-features-cart .header-nav-features-dropdown { padding: 20px; } #header .header-nav-features .header-nav-features-cart .cart-info { position: absolute; width: 100%; text-align: center; top: 50%; margin-top: -4px; left: 0; padding: 0; display: block; line-height: 1; } #header .header-nav-features .header-nav-features-cart .cart-info .cart-qty { position: absolute; top: -12px; right: -10px; width: 15px; height: 15px; display: block; font-size: 9px; font-weight: 600; color: #fff; background-color: #ed5348; text-align: center; line-height: 15px; border-radius: 20px; -webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, 0.3); } #header .header-nav-features .header-nav-features-cart .mini-products-list { list-style: none; margin: 0; padding: 0; } #header .header-nav-features .header-nav-features-cart .mini-products-list li { position: relative; padding: 15px 0; border-bottom: 1px solid #EEE; } #header .header-nav-features .header-nav-features-cart .mini-products-list li:first-child { margin-top: -15px; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image { float: right; border-color: #E0CEAA; border-width: 1px; padding: 0; border: 1px solid #ddd; background-color: #fff; display: block; position: relative; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-image img { max-width: 80px; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details { margin-left: 0; line-height: 1.4; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details a { letter-spacing: 0.005em; font-weight: 600; color: #696969; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .product-name { margin: 15px 0 0; font-size: 0.9em; font-weight: 400; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .qty-price { font-size: 0.8em; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .qty-price .price { display: inline-block; } #header .header-nav-features .header-nav-features-cart .mini-products-list li .product-details .btn-remove { z-index: 3; top: 5px; right: -5px; width: 20px; height: 20px; background-color: #fff; color: #474747; border-radius: 100%; position: absolute; text-align: center; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); line-height: 20px; font-size: 10px; } #header .header-nav-features .header-nav-features-cart .totals { padding: 15px 0 25px; overflow: hidden; } #header .header-nav-features .header-nav-features-cart .totals .label { float: left; text-transform: uppercase; font-size: 13px; font-weight: 700; color: #474747; } #header .header-nav-features .header-nav-features-cart .totals .price-total { float: right; text-transform: uppercase; font-size: 15px; font-weight: 700; color: #474747; } #header .header-nav-features .header-nav-features-cart .actions { padding: 0; margin: 0; } #header .header-nav-features .header-nav-features-cart .actions .btn { display: inline-block; min-width: 125px; text-align: center; margin: 5px 0; float: right; font-size: 11.2px; font-size: 0.7rem; padding: 11.2px 16px; padding: 0.7rem 1rem; text-transform: uppercase; font-weight: 600; } #header .header-nav-features .header-nav-features-cart .actions .btn:first-child { float: left; } #header .header-nav-features .header-nav-features-cart.header-nav-features-cart-big .cart-info { margin-top: -9px; left: -4px; } #header .header-nav-features .header-nav-features-cart.header-nav-features-cart-big .header-nav-features-dropdown { margin-right: -31px; top: 10px; } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle { color: #212529; font-size: 13px; font-weight: 600; text-transform: uppercase; } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle .far { font-size: 15.2px; font-size: 0.95rem; margin: 0px 2px 0 0; position: relative; top: 1px; } #header .header-nav-features .header-nav-features-user .header-nav-features-toggle:hover { text-decoration: none; } #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { margin-right: -27px; min-width: 420px; padding: 35px; } @media (max-width: 767px) { #header .header-nav-features .header-nav-features-user .header-nav-features-dropdown { min-width: 320px; } } #header .header-nav-features .header-nav-features-user .actions { padding: 0; margin: 0; } #header .header-nav-features .header-nav-features-user .actions .btn { display: inline-block; min-width: 125px; margin: 5px 0; font-size: 11.2px; font-size: 0.7rem; padding: 11.2px 16px; padding: 0.7rem 1rem; text-transform: uppercase; font-weight: 600; } #header .header-nav-features .header-nav-features-user .extra-actions { clear: both; border-top: 1px solid rgba(0, 0, 0, 0.08); padding-top: 20px; margin-top: 20px; text-align: center; } #header .header-nav-features .header-nav-features-user .extra-actions p { font-size: 12px; font-size: 0.75rem; margin: 0; padding: 0; } #header .header-nav-features .header-nav-features-user.signin .signin-form { display: block; } #header .header-nav-features .header-nav-features-user.signin .signup-form, #header .header-nav-features .header-nav-features-user.signin .recover-form { display: none; } #header .header-nav-features .header-nav-features-user.signup .signin-form { display: none; } #header .header-nav-features .header-nav-features-user.signup .signup-form { display: block; } #header .header-nav-features .header-nav-features-user.signup .recover-form { display: none; } #header .header-nav-features .header-nav-features-user.recover .signin-form, #header .header-nav-features .header-nav-features-user.recover .signup-form { display: none; } #header .header-nav-features .header-nav-features-user.header-nav-features-user-logged .header-nav-features-dropdown { min-width: 320px; } #header .header-nav-features .header-nav-features-search-reveal-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 42px; } #header .header-nav-features .header-nav-features-search-reveal .simple-search { display: none; } #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-hide-icon { display: none; text-decoration: none; } #header .header-nav-features .header-nav-features-search-reveal .header-nav-features-search-show-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-decoration: none; } #header .header-nav-features .header-nav-features-search-reveal.show .header-nav-features-search-hide-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header-nav-features .header-nav-features-search-reveal.show .header-nav-features-search-show-icon { display: none; } #header .header-nav-features .header-nav-features-search-reveal.show .simple-search { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } #header .header-nav-features .header-nav-features-search-reveal-big-search { display: none; position: absolute; left: 0; top: 0; background: #FFF; width: 100%; height: 100%; z-index: 1; } #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type="search"]::-webkit-search-decoration, #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type="search"]::-webkit-search-cancel-button, #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type="search"]::-webkit-search-results-button, #header .header-nav-features .header-nav-features-search-reveal-big-search .big-search-header input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border: 0; background: transparent; font-size: 22px !important; line-height: 1; border-bottom: 2px solid #CCC; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; position: relative; z-index: 1; } #header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon { position: absolute; right: 0px; top: 50%; z-index: 2; display: block; margin-right: 10px; margin-top: -10px; } #header .header-nav-features .header-nav-features-search-reveal-big-search .header-nav-features-search-hide-icon i { font-size: 20px; } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full { position: fixed; z-index: 100000; background: transparent; } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full:before { content: ""; display: block; background: rgba(23, 23, 23, 0.95); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .form-control { color: #FFF; } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .header-nav-features-search-hide-icon { position: fixed; top: 25px; right: 20px; margin-top: 0; } #header .header-nav-features .header-nav-features-search-reveal-big-search.header-nav-features-search-reveal-big-search-full .header-nav-features-search-hide-icon i { color: #FFF; } #header.search-show .header-nav-features .header-nav-features-search-reveal-big-search { display: -webkit-box; display: -ms-flexbox; display: flex; } #header .header-search { margin-left: 16px; margin-left: 1rem; } #header .header-search .form-control { border-radius: 20px; font-size: 0.9em; height: 34px; margin: 0; padding: 6px 12px; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; -webkit-perspective: 1000px; perspective: 1000px; width: 170px; } #header .header-search .btn-light { background: transparent; border: 0 none; color: #CCC; position: absolute; right: 0; top: 0; z-index: 3; } #header .header-search .btn-light:hover { color: #000; } #header .header-social-icons { margin-left: 16px; margin-left: 1rem; } #header .header-border-left { border-left: 1px solid rgba(0, 0, 0, 0.08); } #header .header-border-right { border-right: 1px solid rgba(0, 0, 0, 0.08); } #header .header-border-top { border-top: 1px solid rgba(0, 0, 0, 0.08); } #header .header-border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.08); } @media (max-width: 991px) { #header .header-mobile-border-top:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } } #header .header-btn-collapse-nav { background: #CCC; color: #FFF; display: none; float: right; margin: 0 0 0 16px; margin: 0 0 0 1rem; } #header.header-narrow .header-body { min-height: 0; } #header.header-narrow .header-logo { margin-top: 0; margin-bottom: 0; } #header.header-narrow .header-nav { padding-top: 0; padding-bottom: 0; } #header.header-no-border-bottom .header-body { padding-bottom: 0 !important; border-bottom: 0 !important; } #header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-links nav > ul > li:hover > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li > a, #header.header-no-border-bottom .header-nav.header-nav-line nav > ul > li:hover > a { margin: 0; } #header.header-effect-shrink { -webkit-transition: ease height 300ms; transition: ease height 300ms; } #header.header-effect-shrink .header-top { -webkit-transition: ease height 300ms; transition: ease height 300ms; } #header.header-effect-shrink .header-container { min-height: 100px; } #header.header-effect-shrink .header-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header.header-dark .header-body { background: #212529; } #header.header-dark .header-body .header-nav.header-nav-links-side-header nav > ul > li > a { border-bottom-color: #2a2a2a; } @media (max-width: 991px) { html.mobile-menu-opened #header .header-body[class*="border-color-"] { border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important; } } html:not(.boxed) #header.header-floating-bar { position: absolute; top: 45px; width: 100%; } html:not(.boxed) #header.header-floating-bar .header-body { border: medium none; margin: 0 auto; padding: 0; position: relative; width: auto; } html:not(.boxed) #header.header-floating-bar .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { left: 0; right: 0; } @media (max-width: 991px) { html:not(.boxed) #header.header-floating-bar { top: 0; } } @media (max-width: 991px) { html:not(.boxed):not(.sticky-header-active) #header.header-floating-bar .header-body { margin: 10px; } html:not(.boxed):not(.sticky-header-active) #header.header-floating-bar .header-nav-main:before { display: none; } } @media (min-width: 1200px) { html:not(.sticky-header-active) #header.header-floating-bar .header-body { max-width: 1140px; right: 15px; } html:not(.sticky-header-active) #header.header-floating-bar .header-container { padding-right: 0px; padding-left: 30px; } } html:not(.boxed) #header.header-full-width .header-container { width: 100%; max-width: none; } html #header.header-bottom-slider { position: absolute; bottom: 0; } html #header.header-bottom-slider .header-body { border-top: 1px solid rgba(255, 255, 255, 0.4); } html #header.header-bottom-slider.header-transparent-light-top-border .header-body { border-top: 1px solid rgba(68, 68, 68, 0.4); } html #header.header-bottom-slider.header-transparent-light-top-border-1 .header-body { border-top: 1px solid rgba(68, 68, 68, 0.1); } html #header.header-bottom-slider.header-transparent-dark-top-border .header-body { border-top: 1px solid rgba(255, 255, 255, 0.4); } html #header.header-bottom-slider.header-transparent-dark-top-border-1 .header-body { border-top: 1px solid rgba(255, 255, 255, 0.1); } html.sticky-header-active #header.header-bottom-slider .header-body { border-top-color: transparent; } @media (max-width: 991px) { html #header.header-bottom-slider .header-nav-main { top: calc(100% + 15px); } html.sticky-header-active #header.header-bottom-slider .header-nav-main { top: 100%; } } html #header.header-transparent { min-height: 0 !important; width: 100%; position: absolute; } html #header.header-transparent .header-body:not(.header-border-bottom) { border-bottom: 0; } html:not(.sticky-header-active) #header.header-transparent:not(.header-semi-transparent) .header-body { background-color: transparent !important; } html:not(.sticky-header-active) #header.header-semi-transparent-light .header-body { background-color: rgba(255, 255, 255, 0.8) !important; } html:not(.sticky-header-active) #header.header-semi-transparent-dark .header-body { background-color: rgba(68, 68, 68, 0.4) !important; } html:not(.sticky-header-active) #header.header-transparent-light-bottom-border .header-body { border-bottom: 1px solid rgba(68, 68, 68, 0.4); } html:not(.sticky-header-active) #header.header-transparent-light-bottom-border-1 .header-body { border-bottom: 1px solid rgba(68, 68, 68, 0.1); } html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border .header-body { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border-1 .header-body { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } @media (max-width: 991px) { html #header.header-transparent .header-body { overflow: hidden; } html #header.header-transparent .header-body.bg-dark .header-nav-main:before, html #header.header-transparent .header-body.bg-color-dark .header-nav-main:before { background-color: #212529; } html #header.header-transparent .header-nav-main:before { width: calc(100% - 30px); } html #header.header-transparent .header-nav-main nav { padding: 0 30px; } html.sticky-header-active #header.header-transparent .header-nav-main nav { padding: 0 15px; } } html.sticky-header-active #header .header-top.header-top-sticky-remove-bottom-border { border-bottom: 0; } html.sticky-header-active #header .header-body { position: fixed; border-bottom-color: rgba(234, 234, 234, 0.5); -webkit-box-shadow: 0 0 3px rgba(234, 234, 234, 0.5); box-shadow: 0 0 3px rgba(234, 234, 234, 0.5); } html.sticky-header-active #header .header-body.header-body-bottom-border { border-bottom: 1px solid rgba(234, 234, 234, 0.5) !important; } html.sticky-header-active #header.header-effect-shrink .header-body { position: relative; } html.sticky-header-reveal.sticky-header-active #header .header-body { position: fixed; border-bottom: none; width: 100%; max-width: 100%; } html.sticky-header-enabled #header .header-logo-sticky-change { position: relative; } html.sticky-header-enabled #header .header-logo-sticky-change img { position: absolute; top: 0; left: 0; } html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 1 !important; } html.sticky-header-enabled #header .header-logo-sticky-change .header-logo-sticky { opacity: 0 !important; } html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-non-sticky { opacity: 0 !important; } html.sticky-header-enabled.sticky-header-active #header .header-logo-sticky-change .header-logo-sticky { opacity: 1 !important; } @media (min-width: 992px) { html.sticky-header-enabled.sticky-header-active.sticky-header-scroll-direction #header .header-body { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.sticky-header-enabled.sticky-header-active.sticky-header-scroll-direction.sticky-header-scroll-down #header .header-body { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } /* Header Nav Main */ @media (min-width: 992px) { #header .header-nav-main { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; height: auto !important; } #header .header-nav-main nav { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } #header .header-nav-main nav > ul > li { height: 100%; -ms-flex-item-align: stretch; align-self: stretch; margin-left: 2px; } #header .header-nav-main nav > ul > li > a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; border-radius: 4px; color: #CCC; font-size: 13px; font-style: normal; font-weight: 600; padding: 0.5rem 1rem; letter-spacing: -0.5px; text-transform: uppercase; text-decoration: none; } #header .header-nav-main nav > ul > li > a:after { display: none; } #header .header-nav-main nav > ul > li > a:active { background-color: transparent; text-decoration: none; color: #CCC; } #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down { display: none; } #header .header-nav-main nav > ul > li > a.active { background-color: transparent; } #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li.accessibility-open > a, #header .header-nav-main nav > ul > li:hover > a { background: #CCC; color: #FFF; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { top: -10000px; display: block; opacity: 0; left: auto; border-radius: 0 4px 4px; border: 0; border-top: 3px solid #CCC; -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07); box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.07); margin: 0; min-width: 200px; padding: 5px 0; text-align: left; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 1px solid #f7f7f7; color: #9c9ea0; font-size: 0.8em; font-weight: 400; padding: 6px 18px 6px 18px; position: relative; text-transform: none; text-decoration: none; letter-spacing: -0.5px; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:focus, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.active, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:active { background-color: transparent; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.open > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.accessibility-open > a { background-color: #eaebeb; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: relative; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down { display: none; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { font-family: 'Font Awesome 5 Free'; content: "\F054"; font-weight: 900; position: absolute; top: 50%; font-size: 0.5rem; opacity: 0.7; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { left: 100%; display: block; margin-top: -8px; margin-left: -1px; border-radius: 4px; opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > a:after, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > a:after { opacity: 1; right: 15px; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { top: 0; opacity: 1; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > a:after { right: 30px; -webkit-transform: translateY(-50%) rotateY(180deg); transform: translateY(-50%) rotateY(180deg); } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { left: auto; right: 100%; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a { border-bottom: 0; } #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a { border-radius: 4px 4px 0 0; position: relative; } #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: -3px; border-bottom: 5px solid #CCC; } #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; display: block; opacity: 1; } #header .header-nav-main nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu { left: auto; right: 0; } #header .header-nav-main nav > ul > li.dropdown-mega { position: static; } #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 4px; left: 12px; right: 12px; width: auto; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content { padding: 1.6rem; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title { color: #333333; display: block; font-size: 0.9em; font-weight: 600; margin-top: 20px; padding-bottom: 10px; text-transform: none; letter-spacing: -0.5px; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child { margin-top: 0; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav { list-style: none; padding: 0; margin: 0; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border: 0 none; border-radius: 4px; color: #9c9ea0; display: block; font-size: 0.8em; font-weight: normal; margin: 0 0 3px -8px; padding: 3px 8px; text-shadow: none; text-transform: none; text-decoration: none; } #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:active > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:focus > a { background: #f7f7f7; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop > .dropdown-item { padding: 0.5rem 0.8rem; } #header .header-nav-main nav > ul > li .wrapper-items-cloned i { display: none; } #header .header-nav-main.header-nav-main-square nav > ul > li > a { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info, #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .thumb-info-wrapper { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega > .dropdown-menu { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu { border: 0 !important; border-radius: 4px; } #header .header-nav-main.header-nav-main-dropdown-no-borders nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -5px; } #header .header-nav-main.header-nav-main-font-sm nav > ul > li > a { font-size: 0.7rem; } #header .header-nav-main.header-nav-main-font-md nav > ul > li > a { font-size: 1rem; font-weight: 600; text-transform: none; letter-spacing: -1px; } #header .header-nav-main.header-nav-main-font-lg nav > ul > li > a { font-size: 1.1rem; font-weight: 400; text-transform: none; letter-spacing: -1px; } #header .header-nav-main.header-nav-main-font-lg-upper nav > ul > li > a { font-size: 0.95rem; font-weight: 600; text-transform: uppercase; letter-spacing: -1px; } #header .header-nav-main.header-nav-main-font-lg-upper-2 nav > ul > li > a { font-size: 0.82rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0; } #header .header-nav-main.header-nav-main-font-alternative nav > ul > li > a { font-family: 'Open Sans', sans-serif; font-size: 0.85rem; font-weight: 600; } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu { border: 0 !important; padding: 15px 8px; margin-left: -10px; } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a { border-bottom: 0; background: transparent !important; font-size: 0.85em; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; left: 0; } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:hover, #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li a:active { left: 5px; } #header .header-nav-main.header-nav-main-dropdown-modern nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -15px; } #header .header-nav-main.header-nav-main-dropdown-center nav > ul > li.dropdown:not(.dropdown-mega) > .dropdown-menu { -webkit-transform: translate3d(-50%, 10px, 0) !important; transform: translate3d(-50%, 10px, 0) !important; } #header .header-nav-main.header-nav-main-dropdown-center nav > ul > li.dropdown:not(.dropdown-mega):hover > .dropdown-menu { top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0) !important; transform: translate3d(-50%, 0, 0) !important; } #header .header-nav-main.header-nav-main-dropdown-center.header-nav-main-dropdown-center-bottom nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -14px !important; } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item { position: relative; } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { content: ''; display: block; position: absolute; top: auto; left: 50%; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; -webkit-transform: translate3d(-7px, 10px, 0); transform: translate3d(-7px, 10px, 0); bottom: 14px; margin-top: auto; z-index: 1001; opacity: 0; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -14px !important; -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.1); } #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-item:before, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-item:before, #header .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-item:before { opacity: 1 !important; -webkit-transform: translate3d(-7px, 0, 0); transform: translate3d(-7px, 0, 0); } #header .header-nav-main.header-nav-main-dark nav > ul > li > a { color: #212529; } #header .header-nav-main.header-nav-main-slide nav > ul > li > a { background-color: transparent; color: #FFF; text-transform: none; font-size: 14px; font-weight: 500; padding: 18px 18px 22px !important; margin: 0 !important; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; text-decoration: none; } } @media (min-width: 992px) and (min-width: 992px) { #header .header-nav-main.header-nav-main-slide nav > ul > li > a.dropdown-toggle:after { visibility: hidden; } } @media (min-width: 992px) { #header .header-nav-main.header-nav-main-slide nav > ul > li > a.item-original { display: none; } #header .header-nav-main.header-nav-main-slide nav > ul > li > span { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 100%; overflow: hidden; } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; border-radius: 4px; font-size: 13px; font-style: normal; font-weight: 600; letter-spacing: -0.5px; text-transform: uppercase; position: relative; background: transparent !important; color: #212529; padding: 0 .9rem; margin: 1px 0 0; min-height: 60px; height: 100%; text-decoration: none; -webkit-transition: ease all 300ms; transition: ease all 300ms; -webkit-transform: translateY(0%); transform: translateY(0%); } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.dropdown-toggle:after { display: none; } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a .fa-caret-down { display: none; } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.active:first-child { -webkit-transform: translateY(-40%); transform: translateY(-40%); opacity: 0; } #header .header-nav-main.header-nav-main-slide nav > ul > li > span > a.active.item-two { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } #header .header-nav-main.header-nav-main-slide nav > ul > li > span .item-two { position: absolute; -webkit-transform: translateY(40%); transform: translateY(40%); opacity: 0; width: auto; left: 0; } #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a:first-child { -webkit-transform: translateY(-40%); transform: translateY(-40%); opacity: 0; } #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span .item-two { -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } #header .header-nav-main.header-nav-main-transition nav > ul > li > a { -webkit-transition: ease all 300ms; transition: ease all 300ms; } #header .header-nav-main.header-nav-main-text-capitalize nav > ul > li > a { text-transform: capitalize; } #header .header-nav-main.header-nav-main-text-size-2 nav > ul > li > a { font-size: 13px; font-weight: 500; letter-spacing: 0; } #header .header-nav-main.header-nav-main-text-size-3 nav > ul > li > a { font-size: 14px; font-weight: 600; letter-spacing: 0; } #header .header-nav-main.header-nav-main-text-ls-0 nav > ul > li > a { letter-spacing: 0; } #header .header-nav-main.header-nav-main-text-weight-500 nav > ul > li > a { font-weight: 500; } #header .header-nav-main.header-nav-main-text-weight-600 nav > ul > li > a { font-weight: 600; } #header .header-nav-main.header-nav-main-increase-space-between nav > ul > li > a { padding: 0 1.3rem !important; } #header .header-nav-main a > .thumb-info-preview { position: absolute; display: block; left: 100%; opacity: 0; border: 0; padding-left: 10px; background: transparent; overflow: visible; margin-top: 15px; top: -10000px; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } #header .header-nav-main a > .thumb-info-preview .thumb-info-wrapper { background: #FFF; display: block; border-radius: 4px; border: 0; -webkit-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin: 0; padding: 4px; text-align: left; width: 190px; } #header .header-nav-main a > .thumb-info-preview .thumb-info-image { -webkit-transition: all 6s linear 0s; transition: all 6s linear 0s; width: 182px; height: 136px; min-height: 0; } #header .header-nav-main a:hover > .thumb-info-preview { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); top: 0; opacity: 1; margin-top: -5px; } #header .header-nav-main .dropdown-reverse a > .thumb-info-preview { -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); right: 100%; left: auto; padding-left: 0; margin-right: 10px; } #header .header-nav-main .dropdown-reverse a:hover > .thumb-info-preview { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #header .header-nav-bar { z-index: 1; } #header .header-nav-bar.header-nav-bar-top-border { border-top: 1px solid #E0CEAA; } #header .header-nav-bar .header-container { min-height: 0; height: auto !important; } #header .header-nav-bar .header-container .header-container-md { height: 120px; } #header .header-nav-bar .header-nav { min-height: 60px; } #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { bottom: 1px !important; margin-left: 0; } #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-bar .header-nav .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px !important; } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li { margin-left: 0; margin-right: 0; } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item { padding: 0 0 0 2rem !important; } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown > .dropdown-item:before { bottom: 1px !important; margin-left: 17px; } #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-bar .header-nav-links:not(.justify-content-lg-center) .header-nav-main.header-nav-main-dropdown-arrow nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px !important; } #header .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-item-align: stretch; align-self: stretch; } #header .header-nav.header-nav-stripe { padding: 0; } #header .header-nav.header-nav-stripe .header-nav-main { -ms-flex-item-align: stretch; align-self: stretch; margin-top: -1px; min-height: 0; } #header .header-nav.header-nav-stripe nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #header .header-nav.header-nav-stripe nav > ul > li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: stretch; align-self: stretch; } #header .header-nav.header-nav-stripe nav > ul > li > a { background: transparent; padding: 0 .9rem; margin: 1px 0 0; height: 100%; } #header .header-nav.header-nav-stripe nav > ul > li > a.active { color: #333; background: transparent; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active, #header .header-nav.header-nav-stripe nav > ul > li.open > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a.active, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a, #header .header-nav.header-nav-stripe nav > ul > li.accessibility-open > a.active { color: #FFF; padding-bottom: 0; } #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > a:before, #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > a:before { content: none; } #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > .dropdown-menu { top: 100%; left: 0; margin-top: 1px; } #header .header-nav.header-nav-stripe nav > ul > li.dropdown.dropdown-reverse > .dropdown-menu { left: auto; } #header .header-nav.header-nav-stripe.header-nav-main-dark nav > ul > li:hover > a { color: #FFF !important; } #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active { color: #FFF !important; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active { color: #FFF !important; } #header .header-nav.header-nav-links, #header .header-nav.header-nav-line { padding: 0; } #header .header-nav.header-nav-links .header-nav-main, #header .header-nav.header-nav-line .header-nav-main { -ms-flex-item-align: stretch; align-self: stretch; min-height: 0; margin-top: 0; } #header .header-nav.header-nav-links nav > ul > li > a, #header .header-nav.header-nav-links nav > ul > li:hover > a, #header .header-nav.header-nav-line nav > ul > li > a, #header .header-nav.header-nav-line nav > ul > li:hover > a { position: relative; background: transparent !important; padding: 0 .9rem; margin: 1px 0 0; min-height: 60px; height: 100%; } #header .header-nav.header-nav-links nav > ul > li:hover > a:before, #header .header-nav.header-nav-links nav > ul > li.open > a:before, #header .header-nav.header-nav-links nav > ul > li.accessibility-open > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before, #header .header-nav.header-nav-line nav > ul > li.open > a:before, #header .header-nav.header-nav-line nav > ul > li.accessibility-open > a:before { opacity: 1; } #header .header-nav.header-nav-links nav > ul > li > a.active, #header .header-nav.header-nav-line nav > ul > li > a.active { background: transparent; } #header .header-nav.header-nav-links nav > ul > li > a.active:before, #header .header-nav.header-nav-line nav > ul > li > a.active:before { opacity: 1; } #header .header-nav.header-nav-links nav > ul > li.dropdown > a:before, #header .header-nav.header-nav-line nav > ul > li.dropdown > a:before { border-bottom: 0; } #header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-line nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: 0; } #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a { color: #212529; } #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a { color: #FFF; } #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li > a { color: #FFF !important; } #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li > a.active, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li > a.active { color: #FFF !important; } #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:hover > a, #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:focus > a, #header .header-nav.header-nav-links.header-nav-force-light-text nav > ul > li:active > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:hover > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:focus > a, #header .header-nav.header-nav-line.header-nav-force-light-text nav > ul > li:active > a { color: #FFF !important; } #header .header-nav.header-nav-line nav > ul > li > a:before, #header .header-nav.header-nav-line nav > ul > li:hover > a:before { content: ""; position: absolute; background: transparent; width: auto; height: 3px; top: -2px; left: -1px; right: -1px; opacity: 0; } #header .header-nav.header-nav-line nav > ul > li:hover > a:before { opacity: 1 !important; } #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: 100%; height: 3px; top: -2px; left: 0; } #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-top-line.header-nav-top-line-with-border nav > ul > li:hover > a:before { top: -4px; } #header .header-nav.header-nav-line.header-nav-top-line-animated nav > ul > li > a:before { -webkit-transition: all .3s ease; transition: all .3s ease; width: 0%; left: 50%; } #header .header-nav.header-nav-line.header-nav-top-line-animated nav > ul > li:hover > a:before { left: 0; width: 100%; } #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line nav > ul > li:hover > a:before { content: ""; position: absolute; width: auto; height: 3px; top: 50%; left: 15px; right: 15px; margin-top: 15px; -webkit-transform: translateY(-3px); transform: translateY(-3px); } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-no-transform nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-no-transform nav > ul > li:hover > a:before { margin-top: 12px; -webkit-transform: none; transform: none; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li > a:before, #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-line-under-text nav > ul > li:hover > a:before { left: 0; right: 0; height: 7px; margin: 6px 10px 15px 10px; opacity: 0.3 !important; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a:before { -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) right 300ms; transition: cubic-bezier(0.55, 0, 0.1, 1) right 300ms; right: 100%; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li > a.active:before { right: 15px; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1 nav > ul > li:hover > a:before { right: 15px; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li > a.active:before { right: 0; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-effect-1.header-nav-line-under-text nav > ul > li:hover > a:before { right: 0; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul > li:hover > a { color: #FFF !important; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-light nav > ul:not(:hover) li > a.active { color: #FFF !important; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul > li:hover > a { color: #212529 !important; } #header .header-nav.header-nav-line.header-nav-bottom-line.header-nav-bottom-line-active-text-dark nav > ul:not(:hover) li > a.active { color: #212529 !important; } #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-no-space-dropdown nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: -1px; } #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-force-light-text .header-nav-main nav > ul > li .wrapper-items-cloned > a { color: #FFF !important; } #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a { color: #333 !important; } #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li > a.active, #header .header-nav.header-nav-force-light-text:not(.header-nav-force-light-text-active-skin-color) .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: #333 !important; } #header .header-nav.header-nav-icons nav > ul > li > a [class*="fa-"], #header .header-nav.header-nav-icons nav > ul > li > a .icons { font-size: 1.1rem; margin-right: 0.28rem; margin-top: 0.1rem; } #header .header-nav.header-nav-divisor nav > ul > li { margin: 0; } #header .header-nav.header-nav-divisor nav > ul > li > a { border-right: 1px solid rgba(0, 0, 0, 0.07); } #header .header-nav.header-nav-divisor nav > ul > li:last-child > a { border-right: 0; } #header .header-nav.header-nav-spaced nav > ul > li > a { margin: 0 !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important; } #header .header-nav.header-nav-first-item-no-padding nav > ul > li:first-child > a { padding-left: 0 !important; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown > a:before { border-bottom: 0; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown li a { border-bottom-color: #2a2a2a; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu { background: #1e1e1e; margin-top: 0; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li > a { color: #adadad; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:hover > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:focus > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li:active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.open > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown .dropdown-menu > li.accessibility-open > a { background: #282828; color: #FFF; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title { color: #FFF; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li > a { color: #adadad; } #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:focus > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li:active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li.active > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li.open > a, #header .header-nav.header-nav-dropdowns-dark nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li.accessibility-open > a { color: #FFF; background: #282828; } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a { position: relative; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 0; padding-left: 0; margin-left: 0.7rem; margin-right: 0.7rem; } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { font-size: 0.9em; text-transform: none; font-weight: normal; margin-top: 0.3rem; } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span { margin-top: -0.5rem; } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a { -webkit-transition: ease padding-bottom 300ms; transition: ease padding-bottom 300ms; } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a.active { padding-bottom: 15px; } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a.active > span { top: 60%; left: 0; opacity: 1; } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { position: absolute; top: 50%; left: 0; margin-top: 0; opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: ease opacity 200ms, ease top 300ms; transition: ease opacity 200ms, ease top 300ms; } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:hover > a, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:focus > a { padding-bottom: 15px; } #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:hover > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li:focus > a > span { top: 60%; left: 0; opacity: 1; } #header .header-nav.header-nav-links-side-header nav > ul > li > a { padding: 10px 15px !important; min-height: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0; } #header .header-nav.header-nav-links-side-header nav > ul > li:last-child > a { border-bottom: 0; } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown { position: static; } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item { position: relative; } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown > .dropdown-item:before { font-family: 'Font Awesome 5 Free'; content: "\F054" !important; font-weight: 900; position: absolute; top: 50%; font-size: 0.5rem; opacity: 0.7 !important; left: auto; right: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .2s ease-out; transition: all .2s ease-out; display: block !important; } #header .header-nav.header-nav-links-side-header nav > ul > li.dropdown:hover > .dropdown-item:before { right: 15px; opacity: 1 !important; } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown .dropdown-menu, #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown li.dropdown-submenu > .dropdown-menu { -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown:hover:not(.open) .dropdown-menu { top: -10000px; opacity: 0; } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown > .dropdown-toggle > .fa-chevron-down { display: block; opacity: 0; position: absolute; right: 12px; } #header .header-nav.header-nav-click-to-open nav > ul > li.dropdown.open .dropdown-menu > li.dropdown-submenu:hover:not(.open) .dropdown-menu { top: -10000px; opacity: 0; } } /* Header Arrows */ @media (min-width: 992px) { #header .header-nav-main-arrows nav > ul > li > a.dropdown-toggle:after { display: inline-block; font-family: 'Font Awesome 5 Free'; content: "\F078"; font-weight: 900; border: 0; width: auto; height: auto; margin: 0; padding: 0 0 0 4px; font-size: 0.6rem; } } /* Header Nav Main Dark Text */ @media (min-width: 992px) { #header .header-nav-main-dark-text nav > .nav-pills > li > a { color: #333; } } /* Header Nav Main Colors */ @media (min-width: 992px) { html #header .header-nav-main nav > ul > li.dropdown-full-color .dropdown-menu { border-top: 0; } html #header .header-nav-main nav > ul > li.dropdown-full-color .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-top: -5px; } } /* Header Nav Main Dark Text */ @media (min-width: 992px) { #header .header-nav-main-rounded nav > .nav-pills > li > a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; border-radius: 1.5rem; } #header .header-nav-main-rounded nav > .nav-pills > li > a:before { display: none !important; } #header .header-nav-main-rounded nav > ul > li.dropdown.open > a, #header .header-nav-main-rounded nav > ul > li.dropdown.accessibility-open > a, #header .header-nav-main-rounded nav > ul > li.dropdown:hover > a { border-radius: 1.5rem; } #header .header-nav-main-rounded nav > ul > li.dropdown .dropdown-menu { border-radius: 4px; } } /* Header Nav Main Stretch */ @media (min-width: 992px) { #header .header-nav-stretch { padding-top: 0; padding-bottom: 0; } #header .header-nav-stretch .header-nav-main { -ms-flex-item-align: stretch; align-self: stretch; } #header .header-nav-stretch nav > ul > li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: stretch; align-self: stretch; } #header .header-nav-stretch nav > ul > li.dropdown.open > a:before, #header .header-nav-stretch nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-stretch nav > ul > li.dropdown:hover > a:before { content: none; } #header .header-nav-stretch nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-stretch nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav-stretch nav > ul > li.dropdown:hover > .dropdown-menu { top: 100%; left: 0; margin-top: -1px; } } /* Header Narrow */ @media (min-width: 992px) { #header.header-narrow .header-nav.header-nav-stripe nav > ul > li > a, #header.header-narrow .header-nav.header-nav-dropdowns-dark nav > ul > li > a, #header.header-narrow .header-nav.header-nav-links nav > ul > li > a, #header.header-narrow .header-nav.header-nav-line nav > ul > li > a { min-height: 60px; } } /* Header Nav Vertical */ @media (min-width: 992px) { html.side-header #header.side-header .side-header-scrollable, html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable { height: 100%; margin-right: -13px; } html.side-header #header.side-header .side-header-scrollable .scrollable-content, html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-content { padding-right: 10px; padding-left: 0; } html.side-header #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down { display: block; position: absolute; right: 7px; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 0.5rem; } html.side-header #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down:before { content: none; } html.side-header #header.side-header .header-nav nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav nav { display: block !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-dropdown nav > ul > li.dropdown, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-dropdown nav > ul > li.dropdown { position: relative; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:before { top: 23px; right: 20px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a { border: 0; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu { overflow: hidden; opacity: 0; width: 0; height: 0; top: -10000px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { position: relative; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 5px 0 5px 15px; left: auto; right: auto; -webkit-transform: none; transform: none; min-width: auto; width: 100%; opacity: 1 !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > a:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.accessibility-open > .dropdown-menu li.dropdown-submenu.open > a:after { right: 20px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-menu { min-width: 0; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content { padding: 5px 0 5px 15px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content [class*=col], html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content [class*=col] { max-width: 100%; width: 100%; display: block; padding: 5px 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title { padding-left: 15px; font-size: 0.75em; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-nav { padding-left: 30px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview { display: none; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns { position: relative; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav { margin-top: -10px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown { position: static; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu { -webkit-box-shadow: none; box-shadow: none; top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 10000px; margin-left: -15px; margin-top: 10px; opacity: 0; -webkit-transition: margin-left .2s ease-out, opacity .2s ease-out; transition: margin-left .2s ease-out, opacity .2s ease-out; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu:before { content: ''; display: block; position: absolute; top: -100vh; width: 100%; height: 100%; background: #FCFCFC; border-right: 1px solid #f7f7f7; border-left: 1px solid #f7f7f7; height: 200vh; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu { position: static; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { margin-left: 0; left: 100%; right: auto; margin-left: -15px; opacity: 0; -webkit-transition: margin-left .2s ease-out, opacity .2s ease-out; transition: margin-left .2s ease-out, opacity .2s ease-out; -webkit-transform: translate3d(10000px, 0, 0); transform: translate3d(10000px, 0, 0); } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu:before { border-left: 0; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu { right: auto; opacity: 1; margin-left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { left: auto; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu { right: 100%; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown:hover > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown:hover > .dropdown-menu { margin-left: 0; margin-top: 0; padding-top: 0; opacity: 1; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown-mega, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns nav > ul > li.dropdown-mega { position: static !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-columns .thumb-info-preview, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-columns .thumb-info-preview { display: none; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide { height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide .header-nav-main, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide .header-nav-main { height: 100% !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul { height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul > li, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav > ul > li { height: auto; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: ease all 300ms; transition: ease all 300ms; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul.next-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul.next-menu { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item { display: inline-block; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:before, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:before { display: none !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after { font-family: 'Font Awesome 5 Free'; content: "\F054"; font-weight: 900; position: relative; font-size: 0.5rem; opacity: 0.7; display: inline-block; border: 0; top: 1px; left: 5px; -webkit-transform: none; transform: none; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:hover:after, html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:hover:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown > a.dropdown-toggle:hover:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:hover:after { -webkit-animation: sideMenuArrow 600ms ease; animation: sideMenuArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item { background: transparent; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li.dropdown-submenu > a.dropdown-item:after { top: -1px; margin-left: 5px; -webkit-transform: none; transform: none; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul > li.dropdown .dropdown-menu li a { background: transparent; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li { position: static; text-align: center; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li a { display: inline-block; width: 100%; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul { visibility: hidden; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul.visible, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li ul.visible { visibility: visible; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a { cursor: pointer; background: transparent; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:before { font-family: 'Font Awesome 5 Free'; content: "\F053"; font-weight: 900; position: relative; font-size: 0.5rem; opacity: 0.7; display: inline-block; border: 0; top: -1px; right: 5px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:hover:before, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.back-button > a:hover:before { -webkit-animation: sideMenuArrowBack 600ms ease; animation: sideMenuArrowBack 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; top: 50% !important; left: 100%; padding: 0; margin: 0 !important; opacity: 1; border-top: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: translate3d(0, -50%, 0) !important; transform: translate3d(0, -50%, 0) !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar { width: 5px; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { border-radius: 0px; background: rgba(204, 204, 204, 0.5); } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu.next-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu.next-menu { -webkit-transform: translate3d(-100%, -50%, 0) !important; transform: translate3d(-100%, -50%, 0) !important; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu li.dropdown-submenu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu li.dropdown-submenu { position: static; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown-submenu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-slide nav ul li.dropdown-submenu { position: static; } } /* Header Floating */ #header.header-floating-icons .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #header.header-floating-icons .header-nav-main nav > ul > li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 0; } #header.header-floating-icons .header-nav-main nav > ul > li > a > i { pointer-events: none; } #header.header-floating-icons .header-nav-main nav > ul > li > a.active { background: #FFF !important; } #header.header-floating-icons .header-nav-main nav > ul > li > a.active:after { background: #FFF; } #header.header-floating-icons .header-nav-main nav > ul > li.open > a:after, #header.header-floating-icons .header-nav-main nav > ul > li.accessibility-open > a:after, #header.header-floating-icons .header-nav-main nav > ul > li.active > a:after, #header.header-floating-icons .header-nav-main nav > ul > li:hover > a:after, #header.header-floating-icons .header-nav-main nav > ul > li:active > a:after, #header.header-floating-icons .header-nav-main nav > ul > li:focus > a:after { background: #FFF; } @media (min-width: 992px) { #header.header-floating-icons { background: transparent; height: 0; min-height: 0 !important; } #header.header-floating-icons .header-nav-main nav > ul > li { height: auto; } #header.header-floating-icons .header-row { display: block; position: absolute; top: 12px; left: -60px; } #header.header-floating-icons .header-body { position: fixed; top: 0; left: 0; background: transparent; min-height: 0; padding: 0; border: none; } #header.header-floating-icons .header-nav { padding: 0 !important; } #header.header-floating-icons .header-nav-main { margin: 0; -webkit-box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.3); box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.3); } #header.header-floating-icons .header-nav-main nav > ul > li { border-bottom: 1px solid #CCC; } #header.header-floating-icons .header-nav-main nav > ul > li:hover > a { background: #FFF; } #header.header-floating-icons .header-nav-main nav > ul > li:hover > a > span { opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } #header.header-floating-icons .header-nav-main nav > ul > li > a { font-size: 25px; padding: 18px; -webkit-perspective: 770px; perspective: 770px; background: #F7F7F7; border-radius: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } #header.header-floating-icons .header-nav-main nav > ul > li > a:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 102%; z-index: -1; } #header.header-floating-icons .header-nav-main nav > ul > li > a > span { opacity: 0; position: absolute; top: 0; left: 125.5%; background: #FFF; padding: 0 25px; height: 100%; line-height: 4.1; white-space: nowrap; font-size: 14px; z-index: -2; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; -webkit-box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.15); box-shadow: 0px 0px 80px 0px rgba(62, 62, 62, 0.15); -webkit-transform-origin: -19% 0%; transform-origin: -19% 0%; -webkit-transform: rotateY(88deg); transform: rotateY(88deg); } #header.header-floating-icons .header-nav-main nav > ul > li > a > span:before { content: ''; display: block; position: absolute; top: 50%; left: -4px; padding: 10px; background: #FFF; z-index: -1; -webkit-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); } } @media (min-width: 992px) and (max-width: 1281px) { #header.header-floating-icons .header-row { left: -19px; } #header.header-floating-icons .header-nav-main nav > ul > li > a { padding: 9.8px; -webkit-perspective: 450px; perspective: 450px; } #header.header-floating-icons .header-nav-main nav > ul > li > a > span { line-height: 3; } } @media (max-width: 991px) { #header.header-floating-icons { position: fixed; top: 23px; right: 10px; } #header.header-floating-icons .header-body { background: transparent; border: none; min-height: 0; } #header.header-floating-icons .header-btn-collapse-nav { padding: 15px 20px; margin: 0; } #header.header-floating-icons .header-nav-main { position: absolute; right: 0px; top: 77px; max-width: 53px; overflow: hidden; -webkit-box-shadow: 0px 0px 15px 0px rgba(62, 62, 62, 0.2); box-shadow: 0px 0px 15px 0px rgba(62, 62, 62, 0.2); } #header.header-floating-icons .header-nav-main:before { content: none; } #header.header-floating-icons .header-nav-main nav { padding: 0; margin: 0 !important; max-height: none; } #header.header-floating-icons .header-nav-main nav > ul { display: block; padding: 0; } #header.header-floating-icons .header-nav-main nav > ul > li { display: inline-block; border: none; } #header.header-floating-icons .header-nav-main nav > ul > li > a { font-size: 1.7em; margin: 0; padding: 15px; background: #F7F7F7; border-radius: 0; border-bottom: 1px solid #e2e2e2; } #header.header-floating-icons .header-nav-main nav > ul > li > a > span { display: none; } #header.header-floating-icons .header-nav-main nav > ul > li:last-child > a { border-bottom: 0; } } @media (min-width: 992px) { #header .header-nav-main.header-nav-main-light nav > ul > li > a { color: #FFF; } #header .header-nav-main.header-nav-main-light nav > ul > li > a.active { color: #CCC; background: #FFF; } #header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > a, #header .header-nav-main.header-nav-main-light nav > ul > li.active > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { background: #FFF; } #header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.active > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu { border-top-color: #FFF; -webkit-box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05); box-shadow: 0 20px 25px rgba(0, 0, 0, 0.05); } #header .header-nav-main.header-nav-main-light nav > ul > li.open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.accessibility-open > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li.active > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > .dropdown-menu .dropdown-submenu:hover > .dropdown-menu { border-top-color: #FFF; } #header .header-nav-main.header-nav-main-light nav > ul > li.active > a { background: #FFF; } #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.open > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown.accessibility-open > a:before, #header .header-nav-main.header-nav-main-light nav > ul > li.dropdown:hover > a:before { border-bottom-color: #FFF; } #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:hover, #header .header-nav-main.header-nav-main-light .dropdown-menu > li > a:focus { background: #f5f5f5; } } @media (min-width: 992px) { #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-mega-sub-nav li a { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover .dropdown-mega-sub-nav li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open .dropdown-mega-sub-nav li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu li a, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open .dropdown-mega-sub-nav li a { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #header .header-nav-main-effect-1 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } #header .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 2px, 0); transform: translate3d(0, 2px, 0); } #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-stripe .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-links .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-line .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav.header-nav-dropdowns-dark .header-nav-main-effect-1 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { #header .header-nav-main-effect-2 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; opacity: 0; } #header .header-nav-main-effect-2 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-2 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-2 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { opacity: 1; } } @media (min-width: 992px) { #header .header-nav-main-effect-3 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } #header .header-nav-main-effect-3 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-3 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-3 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { #header .header-nav-main-effect-4 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } #header .header-nav-main-effect-4 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-4 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-4 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { #header .header-nav-main-effect-5 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } #header .header-nav-main-effect-5 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-5 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-5 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { #header .header-nav-main-effect-6 nav > ul > li.dropdown .dropdown-menu { -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } #header .header-nav-main-effect-6 nav > ul > li.dropdown:hover > .dropdown-menu, #header .header-nav-main-effect-6 nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main-effect-6 nav > ul > li.dropdown.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (min-width: 992px) { #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu { -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); opacity: 0; } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse > .dropdown-menu { -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); left: auto; right: 100%; opacity: 0; } #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse:hover > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse.open > .dropdown-menu, #header .header-nav-main-sub-effect-1 nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu.dropdown-reverse.accessibility-open > .dropdown-menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } /* Header Nav Main Mobile */ @media (max-width: 991px) { #header .header-nav-main { position: absolute; background: transparent; width: 100%; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } #header .header-nav-main:before { content: ''; display: block; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; background: #FFF; z-index: -1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } #header .header-nav-main nav { max-height: 50vh; overflow: hidden; overflow-y: auto; padding: 0 15px; -webkit-transition: ease all 500ms; transition: ease all 500ms; } #header .header-nav-main nav.collapsing { overflow-y: hidden; } #header .header-nav-main nav::-webkit-scrollbar { width: 5px; } #header .header-nav-main nav::-webkit-scrollbar-thumb { border-radius: 0px; background: rgba(204, 204, 204, 0.5); } #header .header-nav-main nav > ul { padding-top: 15px; padding-bottom: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #header .header-nav-main nav > ul li { border-bottom: 1px solid #e8e8e8; clear: both; display: block; float: none; margin: 0; padding: 0; position: relative; } #header .header-nav-main nav > ul li a { font-size: 13px; font-style: normal; line-height: 20px; padding: 7px 8px; margin: 1px 0; border-radius: 4px; text-align: left; } #header .header-nav-main nav > ul li a .fa-caret-down { line-height: 35px; min-height: 38px; min-width: 30px; position: absolute; right: 5px; text-align: center; top: 0; } #header .header-nav-main nav > ul li a.dropdown-toggle { position: relative; } #header .header-nav-main nav > ul li a.dropdown-toggle:after { content: none; } #header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.6rem; } #header .header-nav-main nav > ul li a:active { background-color: #eaebeb; color: inherit; } #header .header-nav-main nav > ul li.dropdown > a.active { margin-top: -1px; margin-bottom: -1px; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu { background: transparent; padding: 0; margin: 0; font-size: 13px; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border: 0; clear: both; display: none; float: none; position: static; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a { position: relative; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a:after { content: none; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu > a .fa-chevron-down { position: absolute; top: 0; right: 0; width: 30px; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.6rem; } #header .header-nav-main nav > ul li.dropdown .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { display: block; margin-left: 20px; } #header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu { display: block; margin-left: 20px; } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title { margin-top: 10px; display: block; text-align: left; } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav { margin: 0 0 0 20px; padding: 0; list-style: none; } #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-nav > li > a { display: block; text-decoration: none; } #header .header-nav-main nav > ul li:last-child { border-bottom: 0; } #header .header-nav-main nav > ul > li > a { text-transform: uppercase; font-weight: 700; margin-top: 1px; margin-bottom: 1px; color: #CCC; } #header .header-nav-main nav > ul > li > a:active { color: #CCC; } #header .header-nav-main nav > ul > li > a.active { color: #FFF !important; background: #CCC; } #header .header-nav-main nav > ul > li > a.active:focus, #header .header-nav-main nav > ul > li > a.active:hover { color: #FFF; background: #CCC; } #header .header-nav-main nav .not-included { margin: 0; } #header .header-nav-main a > .thumb-info-preview { display: none !important; } #header .header-nav-main.header-nav-main-square nav > ul > li a { border-radius: 0 !important; } #header .header-nav-main.header-nav-main-slide .wrapper-items-cloned { display: none; } #header .header-nav-bar .header-container { min-height: 0; height: auto !important; } #header .header-nav-bar .header-nav { min-height: 60px !important; padding: 0; } #header .header-btn-collapse-nav { outline: 0; display: block; position: relative; z-index: 1; } #header .header-nav.header-nav-stripe { min-height: 90px; } #header .header-nav.header-nav-links, #header .header-nav.header-nav-line { min-height: 70px; } #header .header-nav.header-nav-dropdowns-dark { min-height: 70px; } #header .header-nav.header-nav-sub-title .header-nav-main nav > ul > li > a > span, #header .header-nav.header-nav-sub-title-animated .header-nav-main nav > ul > li > a > span { display: block; text-transform: none; font-weight: normal; } } /* Header Nav Main Mobile Dark */ @media (max-width: 991px) { #header .header-nav-main.header-nav-main-mobile-dark:before { background-color: #212529; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a { color: #dedede; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #FFF; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a { color: #969696; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a.active { color: #FFF; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li { border-bottom: 1px solid #3e3e3e; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li:last-child { border-bottom: 0; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover, #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus, #header .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active { background-color: #2b2b2b; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul li.dropdown-mega .dropdown-mega-sub-title { color: #eaeaea; } } /* Header Nav Main Dark Text */ @media (max-width: 991px) { #header .header-nav-main.header-nav-main-dark-text nav > ul > li > a { color: #333; } #header .header-nav-main.header-nav-main-dark-text nav > ul > li > a.active { color: #FFF; } } /* Header Nav Vertical */ @media (max-width: 991px) { html.side-header #header.side-header .side-header-scrollable { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: visible; } html.side-header #header.side-header .side-header-scrollable .scrollable-content { right: 0 !important; overflow: visible; } html.side-header #header.side-header .side-header-scrollable .scrollable-pane { display: none !important; } } /* Side Header Hamburguer Sidebar */ @media (max-width: 991px) { html.side-header-hamburguer-sidebar #header.side-header .header-row-side-header { width: 100%; } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable { height: 100%; } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-content { right: 0 !important; padding-right: 10px; padding-left: 10px; overflow-y: hidden; } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable .scrollable-pane { display: none !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav { height: 100%; } html.side-header-hamburguer-sidebar #header.side-header .header-nav .header-nav-main { position: relative; top: 0; left: 0; -webkit-transform: none; transform: none; } html.side-header-hamburguer-sidebar #header.side-header .header-nav nav { display: block !important; max-height: 69vh; padding: 0 8px 0 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links { width: 100%; padding: 0; overflow: hidden; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main { -ms-flex-item-align: stretch; align-self: stretch; min-height: 0; margin-top: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a { color: #dedede !important; border-bottom-color: #3e3e3e; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #FFF !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a { color: #969696; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li .dropdown-menu > li a.active { color: #FFF; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li { border-bottom-color: #3e3e3e; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:hover, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:focus, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul li a:active { background-color: #2b2b2b; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a { position: relative; background: transparent !important; color: #212529 !important; padding: 0 .9rem; margin: 1px 0 0; min-height: 70px; height: 100%; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.dropdown-toggle:after { content: none; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: #CCC; background: transparent; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li.dropdown:hover > .dropdown-menu { margin-top: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul li { border-bottom: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul li a { color: #212529; font-size: 12px; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li > a { padding: 10px 15px !important; min-height: 0 !important; border-bottom: 1px solid #f7f7f7; border-radius: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li:last-child > a { border-bottom: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-side-header nav > ul > li.dropdown { position: static; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown > .dropdown-menu li a { border: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown:not(.open) .dropdown-menu { overflow: hidden; opacity: 0; width: 0; height: 0; top: -10000px; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.open > .dropdown-menu li.dropdown-submenu.open > .dropdown-menu { position: relative; -webkit-box-shadow: none; box-shadow: none; margin: 0; padding: 5px 0 5px 15px; top: auto; left: auto; right: auto; -webkit-transform: none; transform: none; min-width: auto; width: 100%; opacity: 1 !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-menu { min-width: 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content { padding: 5px 0 5px 15px; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content [class*=col] { max-width: 100%; display: block; padding: 5px 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-title { margin-top: 0; padding-left: 15px; color: #333333; font-size: 0.85em; font-weight: 600; text-transform: uppercase; letter-spacing: -0.5px; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content .dropdown-mega-sub-nav { padding-left: 10px; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links-vertical-expand .thumb-info-preview { display: none; } } /* Responsive */ @media (min-width: 992px) { #header .header-body:not(.h-100) { height: auto !important; } } @media (max-width: 991px) { #header .header-logo img { z-index: 1; } #header .header-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #header.header-narrow .header-nav.header-nav-stripe { min-height: 70px; } } /* Mega Menu (Signin/SignUp) */ #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu { width: 40%; right: 15px; left: auto; border-radius: 6px 0 6px 6px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table { width: 100%; margin-top: 0; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a { background-color: transparent !important; color: #333; padding: 0; margin: 0; display: block; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a.remove { float: right; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu li table tr td a:hover { text-decoration: none; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .fa-shopping-cart { margin-right: 5px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-thumbnail { width: 120px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .product-actions { text-align: right; width: 80px; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue { margin-top: 10px; padding-top: 20px; border-top: 1px solid #DDD; clear: both; } #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .actions-continue .btn { margin-bottom: 10px; } /* Responsive */ @media (max-width: 991px) { #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu { margin: 15px 0; padding: 0 15px; width: 100%; } } @media (min-width: 992px) { html.side-header .main .container, html.side-header #footer .container { padding: 0 35px; width: auto !important; max-width: 1210px; } html.side-header:not(.side-header-above) body > .body { margin: 0 0 0 255px; width: auto; overflow-x: hidden; overflow-y: visible; } html.side-header:not(.side-header-above) body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { width: 100% !important; left: auto !important; } html.side-header.side-header-above #header.side-header { -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; } } @media (min-width: 992px) and (min-width: 1200px) { html.side-header.side-header-change-container .main .container, html.side-header.side-header-change-container #footer .container { -webkit-transform: translateX(125px); transform: translateX(125px); } } @media (min-width: 992px) and (max-width: 1440px) { html.side-header.side-header-change-container .main .container, html.side-header.side-header-change-container #footer .container { max-width: 960px; } } @media (min-width: 992px) and (min-width: 1200px) { html.side-header.side-header-change-container .home-concept { -webkit-transform: translateX(125px); transform: translateX(125px); } html.side-header.side-header-change-container .home-concept .container { -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 992px) and (min-width: 1200px) and (max-width: 1440px) { html.side-header.side-header-change-container .home-concept .container > .row { margin-left: -6rem; } } @media (min-width: 992px) and (min-width: 1200px) { html.side-header.side-header-change-container.side-header-right .main .container, html.side-header.side-header-change-container.side-header-right #footer .container { -webkit-transform: translateX(-125px); transform: translateX(-125px); } } @media (min-width: 992px) and (min-width: 1200px) { html.side-header.side-header-change-container.side-header-right .home-concept { -webkit-transform: translateX(-125px); transform: translateX(-125px); } } @media (min-width: 992px) and (min-width: 1200px) and (max-width: 1440px) { html.side-header.side-header-change-container.side-header-right .home-concept .container > .row { margin-left: -6rem; } } @media (min-width: 992px) { html.side-header #header.side-header { position: fixed; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); top: 0; left: 0; max-width: 255px; width: 100%; height: 100%; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; } html.side-header #header.side-header:not(.header-transparent) { background: #FFF; } html.side-header #header.side-header.side-header-lg { max-width: 355px; } html.side-header #header.side-header.side-header-hide { -webkit-transform: translateX(100%); transform: translateX(100%); } html.side-header #header.side-header .header-body { border-top: 0; } html.side-header #header.side-header .header-container { width: 100%; } html.side-header #header.side-header .header-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html.side-header #header.side-header .header-search { width: 100%; margin: 0.7rem 0; } html.side-header #header.side-header .header-nav-top .nav > li > a, html.side-header #header.side-header .header-nav-top .nav > li > span { display: block; } html.side-header #header.side-header .header-logo { margin: 2rem 0; } html.side-header #header.side-header .header-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html.side-header #header.side-header .header-nav.header-nav-links nav > ul > li > a { height: auto; } html.side-header #header.side-header .header-nav.header-nav-links-vertical-expand .header-nav-main { overflow: hidden; } html.side-header #header.side-header .header-nav-main, html.side-header #header.side-header .header-nav-main nav, html.side-header #header.side-header .header-nav-main .nav { width: 100%; } html.side-header #header.side-header .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after { content: ""; border-color: transparent transparent transparent #CCC; position: absolute; right: 15px; top: 50%; border-top: .3em solid; border-bottom: .3em solid transparent; border-left: .3em solid transparent; border-right: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: 3px; left: 100%; border-top: 0; border-left: 5px solid #CCC; margin-left: -5px; } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown li.dropdown-submenu:hover > .dropdown-menu { margin-top: -5px; border-top: 0; } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > a, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > a, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > a { padding-bottom: 0.5rem; } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.open > a:before, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown.accessibility-open > a:before, html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown:hover > a:before { content: none; } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown-mega { position: relative !important; } html.side-header #header.side-header .header-nav-main nav > ul > li.dropdown-mega .dropdown-menu { min-width: 720px; } html.side-header #header.side-header .header-nav-main nav > ul > li { margin-top: 1px; } html.side-header #header.side-header .header-nav-main nav > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; } html.side-header #header.side-header .header-nav-main nav > ul > li .dropdown-menu.dropdown-reverse li a { padding-right: 8px; padding-left: 20px; } html.side-header #header.side-header .header-nav-main nav > ul > li .dropdown-menu.dropdown-reverse li.dropdown-submenu > a:after { border-width: 4px 4px 4px 0; } html.side-header-right:not(.side-header-above) body > .body { margin: 0 255px 0 0; } html.side-header-right #header.side-header { left: auto; right: 0; } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle { padding-right: 0px; padding-left: 30px; } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown > a.dropdown-toggle:after { left: 15px; right: auto; border-right: .3em solid transparent; border-left: 0; } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand) .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; right: 100%; left: auto; border-right: 5px solid #CCC; border-left: 0; margin-left: 0; margin-right: -5px; border-radius: 4px 0 0 4px; opacity: 1; } html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide):not(.header-nav-links-vertical-expand).header-nav-links-vertical-columns .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { height: 100vh; } html.side-header-right #header.side-header.side-header-hide { -webkit-transform: translateX(-100%); transform: translateX(-100%); } html.side-header-right.side-header-right-no-reverse #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a { padding-left: 25px; } html.side-header-right.side-header-right-no-reverse #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { left: initial; right: 20px; } html.ie.side-header-right #header.side-header .header-nav:not(.header-nav-links-vertical-slide) .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { left: 10px; right: initial; width: 0; } html.side-header-semi-transparent body > .body { margin: 0; } html.side-header-semi-transparent #header.side-header { background: rgba(0, 0, 0, 0.3); } html.side-header-semi-transparent #header.side-header .header-body { background: transparent !important; } } @media (min-width: 992px) and (max-width: 1199px) { html:not(.side-header-disable-offcanvas).side-header:not(.side-header-above) body > .body { margin: 0; } html:not(.side-header-disable-offcanvas).side-header #header.side-header { left: -255px; z-index: 20 !important; } html:not(.side-header-disable-offcanvas).side-header.side-header-right #header.side-header { left: auto; right: -255px; } } @media (min-width: 1200px) { html.side-header.side-header-hide #header.side-header { left: 0; -webkit-transform: translateX(0); transform: translateX(0); } html.side-header.side-header-right.side-header-hide #header.side-header { left: auto; right: 0; -webkit-transform: translateX(0); transform: translateX(0); } } @media (max-width: 991px) { html.side-header #header.side-header .header-container { height: auto !important; } } @media (max-height: 768px) { html.side-header #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu { top: auto; } } html.side-header-hamburguer-sidebar .main .container, html.side-header-hamburguer-sidebar #footer .container { padding: 0 35px; width: auto !important; max-width: 1210px; } html.side-header-hamburguer-sidebar:not(.side-header-above) body > .body { margin: 0 0 0 255px; width: auto; overflow-x: hidden; overflow-y: visible; } html.side-header-hamburguer-sidebar:not(.side-header-above) body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { width: 100% !important; left: auto !important; } html.side-header-hamburguer-sidebar.side-header-above #header.side-header { -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; transition: cubic-bezier(0.55, 0, 0.1, 1) transform 300ms; } html.side-header-hamburguer-sidebar #header.side-header { background: #FFF; position: fixed; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); top: 0; left: 0; max-width: 255px; width: 100%; height: 100%; -webkit-transform: translateX(0); transform: translateX(0); z-index: 9991; } html.side-header-hamburguer-sidebar #header.side-header.side-header-lg { max-width: 355px; } html.side-header-hamburguer-sidebar #header.side-header.side-header-hide { -webkit-transform: translateX(-100%); transform: translateX(-100%); } html.side-header-hamburguer-sidebar #header.side-header.header-transparent { background: transparent; } html.side-header-hamburguer-sidebar #header.side-header .side-header-scrollable { height: 100%; } html.side-header-hamburguer-sidebar #header.side-header .header-body { border-top: 0; height: 100% !important; } html.side-header-hamburguer-sidebar #header.side-header .header-container { width: 100%; height: 100% !important; } html.side-header-hamburguer-sidebar #header.side-header .header-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html.side-header-hamburguer-sidebar #header.side-header .header-search { width: 100%; margin: 11.2px 0; margin: 0.7rem 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav-top .nav > li > a, html.side-header-hamburguer-sidebar #header.side-header .header-nav-top .nav > li > span { display: block; } html.side-header-hamburguer-sidebar #header.side-header .header-logo { margin: 32px 0; margin: 2rem 0; } html.side-header-hamburguer-sidebar #header.side-header .header-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a { height: auto; } html.side-header-hamburguer-sidebar #header.side-header .header-nav-main, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main nav, html.side-header-hamburguer-sidebar #header.side-header .header-nav-main .nav { width: 100%; } html.side-header-hamburguer-sidebar #header.side-header .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right #header.side-header { left: auto; right: 0; } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right #header.side-header.side-header-hide { -webkit-transform: translateX(100%); transform: translateX(100%); } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-push body > .body { margin: 0; overflow: visible; -webkit-transition: ease right 300ms; transition: ease right 300ms; right: 0; } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-push .body-overlay { content: ""; width: 100%; height: 0; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.8); position: absolute; z-index: 10; opacity: 0; } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-push #header.side-header { -webkit-transform: none; transform: none; -webkit-transition: ease left 300ms; transition: ease left 300ms; left: -355px; } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push body > .body { position: relative; -webkit-transition: ease left 300ms; transition: ease left 300ms; left: 0; right: auto; } html.side-header-hamburguer-sidebar.side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push #header.side-header { -webkit-transition: ease right 300ms, ease transform 300ms; transition: ease right 300ms, ease transform 300ms; right: -355px; left: auto; } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push .hamburguer-btn:not(.hamburguer-btn-side-header-mobile-show), html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push .sticky-wrapper { display: none; } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push body > .body { position: relative; right: -355px; } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push .body-overlay { opacity: 1; height: 100%; } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-push #header.side-header { z-index: 11; left: 0; } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push body > .body { left: -355px; right: auto; } html.side-header-hamburguer-sidebar:not(.side-header-hide).side-header-hamburguer-sidebar-right.side-header-hamburguer-sidebar-push #header.side-header { right: 0; left: auto; } html.side-header-overlay-full-screen body > .body { margin: 0; width: auto; overflow-x: hidden; overflow-y: visible; } html.side-header-overlay-full-screen body > .body .forcefullwidth_wrapper_tp_banner .rev_slider_wrapper { width: 100% !important; left: auto !important; } html.side-header-overlay-full-screen #header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(51, 51, 51, 0.99); position: fixed; -webkit-box-shadow: 0 0 18px rgba(68, 68, 68, 0.07); box-shadow: 0 0 18px rgba(68, 68, 68, 0.07); top: 0; left: 0; width: 100vw; height: 100vh; padding-top: 48px; padding-top: 3rem; opacity: 0; visibility: hidden; -webkit-transition: ease opacity 300ms, ease visibility 300ms; transition: ease opacity 300ms, ease visibility 300ms; } html.side-header-overlay-full-screen #header:not(.side-header-hide) { opacity: 1; visibility: visible; -webkit-transition: ease opacity 300ms, ease visibility 300ms; transition: ease opacity 300ms, ease visibility 300ms; } html.side-header-overlay-full-screen #header .header-container:after { content: none; } html.side-header-overlay-full-screen #header .header-body { background-color: transparent; border: 0; } html.side-header-overlay-full-screen #header .header-row-side-header { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0 auto; } html.side-header-overlay-full-screen #header .header-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html.side-header-overlay-full-screen #header .header-nav.header-nav-links nav > ul > li > a { height: auto; } html.side-header-overlay-full-screen #header .header-nav-main, html.side-header-overlay-full-screen #header .header-nav-main nav, html.side-header-overlay-full-screen #header .header-nav-main .nav { width: 100%; } html.side-header-overlay-full-screen #header .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } html.side-header-overlay-full-screen #header .header-nav-main { position: relative; } html.side-header-overlay-full-screen #header .header-nav-main:before { content: none; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li { text-align: center; position: static; margin-top: 1px; height: auto; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a { display: inline-block; border: 0; font-size: 28.8px; font-size: 1.8rem; text-transform: none; color: #FFF; padding: 15px 0 !important; font-weight: 600; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:after { top: -2px !important; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.open, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.accessibility-open, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:focus, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a:active, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li > a.active { background: transparent; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li a .fa-chevron-down { display: none !important; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item { -webkit-transition: ease left 300ms; transition: ease left 300ms; position: relative; left: 0; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:after { display: none; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:before { display: none !important; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:hover { left: 5px; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { position: static; background: transparent !important; -webkit-box-shadow: none; box-shadow: none; display: none !important; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a { border: 0; font-size: 17.6px; font-size: 1.1rem; color: #FFF; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:after { display: none; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu { position: static; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu .dropdown-menu a { font-size: 12px; font-size: 0.75rem; opacity: 0.7; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu.open > .dropdown-menu { display: block !important; opacity: 1; width: 100%; text-align: center; padding: 15px 0; margin: 0; -webkit-transform: none; transform: none; position: static; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu li a, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.accessibility-open > .dropdown-menu li a, html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-submenu.open > .dropdown-menu li a { background: transparent; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content { padding: 25.6px 0 0; padding: 1.6rem 0 0; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row > [class*="col-"] { max-width: none; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row > [class*="col-"] + [class*="col-"] { margin-top: 25px; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-title { color: #FFF; font-size: 1.2em; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav { opacity: 0.7; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-sub-nav > li > a { margin: 0 0 8px; padding: 3px 8px 3px 8px; } html.side-header-overlay-full-screen.ie #header .header-nav-main nav > ul > li.dropdown.dropdown-mega .dropdown-mega-content > .row > [class*="col-"] { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } @media (max-width: 991px) { html.side-header-overlay-full-screen #header .header-row-side-header { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } html.side-header-overlay-full-screen #header .side-header-scrollable { height: 100% !important; } html.side-header-overlay-full-screen #header .side-header-scrollable .scrollable-content { right: 0 !important; padding-right: 10px; padding-left: 10px; overflow-y: hidden; } html.side-header-overlay-full-screen #header .side-header-scrollable .scrollable-pane { display: none !important; } html.side-header-overlay-full-screen #header .header-nav { height: 100%; } html.side-header-overlay-full-screen #header .header-nav-main { position: absolute; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } html.side-header-overlay-full-screen #header .header-nav-main nav { max-height: 80vh; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul > li.dropdown .dropdown-item:hover { left: 0; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li { border-bottom: 0; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li a { text-align: center; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li.dropdown.dropdown-mega .dropdown-mega-content { padding: 0; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li.dropdown.dropdown-mega .dropdown-mega-sub-title { font-size: 1.2rem; text-align: center; margin-bottom: 7px; } html.side-header-overlay-full-screen #header .header-nav-main nav > ul li.dropdown.dropdown-mega .dropdown-mega-sub-nav { margin: 0; } } html.side-header-hamburguer-sidebar-narrow-bar .body { margin-left: 90px; } html.side-header-hamburguer-sidebar-narrow-bar #header.side-header { -webkit-transform: translateX(90px); transform: translateX(90px); } html.side-header-hamburguer-sidebar-narrow-bar .slider-container { left: -45px !important; width: calc(100% + 90px) !important; } .side-header-narrow-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #FFF; width: 90px; position: fixed; top: 0; left: 0; height: 100%; z-index: 9992; } .side-header-narrow-bar:after { content: ""; width: 1px; height: 100%; top: 0; bottom: 0; left: auto; right: 0; background: rgba(0, 0, 0, 0.06); position: absolute; } .side-header-narrow-bar .side-header-narrow-bar-content .side-header-narrow-bar-content-vertical { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; text-transform: uppercase; margin-left: -18%; } @media (max-width: 991px) { html.side-header-hamburguer-sidebar-narrow-bar .body { padding-left: 90px; margin-left: 0; } html.side-header-hamburguer-sidebar-narrow-bar #header { padding-left: 90px; left: -90px !important; } } body[data-plugin-section-scroll] #header .header-body { background: transparent; } html[dir="rtl"] #header .header-search .btn-light { right: -35px; } html.ie #header .header-column .header-extra-info .feature-box .feature-box-info { -webkit-box-flex: 0; -ms-flex: none; flex: none; } @media (max-width: 991px) { html.safari #header .header-body { overflow: visible !important; } } /* Page Header */ .page-header { background-color: #212529; margin: 0 0 35px 0; padding: 30px 0; position: relative; text-align: left; } .page-header h1 { color: #fff; display: inline-block; font-size: 30px; line-height: 1; margin: 0; padding: 0; font-weight: 400; position: relative; top: 1px; } .page-header .sub-title { display: block; font-size: 1.2em; font-weight: 300; margin: 0; opacity: 0.8; color: #fff; } .page-header .page-header-extra-button { position: absolute; width: 100%; bottom: 50px; left: 0; right: 0; z-index: 5; } .page-header.page-header-sm { padding: 30px 0; } .page-header.page-header-sm h1 { font-size: 22px; } .page-header.page-header-lg { padding: 50px 0; } .page-header.page-header-lg h1 { font-size: 40px; } .page-header.page-header-classic:after { content: ''; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.8); position: absolute; bottom: 0; left: 0; } .page-header.page-header-classic .page-header-title-border { width: 0; height: 5px; position: absolute; bottom: 0; background: transparent; z-index: 1; } .page-header.page-header-modern h1 { font-size: 28px; } .page-header.page-header-modern.page-header-sm h1 { font-size: 22px; } .page-header.page-header-modern.page-header-md { padding: 50px 0; } .page-header.page-header-modern.page-header-lg { padding: 65px 0; } .page-header.page-header-modern.page-header-lg h1 { font-size: 32px; } .page-header.page-header-modern.page-header-background { padding: 130px 0; background-size: cover; } .page-header.page-header-modern.page-header-background.page-header-background-pattern { background-size: auto; background-repeat: repeat; background-attachment: fixed; } .page-header.page-header-modern.page-header-background.page-header-background-sm { padding: 50px 0; } .page-header.page-header-modern.page-header-background.page-header-background-md { padding: 150px 0; } .page-header.page-header-modern.page-header-background.page-header-background-lg { padding: 250px 0; } /* Position */ .p-relative { position: relative !important; } .p-absolute { position: absolute !important; } .p-fixed { position: fixed !important; } .p-static { position: static !important; } /* Box Shadow */ .box-shadow-none { -webkit-box-shadow: none !important; box-shadow: none !important; } /* Flex */ .flex-0-0-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } /* Background Clip */ .bclip-border-box { background-clip: border-box !important; } /* Inverted */ .inverted { color: #FFF; display: inline-block; padding-left: 10px; padding-right: 10px; } h1 .inverted { padding-left: 10px; padding-right: 10px; } h2 .inverted { padding-left: 7px; padding-right: 7px; } h3 .inverted { padding-left: 2px; padding-right: 2px; } h4 .inverted { padding-left: 4px; padding-right: 4px; } h5 .inverted { padding-left: 2px; padding-right: 2px; } h6 .inverted { padding-left: 2px; padding-right: 2px; } /* Paddings and Margins */ .mb-0 { margin-bottom: 0 !important; } .mt-0 { margin-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pt-0 { padding-top: 0 !important; } @media (min-width: 576px) { .mb-sm-0 { margin-bottom: 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pt-sm-0 { padding-top: 0 !important; } } @media (min-width: 768px) { .mb-md-0 { margin-bottom: 0 !important; } .mt-md-0 { margin-top: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pt-md-0 { padding-top: 0 !important; } } @media (min-width: 992px) { .mb-lg-0 { margin-bottom: 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pt-lg-0 { padding-top: 0 !important; } } @media (min-width: 1200px) { .mb-xl-0 { margin-bottom: 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pt-xl-0 { padding-top: 0 !important; } } /* Padding */ .pt-3-5 { padding-top: 12px !important; padding-top: 0.75rem !important; } .pe-3-5 { padding-right: 12px !important; padding-right: 0.75rem !important; } .pb-3-5 { padding-bottom: 12px !important; padding-bottom: 0.75rem !important; } .ps-3-5 { padding-left: 12px !important; padding-left: 0.75rem !important; } .px-3-5 { padding-left: 12px !important; padding-left: 0.75rem !important; padding-right: 12px !important; padding-right: 0.75rem !important; } .py-3-5 { padding-top: 12px !important; padding-top: 0.75rem !important; padding-bottom: 12px !important; padding-bottom: 0.75rem !important; } /* Margin */ .mt-3-5 { margin-top: 12px !important; margin-top: 0.75rem !important; } .me-3-5 { margin-right: 12px !important; margin-right: 0.75rem !important; } .mb-3-5 { margin-bottom: 12px !important; margin-bottom: 0.75rem !important; } .ms-3-5 { margin-left: 12px !important; margin-left: 0.75rem !important; } .mx-3-5 { margin-left: 12px !important; margin-left: 0.75rem !important; margin-right: 12px !important; margin-right: 0.75rem !important; } .my-3-5 { margin-top: 12px !important; margin-top: 0.75rem !important; margin-bottom: 12px !important; margin-bottom: 0.75rem !important; } /* Padding */ .pt-4-5 { padding-top: 20px !important; padding-top: 1.25rem !important; } .pe-4-5 { padding-right: 20px !important; padding-right: 1.25rem !important; } .pb-4-5 { padding-bottom: 20px !important; padding-bottom: 1.25rem !important; } .ps-4-5 { padding-left: 20px !important; padding-left: 1.25rem !important; } .px-4-5 { padding-left: 20px !important; padding-left: 1.25rem !important; padding-right: 20px !important; padding-right: 1.25rem !important; } .py-4-5 { padding-top: 20px !important; padding-top: 1.25rem !important; padding-bottom: 20px !important; padding-bottom: 1.25rem !important; } /* Margin */ .mt-4-5 { margin-top: 20px !important; margin-top: 1.25rem !important; } .me-4-5 { margin-right: 20px !important; margin-right: 1.25rem !important; } .mb-4-5 { margin-bottom: 20px !important; margin-bottom: 1.25rem !important; } .ms-4-5 { margin-left: 20px !important; margin-left: 1.25rem !important; } .mx-4-5 { margin-left: 20px !important; margin-left: 1.25rem !important; margin-right: 20px !important; margin-right: 1.25rem !important; } .my-4-5 { margin-top: 20px !important; margin-top: 1.25rem !important; margin-bottom: 20px !important; margin-bottom: 1.25rem !important; } /* Padding */ .pt-5-5 { padding-top: 36px !important; padding-top: 2.25rem !important; } .pe-5-5 { padding-right: 36px !important; padding-right: 2.25rem !important; } .pb-5-5 { padding-bottom: 36px !important; padding-bottom: 2.25rem !important; } .ps-5-5 { padding-left: 36px !important; padding-left: 2.25rem !important; } .px-5-5 { padding-left: 36px !important; padding-left: 2.25rem !important; padding-right: 36px !important; padding-right: 2.25rem !important; } .py-5-5 { padding-top: 36px !important; padding-top: 2.25rem !important; padding-bottom: 36px !important; padding-bottom: 2.25rem !important; } /* Margin */ .mt-5-5 { margin-top: 36px !important; margin-top: 2.25rem !important; } .me-5-5 { margin-right: 36px !important; margin-right: 2.25rem !important; } .mb-5-5 { margin-bottom: 36px !important; margin-bottom: 2.25rem !important; } .ms-5-5 { margin-left: 36px !important; margin-left: 2.25rem !important; } .mx-5-5 { margin-left: 36px !important; margin-left: 2.25rem !important; margin-right: 36px !important; margin-right: 2.25rem !important; } .my-5-5 { margin-top: 36px !important; margin-top: 2.25rem !important; margin-bottom: 36px !important; margin-bottom: 2.25rem !important; } @media (min-width: 576px) { /* Padding */ .pt-sm-3-5 { padding-top: 0.75rem !important; } .pe-sm-3-5 { padding-right: 0.75rem !important; } .pb-sm-3-5 { padding-bottom: 0.75rem !important; } .ps-sm-3-5 { padding-left: 0.75rem !important; } .px-sm-3-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-sm-3-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } /* Margin */ .mt-sm-3-5 { margin-top: 0.75rem !important; } .me-sm-3-5 { margin-right: 0.75rem !important; } .mb-sm-3-5 { margin-bottom: 0.75rem !important; } .ms-sm-3-5 { margin-left: 0.75rem !important; } .mx-sm-3-5 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-sm-3-5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } /* Padding */ .pt-sm-4-5 { padding-top: 1.25rem !important; } .pe-sm-4-5 { padding-right: 1.25rem !important; } .pb-sm-4-5 { padding-bottom: 1.25rem !important; } .ps-sm-4-5 { padding-left: 1.25rem !important; } .px-sm-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .py-sm-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } /* Margin */ .mt-sm-4-5 { margin-top: 1.25rem !important; } .me-sm-4-5 { margin-right: 1.25rem !important; } .mb-sm-4-5 { margin-bottom: 1.25rem !important; } .ms-sm-4-5 { margin-left: 1.25rem !important; } .mx-sm-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .my-sm-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } /* Padding */ .pt-sm-5-5 { padding-top: 2.25rem !important; } .pe-sm-5-5 { padding-right: 2.25rem !important; } .pb-sm-5-5 { padding-bottom: 2.25rem !important; } .ps-sm-5-5 { padding-left: 2.25rem !important; } .px-sm-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .py-sm-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } /* Margin */ .mt-sm-5-5 { margin-top: 2.25rem !important; } .me-sm-5-5 { margin-right: 2.25rem !important; } .mb-sm-5-5 { margin-bottom: 2.25rem !important; } .ms-sm-5-5 { margin-left: 2.25rem !important; } .mx-sm-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important; } .my-sm-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } } @media (min-width: 768px) { /* Padding */ .pt-md-3-5 { padding-top: 0.75rem !important; } .pe-md-3-5 { padding-right: 0.75rem !important; } .pb-md-3-5 { padding-bottom: 0.75rem !important; } .ps-md-3-5 { padding-left: 0.75rem !important; } .px-md-3-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-md-3-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } /* Margin */ .mt-md-3-5 { margin-top: 0.75rem !important; } .me-md-3-5 { margin-right: 0.75rem !important; } .mb-md-3-5 { margin-bottom: 0.75rem !important; } .ms-md-3-5 { margin-left: 0.75rem !important; } .mx-md-3-5 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-md-3-5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } /* Padding */ .pt-md-4-5 { padding-top: 1.25rem !important; } .pe-md-4-5 { padding-right: 1.25rem !important; } .pb-md-4-5 { padding-bottom: 1.25rem !important; } .ps-md-4-5 { padding-left: 1.25rem !important; } .px-md-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .py-md-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } /* Margin */ .mt-md-4-5 { margin-top: 1.25rem !important; } .me-md-4-5 { margin-right: 1.25rem !important; } .mb-md-4-5 { margin-bottom: 1.25rem !important; } .ms-md-4-5 { margin-left: 1.25rem !important; } .mx-md-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .my-md-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } /* Padding */ .pt-md-5-5 { padding-top: 2.25rem !important; } .pe-md-5-5 { padding-right: 2.25rem !important; } .pb-md-5-5 { padding-bottom: 2.25rem !important; } .ps-md-5-5 { padding-left: 2.25rem !important; } .px-md-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .py-md-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } /* Margin */ .mt-md-5-5 { margin-top: 2.25rem !important; } .me-md-5-5 { margin-right: 2.25rem !important; } .mb-md-5-5 { margin-bottom: 2.25rem !important; } .ms-md-5-5 { margin-left: 2.25rem !important; } .mx-md-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important; } .my-md-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } } @media (min-width: 992px) { /* Padding */ .pt-lg-3-5 { padding-top: 0.75rem !important; } .pe-lg-3-5 { padding-right: 0.75rem !important; } .pb-lg-3-5 { padding-bottom: 0.75rem !important; } .ps-lg-3-5 { padding-left: 0.75rem !important; } .px-lg-3-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-lg-3-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } /* Margin */ .mt-lg-3-5 { margin-top: 0.75rem !important; } .me-lg-3-5 { margin-right: 0.75rem !important; } .mb-lg-3-5 { margin-bottom: 0.75rem !important; } .ms-lg-3-5 { margin-left: 0.75rem !important; } .mx-lg-3-5 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-lg-3-5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } /* Padding */ .pt-lg-4-5 { padding-top: 1.25rem !important; } .pe-lg-4-5 { padding-right: 1.25rem !important; } .pb-lg-4-5 { padding-bottom: 1.25rem !important; } .ps-lg-4-5 { padding-left: 1.25rem !important; } .px-lg-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .py-lg-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } /* Margin */ .mt-lg-4-5 { margin-top: 1.25rem !important; } .me-lg-4-5 { margin-right: 1.25rem !important; } .mb-lg-4-5 { margin-bottom: 1.25rem !important; } .ms-lg-4-5 { margin-left: 1.25rem !important; } .mx-lg-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .my-lg-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } /* Padding */ .pt-lg-5-5 { padding-top: 2.25rem !important; } .pe-lg-5-5 { padding-right: 2.25rem !important; } .pb-lg-5-5 { padding-bottom: 2.25rem !important; } .ps-lg-5-5 { padding-left: 2.25rem !important; } .px-lg-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .py-lg-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } /* Margin */ .mt-lg-5-5 { margin-top: 2.25rem !important; } .me-lg-5-5 { margin-right: 2.25rem !important; } .mb-lg-5-5 { margin-bottom: 2.25rem !important; } .ms-lg-5-5 { margin-left: 2.25rem !important; } .mx-lg-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important; } .my-lg-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } } @media (min-width: 1200px) { /* Padding */ .pt-xl-3-5 { padding-top: 0.75rem !important; } .pe-xl-3-5 { padding-right: 0.75rem !important; } .pb-xl-3-5 { padding-bottom: 0.75rem !important; } .ps-xl-3-5 { padding-left: 0.75rem !important; } .px-xl-3-5 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-xl-3-5 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } /* Margin */ .mt-xl-3-5 { margin-top: 0.75rem !important; } .me-xl-3-5 { margin-right: 0.75rem !important; } .mb-xl-3-5 { margin-bottom: 0.75rem !important; } .ms-xl-3-5 { margin-left: 0.75rem !important; } .mx-xl-3-5 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-xl-3-5 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } /* Padding */ .pt-xl-4-5 { padding-top: 1.25rem !important; } .pe-xl-4-5 { padding-right: 1.25rem !important; } .pb-xl-4-5 { padding-bottom: 1.25rem !important; } .ps-xl-4-5 { padding-left: 1.25rem !important; } .px-xl-4-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .py-xl-4-5 { padding-top: 1.25rem !important; padding-bottom: 1.25rem !important; } /* Margin */ .mt-xl-4-5 { margin-top: 1.25rem !important; } .me-xl-4-5 { margin-right: 1.25rem !important; } .mb-xl-4-5 { margin-bottom: 1.25rem !important; } .ms-xl-4-5 { margin-left: 1.25rem !important; } .mx-xl-4-5 { margin-left: 1.25rem !important; margin-right: 1.25rem !important; } .my-xl-4-5 { margin-top: 1.25rem !important; margin-bottom: 1.25rem !important; } /* Padding */ .pt-xl-5-5 { padding-top: 2.25rem !important; } .pe-xl-5-5 { padding-right: 2.25rem !important; } .pb-xl-5-5 { padding-bottom: 2.25rem !important; } .ps-xl-5-5 { padding-left: 2.25rem !important; } .px-xl-5-5 { padding-left: 2.25rem !important; padding-right: 2.25rem !important; } .py-xl-5-5 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } /* Margin */ .mt-xl-5-5 { margin-top: 2.25rem !important; } .me-xl-5-5 { margin-right: 2.25rem !important; } .mb-xl-5-5 { margin-bottom: 2.25rem !important; } .ms-xl-5-5 { margin-left: 2.25rem !important; } .mx-xl-5-5 { margin-left: 2.25rem !important; margin-right: 2.25rem !important; } .my-xl-5-5 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } } /* Letter Spacing */ .ls-0 { letter-spacing: 0 !important; } .negative-ls-05 { letter-spacing: -0.05em; } .negative-ls-1 { letter-spacing: -1px; } .negative-ls-2 { letter-spacing: -2px; } .negative-ls-3 { letter-spacing: -2.5px; } .positive-ls-1 { letter-spacing: 1px !important; } .positive-ls-2 { letter-spacing: 2px !important; } .positive-ls-3 { letter-spacing: 2.5px !important; } /* Cursor */ .cur-pointer { cursor: pointer; } /* Pointer Events */ .p-events-none { pointer-events: none; } /* Font Size */ .text-0 { font-size: .7em !important; } .text-1 { font-size: .8em !important; } .text-2 { font-size: .9em !important; } .text-2-3, .text-2-5 { font-size: .95em !important; } .text-3 { font-size: 1em !important; } .text-3-4, .text-3-5 { font-size: 1.1em !important; } .text-4 { font-size: 1.2em !important; } .text-4-5 { font-size: 1.35em !important; } .text-5 { font-size: 1.50em !important; } .text-5-6, .text-5-5 { font-size: 1.65em !important; } .text-6 { font-size: 1.80em !important; } .text-6-7, .text-6-5 { font-size: 1.9em !important; } .text-7 { font-size: 2em !important; } .text-8 { font-size: 2.30em !important; } .text-9 { font-size: 2.50em !important; } .text-10 { font-size: 2.75em !important; } .text-11 { font-size: 3em !important; } .text-12 { font-size: 3.5em !important; } .text-12-13, .text-12-5 { font-size: 3.75em !important; } .text-13 { font-size: 4em !important; } .text-14 { font-size: 4.5em !important; } .text-15 { font-size: 5em !important; } .text-16 { font-size: 5.33em !important; } .text-17 { font-size: 5.66em !important; } .text-18 { font-size: 6em !important; } .text-19 { font-size: 6.33em !important; } .text-20 { font-size: 6.66em !important; } @media (min-width: 576px) { .text-sm-0 { font-size: .7em !important; } .text-sm-1 { font-size: .8em !important; } .text-sm-2 { font-size: .9em !important; } .text-sm-2-3, .text-sm-2-5 { font-size: .95em !important; } .text-sm-3 { font-size: 1em !important; } .text-sm-3-4, .text-sm-3-5 { font-size: 1.1em !important; } .text-sm-4 { font-size: 1.2em !important; } .text-sm-4-5 { font-size: 1.35em !important; } .text-sm-5 { font-size: 1.50em !important; } .text-sm-5-6, .text-sm-5-5 { font-size: 1.65em !important; } .text-sm-6 { font-size: 1.80em !important; } .text-sm-6-7, .text-sm-6-5 { font-size: 1.9em !important; } .text-sm-7 { font-size: 2em !important; } .text-sm-8 { font-size: 2.30em !important; } .text-sm-9 { font-size: 2.50em !important; } .text-sm-10 { font-size: 2.75em !important; } .text-sm-11 { font-size: 3em !important; } .text-sm-12 { font-size: 3.5em !important; } .text-sm-12-13, .text-sm-12-5 { font-size: 3.75em !important; } .text-sm-13 { font-size: 4em !important; } .text-sm-14 { font-size: 4.5em !important; } .text-sm-15 { font-size: 5em !important; } .text-sm-16 { font-size: 5.33em !important; } .text-sm-17 { font-size: 5.66em !important; } .text-sm-18 { font-size: 6em !important; } .text-sm-19 { font-size: 6.33em !important; } .text-sm-20 { font-size: 6.66em !important; } } @media (min-width: 768px) { .text-md-0 { font-size: .7em !important; } .text-md-1 { font-size: .8em !important; } .text-md-2 { font-size: .9em !important; } .text-md-2-3, .text-md-2-5 { font-size: .95em !important; } .text-md-3 { font-size: 1em !important; } .text-md-3-4, .text-md-3-5 { font-size: 1.1em !important; } .text-md-4 { font-size: 1.2em !important; } .text-md-4-5 { font-size: 1.35em !important; } .text-md-5 { font-size: 1.50em !important; } .text-md-5-6, .text-md-5-5 { font-size: 1.65em !important; } .text-md-6 { font-size: 1.80em !important; } .text-md-6-7, .text-md-6-5 { font-size: 1.9em !important; } .text-md-7 { font-size: 2em !important; } .text-md-8 { font-size: 2.30em !important; } .text-md-9 { font-size: 2.50em !important; } .text-md-10 { font-size: 2.75em !important; } .text-md-11 { font-size: 3em !important; } .text-md-12 { font-size: 3.5em !important; } .text-md-12-13, .text-md-12-5 { font-size: 3.75em !important; } .text-md-13 { font-size: 4em !important; } .text-md-14 { font-size: 4.5em !important; } .text-md-15 { font-size: 5em !important; } .text-md-16 { font-size: 5.33em !important; } .text-md-17 { font-size: 5.66em !important; } .text-md-18 { font-size: 6em !important; } .text-md-19 { font-size: 6.33em !important; } .text-md-20 { font-size: 6.66em !important; } } @media (min-width: 992px) { .text-lg-0 { font-size: .7em !important; } .text-lg-1 { font-size: .8em !important; } .text-lg-2 { font-size: .9em !important; } .text-lg-2-3, .text-lg-2-5 { font-size: .95em !important; } .text-lg-3 { font-size: 1em !important; } .text-lg-3-4, .text-lg-3-5 { font-size: 1.1em !important; } .text-lg-4 { font-size: 1.2em !important; } .text-lg-4-5 { font-size: 1.35em !important; } .text-lg-5 { font-size: 1.50em !important; } .text-lg-5-6, .text-lg-5-5 { font-size: 1.65em !important; } .text-lg-6 { font-size: 1.80em !important; } .text-lg-6-7, .text-lg-6-5 { font-size: 1.9em !important; } .text-lg-7 { font-size: 2em !important; } .text-lg-8 { font-size: 2.30em !important; } .text-lg-9 { font-size: 2.50em !important; } .text-lg-10 { font-size: 2.75em !important; } .text-lg-11 { font-size: 3em !important; } .text-lg-12 { font-size: 3.5em !important; } .text-lg-12-13, .text-lg-12-5 { font-size: 3.75em !important; } .text-lg-13 { font-size: 4em !important; } .text-lg-14 { font-size: 4.5em !important; } .text-lg-15 { font-size: 5em !important; } .text-lg-16 { font-size: 5.33em !important; } .text-lg-17 { font-size: 5.66em !important; } .text-lg-18 { font-size: 6em !important; } .text-lg-19 { font-size: 6.33em !important; } .text-lg-20 { font-size: 6.66em !important; } } @media (min-width: 1200px) { .text-xl-0 { font-size: .7em !important; } .text-xl-1 { font-size: .8em !important; } .text-xl-2 { font-size: .9em !important; } .text-xl-2-3, .text-xl-2-5 { font-size: .95em !important; } .text-xl-3 { font-size: 1em !important; } .text-xl-3-4, .text-xl-3-5 { font-size: 1.1em !important; } .text-xl-4 { font-size: 1.2em !important; } .text-xl-4-5 { font-size: 1.35em !important; } .text-xl-5 { font-size: 1.50em !important; } .text-xl-5-6, .text-xl-5-5 { font-size: 1.65em !important; } .text-xl-6 { font-size: 1.80em !important; } .text-xl-6-7, .text-xl-6-5 { font-size: 1.9em !important; } .text-xl-7 { font-size: 2em !important; } .text-xl-8 { font-size: 2.30em !important; } .text-xl-9 { font-size: 2.50em !important; } .text-xl-10 { font-size: 2.75em !important; } .text-xl-11 { font-size: 3em !important; } .text-xl-12 { font-size: 3.5em !important; } .text-xl-12-13, .text-xl-12-5 { font-size: 3.75em !important; } .text-xl-13 { font-size: 4em !important; } .text-xl-14 { font-size: 4.5em !important; } .text-xl-15 { font-size: 5em !important; } .text-xl-16 { font-size: 5.33em !important; } .text-xl-17 { font-size: 5.66em !important; } .text-xl-18 { font-size: 6em !important; } .text-xl-19 { font-size: 6.33em !important; } .text-xl-20 { font-size: 6.66em !important; } } .text-1rem { font-size: 16px !important; font-size: 1rem !important; } /* Line Height */ .line-height-initial { line-height: initial !important; } .line-height-1 { line-height: 1 !important; } .line-height-1-1 { line-height: 1.1 !important; } .line-height-2 { line-height: 1.2 !important; } .line-height-3 { line-height: 1.3 !important; } .line-height-4 { line-height: 1.4 !important; } .line-height-5 { line-height: 1.5 !important; } .line-height-6 { line-height: 1.6 !important; } .line-height-7 { line-height: 1.7 !important; } .line-height-8 { line-height: 1.8 !important; } .line-height-9 { line-height: 1.9 !important; } @media (min-width: 576px) { .line-height-sm-initial { line-height: initial !important; } .line-height-sm-1 { line-height: 1 !important; } .line-height-sm-1-1 { line-height: 1.1 !important; } .line-height-sm-2 { line-height: 1.2 !important; } .line-height-sm-3 { line-height: 1.3 !important; } .line-height-sm-4 { line-height: 1.4 !important; } .line-height-sm-5 { line-height: 1.5 !important; } .line-height-sm-6 { line-height: 1.6 !important; } .line-height-sm-7 { line-height: 1.7 !important; } .line-height-sm-8 { line-height: 1.8 !important; } .line-height-sm-9 { line-height: 1.9 !important; } } @media (min-width: 768px) { .line-height-md-initial { line-height: initial !important; } .line-height-md-1 { line-height: 1 !important; } .line-height-md-1-1 { line-height: 1.1 !important; } .line-height-md-2 { line-height: 1.2 !important; } .line-height-md-3 { line-height: 1.3 !important; } .line-height-md-4 { line-height: 1.4 !important; } .line-height-md-5 { line-height: 1.5 !important; } .line-height-md-6 { line-height: 1.6 !important; } .line-height-md-7 { line-height: 1.7 !important; } .line-height-md-8 { line-height: 1.8 !important; } .line-height-md-9 { line-height: 1.9 !important; } } @media (min-width: 992px) { .line-height-lg-initial { line-height: initial !important; } .line-height-lg-1 { line-height: 1 !important; } .line-height-lg-1-1 { line-height: 1.1 !important; } .line-height-lg-2 { line-height: 1.2 !important; } .line-height-lg-3 { line-height: 1.3 !important; } .line-height-lg-4 { line-height: 1.4 !important; } .line-height-lg-5 { line-height: 1.5 !important; } .line-height-lg-6 { line-height: 1.6 !important; } .line-height-lg-7 { line-height: 1.7 !important; } .line-height-lg-8 { line-height: 1.8 !important; } .line-height-lg-9 { line-height: 1.9 !important; } } @media (min-width: 1200px) { .line-height-xl-initial { line-height: initial !important; } .line-height-xl-1 { line-height: 1 !important; } .line-height-xl-1-1 { line-height: 1.1 !important; } .line-height-xl-2 { line-height: 1.2 !important; } .line-height-xl-3 { line-height: 1.3 !important; } .line-height-xl-4 { line-height: 1.4 !important; } .line-height-xl-5 { line-height: 1.5 !important; } .line-height-xl-6 { line-height: 1.6 !important; } .line-height-xl-7 { line-height: 1.7 !important; } .line-height-xl-8 { line-height: 1.8 !important; } .line-height-xl-9 { line-height: 1.9 !important; } } /* Opacity */ .opacity-0 { opacity: 0.0 !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .opacity-10 { opacity: 1 !important; } .opacity-hover-0 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-0:hover { opacity: 0.0 !important; } .opacity-hover-1 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-1:hover { opacity: 0.1 !important; } .opacity-hover-2 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-2:hover { opacity: 0.2 !important; } .opacity-hover-3 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-3:hover { opacity: 0.3 !important; } .opacity-hover-4 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-4:hover { opacity: 0.4 !important; } .opacity-hover-5 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-5:hover { opacity: 0.5 !important; } .opacity-hover-6 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-6:hover { opacity: 0.6 !important; } .opacity-hover-7 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-7:hover { opacity: 0.7 !important; } .opacity-hover-8 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-8:hover { opacity: 0.8 !important; } .opacity-hover-9 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-9:hover { opacity: 0.9 !important; } .opacity-hover-10 { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .opacity-hover-10:hover { opacity: 1 !important; } /* Scale */ .scale-1 { -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; } .scale-2 { -webkit-transform: scale(1.2) !important; transform: scale(1.2) !important; } .scale-3 { -webkit-transform: scale(1.3) !important; transform: scale(1.3) !important; } .scale-4 { -webkit-transform: scale(1.4) !important; transform: scale(1.4) !important; } .scale-5 { -webkit-transform: scale(1.5) !important; transform: scale(1.5) !important; } .scale-6 { -webkit-transform: scale(1.6) !important; transform: scale(1.6) !important; } /* Columms (useful for lists) */ .columns-2 { -moz-columns: 2 !important; -webkit-columns: 2 !important; columns: 2 !important; } .columns-3 { -moz-columns: 3 !important; -webkit-columns: 3 !important; columns: 3 !important; } .columns-4 { -moz-columns: 4 !important; -webkit-columns: 4 !important; columns: 4 !important; } .columns-5 { -moz-columns: 5 !important; -webkit-columns: 5 !important; columns: 5 !important; } @media (min-width: 576px) { .columns-sm-2 { -moz-columns: 2 !important; -webkit-columns: 2 !important; columns: 2 !important; } .columns-sm-3 { -moz-columns: 3 !important; -webkit-columns: 3 !important; columns: 3 !important; } .columns-sm-4 { -moz-columns: 4 !important; -webkit-columns: 4 !important; columns: 4 !important; } .columns-sm-5 { -moz-columns: 5 !important; -webkit-columns: 5 !important; columns: 5 !important; } } @media (min-width: 768px) { .columns-md-2 { -moz-columns: 2 !important; -webkit-columns: 2 !important; columns: 2 !important; } .columns-md-3 { -moz-columns: 3 !important; -webkit-columns: 3 !important; columns: 3 !important; } .columns-md-4 { -moz-columns: 4 !important; -webkit-columns: 4 !important; columns: 4 !important; } .columns-md-5 { -moz-columns: 5 !important; -webkit-columns: 5 !important; columns: 5 !important; } } @media (min-width: 992px) { .columns-lg-2 { -moz-columns: 2 !important; -webkit-columns: 2 !important; columns: 2 !important; } .columns-lg-3 { -moz-columns: 3 !important; -webkit-columns: 3 !important; columns: 3 !important; } .columns-lg-4 { -moz-columns: 4 !important; -webkit-columns: 4 !important; columns: 4 !important; } .columns-lg-5 { -moz-columns: 5 !important; -webkit-columns: 5 !important; columns: 5 !important; } } @media (min-width: 1200px) { .columns-xl-2 { -moz-columns: 2 !important; -webkit-columns: 2 !important; columns: 2 !important; } .columns-xl-3 { -moz-columns: 3 !important; -webkit-columns: 3 !important; columns: 3 !important; } .columns-xl-4 { -moz-columns: 4 !important; -webkit-columns: 4 !important; columns: 4 !important; } .columns-xl-5 { -moz-columns: 5 !important; -webkit-columns: 5 !important; columns: 5 !important; } } /* Top / Bottom / Left / Right */ .top-auto { top: auto !important; } .top-50pct { top: 50%; } .bottom-auto { top: auto !important; } .left-50pct { left: 50%; } .left-100pct { left: 100%; } .right-100pct { right: 100%; } .top-0 { top: 0px !important; } .bottom-0 { bottom: 0px !important; } .left-0 { left: 0px !important; } .right-0 { right: 0px !important; } .top-1 { top: 1px !important; } .bottom-1 { bottom: 1px !important; } .left-1 { left: 1px !important; } .right-1 { right: 1px !important; } .top-2 { top: 2px !important; } .bottom-2 { bottom: 2px !important; } .left-2 { left: 2px !important; } .right-2 { right: 2px !important; } .top-3 { top: 3px !important; } .bottom-3 { bottom: 3px !important; } .left-3 { left: 3px !important; } .right-3 { right: 3px !important; } .top-4 { top: 4px !important; } .bottom-4 { bottom: 4px !important; } .left-4 { left: 4px !important; } .right-4 { right: 4px !important; } .top-5 { top: 5px !important; } .bottom-5 { bottom: 5px !important; } .left-5 { left: 5px !important; } .right-5 { right: 5px !important; } .top-6 { top: 6px !important; } .bottom-6 { bottom: 6px !important; } .left-6 { left: 6px !important; } .right-6 { right: 6px !important; } .top-7 { top: 7px !important; } .bottom-7 { bottom: 7px !important; } .left-7 { left: 7px !important; } .right-7 { right: 7px !important; } .top-8 { top: 8px !important; } .bottom-8 { bottom: 8px !important; } .left-8 { left: 8px !important; } .right-8 { right: 8px !important; } .top-9 { top: 9px !important; } .bottom-9 { bottom: 9px !important; } .left-9 { left: 9px !important; } .right-9 { right: 9px !important; } .top-10 { top: 10px !important; } .bottom-10 { bottom: 10px !important; } .left-10 { left: 10px !important; } .right-10 { right: 10px !important; } .top-11 { top: 11px !important; } .bottom-11 { bottom: 11px !important; } .left-11 { left: 11px !important; } .right-11 { right: 11px !important; } .top-12 { top: 12px !important; } .bottom-12 { bottom: 12px !important; } .left-12 { left: 12px !important; } .right-12 { right: 12px !important; } .top-13 { top: 13px !important; } .bottom-13 { bottom: 13px !important; } .left-13 { left: 13px !important; } .right-13 { right: 13px !important; } .top-14 { top: 14px !important; } .bottom-14 { bottom: 14px !important; } .left-14 { left: 14px !important; } .right-14 { right: 14px !important; } .top-15 { top: 15px !important; } .bottom-15 { bottom: 15px !important; } .left-15 { left: 15px !important; } .right-15 { right: 15px !important; } /* Transforms */ .transform3dx-n50 { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .transform3dy-n50 { -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .transform3dxy-n50 { -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .transform3dx-n100 { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .transform3dy-n100 { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .transform3dx-p50 { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); } .transform3dy-p50 { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } /* Outline */ .outline-none { outline: 0 !important; } /* Text Decoration */ .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-underline-2 { text-decoration: none !important; border-bottom: 1px solid; border-bottom-color: inherit; } /* Text Alignment */ .text-justify { text-align: justify; } /* Text Transform */ .text-uppercase { text-transform: uppercase !important; } .text-lowercase { text-transform: lowercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-transform-none { text-transform: none !important; } /* States */ .text-muted { color: #999 !important; } html.dark .text-muted { color: #505461 !important; } /* Overflow */ .overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden !important; } /* Z-Index */ .z-index-0 { z-index: 0 !important; } .z-index-1 { z-index: 1 !important; } .z-index-2 { z-index: 2 !important; } .z-index-3 { z-index: 3 !important; } @media (max-width: 991px) { .z-index-mobile-0 { z-index: 0 !important; } } /* Colors */ .text-dark { color: #212529 !important; } a.text-dark:focus, a.text-dark:hover { color: #121416 !important; } .text-light { color: #FFF !important; } a.text-light:focus, a.text-light:hover { color: #cbd3da !important; } /* Weights */ .font-weight-thin { font-weight: 100 !important; } .font-weight-extralight, .font-weight-extra-light { font-weight: 200 !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-regular, .font-weight-normal { font-weight: 400 !important; } .font-weight-medium { font-weight: 500 !important; } .font-weight-semibold, .font-weight-semi-bold { font-weight: 600 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-extrabold, .font-weight-extra-bold { font-weight: 800 !important; } .font-weight-black { font-weight: 900 !important; } /* Letter Space */ .letter-spacing-minus-1 { letter-spacing: -1px; } /* Borders */ .no-borders { border: none !important; } .rounded { border-radius: 5px !important; } .b-thin { border-width: 3px !important; } .b-normal { border-width: 5px !important; } .b-thick { border-width: 7px !important; } /* General Helpers */ .ws-nowrap { white-space: nowrap !important; } .ws-normal { white-space: normal !important; } .ws-pre-line { white-space: pre-line !important; } .wb-all { word-break: break-all !important; } /* Width */ .w-auto { width: auto !important; } .w-25pct { width: 25% !important; } .w-50pct { width: 50% !important; } .w-75pct { width: 75% !important; } .w-100pct { width: 100% !important; } @media (min-width: 576px) { .w-sm-auto { width: auto !important; } .w-sm-25pct { width: 25% !important; } .w-sm-50pct { width: 50% !important; } .w-sm-75pct { width: 75% !important; } .w-sm-100pct { width: 100% !important; } } @media (min-width: 768px) { .w-md-auto { width: auto !important; } .w-md-25pct { width: 25% !important; } .w-md-50pct { width: 50% !important; } .w-md-75pct { width: 75% !important; } .w-md-100pct { width: 100% !important; } } @media (min-width: 992px) { .w-lg-auto { width: auto !important; } .w-lg-25pct { width: 25% !important; } .w-lg-50pct { width: 50% !important; } .w-lg-75pct { width: 75% !important; } .w-lg-100pct { width: 100% !important; } } @media (min-width: 1200px) { .w-xl-auto { width: auto !important; } .w-xl-25pct { width: 25% !important; } .w-xl-50pct { width: 50% !important; } .w-xl-75pct { width: 75% !important; } .w-xl-100pct { width: 100% !important; } } @media (max-width: 991px) { .w-auto-mobile { width: auto !important; } .w-100-mobile { width: 100% !important; } } .width-50vw { width: 50vw; } .width-100vw { width: 50vw; } .min-width-0 { min-width: 0 !important; } /* * Order (Extending to 10) * Bootstrap 5 has until 5 order class */ .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9; } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10; } /* Grid */ .col-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xl-1-5, .col-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xl-2-5, .col-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xl-3-5, .col-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5, .col-xl-4-5 { position: relative; min-height: 1px; width: 100%; padding-right: 15px; padding-left: 15px; } .col-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .col-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .col-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } @media (min-width: 576px) { .col-sm-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-sm-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .col-sm-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .col-sm-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } } @media (min-width: 768px) { .col-md-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-md-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .col-md-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .col-md-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } } @media (min-width: 992px) { .col-lg-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-lg-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .col-lg-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .col-lg-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } } @media (min-width: 1200px) { .col-xl-1-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .col-xl-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .col-xl-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } .col-xl-4-5 { -webkit-box-flex: 0; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; } } /* RTL */ /* #Footer */ #footer { background: #212529; border-top: 4px solid #212529; font-size: 0.9em; margin-top: 50px; padding: 0; position: relative; clear: both; } #footer .footer-ribbon { background: #999; position: absolute; margin: -44px 0 0 0; padding: 10px 20px 6px 20px; } #footer .footer-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; right: 100%; position: absolute; top: 0; width: 7px; } #footer .footer-ribbon span { color: #FFF; font-size: 1.6em; font-family: "Shadows Into Light", cursive; } #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: #FFF; } #footer a:not(.btn):not(.no-footer-css) { color: #9c9ea0; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #footer a:not(.btn):not(.no-footer-css):hover { text-decoration: none; color: #FFF; } #footer a:not(.btn):not(.no-footer-css):focus, #footer a:not(.btn):not(.no-footer-css):active { color: #CCC; } #footer a:not(.btn):not(.no-footer-css).text-color-light { color: #FFF !important; } #footer a:not(.btn):not(.no-footer-css).text-color-light:hover { color: #e6e5e5 !important; } #footer a:not(.btn):not(.no-footer-css).text-color-light:focus, #footer a:not(.btn):not(.no-footer-css).text-color-light:active { color: #cccccc !important; } #footer a:not(.btn):not(.no-footer-css).text-color-default { color: #9c9ea0 !important; } #footer a:not(.btn):not(.no-footer-css).text-color-default:hover { color: #919090 !important; } #footer a:not(.btn):not(.no-footer-css).text-color-default:focus, #footer a:not(.btn):not(.no-footer-css).text-color-default:active { color: #5e5d5d !important; } #footer a:not(.btn):not(.no-footer-css).link-hover-style-1 { position: relative; left: 0px; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #footer a:not(.btn):not(.no-footer-css).link-hover-style-1:hover { left: 3px; } #footer ul.nav-list > li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; padding-bottom: 11px; } #footer ul.nav-list > li:last-child a { border-bottom: 0; } #footer ul.nav-list > li a:hover { background-color: rgba(255, 255, 255, 0.05); } #footer ul.list.icons li { margin-bottom: 5px; } #footer.footer-texts-more-lighten p, #footer.footer-texts-more-lighten span, #footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css), #footer.footer-texts-more-lighten li { color: #a8a8a8; } #footer.footer-texts-more-lighten a:not(.btn):not(.no-footer-css):hover { text-decoration: none; color: #FFF; } #footer .footer-nav nav { display: -webkit-box; display: -ms-flexbox; display: flex; } #footer .footer-nav nav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } #footer .footer-nav nav > ul > li { position: relative; height: 100%; -ms-flex-item-align: stretch; align-self: stretch; } #footer .footer-nav nav > ul > li > a { position: relative; background: transparent; padding: 0 14.4px; padding: 0 .9rem; margin: 0; height: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: normal; font-size: 12px; font-style: normal; font-weight: 700; letter-spacing: -0.5px; text-transform: uppercase; color: #FFF; text-decoration: none; } #footer .footer-nav.footer-nav-links nav > ul > li:first-child > a { padding-left: 0; } #footer .footer-nav.footer-nav-links nav > ul > li:first-child > a:before { left: 0; } @media (min-width: 768px) { #footer .footer-nav.footer-nav-bottom-line nav > ul > li > a:before { content: ""; position: absolute; width: auto; height: 3px; top: 50%; left: .85rem; right: .85rem; margin-top: 15px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } @media (max-width: 991px) { #footer .footer-nav { width: 100%; } #footer .footer-nav nav { text-align: center; } #footer .footer-nav nav > ul { width: 100%; } #footer .footer-nav nav > ul > li > a { text-align: center; padding: 5px 12px; } } @media (max-width: 767px) { #footer .footer-nav { width: 100%; } #footer .footer-nav nav { text-align: center; } #footer .footer-nav nav > ul { width: 100%; } #footer .footer-nav nav > ul > li { height: auto; width: 100%; } #footer .footer-nav nav > ul > li > a { text-align: center; padding: 1em 0; } } #footer form { opacity: 0.85; } #footer form label.error { line-height: 16px; margin: 5px 0 -5px; display: block; clear: both; } #footer form .alert { padding: 6px; text-align: center; } #footer .logo img { position: relative; top: 2px; image-rendering: -webkit-optimize-contrast; -webkit-transform: translateZ(0); transform: translateZ(0); } #footer .twitter [class*="fa-"], #footer .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #FFF; } #footer .twitter .meta { color: #999; display: block; font-size: 0.9em; padding-top: 3px; opacity: 0.5; } #footer .twitter ul { list-style: none; margin: 0; padding: 0; } #footer .twitter ul li { padding-bottom: 20px; padding-left: 30px; } #footer .twitter ul li:last-child { padding-bottom: 0; } #footer .twitter.twitter-dark [class*="fa-"], #footer .twitter.twitter-dark .icons { color: #333; } #footer .twitter.twitter-dark .meta a { color: #333; } #footer .twitter.twitter-light { color: #FFF; } #footer .twitter.twitter-light [class*="fa-"], #footer .twitter.twitter-light .icons { color: #FFF; } #footer .twitter.twitter-light .meta a { color: #FFF; opacity: 0.7; } #footer .twitter-account { color: #FFF; display: block; font-size: 0.9em; margin: -15px 0 5px; opacity: 0.55; } #footer .twitter-account:hover { opacity: 1; } #footer .footer-bg-color-2 { background: #1c2023; } #footer .footer-copyright { background: #1c2023; } #footer .footer-copyright nav { font-size: 0.9em; } #footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; } #footer .footer-copyright nav ul li { display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; } #footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; } #footer .footer-copyright nav ul li:last-child { padding-right: 0; } #footer .footer-copyright p { color: #555; margin: 0; padding: 0; font-size: 0.9em; } #footer .footer-copyright.footer-copyright-style-2 { background: #212529; border-top: 1px solid rgba(255, 255, 255, 0.05); } #footer .footer-copyright.footer-copyright-border-grey { border-top: 1px solid #E5E5E5; } #footer .footer-copyright.footer-copyright-full-width-border-top { position: relative; border-top: 0; } #footer .footer-copyright.footer-copyright-full-width-border-top:before { content: ''; position: absolute; top: 0; left: 50%; width: 100vw; border-top: 1px solid rgba(255, 255, 255, 0.05); -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } #footer.footer-reveal { position: fixed; bottom: 0; left: 0; width: 100%; z-index: -10; } .footer-top-border { border-top: 1px solid rgba(0, 0, 0, 0.05) !important; } .footer-bottom-border { border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; } .footer-left-border { border-left: 1px solid rgba(0, 0, 0, 0.05) !important; } .footer-right-border { border-right: 1px solid rgba(0, 0, 0, 0.05) !important; } .footer-top-light-border { border-top: 1px solid rgba(255, 255, 255, 0.05) !important; } .footer-bottom-light-border { border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important; } .footer-left-light-border { border-left: 1px solid rgba(255, 255, 255, 0.05) !important; } .footer-right-light-border { border-right: 1px solid rgba(255, 255, 255, 0.05) !important; } .map-above { min-height: 630px; position: relative; } .map-above .map-above-map { position: absolute; top: 0; min-height: 630px; height: 100%; width: 100%; } @media (max-width: 767px) { .map-above .map-above-map { position: relative; } } .map-above .map-above-content { background: transparent; } /* Dark Version */ html.dark body, html.dark .body { background-color: #212529; } html.dark.boxed .body { background-color: #212529; } html.dark #header .header-top { background: #2c3237; border-bottom-color: #333940; } html.dark #header .header-search .form-control { background: #262a2f; } html.dark #header .header-body { background: #212529; border-top-color: #333940; } html.dark #header .header-nav-bar { background-color: #262a2f; } html.dark #header .header-nav-top .nav > li > a:hover, html.dark #header .header-nav-top .nav > li > a a:focus { background-color: #262a2f; } html.dark #header .header-nav-top .dropdown-menu { background: #262a2f; border-color: #262a2f; } html.dark #header .header-nav-top .dropdown-menu a:hover, html.dark #header .header-nav-top .dropdown-menu a:focus { background: #2c3237 !important; } html.dark #header .header-nav-features .header-nav-top-icon, html.dark #header .header-nav-features .header-nav-top-icon-img { color: #FFF; } html.dark #header .header-nav-features .header-nav-features-dropdown { background: #262a2f; } html.dark #header .header-nav-features .header-nav-features-dropdown:before { border-bottom-color: #262a2f; } html.dark.sticky-header-active #header .header-body { border-bottom-color: #333940; -webkit-box-shadow: none; box-shadow: none; } html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 { color: #FFF; } html.dark h1.card-title, html.dark h2.card-title, html.dark h3.card-title, html.dark h4.card-title, html.dark h5.card-title, html.dark h6.card-title { color: #FFF; } html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 { color: #111; } html.dark blockquote { border-color: #2c3237; } html.dark section.featured { background-color: #1c2023; border-top-color: #333940; } html.dark section.section { background-color: #262a2f; border-top-color: #2c3237; } html.dark .dropdown-menu > li a { color: #FFF; } html.dark .dropdown-menu > li a:hover, html.dark .dropdown-menu > li a:focus { background-color: #333940; } html.dark .simple-search .input-group-append { border-color: #2c3237; } html.dark .home-intro { background-color: #262a2f; } html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus { border-top-color: #2c3237; border-left-color: #2c3237; border-right-color: #2c3237; background: #2c3237; } html.dark .tabs .nav-tabs li a:hover { border-top-color: #808697; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus { border-top-color: #808697; } html.dark .tabs .nav-tabs.nav-justified { border-left-width: 0; border-right-width: 0; border-left-color: transparent; border-right-color: transparent; } html.dark .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs .nav-tabs.nav-justified li a:focus { border-bottom-color: #2c3237; } html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a { background: #2c3237; border-left-color: #2c3237; border-right-color: #2c3237; } html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a { border-bottom-color: #2c3237; } html.dark .tabs .nav-tabs { border-color: #2c3237; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus, html.dark .tabs .nav-tabs.nav-justified li.active a, html.dark .tabs .nav-tabs.nav-justified li.active a:hover, html.dark .tabs .nav-tabs.nav-justified li.active a:focus { background: #333940; border-left-color: #333940; border-right-color: #333940; } html.dark .tabs .nav-tabs.nav-justified li.active a { border-bottom-color: #333940; } html.dark .tabs.tabs-vertical { border-top-color: #333940; } html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:focus { border-bottom-color: #2c3237; border-top-color: #333940; } html.dark .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom-color: #808697; border-top-color: #333940; } html.dark .tabs.tabs-bottom .nav-tabs li.active a, html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color: #808697; border-top-color: #333940; } html.dark .tabs .tab-content { background: #333940; border-color: #333940; } html.dark .tabs-primary.tabs-bottom .nav-tabs li a, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus { border-top-color: #333940 !important; } html.dark .nav-tabs li.active a, html.dark .nav-tabs li.active a:hover, html.dark .nav-tabs li.active a:focus, html.dark .nav-tabs li a { color: #808697; } html.dark .tab-content { background: #333940; border-color: #212529; } html.dark .tabs-simple .tab-content, html.dark .tabs-simple .nav-tabs li a, html.dark .tabs-simple .nav-tabs li.active a { background: transparent !important; } html.dark .nav > li > a:hover, html.dark .nav > li > a:focus { background-color: #333940; } html.dark .call-to-action.call-to-action-default { background: #2c3237; } html.dark .call-to-action.call-to-action-dark { background: #333940; } html.dark .call-to-action.with-borders { border-top-color: #333940; border-bottom-color: #333940; border-left-color: #2c3237; border-right-color: #2c3237; } html.dark .call-to-action.with-full-borders { border-color: #333940; } html.dark .call-to-action.featured { background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #2c3237), color-stop(98%, #333940)) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(to bottom, #2c3237 1%, #333940 98%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom-color: #333940; border-left-color: #2c3237; border-right-color: #2c3237; } html.dark .call-to-action.call-to-action-in-footer:before { border-top-color: #212529; } html.dark .counters.with-borders .counter { border-top: 1px solid #333940; border-bottom: 1px solid #333940; border-left: 1px solid #2c3237; border-right: 1px solid #2c3237; } html.dark .counters.counters-text-dark .counter { color: #FFF !important; } html.dark .counters.counters-text-dark .counter [class*="fa-"], html.dark .counters.counters-text-dark .counter .icons, html.dark .counters.counters-text-dark .counter strong, html.dark .counters.counters-text-dark .counter label { color: #FFF !important; } html.dark section.timeline:after { background: #505050; background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0)), color-stop(8%, #505050), color-stop(92%, #505050), to(rgba(80, 80, 80, 0))); background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); } html.dark section.timeline .timeline-date { background-color: #2c3237; border-color: #2c3237; text-shadow: none; } html.dark section.timeline .timeline-title { background: #2c3237; } html.dark section.timeline .timeline-box { border-color: #2c3237; background: #2c3237; } html.dark section.timeline .timeline-box.left:before { -webkit-box-shadow: 0 0 0 3px #2c3237, 0 0 0 6px #2c3237; box-shadow: 0 0 0 3px #2c3237, 0 0 0 6px #2c3237; } html.dark section.timeline .timeline-box.left:after { background: #2c3237; border-right-color: #2c3237; border-top-color: #2c3237; } html.dark section.timeline .timeline-box.right:before { -webkit-box-shadow: 0 0 0 3px #2c3237, 0 0 0 6px #2c3237; box-shadow: 0 0 0 3px #2c3237, 0 0 0 6px #2c3237; } html.dark section.timeline .timeline-box.right:after { background: #2c3237; border-left-color: #2c3237; border-bottom-color: #2c3237; } html.dark form:not(.form-style-4) .form-control { background-color: #2c3237; border-color: #2c3237; } html.dark form.form-style-4 .form-control { border-bottom-color: #3c3c3c; } html.dark .btn-light { background-color: #2c3237; border-color: #2c3237; color: #FFF; } html.dark .btn.disabled, html.dark .btn.disabled:hover, html.dark .btn.disabled:active, html.dark .btn.disabled:focus, html.dark .btn[disabled], html.dark .btn[disabled]:hover, html.dark .btn[disabled]:active, html.dark .btn[disabled]:focus { border-color: #2c3237 !important; } html.dark .pagination > li > a, html.dark .pagination > li > span { background-color: #2c3237; border-color: #282d31; } html.dark section.section-custom-map { background-color: #212529; } html.dark section.section-custom-map section.section { background: rgba(38, 42, 47, 0.8); } html.dark .page-header { border-bottom-color: #1c2023; } html.dark .page-header-light { background-color: #333940; } html.dark .card { background-color: #1c2023; } html.dark .accordion .card { background-color: #2c3237; } html.dark .accordion .card-default { border-color: #2c3237; } html.dark .accordion .card-header { background-color: #333940; } html.dark .accordion .form-control { background-color: #262a2f; border-color: #262a2f; } html.dark .accordion.accordion-modern .card .card-header { background-color: #262a2f; } html.dark .accordion.accordion-modern .card:first-of-type, html.dark .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), html.dark .accordion.accordion-modern .card:last-of-type { border-color: #262a2f; } html.dark .toggle > label, html.dark .toggle > .toggle-title { background-color: #333940; } html.dark .toggle.toggle-simple .toggle > label, html.dark .toggle.toggle-simple .toggle > .toggle-title { color: #FFF; } html.dark .featured-box { background: #333940; border-left-color: #333940; border-right-color: #333940; border-bottom-color: #333940; } html.dark .featured-box.secondary h4 { color: #FFF; } html.dark .featured-boxes-flat .featured-box .box-content { background: #333940; } html.dark .featured-boxes-style-5 .featured-box .box-content h4, html.dark .featured-boxes-style-6 .featured-box .box-content h4, html.dark .featured-boxes-style-7 .featured-box .box-content h4 { color: #FFF; } html.dark .featured-boxes-style-2 .featured-box { background: transparent; } html.dark .featured-boxes-style-3 .featured-box .icon-featured { background: #212529; } html.dark .featured-boxes-style-4 .featured-box { background: transparent; } html.dark .featured-boxes-style-5 .featured-box { background: transparent; } html.dark .featured-boxes-style-5 .featured-box .icon-featured { background: #2c3237; border-color: #333940; } html.dark .featured-boxes-style-6 .featured-box { background: transparent; } html.dark .featured-boxes-style-6 .featured-box .icon-featured { background: #2c3237; border-color: #333940; } html.dark .featured-boxes-style-6 .featured-box .icon-featured:after { border-color: #333940; } html.dark .featured-boxes-style-7 .featured-box { background: transparent; } html.dark .featured-boxes-style-7 .featured-box .icon-featured { background: #2c3237; border-color: #333940; } html.dark .featured-boxes-style-7 .featured-box .icon-featured:after { -webkit-box-shadow: 3px 3px #1a1d21; box-shadow: 3px 3px #1a1d21; } html.dark .featured-boxes-style-8 .featured-box .icon-featured { background: #333940; } html.dark .featured-box-effect-1 .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #333940; box-shadow: 0 0 0 3px #333940; } html.dark .feature-box.feature-box-style-2 h4, html.dark .feature-box.feature-box-style-3 h4, html.dark .feature-box.feature-box-style-4 h4 { color: #FFF; } html.dark .feature-box.feature-box-style-6 .feature-box-icon { border-color: #333940; } html.dark .feature-box.feature-box-style-6 .feature-box-icon:after { border-color: #333940; } html.dark .owl-dots button.owl-dot span { background: #333940; } html.dark .owl-carousel.top-border { border-top-color: #3F4247; } html.dark .progress { background: #333940; } html.dark .thumbnail, html.dark .img-thumbnail, html.dark .thumb-info { background-color: #2c3237; border-color: #2c3237; } html.dark .thumb-info .thumb-info-wrapper:after { background-color: rgba(33, 37, 41, 0.9); } html.dark .thumb-info-social-icons { border-top-color: #3c444b; } html.dark ul.nav-list > li a { border-bottom-color: #2c3237; } html.dark ul.nav-list > li a:hover { background-color: #2c3237; } html.dark .content-grid .content-grid-item:before { border-left-color: #333940; } html.dark .content-grid .content-grid-item:after { border-bottom-color: #333940; } html.dark .content-grid.content-grid-dashed .content-grid-item:before { border-left-color: #333940; } html.dark .content-grid.content-grid-dashed .content-grid-item:after { border-bottom-color: #333940; } html.dark .testimonial .testimonial-author strong { color: #FFF; } html.dark .testimonial.testimonial-style-3 blockquote { background: #333940 !important; } html.dark .testimonial.testimonial-style-3 .testimonial-arrow-down { border-top-color: #333940 !important; } html.dark .testimonial.testimonial-style-4 { border-color: #333940 !important; } html.dark .testimonial.testimonial-style-5 .testimonial-author { border-top-color: #333940 !important; } html.dark .popover { background-color: #333940; border: 1px solid #2c3237; } html.dark .popover.top > .arrow { border-top-color: #2c3237; } html.dark .popover.top > .arrow:after { border-top-color: #333940; } html.dark .popover.right > .arrow { border-right-color: #2c3237; } html.dark .popover.right > .arrow:after { border-right-color: #333940; } html.dark .popover.bottom > .arrow { border-bottom-color: #2c3237; } html.dark .popover.bottom > .arrow:after { border-bottom-color: #333940; } html.dark .popover.left > .arrow { border-left-color: #2c3237; } html.dark .popover.left > .arrow:after { border-left-color: #333940; } html.dark .popover-title { background-color: #2c3237; border-bottom: #333940; } html.dark .page-header { border-bottom-color: #2c3237; } html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered { border-color: #2c3237; } html.dark .table-striped > tbody > tr:nth-child(2n+1) > td, html.dark .table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #333940; } html.dark pre { background-color: #2c3237; border-color: #2c3237; color: #9c9ea0; } html.dark .show-grid [class*="col-lg-"] .show-grid-block { background-color: #2c3237; border-color: #2c3237; } html.dark .google-map-borders, html.dark .ratio-borders { border-color: #333940; } html.dark .alert.alert-default { border-color: #333940; background-color: #2c3237; } html.dark hr { background-image: -webkit-gradient(linear, right top, left top, from(#212529), color-stop(#3F4247), to(#212529)); background-image: linear-gradient(to left, #212529, #3F4247, #212529); } html.dark hr.light { background-image: -webkit-gradient(linear, right top, left top, from(#212529), color-stop(#3F4247), to(#212529)); background-image: linear-gradient(to left, #212529, #3F4247, #212529); } html.dark hr.solid { background: #3F4247; } html.dark .divider { background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(#3F4247), to(transparent)); background-image: linear-gradient(to left, transparent, #3F4247, transparent); } html.dark .divider [class*="fa-"], html.dark .divider .icons { background: #212529; } html.dark .divider.divider-solid { background: #3F4247; } html.dark .divider.divider-style-2 [class*="fa-"], html.dark .divider.divider-style-2 .icons { background: #262a2f; } html.dark .divider.divider-style-3 [class*="fa-"], html.dark .divider.divider-style-3 .icons { border-color: #3F4247; } html.dark .divider.divider-style-4 [class*="fa-"], html.dark .divider.divider-style-4 .icons { border-color: #3F4247; } html.dark .divider.divider-style-4 [class*="fa-"]:after, html.dark .divider.divider-style-4 .icons:after { border-color: #262a2f; } html.dark .divider.divider-small { background: transparent; } html.dark .divider.divider-small hr { background: #3F4247; } html.dark .divider.divider-small.divider-light hr { background: #3F4247; } html.dark hr.dashed:after, html.dark .divider.dashed:after { border-color: #3F4247; } html.dark .heading.heading-bottom-border h1 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-border h2, html.dark .heading.heading-bottom-border h3 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-border h4, html.dark .heading.heading-bottom-border h5, html.dark .heading.heading-bottom-border h6 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-double-border h1, html.dark .heading.heading-bottom-double-border h2, html.dark .heading.heading-bottom-double-border h3 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-double-border h4, html.dark .heading.heading-bottom-double-border h5, html.dark .heading.heading-bottom-double-border h6 { border-bottom-color: #3f4247; } html.dark .heading.heading-middle-border:before { border-top-color: #3f4247; } html.dark .heading.heading-middle-border h1, html.dark .heading.heading-middle-border h2, html.dark .heading.heading-middle-border h3, html.dark .heading.heading-middle-border h4, html.dark .heading.heading-middle-border h5, html.dark .heading.heading-middle-border h6 { background: #212529; } html.dark .recent-posts .date .day, html.dark section.section .recent-posts .date .day { background-color: #333940; } html.dark .blog-posts article { border-color: #2c3237; } html.dark section.featured .recent-posts .date .day, html.dark article.post .post-date .day { background-color: #2c3237; } html.dark article .post-video, html.dark article .post-video iframe, html.dark article .post-audio, html.dark article .post-audio iframe { background-color: #2c3237; border-color: #2c3237; } html.dark ul.simple-post-list li { border-bottom-color: #262a2f; } html.dark .post-block { border-top-color: #1c2023; } html.dark ul.comments .comment-block { background-color: #2c3237; } html.dark ul.comments .comment-arrow { border-right-color: #2c3237; } html.dark .pricing-table li { border-top-color: #262a2f; } html.dark .pricing-table h3 { background-color: #262a2f; text-shadow: none; } html.dark .pricing-table h3 span { background: #2c3237; border-color: #282d31; -webkit-box-shadow: 0 5px 20px #282d31 inset, 0 3px 0 #2c3237 inset; box-shadow: 0 5px 20px #282d31 inset, 0 3px 0 #2c3237 inset; color: #9c9ea0; } html.dark .pricing-table .most-popular { border-color: #2c3237; } html.dark .pricing-table .most-popular h3 { background-color: #2c3237; color: #FFF; text-shadow: none; } html.dark .pricing-table .plan-ribbon { background-color: #2c3237; } html.dark .pricing-table .plan { background: #2c3237; border: 1px solid #2c3237; color: #9c9ea0; text-shadow: none; } html.dark .product-thumb-info { background-color: #2c3237; border-color: transparent; } html.dark .shop .quantity .qty { background-color: #2c3237; border-color: transparent; } html.dark .shop .quantity .minus, html.dark .shop .quantity .plus { background-color: #262a2f; border-color: transparent; } html.dark .shop table.cart td, html.dark .shop .cart-totals th, html.dark .shop .cart-totals td { border-color: #2c3237; } html.dark .dialog { background-color: #212529; } html.dark .modal-content { background-color: #212529; } html.dark .modal-header { border-bottom-color: #2c3237; } html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 { color: #9c9ea0; } html.dark .modal-header .close { text-shadow: none; color: #FFF; } html.dark .modal-footer { border-top-color: #2c3237; } html.dark .popup-inline-content, html.dark .mfp-content .ajax-container { background: #212529 !important; } html.dark .loading-overlay { background: #212529; } html.dark .sort-destination-loader:after { background-color: #212529; } html.dark #footer .newsletter form .btn-light { background-color: #262a2f; border-color: #262a2f; color: #9c9ea0; } html.dark #footer .newsletter form .form-control { border: 0; } /* Responsive */ @media (min-width: 992px) { html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu { background: #262a2f; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:hover > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:focus > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li.active > a, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li:active > a { background: #333940; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a { border-bottom-color: #333940; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a:hover, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a:focus, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a.active, html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown:not(.dropdown-full-color) .dropdown-menu li a:active { background: #333940; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-title { color: #999; } html.dark #header .header-nav-main:not(.header-nav-main-light) nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-nav > li:hover > a { background: #333940; } html.dark #header .header-nav-main:not(.header-nav-main-light) a > .thumb-info-preview .thumb-info-wrapper { background: #333940; } html.dark #header .header-nav.header-nav-stripe nav > ul > li > a { color: #CCC; } html.dark #header .header-nav.header-nav-stripe nav > ul > li:hover > a { color: #FFF; } html.dark #header .header-nav.header-nav-links nav > ul > li > a, html.dark #header .header-nav.header-nav-links nav > ul > li:hover > a, html.dark #header .header-nav.header-nav-line nav > ul > li > a, html.dark #header .header-nav.header-nav-line nav > ul > li:hover > a { color: #CCC; } html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li > a, html.dark #header .header-nav.header-nav-dropdowns-dark nav > ul > li:hover > a { color: #CCC; } html.dark .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { background-color: #212529; } } @media (max-width: 991px) { html.dark #header .header-nav-main:before { background-color: #212529; } html.dark #header .header-nav-main nav::-webkit-scrollbar-thumb { border-color: transparent; background: #39404c; } html.dark #header .header-nav-main nav > ul li { border-bottom-color: #333940; } html.dark #header .header-nav-main nav > ul > li.dropdown-mega:not(.dropdown-full-color) .dropdown-mega-sub-title { color: #FFF; } html.dark #header .header-nav-main nav ul li a:active { background-color: #1e1e1e; color: #FFF; } html.dark .home-concept { background-image: none; } } /* Boxed Layout */ html.boxed body { background-color: transparent; background-position: 0 0; background-repeat: repeat; } html.boxed .body { position: relative; background-color: transparent; border-radius: 5px; border-top: 5px solid #CCC; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); margin: 25px auto; max-width: 1200px; height: auto; } html.boxed #header .header-body { border-top-color: transparent; border-top: 0; } html.boxed #header.header-effect-shrink .header-body { max-width: 1200px; } html.boxed .main { background-color: #FFF; overflow: hidden; } html.boxed section.section.section-footer { padding-bottom: 100px; } html.boxed #footer { margin-top: 0; border-bottom: 4px solid #1A1C1E; border-radius: 0 0 5px 5px; } html.boxed .footer-reveal { max-width: 1200px; left: auto !important; } /* Responsive */ @media (min-width: 1200px) { html.boxed.sticky-header-active #header .header-body { width: 100%; max-width: 1200px; } html.boxed .footer-reveal { bottom: 25px !important; } } @media (max-width: 1199px) { html.boxed .footer-reveal { border-bottom: none !important; } } @media (min-width: 992px) { html.boxed #header .header-top.header-top-colored { margin-top: -18px; border-radius: 4px 4px 0 0; } html.boxed.sticky-header-active #header:not(.header-effect-shrink) .header-body { position: fixed !important; padding-left: 15px; padding-right: 15px; } html.boxed.sticky-header-active #header:not(.header-effect-shrink) .header-nav-bar { margin: 0 -15px -9px; } } @media (max-width: 991px) { html.boxed .body { margin: 0 auto; border-radius: 0; } } @media (max-width: 767px) { /* Boxed */ html.boxed { background: none !important; } } html.gap-outside .body { margin-top: 25px; margin-bottom: 25px; } html.gap-outside .main, html.gap-outside #footer { margin-right: 25px; margin-left: 25px; } html.gap-outside .slider-container { width: 100% !important; left: auto !important; } html.gap-outside #header:not(.side-header) { margin-top: -25px; } html.gap-outside #header:not(.side-header) .header-body { left: 0; padding-right: 25px; padding-left: 25px; } html.gap-outside #header:not(.side-header) .header-container:after { content: none; } @media (max-width: 991px) { html.gap-outside #header:not(.side-header) .header-nav-main:before { width: calc(100vw - 50px); } } html.gap-outside .sticky-wrapper { left: 25px !important; width: calc(100vw - 67px) !important; } html.gap-outside .pin-wrapper .sticky-wrapper { left: 25px !important; width: calc(100vw - 67px) !important; } html.gap-outside .pin-wrapper .sticky-wrapper .sticky-body { width: calc(100vw - 67px) !important; } html.gap-outside .pin-wrapper .sticky-wrapper.sticky-effect-active { top: -25px !important; left: 0 !important; width: 100% !important; } html.gap-outside .pin-wrapper .sticky-wrapper.sticky-effect-active .sticky-body { width: 100% !important; } html.gap-outside .pin-wrapper .sticky-wrapper.sticky-effect-active .sticky-body .container-fluid { padding-left: 25px; padding-right: 25px; } /* Name: theme-elements.css Written by: Okler Themes - (http://www.okler.net) Theme Version: 9.1.0 */ /* Accordion */ .accordion { /* Modern */ /* Modern */ } .accordion .card { margin-top: 5px; } .accordion .card:first-child { margin-top: 0; } .accordion .card:first-of-type, .accordion .card:not(:first-of-type):not(:last-of-type), .accordion .card:last-of-type { border: 1px solid rgba(0, 0, 0, 0.125); border-radius: .25rem; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: .25rem; } .accordion .card-title { font-size: 16px; } .accordion .card-header { padding: 0; border-radius: .25rem; border-bottom: 0; margin: -1px; } .accordion .card-header a { cursor: pointer; display: block; padding: 10px 20px; } .accordion .card-header a:hover, .accordion .card-header a:focus { text-decoration: none; } .accordion .card-header a [class^="icon-"] { margin-right: 4px; position: relative; top: 1px; } .accordion .card-header a [class*="fa-"], .accordion .card-header a .icons { display: inline-block; margin-right: 5px; position: relative; top: -1px; } .accordion .card-header a .icons { top: 1px; } .accordion.accordion-sm .card-header a { padding: 5px 15px; font-size: 0.85em; } .accordion.accordion-sm .card-body { font-size: 0.9em; } .accordion.accordion-lg .card-header a { padding: 15px 15px; font-size: 1em; font-weight: 600; } .accordion.without-bg .card-default { background: transparent !important; } .accordion.without-bg .card-default > .card-header { background: transparent !important; } .accordion.without-bg .card-body { padding-top: 0; } .accordion.without-borders .card { border: 0 !important; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; } .accordion.without-borders .card-header a { padding-left: 0; padding-right: 0; } .accordion.without-borders .card-body { padding: 0; } .accordion.accordion-modern .card:first-of-type, .accordion.accordion-modern .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern .card:last-of-type { border: 4px solid #F7F7F7; } .accordion.accordion-modern .card .card-header { background-color: #F7F7F7; border-radius: 0; } .accordion.accordion-modern-status > .card { border: 1px solid transparent !important; -webkit-transition: ease border-color 300ms; transition: ease border-color 300ms; } .accordion.accordion-modern-status > .card .card-header a { position: relative; padding: 23px 30px; background-color: #f4f4f4; -webkit-transition: ease background-color 300ms, ease color 300ms; transition: ease background-color 300ms, ease color 300ms; } .accordion.accordion-modern-status > .card .card-header a:after { content: '+'; position: absolute; top: 50%; right: 25px; font-size: inherit; font-weight: inherit; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .accordion.accordion-modern-status > .card .card-header a.collapsed:after { -webkit-transform: translate3d(0, -50%, 0) rotate(0deg); transform: translate3d(0, -50%, 0) rotate(0deg); } .accordion.accordion-modern-status > .card .card-header + .collapse.show, .accordion.accordion-modern-status > .card .card-header + .collapsing { border: 0; } .accordion.accordion-modern-status > .card + .card { margin-top: 17px; } .accordion.accordion-modern-grey-scale-1 .card:first-of-type, .accordion.accordion-modern-grey-scale-1 .card:not(:first-of-type):not(:last-of-type), .accordion.accordion-modern-grey-scale-1 .card:last-of-type { border-color: #E0CEAA; } .accordion.accordion-modern-grey-scale-1 .card .card-header { background-color: #E0CEAA; } /* Animations */ .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } /* Transitions */ .transition-2ms { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* Side Header Arrow Animations */ @-webkit-keyframes sideMenuArrow { 0% { left: 5px; } 50% { left: 10px; } 100% { left: 5px; } } @keyframes sideMenuArrow { 0% { left: 5px; } 50% { left: 10px; } 100% { left: 5px; } } @-webkit-keyframes sideMenuArrowBack { 0% { right: 5px; } 50% { right: 10px; } 100% { right: 5px; } } @keyframes sideMenuArrowBack { 0% { right: 5px; } 50% { right: 10px; } 100% { right: 5px; } } /* Mask Up */ @-webkit-keyframes maskUp { from { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskUp { from { -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Mask Right */ @-webkit-keyframes maskRight { from { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskRight { from { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Mask Down */ @-webkit-keyframes maskDown { from { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskDown { from { -webkit-transform: translate(0, -100%); transform: translate(0, -100%); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } /* Mask Left */ @-webkit-keyframes maskLeft { from { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes maskLeft { from { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .maskUp { -webkit-animation-name: maskUp; animation-name: maskUp; } .maskRight { -webkit-animation-name: maskRight; animation-name: maskRight; } .maskDown { -webkit-animation-name: maskDown; animation-name: maskDown; } .maskLeft { -webkit-animation-name: maskLeft; animation-name: maskLeft; } @-webkit-keyframes headerReveal { from { top: -150px; } to { top: 0; } } @keyframes headerReveal { from { top: -150px; } to { top: 0; } } /* Fade In Up Shorter */ @-webkit-keyframes fadeInUpShorter { from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShorter { from { opacity: 0; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpShorter { -webkit-animation-name: fadeInUpShorter; animation-name: fadeInUpShorter; } /* Fade In Up Shorter Plus */ @-webkit-keyframes fadeInUpShorterPlus { from { opacity: 0; -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpShorterPlus { from { opacity: 0; -webkit-transform: translate(0, 15px); transform: translate(0, 15px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpShorterPlus { -webkit-animation-name: fadeInUpShorterPlus; animation-name: fadeInUpShorterPlus; } /* Fade In Left Shorter */ @-webkit-keyframes fadeInLeftShorter { from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftShorter { from { opacity: 0; -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftShorter { -webkit-animation-name: fadeInLeftShorter; animation-name: fadeInLeftShorter; } /* Fade In Left Shorter Plus */ @-webkit-keyframes fadeInLeftShorterPlus { from { opacity: 0; -webkit-transform: translate(15px, 0); transform: translate(15px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftShorterPlus { from { opacity: 0; -webkit-transform: translate(15px, 0); transform: translate(15px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftShorterPlus { -webkit-animation-name: fadeInLeftShorterPlus; animation-name: fadeInLeftShorterPlus; } /* Fade In Right Shorter */ @-webkit-keyframes fadeInRightShorter { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShorter { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightShorter { -webkit-animation-name: fadeInRightShorter; animation-name: fadeInRightShorter; } /* Fade In Right Shorter Plus */ @-webkit-keyframes fadeInRightShorterPlus { from { opacity: 0; -webkit-transform: translate(-15px, 0); transform: translate(-15px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShorterPlus { from { opacity: 0; -webkit-transform: translate(-15px, 0); transform: translate(-15px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightShorterPlus { -webkit-animation-name: fadeInRightShorterPlus; animation-name: fadeInRightShorterPlus; } /* Fade In Right Shorter With Opacity */ @-webkit-keyframes fadeInRightShorterOpacity { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } to { opacity: 0.7; -webkit-transform: none; transform: none; } } @keyframes fadeInRightShorterOpacity { from { opacity: 0; -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } to { opacity: 0.7; -webkit-transform: none; transform: none; } } .fadeInRightShorterOpacity { -webkit-animation-name: fadeInRightShorterOpacity; animation-name: fadeInRightShorterOpacity; } /* Fade In Down Shorter */ @-webkit-keyframes fadeInDownShorter { from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownShorter { from { opacity: 0; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownShorter { -webkit-animation-name: fadeInDownShorter; animation-name: fadeInDownShorter; } /* Fade In Down Shorter Plus */ @-webkit-keyframes fadeInDownShorterPlus { from { opacity: 0; -webkit-transform: translate(0, -15px); transform: translate(0, -15px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownShorterPlus { from { opacity: 0; -webkit-transform: translate(0, -15px); transform: translate(0, -15px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownShorterPlus { -webkit-animation-name: fadeInDownShorterPlus; animation-name: fadeInDownShorterPlus; } /* Fade In Right and Down Shorter */ @-webkit-keyframes fadeInRightDownShorter { from { opacity: 0; -webkit-transform: translate(-50px, -50px); transform: translate(-50px, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightDownShorter { from { opacity: 0; -webkit-transform: translate(-50px, -50px); transform: translate(-50px, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightDownShorter { -webkit-animation-name: fadeInRightDownShorter; animation-name: fadeInRightDownShorter; } /* Fade In Right and Up Shorter */ @-webkit-keyframes fadeInRightUpShorter { from { opacity: 0; -webkit-transform: translate(-50px, 50px); transform: translate(-50px, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightUpShorter { from { opacity: 0; -webkit-transform: translate(-50px, 50px); transform: translate(-50px, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightUpShorter { -webkit-animation-name: fadeInRightUpShorter; animation-name: fadeInRightUpShorter; } /* Fade In Left and Down Shorter */ @-webkit-keyframes fadeInLeftDownShorter { from { opacity: 0; -webkit-transform: translate(50px, -50px); transform: translate(50px, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftDownShorter { from { opacity: 0; -webkit-transform: translate(50px, -50px); transform: translate(50px, -50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftDownShorter { -webkit-animation-name: fadeInLeftDownShorter; animation-name: fadeInLeftDownShorter; } /* Fade In Left and Up Shorter */ @-webkit-keyframes fadeInLeftUpShorter { from { opacity: 0; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftUpShorter { from { opacity: 0; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftUpShorter { -webkit-animation-name: fadeInLeftUpShorter; animation-name: fadeInLeftUpShorter; } /* Expand In */ @-webkit-keyframes expandIn { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes expandIn { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .expandIn { -webkit-animation-name: expandIn; animation-name: expandIn; } /* Gradient Transition */ @-webkit-keyframes gradientTransition { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradientTransition { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* Slider Scroll Button Animation */ @-webkit-keyframes sliderScrollButton { 0% { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 70% { opacity: 1; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } } @keyframes sliderScrollButton { 0% { opacity: 1; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } 70% { opacity: 1; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-50%, 10px, 0); transform: translate3d(-50%, 10px, 0); } } /* Arrow Left Right */ @-webkit-keyframes arrowLeftRight { 0% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 50% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); } 100% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } } @keyframes arrowLeftRight { 0% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 50% { -webkit-transform: translate3d(1px, 0, 0); transform: translate3d(1px, 0, 0); } 100% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } } /* Nav Item Arrow */ @-webkit-keyframes navItemArrow { 0% { position: relative; left: -1px; } 50% { position: relative; left: 3px; } 100% { position: relative; left: -1px; } } @keyframes navItemArrow { 0% { position: relative; left: -1px; } 50% { position: relative; left: 3px; } 100% { position: relative; left: -1px; } } /* Hover 3d Effect */ .hover-in { -webkit-transition: .1s ease-out !important; transition: .1s ease-out !important; } .hover-out { -webkit-transition: .1s ease-in !important; transition: .1s ease-in !important; } .hover-3d { -webkit-transition: none; transition: none; } /* Hotspot */ @-webkit-keyframes hotspot-pulsate { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 45% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 0; } } @keyframes hotspot-pulsate { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } 45% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 0; } } @-webkit-keyframes stop-hotspot-pulsate { from { opacity: 0.4; } to { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes stop-hotspot-pulsate { from { opacity: 0.4; } to { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } /* Dot Pulse */ @-webkit-keyframes dotPulse { from { opacity: 1; -webkit-transform: scale(0.2); transform: scale(0.2); } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } @keyframes dotPulse { from { opacity: 1; -webkit-transform: scale(0.2); transform: scale(0.2); } to { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } } .dotPulse { -webkit-animation-name: dotPulse; animation-name: dotPulse; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 4s; animation-duration: 4s; } /* Blur In */ @-webkit-keyframes blurIn { from { opacity: 0; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.3); transform: scale(1.3); } to { opacity: 1; -webkit-filter: blur(0.1px); filter: blur(0.1px); -webkit-transform: none; transform: none; } } @keyframes blurIn { from { opacity: 0; -webkit-filter: blur(20px); filter: blur(20px); -webkit-transform: scale(1.3); transform: scale(1.3); } to { opacity: 1; -webkit-filter: blur(0.1px); filter: blur(0.1px); -webkit-transform: none; transform: none; } } .blurIn { -webkit-animation-name: blurIn; animation-name: blurIn; } /* Ken Burns To Right */ @-webkit-keyframes kenBurnsToRight { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes kenBurnsToRight { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); transform: scale(1); } } .kenBurnsToRight { -webkit-animation-name: kenBurnsToRight; animation-name: kenBurnsToRight; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: right; transform-origin: right; } /* Ken Burns To Left and Top */ .kenBurnsToRightTop { -webkit-animation-name: kenBurnsToRight; animation-name: kenBurnsToRight; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: right top; transform-origin: right top; } /* Ken Burns To Left */ @-webkit-keyframes kenBurnsToLeft { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes kenBurnsToLeft { from { -webkit-transform: scale(1.2); transform: scale(1.2); } to { -webkit-transform: scale(1); transform: scale(1); } } .kenBurnsToLeft { -webkit-animation-name: kenBurnsToLeft; animation-name: kenBurnsToLeft; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: left; transform-origin: left; } /* Ken Burns To Left and Top */ .kenBurnsToLeftTop { -webkit-animation-name: kenBurnsToLeft; animation-name: kenBurnsToLeft; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: left top; transform-origin: left top; } /* Moving From Top to Bottom */ @-webkit-keyframes bgPositionBottomToTop { from { background-position: bottom; } to { background-position: top; } } @keyframes bgPositionBottomToTop { from { background-position: bottom; } to { background-position: top; } } .bgPositionBottomToTop { -webkit-animation-name: bgPositionBottomToTop; animation-name: bgPositionBottomToTop; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform-origin: right; transform-origin: right; } /* Pulse */ @-webkit-keyframes pulseAnim { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } } @keyframes pulseAnim { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; } } .pulseAnim:not(:hover):after { -webkit-animation-name: pulseAnim; animation-name: pulseAnim; } .pulseAnim:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: inherit; border-radius: inherit; z-index: -1; } .pulseAnim.pulseAnimAnimated:after { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s; } .pulseAnim:not(i):after { z-index: 0; } .pulseAnim:not(i) * { position: relative; z-index: 1; } /* Basic Rotation */ @-webkit-keyframes basicRotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes basicRotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .basicRotation { -webkit-animation-name: basicRotation; animation-name: basicRotation; } /* SVG Animation Effect 1 */ @-webkit-keyframes svgAnimationEffect1 { from { stroke-dasharray: 1000; stroke-dashoffset: -500; } to { stroke-dasharray: 1000; stroke-dashoffset: 0; } } @keyframes svgAnimationEffect1 { from { stroke-dasharray: 1000; stroke-dashoffset: -500; } to { stroke-dasharray: 1000; stroke-dashoffset: 0; } } .svg-animation-effect-1-hover svg { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .svg-animation-effect-1-hover svg path, .svg-animation-effect-1-hover svg polygon, .svg-animation-effect-1-hover svg polyline, .svg-animation-effect-1-hover svg rect { -webkit-transition: ease fill-opacity 300ms; transition: ease fill-opacity 300ms; } .svg-animation-effect-1-hover:hover svg { -webkit-transform: scale(1.1); transform: scale(1.1); } .svg-animation-effect-1-hover:hover svg path, .svg-animation-effect-1-hover:hover svg polygon, .svg-animation-effect-1-hover:hover svg polyline, .svg-animation-effect-1-hover:hover svg rect { -webkit-animation-name: svgAnimationEffect1; animation-name: svgAnimationEffect1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; fill-opacity: 0; stroke-width: 0.4px; } /* Arrows */ .arrow { width: 47px; height: 120px; display: inline-block; position: relative; } .arrow.vtl { background-position: 0 0; width: 47px; height: 96px; } .arrow.vtr { background-position: -101px 0; width: 47px; height: 96px; } .arrow.vbl { background-position: 0 -144px; width: 47px; height: 96px; } .arrow.vbr { background-position: -101px -144px; width: 47px; height: 96px; } .arrow.hlt { background-position: -209px 0; width: 120px; height: 47px; } .arrow.hlb { background-position: -209px -101px; width: 120px; height: 47px; } .arrow.hrt { background-position: -353px 0; width: 120px; height: 47px; } .arrow.hrb { background-position: -353px -101px; width: 120px; height: 47px; } /* Responsive */ @media (max-width: 575px) { .arrow { display: none; } } /* Background Scales Overlay */ .bg-color-scale-overlay { position: relative; } .bg-color-scale-overlay:before { content: ""; display: block; background: #000; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; opacity: 0; } .bg-color-scale-overlay .bg-color-scale-overlay-wrapper { position: relative; z-index: 2; } .bg-color-scale-overlay-1:before { opacity: 0.05 !important; } .bg-color-scale-overlay-2:before { opacity: 0.1 !important; } .bg-color-scale-overlay-3:before { opacity: 0.15 !important; } .bg-color-scale-overlay-4:before { opacity: 0.2 !important; } .bg-color-scale-overlay-5:before { opacity: 0.25 !important; } .bg-color-scale-overlay-6:before { opacity: 0.3 !important; } .bg-color-scale-overlay-7:before { opacity: 0.35 !important; } .bg-color-scale-overlay-8:before { opacity: 0.4 !important; } .bg-color-scale-overlay-9:before { opacity: 0.45 !important; } /* Background Transparent */ .background-transparent, .bg-transparent { background: transparent !important; } .bg-transparent-hover:hover { background-color: transparent !important; } .bg-color-transparent { background-color: transparent !important; } /* Background White and Black */ .bg-color-white { background: #FFF !important; } .bg-color-black { background: #000 !important; } /* Labels */ .badge-primary { background-color: #CCC; color: #FFF; } .badge-success { background-color: #28a745; color: #FFF; } .badge-warning { background-color: #ffc107; color: #FFF; } .badge-danger { background-color: #dc3545; color: #FFF; } .badge-info { background-color: #17a2b8; color: #FFF; } .badge-dark { background-color: #212529; color: #FFF; } .badge.badge-xs { padding: 0.3em 0.5em; } .badge.badge-sm { padding: 0.5em 0.8em; } .badge.badge-md { padding: 1em 1.6em; font-size: 85%; } .badge.badge-lg { padding: 1.5em 2em; font-size: 90%; } .badge.badge-xl { padding: 2em 2.5em; font-size: 100%; } .badge-ecommerce { font-size: 9.6px; font-size: 0.6rem; font-weight: 600; border-radius: 0; padding: 6.4px 8px; padding: 0.4rem 0.5rem; } /* Circular Bars */ .circular-bar { text-align: center; margin-bottom: 25px; } .circular-bar .circular-bar-chart { position: relative; } .circular-bar strong { display: block; font-weight: 600; font-size: 18px; line-height: 30px; position: absolute; top: 35%; width: 80%; left: 10%; text-align: center; } .circular-bar label { display: block; font-weight: 100; font-size: 17px; line-height: 20px; position: absolute; top: 50%; width: 80%; left: 10%; text-align: center; } .circular-bar.only-icon [class*="fa-"], .circular-bar.only-icon .icons { display: block; font-size: 38px; line-height: 30px; position: absolute; top: 40%; width: 80%; left: 10%; text-align: center; } .circular-bar.single-line strong { top: 40%; } .circular-bar.circular-bar-sm label { font-size: 14px; top: 36%; } .circular-bar.circular-bar-lg strong { font-size: 20px; top: 40%; } /* Progress */ .progress { border-radius: 25px; height: 20px; background: #FAFAFA; overflow: visible; } .progress.progress-border-radius { border-radius: 3px; } .progress.progress-border-radius .progress-bar { border-radius: 3px; } .progress.progress-no-border-radius { border-radius: 0; } .progress.progress-no-border-radius .progress-bar { border-radius: 0; } .progress.progress-xs { height: 5px; } .progress.progress-xs .progress-bar { line-height: 5px; height: auto; } .progress.progress-sm { height: 10px; } .progress.progress-sm .progress-bar { line-height: 10px; height: auto; } .progress.progress-lg { height: 35px; } .progress.progress-lg .progress-bar { font-size: 13px; line-height: 35px; height: auto; } .progress.progress-dark { background: #333333; } .progress.progress-right-side-value { position: relative; margin-right: 40px; } .progress.progress-right-side-value .progress-bar-value { position: absolute; top: 50%; right: 0; -webkit-transform: translate3d(40px, -50%, 0); transform: translate3d(40px, -50%, 0); } .progress-bar { background-color: #CCC; -webkit-box-shadow: none; box-shadow: none; position: relative; border-radius: 25px; overflow: visible; } .progress-bar-tooltip { position: absolute; padding: 4px 8px; background-color: #333; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 3px; opacity: 0; } .progress-bar-tooltip:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; } .progress-bar-primary { background-color: #CCC; color: #FFF; } .progress-bar-success { background-color: #28a745; color: #FFF; } .progress-bar-warning { background-color: #ffc107; color: #FFF; } .progress-bar-danger { background-color: #dc3545; color: #FFF; } .progress-bar-info { background-color: #17a2b8; color: #FFF; } .progress-bar-dark { background-color: #212529; color: #FFF; } /* Borders */ .border-top { border-top: 1px solid #DADADA !important; } .border-bottom { border-bottom: 1px solid #DADADA !important; } .border-left { border-left: 1px solid #DADADA !important; } .border-right { border-right: 1px solid #DADADA !important; } .border-all { border: 1px solid #DADADA !important; } .border-top-light { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-bottom-light { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-left-light { border-left: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-right-light { border-right: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-all-light { border: 1px solid rgba(0, 0, 0, 0.06) !important; } .border-white { border-color: #FFF !important; } .border-width-1 { border-width: 1px !important; } .border-width-2 { border-width: 2px !important; } .border-width-3 { border-width: 3px !important; } .border-width-4 { border-width: 4px !important; } .border-width-5 { border-width: 5px !important; } .border-width-6 { border-width: 6px !important; } .border-width-7 { border-width: 7px !important; } .border-width-8 { border-width: 8px !important; } .border-width-9 { border-width: 9px !important; } .border-width-10 { border-width: 10px !important; } @media (max-width: 767px) { .border-sm-none { border: 0 !important; } } /* Breadcrumb */ .breadcrumb { background: none; margin: 0; padding: 0; position: relative; z-index: 1; } .breadcrumb > li { display: inline-block; font-size: 0.8em; text-transform: uppercase; text-shadow: none; } .breadcrumb > li + li:before { color: inherit; opacity: 0.5; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\F105"; padding: 0 7px 0 5px; } .breadcrumb.breadcrumb-dividers-no-opacity > li + li:before { opacity: 1; } .breadcrumb.breadcrumb-style-2 > li + li:before { content: "/"; } .breadcrumb.breadcrumb-block { background: #212529; display: inline-block !important; padding: 7.2px 19.2px; padding: .45rem 1.2rem; border-radius: 4px; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); } .breadcrumb.breadcrumb-light { color: #FFF; } .breadcrumb.breadcrumb-light a { color: #FFF; } .breadcrumb.breadcrumb-light .active { opacity: 0.7; } /* Buttons */ .btn { font-size: 12.8px; font-size: 0.8rem; padding: 8.528px 14.928px; padding: 0.533rem 0.933rem; cursor: pointer; } .btn.btn-xs { font-size: 11.2px; font-size: 0.7rem; padding: 3.2px 8px; padding: 0.2rem 0.5rem; } .btn.btn-sm { font-size: 12.8px; font-size: 0.8rem; padding: 4.8px 10.4px; padding: 0.3rem 0.65rem; } .btn.btn-lg { font-size: 16px; font-size: 1rem; padding: 8px 16px; padding: 0.5rem 1rem; } .btn.btn-xl { font-size: 16px; font-size: 1rem; padding: 12.8px 32px; padding: 0.8rem 2rem; } .btn.btn-px-1 { padding-left: 5.6px; padding-left: .35rem; padding-right: 5.6px; padding-right: .35rem; } .btn.btn-px-2 { padding-left: 12px; padding-left: .75rem; padding-right: 12px; padding-right: .75rem; } .btn.btn-px-3 { padding-left: 20px; padding-left: 1.25rem; padding-right: 20px; padding-right: 1.25rem; } .btn.btn-px-4 { padding-left: 28px; padding-left: 1.75rem; padding-right: 28px; padding-right: 1.75rem; } .btn.btn-px-5 { padding-left: 38.4px; padding-left: 2.4rem; padding-right: 38.4px; padding-right: 2.4rem; } .btn.btn-py-1 { padding-top: 5.6px; padding-top: .35rem; padding-bottom: 5.6px; padding-bottom: .35rem; } .btn.btn-py-2 { padding-top: 12px; padding-top: .75rem; padding-bottom: 12px; padding-bottom: .75rem; } .btn.btn-py-3 { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 20px; padding-bottom: 1.25rem; } .btn.btn-py-4 { padding-top: 28px; padding-top: 1.75rem; padding-bottom: 28px; padding-bottom: 1.75rem; } .btn.btn-py-5 { padding-top: 32px; padding-top: 2rem; padding-bottom: 32px; padding-bottom: 2rem; } html body .btn.focus, html body .btn:focus, html body .btn.active, html body .btn:active, html body.body .btn.focus, html body.body .btn:focus, html body.body .btn.active, html body.body .btn:active { -webkit-box-shadow: none !important; box-shadow: none !important; } /* Dropdown Buttons */ .btn + .dropdown-menu .dropdown-item { font-size: 12.8px; font-size: 0.8rem; } /* Default */ .btn-default { color: #333; background-color: #fff; border-color: #ccc; -webkit-box-shadow: none !important; box-shadow: none !important; } .btn-default:hover, .btn-default:active, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #adadad; } /* Outline */ .btn-outline { border-width: 2px; padding: 7.728px 14.928px; padding: 0.483rem 0.933rem; } .btn-outline.btn-xs { padding: 2.4px 8px; padding: 0.15rem 0.5rem; } .btn-outline.btn-sm { padding: 4px 10.4px; padding: 0.25rem 0.65rem; } .btn-outline.btn-lg { padding: 7.2px 16px; padding: 0.45rem 1rem; } .btn-outline.btn-xl { padding: 12px 32px; padding: 0.75rem 2rem; } .btn-outline.btn-outline-thin { border-width: 1px; } /* Modern */ .btn-modern { text-transform: uppercase; font-size: .8em; padding: 12.8px 24px; padding: 0.8rem 1.5rem; font-weight: 600; } /* Rounded */ .btn-rounded { border-radius: 35px; } /* Rounded */ .btn-rounded-icon { border-radius: 50px; padding: 0; width: 50px; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-rounded-icon[data-hash] > i { pointer-events: none; } /* 3d */ .btn-3d { border-bottom-width: 3px; } /* Arrow */ .btn-with-arrow { background-color: transparent; font-weight: 600; } .btn-with-arrow span { background-color: #ccc; display: inline-block; height: 25px; line-height: 24px; width: 24px; border-radius: 50%; margin-left: 10px; -webkit-transition: all 0.1s linear; transition: all 0.1s linear; } .btn-with-arrow i { color: #FFF; font-size: 8px; top: -1px; position: relative; } .btn-with-arrow:hover span { -webkit-transform: translateX(5px); transform: translateX(5px); } .btn-with-arrow.btn-lg span, .btn-with-arrow.btn-xl span { line-height: 23px; } .btn-with-arrow.btn-xs span { line-height: 25px; } /* Icons */ .btn-icon i { margin-right: 10px; } .btn-icon-right i { margin-right: 0; margin-left: 10px; } /* Dropdown Button */ .btn.dropdown-toggle:after { margin-left: .155em; vertical-align: .155em; } /* Colors */ .btn-primary { background-color: #CCC; border-color: #CCC #CCC #b3b2b2; color: #FFF; } .btn-primary:hover, .btn-primary.hover { background-color: #dfdfdf; border-color: #e6e5e5 #e6e5e5 #CCC; color: #FFF; } .btn-primary:focus, .btn-primary.focus { -webkit-box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); } .btn-primary.disabled, .btn-primary:disabled { background-color: #CCC; border-color: #CCC #CCC #b3b2b2; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { background-color: #b9b9b9; background-image: none; border-color: #b3b2b2 #b3b2b2 #999999; } .btn-outline.btn-primary { color: #CCC; background-color: transparent; background-image: none; border-color: #CCC; } .btn-outline.btn-primary:hover, .btn-outline.btn-primary.hover { color: #FFF; background-color: #CCC; border-color: #CCC; } .btn-outline.btn-primary:focus, .btn-outline.btn-primary.focus { -webkit-box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); box-shadow: 0 0 0 3px rgba(204, 204, 204, 0.5); } .btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled { color: #CCC; background-color: transparent; } .btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .show > .btn-outline.btn-primary.dropdown-toggle { color: #FFF; background-color: #CCC; border-color: #CCC; } .btn-success { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; color: #FFF; } .btn-success:hover, .btn-success.hover { background-color: #2fc652; border-color: #34ce57 #34ce57 #28a745; color: #FFF; } .btn-success:focus, .btn-success.focus { -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-success.disabled, .btn-success:disabled { background-color: #28a745; border-color: #28a745 #28a745 #1e7e34; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { background-color: #218838; background-image: none; border-color: #1e7e34 #1e7e34 #145523; } .btn-outline.btn-success { color: #28a745; background-color: transparent; background-image: none; border-color: #28a745; } .btn-outline.btn-success:hover, .btn-outline.btn-success.hover { color: #FFF; background-color: #28a745; border-color: #28a745; } .btn-outline.btn-success:focus, .btn-outline.btn-success.focus { -webkit-box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.5); } .btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled { color: #28a745; background-color: transparent; } .btn-outline.btn-success:active, .btn-outline.btn-success.active, .show > .btn-outline.btn-success.dropdown-toggle { color: #FFF; background-color: #28a745; border-color: #28a745; } .btn-warning { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; color: #FFF; } .btn-warning:hover, .btn-warning.hover { background-color: #ffcb2d; border-color: #ffce3a #ffce3a #ffc107; color: #FFF; } .btn-warning:focus, .btn-warning.focus { -webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-warning.disabled, .btn-warning:disabled { background-color: #ffc107; border-color: #ffc107 #ffc107 #d39e00; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { background-color: #e0a800; background-image: none; border-color: #d39e00 #d39e00 #a07800; } .btn-outline.btn-warning { color: #ffc107; background-color: transparent; background-image: none; border-color: #ffc107; } .btn-outline.btn-warning:hover, .btn-outline.btn-warning.hover { color: #FFF; background-color: #ffc107; border-color: #ffc107; } .btn-outline.btn-warning:focus, .btn-outline.btn-warning.focus { -webkit-box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.5); } .btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .show > .btn-outline.btn-warning.dropdown-toggle { color: #FFF; background-color: #ffc107; border-color: #ffc107; } .btn-danger { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; color: #FFF; } .btn-danger:hover, .btn-danger.hover { background-color: #e25663; border-color: #e4606d #e4606d #dc3545; color: #FFF; } .btn-danger:focus, .btn-danger.focus { -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-danger.disabled, .btn-danger:disabled { background-color: #dc3545; border-color: #dc3545 #dc3545 #bd2130; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { background-color: #c82333; background-image: none; border-color: #bd2130 #bd2130 #921925; } .btn-outline.btn-danger { color: #dc3545; background-color: transparent; background-image: none; border-color: #dc3545; } .btn-outline.btn-danger:hover, .btn-outline.btn-danger.hover { color: #FFF; background-color: #dc3545; border-color: #dc3545; } .btn-outline.btn-danger:focus, .btn-outline.btn-danger.focus { -webkit-box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.5); } .btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .show > .btn-outline.btn-danger.dropdown-toggle { color: #FFF; background-color: #dc3545; border-color: #dc3545; } .btn-info { background-color: #17a2b8; border-color: #17a2b8 #17a2b8 #117a8b; color: #FFF; } .btn-info:hover, .btn-info.hover { background-color: #1bc0da; border-color: #1fc8e3 #1fc8e3 #17a2b8; color: #FFF; } .btn-info:focus, .btn-info.focus { -webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } .btn-info.disabled, .btn-info:disabled { background-color: #17a2b8; border-color: #17a2b8 #17a2b8 #117a8b; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { background-color: #138496; background-image: none; border-color: #117a8b #117a8b #0c525d; } .btn-outline.btn-info { color: #17a2b8; background-color: transparent; background-image: none; border-color: #17a2b8; } .btn-outline.btn-info:hover, .btn-outline.btn-info.hover { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline.btn-info:focus, .btn-outline.btn-info.focus { -webkit-box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); box-shadow: 0 0 0 3px rgba(23, 162, 184, 0.5); } .btn-outline.btn-info.disabled, .btn-outline.btn-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline.btn-info:active, .btn-outline.btn-info.active, .show > .btn-outline.btn-info.dropdown-toggle { color: #FFF; background-color: #17a2b8; border-color: #17a2b8; } .btn-dark { background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #FFF; } .btn-dark:hover, .btn-dark.hover { background-color: #32383e; border-color: #383f45 #383f45 #212529; color: #FFF; } .btn-dark:focus, .btn-dark.focus { -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } .btn-dark.disabled, .btn-dark:disabled { background-color: #212529; border-color: #212529 #212529 #0a0c0d; } .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { background-color: #101214; background-image: none; border-color: #0a0c0d #0a0c0d black; } .btn-outline.btn-dark { color: #212529; background-color: transparent; background-image: none; border-color: #212529; } .btn-outline.btn-dark:hover, .btn-outline.btn-dark.hover { color: #FFF; background-color: #212529; border-color: #212529; } .btn-outline.btn-dark:focus, .btn-outline.btn-dark.focus { -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } .btn-outline.btn-dark.disabled, .btn-outline.btn-dark:disabled { color: #212529; background-color: transparent; } .btn-outline.btn-dark:active, .btn-outline.btn-dark.active, .show > .btn-outline.btn-dark.dropdown-toggle { color: #FFF; background-color: #212529; border-color: #212529; } /* Button Light */ html body .btn-light, html body .btn-outline.btn-light { border-color: #d9d9d9 #d9d9d9 #bfbfbf; color: #9c9ea0; } html body .btn-light.btn-outline-light-opacity-2, html body .btn-outline.btn-light.btn-outline-light-opacity-2 { border-color: rgba(255, 255, 255, 0.2); } html body .btn-light:hover, html body .btn-light.hover, html body .btn-outline.btn-light:hover, html body .btn-outline.btn-light.hover { background-color: #f2f2f2; border-color: #e6e5e5 #e6e5e5 #cccccc; color: #9c9ea0; } html body .btn-light:focus, html body .btn-light.focus, html body .btn-outline.btn-light:focus, html body .btn-outline.btn-light.focus { -webkit-box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5); box-shadow: 0 0 0 3px rgba(191, 191, 191, 0.5); } html body .btn-light.disabled, html body .btn-light:disabled, html body .btn-outline.btn-light.disabled, html body .btn-outline.btn-light:disabled { border-color: #bfbfbf #bfbfbf #bfbfbf; } html body .btn-light:active, html body .btn-light.active, .show > html body .btn-light.dropdown-toggle, html body .btn-outline.btn-light:active, html body .btn-outline.btn-light.active, .show > html body .btn-outline.btn-light.dropdown-toggle { border-color: #bfbfbf #bfbfbf #bfbfbf; } html body .btn-light-2, html body .btn-outline.btn-light-2 { border-color: #FFF; color: #FFF; } html body .btn-light-2:hover, html body .btn-light-2.hover, html body .btn-outline.btn-light-2:hover, html body .btn-outline.btn-light-2.hover { background-color: #FFF; border-color: #FFF; color: #0e0e0e; } html body .btn-light-2:focus, html body .btn-light-2.focus, html body .btn-outline.btn-light-2:focus, html body .btn-outline.btn-light-2.focus { -webkit-box-shadow: 0 0 0 3px rgba(179, 178, 178, 0.5); box-shadow: 0 0 0 3px rgba(179, 178, 178, 0.5); } html body .btn-light-2.disabled, html body .btn-light-2:disabled, html body .btn-outline.btn-light-2.disabled, html body .btn-outline.btn-light-2:disabled { border-color: #b3b2b2 #b3b2b2 #b3b2b2; } html body .btn-light-2:active, html body .btn-light-2.active, .show > html body .btn-light-2.dropdown-toggle, html body .btn-outline.btn-light-2:active, html body .btn-outline.btn-light-2.active, .show > html body .btn-outline.btn-light-2.dropdown-toggle { border-color: #FFF; } html[dir="rtl"] .input-group .form-control:not(:first-child), html[dir="rtl"] .input-group-addon:not(:first-child), html[dir="rtl"] .input-group-btn:not(:first-child) > .btn, html[dir="rtl"] .input-group-btn:not(:first-child) > .btn-group > .btn, html[dir="rtl"] .input-group-btn:not(:first-child) > .dropdown-toggle, html[dir="rtl"] .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, html[dir="rtl"] .input-group-btn:not(:last-child) > .btn:not(:first-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } /* Hamburguer */ .hamburguer-btn { background: transparent; outline: 0 !important; border: none; width: 30px; height: 30px; padding: 0; margin: 15px; display: inline-block; position: relative; cursor: pointer; } .hamburguer-btn.hamburguer-btn-side-header { position: absolute; top: 15px; right: 8px; } .hamburguer-btn.hamburguer-btn-side-header-overlay { right: 30px; z-index: 9999; } .hamburguer-btn .hamburguer { pointer-events: none; } .hamburguer-btn .hamburguer span { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; -webkit-transition: ease width 300ms; transition: ease width 300ms; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #333; } .hamburguer-btn .hamburguer span:nth-child(1) { top: 30%; } .hamburguer-btn .hamburguer span:nth-child(2) { -webkit-transition-delay: 100ms; transition-delay: 100ms; } .hamburguer-btn .hamburguer span:nth-child(3) { top: 70%; -webkit-transition-delay: 200ms; transition-delay: 200ms; } .hamburguer-btn .close { opacity: 0; pointer-events: none; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .hamburguer-btn .close span { position: absolute; top: 50%; left: 50%; width: 0; height: 1px; background: #333; -webkit-transition: ease all 300ms; transition: ease all 300ms; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } .hamburguer-btn .close span:nth-child(1) { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); } .hamburguer-btn .close span:nth-child(2) { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); } .hamburguer-btn.active .hamburguer { opacity: 0; } .hamburguer-btn.active .hamburguer span { width: 0; } .hamburguer-btn.active .close { opacity: 1; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .hamburguer-btn.active .close span { width: 80%; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .hamburguer-btn.active .close span:nth-child(2) { -webkit-transition-delay: 300ms; transition-delay: 300ms; } .hamburguer-btn.hamburguer-btn-light .hamburguer span, .hamburguer-btn.hamburguer-btn-light .close span { background: #FFF; } html.overflow-hidden .hamburguer-btn.hamburguer-btn-side-header-overlay { right: 13px; } /* Hamburguer Sticky Colors */ html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-light .close span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-light .close span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .hamburguer span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-light .close span { background: #FFF; } html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, html.sticky-header-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, .pin-wrapper .sticky-active:not([class*="sticky-wrapper-effect"]) .hamburguer-btn.hamburguer-btn-sticky-dark .close span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .hamburguer span, .pin-wrapper .sticky-effect-active .hamburguer-btn.hamburguer-btn-sticky-dark .close span { background: #212529; } /* Badge */ .btn-badge { position: relative; } .btn-badge .badge { top: -8px; top: -0.5rem; right: -8px; right: -0.5rem; position: absolute; } /* Gradient */ .btn-gradient:not(.btn-outline) { border: 0; } .btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { border: 0; } .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { border: 0; } .btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled { border: 0; } .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { border: 0; } .btn-gradient.btn-outline { border: 2px solid transparent; background: transparent; border-image-slice: 1 !important; } .btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover { border: 2px solid transparent; } .btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled { border: 2px solid transparent; } .btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active { border: 2px solid transparent; } /* Play Button Size */ .play-button-sm { width: 35px; height: 35px; } .play-button-md { width: 60px; height: 60px; } .play-button-lg { width: 90px; height: 90px; } /* Curcle Buttons */ .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px !important; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px !important; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px !important; } /* Call to Action */ .call-to-action { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 32px 55px; clear: both; } .call-to-action::after { clear: both; content: ""; display: block; } @media (max-width: 767px) { .call-to-action { padding: 10px 10px; } } .call-to-action h3 { text-transform: none; color: #212529; padding: 0; margin: 0 0 9px; } .call-to-action p { font-size: 1.2em; } .call-to-action > [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .call-to-action > [class*="col-"]:nth-child(2) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } @media (max-width: 767px) { .call-to-action > [class*="col-"]:nth-child(2) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .call-to-action .container > .row, .call-to-action .container-fluid > .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .call-to-action .container > .row > [class*="col-"], .call-to-action .container-fluid > .row > [class*="col-"] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .call-to-action .container > .row > [class*="col-"]:nth-child(2), .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center; } @media (max-width: 767px) { .call-to-action .container > .row > [class*="col-"]:nth-child(2), .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 767px) { .call-to-action > [class*="col-"]:not([class*="col-xs"]) { width: 100%; } .call-to-action .container > .row [class*="col-"]:not([class*="col-xs"]) { width: 100%; } } .call-to-action .call-to-action-content { text-align: center; } .call-to-action.call-to-action-big { padding: 63px 55px; } @media (max-width: 575px) { .call-to-action.call-to-action-big { padding: 63px 0; } } .call-to-action.call-to-action-front { z-index: 1; } .call-to-action.call-to-action-default { background: #f7f7f7; } .call-to-action.call-to-action-strong-grey { background: #E0CEAA; } .call-to-action.call-to-action-dark { background: #333940; } .call-to-action.call-to-action-dark h3, .call-to-action.call-to-action-dark p { color: #FFF; } .call-to-action.with-borders { border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.with-full-borders { border: 2px solid #CCC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.featured { background: #FFF; margin: 0; border-top: 3px solid #CCC; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .call-to-action.featured.featured-primary { border-top-color: #CCC; } .call-to-action.featured.featured-secondary { border-top-color: #e36159; } .call-to-action.featured.featured-tertiary { border-top-color: #2BAAB1; } .call-to-action.featured.featured-quaternary { border-top-color: #333940; } .call-to-action.with-button-arrow .call-to-action-btn { position: relative; } @media (min-width: 992px) { .call-to-action.with-button-arrow .call-to-action-btn { left: -80px; } } .call-to-action.with-button-arrow .call-to-action-btn .arrow { position: absolute; } @media (max-width: 991px) { .call-to-action.with-button-arrow .call-to-action-btn .arrow { display: none; } } .call-to-action.with-button-arrow .call-to-action-btn.no-left { left: 0; } @media (max-width: 991px) { .call-to-action.with-button-arrow .call-to-action-btn.no-left { margin-top: -25px !important; } } .call-to-action.with-button-arrow.button-arrow-price-centered .call-to-action-btn > span { position: relative; } .call-to-action.with-button-arrow.button-arrow-price-centered .call-to-action-btn > span .arrow { right: 50% !important; } .call-to-action.content-align-center .call-to-action-content, .call-to-action.content-align-center .call-to-action-btn { width: 100%; text-align: center; } .call-to-action.button-centered .call-to-action-content { text-align: center; width: 100%; padding: 35px 0 0; margin: 0; } .call-to-action.button-centered .call-to-action-btn { text-align: center; position: static; margin: 20px auto 25px; width: auto; } .call-to-action.call-to-action-in-footer { padding-top: 70px; padding-bottom: 70px; margin-top: 30px; margin-bottom: -50px !important; } .call-to-action.call-to-action-in-footer:before { content: ""; display: block; position: absolute; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #FFF; height: 20px; width: 20px; top: -5px; left: 50%; margin-left: -20px; } .call-to-action.no-top-arrow:before { display: none; } .call-to-action.call-to-action-in-footer-margin-top { margin-top: 60px; } .container .call-to-action { border-radius: 8px; } /* Responsive */ @media (max-width: 767px) { .call-to-action .call-to-action-content, .call-to-action .call-to-action-btn { margin: 0; padding: 20px; position: static; width: auto; } } /* * IE 11 Fixes */ html.ie:not(.ie9) .call-to-action .call-to-action-content { width: 100%; } html.ie:not(.ie9) .call-to-action.button-centered > [class*="col-"] { display: block; } html.ie:not(.ie9) .call-to-action.button-centered .container > .row, html.ie:not(.ie9) .call-to-action.button-centered .container-fluid > .row { display: block; } /* * IE 9 Fixes */ html.ie9 .call-to-action > [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } html.ie9 .call-to-action > [class*="col-"]:nth-child(2) { text-align: right; } html.ie9 .call-to-action .container > .row, html.ie9 .call-to-action .container-fluid > .row { display: table; width: 100%; } html.ie9 .call-to-action .container > .row > [class*="col-"], html.ie9 .call-to-action .container-fluid > .row > [class*="col-"] { display: table-cell; vertical-align: middle; float: none; } html.ie9 .call-to-action .container > .row > [class*="col-"]:nth-child(2), html.ie9 .call-to-action .container-fluid > .row > [class*="col-"]:nth-child(2) { text-align: center; } html.ie9 .call-to-action.button-centered > [class*="col-"] { float: left; } html.ie9 .call-to-action.button-centered .container > .row > [class*="col-"], html.ie9 .call-to-action.button-centered .container-fluid > .row > [class*="col-"] { float: left; } /* Cards */ .card { position: relative; border: 1px solid rgba(0, 0, 0, 0.06); } .card-header { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .card-footer { border-top: 1px solid rgba(0, 0, 0, 0.06); } .card-body { padding: 32px; padding: 2rem; } .card-text-color-hover-light:hover * { color: #FFF !important; } .card-background-image-hover { background-size: cover; background-position: center; } .card-background-image-hover .card-body { background: rgba(255, 255, 255, 0.9); margin: 16px; margin: 1rem; padding: 16px; padding: 1rem; } /* Flip Card */ .flip-card { position: relative; border: none; -webkit-perspective: 1000px; perspective: 1000px; } .flip-card .flip-front, .flip-card .flip-back { padding: 32px; padding: 2rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #FFF; -webkit-box-shadow: 0px 0px 44px -10px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 44px -10px rgba(0, 0, 0, 0.15); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: ease transform 500ms; transition: ease transform 500ms; } .flip-card .flip-front .flip-content, .flip-card .flip-back .flip-content { -webkit-transform: translate3d(0, 0, 1px); transform: translate3d(0, 0, 1px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card .flip-front.overlay:before, .flip-card .flip-back.overlay:before { -webkit-transform: translate3d(0, 0, 0px); transform: translate3d(0, 0, 0px); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card .flip-front { -webkit-transform: translate3d(0, 0, 1px) rotateY(0deg); transform: translate3d(0, 0, 1px) rotateY(0deg); } .flip-card .flip-back { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: translate3d(0, 0, -1px) rotateY(180deg); transform: translate3d(0, 0, -1px) rotateY(180deg); } .flip-card:hover .flip-front { -webkit-transform: translate3d(0, 0, -1px) rotateY(-180deg); transform: translate3d(0, 0, -1px) rotateY(-180deg); } .flip-card:hover .flip-back { -webkit-transform: translate3d(0, 0, 1px) rotateY(0deg); transform: translate3d(0, 0, 1px) rotateY(0deg); } .flip-card.flip-card-vertical .flip-front { -webkit-transform: translate3d(0, 0, 1px) rotateX(0deg); transform: translate3d(0, 0, 1px) rotateX(0deg); } .flip-card.flip-card-vertical .flip-back { -webkit-transform: translate3d(0, 0, -1px) rotateX(180deg); transform: translate3d(0, 0, -1px) rotateX(180deg); } .flip-card.flip-card-vertical:hover .flip-front { -webkit-transform: translate3d(0, 0, -1px) rotateX(-180deg); transform: translate3d(0, 0, -1px) rotateX(-180deg); } .flip-card.flip-card-vertical:hover .flip-back { -webkit-transform: translate3d(0, 0, 1px) rotateX(0deg); transform: translate3d(0, 0, 1px) rotateX(0deg); } .flip-card.flip-card-3d .flip-front .flip-content, .flip-card.flip-card-3d .flip-back .flip-content { -webkit-perspective: inherit; perspective: inherit; -webkit-transform: translate3d(0, 0, 60px); transform: translate3d(0, 0, 60px); } /* Owl Carousel */ .owl-carousel { display: block; margin-bottom: 20px; opacity: 0; /* Navigation */ /* Dots */ /* Image Thumbnail */ } .owl-carousel.owl-loaded { opacity: 1; } .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span { display: none; } .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) > div:first-child, .owl-carousel:not(.owl-loaded):not(.owl-carousel-light) span:first-child { display: block; } .owl-carousel .owl-item img { -webkit-transform-style: unset; transform-style: unset; } .owl-carousel .owl-item img[data-icon] { display: inline; } .owl-carousel .thumbnail { margin-right: 1px; } .owl-carousel .item-video { height: 300px; } .owl-carousel .owl-nav { top: 50%; position: absolute; width: 100%; margin-top: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { display: inline-block; position: absolute; top: 50%; width: 30px; height: 30px; outline: 0; margin: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .owl-carousel .owl-nav button.owl-prev { left: 0; } .owl-carousel .owl-nav button.owl-prev:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 8px; font-size: 0.5rem; content: "\F053"; position: relative; left: -1px; top: -1px; } .owl-carousel .owl-nav button.owl-next { right: 0; } .owl-carousel .owl-nav button.owl-next:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 8px; font-size: 0.5rem; content: "\F054"; position: relative; left: 1px; top: -1px; } .owl-carousel.stage-margin .owl-stage-outer { margin-left: 40px !important; margin-right: 40px !important; } .owl-carousel.stage-margin .owl-stage-outer .owl-stage { padding-left: 0 !important; padding-right: 0 !important; } .owl-carousel.stage-margin.stage-margin-sm .owl-stage-outer { margin-left: 50px !important; margin-right: 50px !important; } .owl-carousel.stage-margin.stage-margin-md .owl-stage-outer { margin-left: 75px !important; margin-right: 75px !important; } .owl-carousel.stage-margin.stage-margin-lg .owl-stage-outer { margin-left: 100px !important; margin-right: 100px !important; } .owl-carousel.top-border { border-top: 1px solid #eaeaea; padding-top: 18px; } .owl-carousel.nav-remove-prev .owl-nav .owl-prev { display: none; } .owl-carousel.nav-remove-next .owl-nav .owl-next { display: none; } .owl-carousel.nav-full-height .owl-stage-outer { z-index: 1; } .owl-carousel.nav-full-height .owl-nav { height: 100%; } .owl-carousel.nav-full-height .owl-nav .owl-next, .owl-carousel.nav-full-height .owl-nav .owl-prev { height: 100% !important; } .owl-carousel.show-nav-hover .owl-nav { opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .owl-carousel.show-nav-hover .owl-nav button.owl-prev { left: -15px; } .owl-carousel.show-nav-hover .owl-nav button.owl-next { right: -15px; } .owl-carousel.show-nav-hover:hover .owl-nav { opacity: 1; } .owl-carousel.show-nav-title .owl-nav { top: 0; right: 0; margin-top: -25px; width: auto; } .owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:active { font-size: 18px; background: transparent !important; width: 18px; } .owl-carousel.show-nav-title .owl-nav button.owl-prev { left: -40px; } .owl-carousel.show-nav-title .owl-nav button.owl-prev:before, .owl-carousel.show-nav-title .owl-nav button.owl-prev:after, .owl-carousel.show-nav-title .owl-nav button.owl-next:before, .owl-carousel.show-nav-title .owl-nav button.owl-next:after { font-size: inherit; } .owl-carousel.show-nav-title.show-nav-title-both-sides .owl-nav { width: 100%; } .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-prev { left: 0; } .owl-carousel.show-nav-title.show-nav-title-both-sides button.owl-next { right: 0; } .owl-carousel.show-nav-title.show-nav-title-both-sides-style-2 .owl-nav { margin-top: 15px; } .owl-carousel.rounded-nav .owl-nav button[class*="owl-"] { padding: 3px 7px; border-radius: 50%; background: transparent; border: 1px solid #999 !important; color: #999; } .owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover, .owl-carousel.rounded-nav .owl-nav button[class*="owl-"].hover { background: transparent !important; border: 1px solid #a1a1a1 !important; color: #a1a1a1 !important; } .owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:active, .owl-carousel.rounded-nav .owl-nav button[class*="owl-"].active { background: transparent !important; border: 1px solid #666 !important; color: #666 !important; } .owl-carousel.nav-bottom .owl-stage-outer { margin-bottom: 10px; } .owl-carousel.nav-bottom .owl-nav { position: static; margin: 0; padding: 0; width: auto; -webkit-transform: none; transform: none; } .owl-carousel.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-bottom .owl-nav button.owl-next { position: static; -webkit-transform: none; transform: none; } .owl-carousel.nav-bottom .owl-nav button.owl-prev { margin-right: 5px; } .owl-carousel.nav-bottom .owl-nav button.owl-next { margin-left: 5px; } .owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav { text-align: left; } .owl-carousel.nav-bottom.nav-bottom-align-right .owl-nav { text-align: right; } .owl-carousel.nav-bottom-inside .owl-nav { position: relative; margin: -68.8px 0 0 0; margin: -4.3rem 0 0 0; padding: 0; width: auto; } .owl-carousel.nav-bottom-inside .owl-nav button.owl-prev, .owl-carousel.nav-bottom-inside .owl-nav button.owl-next { position: static; } .owl-carousel.nav-inside .owl-nav button.owl-prev { left: 15px; } .owl-carousel.nav-inside .owl-nav button.owl-next { right: 15px; left: auto; } .owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-prev { left: 0; } .owl-carousel.nav-inside.nav-inside-edge .owl-nav button.owl-next { right: 0; left: auto; } .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev { left: 30px; } .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next { right: 30px; left: auto; } .owl-carousel.nav-inside.nav-bottom .owl-nav { position: absolute; top: auto; bottom: 40px; width: 100%; } .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-next { position: relative; } .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-prev { left: 0; } .owl-carousel.nav-inside.nav-bottom .owl-nav button.owl-next { right: 0; } .owl-carousel.nav-inside.nav-bottom.nav-style-2 .owl-nav button.owl-prev, .owl-carousel.nav-inside.nav-bottom.nav-style-2 .owl-nav button.owl-next { position: relative; } .owl-carousel.nav-outside .owl-nav button.owl-prev { left: 0; } .owl-carousel.nav-outside .owl-nav button.owl-next { right: 0; } @media (min-width: 992px) { .owl-carousel.nav-outside .owl-nav button.owl-prev { left: -50px; } .owl-carousel.nav-outside .owl-nav button.owl-next { right: -50px; } } .owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev { width: 20px; background: transparent !important; color: #000; } .owl-carousel.nav-style-1 .owl-nav .owl-next:hover, .owl-carousel.nav-style-1 .owl-nav .owl-next:active, .owl-carousel.nav-style-1 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-1 .owl-nav .owl-prev:active { color: #CCC; } .owl-carousel.nav-style-1 .owl-nav .owl-next:before, .owl-carousel.nav-style-1 .owl-nav .owl-next:after, .owl-carousel.nav-style-1 .owl-nav .owl-prev:before, .owl-carousel.nav-style-1 .owl-nav .owl-prev:after { font-size: inherit; } .owl-carousel.nav-style-2 .owl-nav .owl-next, .owl-carousel.nav-style-2 .owl-nav .owl-prev { background: transparent !important; } .owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-prev:before { content: ''; display: block; position: absolute; top: 50%; left: 1px; width: 1.3em; height: 1.3em; border-top: 2px solid #CCC; border-left: 2px solid #CCC; font-size: inherit; -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg); transform: translate3d(0, -50%, 0) rotate(-45deg); } .owl-carousel.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { content: ''; display: block; border-top: 3px solid #CCC; width: 2.5em; position: absolute; top: 50%; font-size: inherit; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .owl-carousel.nav-style-2 .owl-nav .owl-next { -webkit-transform: rotate(180deg) !important; transform: rotate(180deg) !important; -webkit-transform-origin: 15px 8px; transform-origin: 15px 8px; } .owl-carousel.nav-style-2.nav-bottom.nav-inside .owl-nav .owl-next { -webkit-transform-origin: 15px; transform-origin: 15px; } .owl-carousel.nav-style-3 .owl-nav { top: 25%; } .owl-carousel.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-style-3 .owl-nav .owl-prev { width: 30px; background: transparent !important; color: #CCC; } .owl-carousel.nav-style-3 .owl-nav .owl-next:hover, .owl-carousel.nav-style-3 .owl-nav .owl-next:active, .owl-carousel.nav-style-3 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-3 .owl-nav .owl-prev:active { color: #CCC; } .owl-carousel.nav-style-3 .owl-nav .owl-next:before, .owl-carousel.nav-style-3 .owl-nav .owl-next:after, .owl-carousel.nav-style-3 .owl-nav .owl-prev:before, .owl-carousel.nav-style-3 .owl-nav .owl-prev:after { font-size: 1.5em; } .owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 75px; } @media (max-width: 991px) { .owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 40px; } } @media (max-width: 767px) { .owl-carousel.nav-style-4 .owl-nav .owl-prev { left: 13px; } } .owl-carousel.nav-style-4 .owl-nav .owl-next { right: 75px; } @media (max-width: 991px) { .owl-carousel.nav-style-4 .owl-nav .owl-next { right: 40px; } } @media (max-width: 767px) { .owl-carousel.nav-style-4 .owl-nav .owl-next { right: 13px; } } .owl-carousel.nav-style-4 .owl-nav .owl-prev, .owl-carousel.nav-style-4 .owl-nav .owl-next { background: #FFF; font-size: 11.2px; font-size: 0.7rem; width: 40px; height: 40px; color: #000; border-radius: 100%; -webkit-box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 40px -10px rgba(0, 0, 0, 0.3); } .owl-carousel.nav-style-4 .owl-nav .owl-prev:hover, .owl-carousel.nav-style-4 .owl-nav .owl-next:hover { color: #FFF; } .owl-carousel.nav-style-4.nav-style-4-pos-2 .owl-nav .owl-prev { left: 0px; } .owl-carousel.nav-style-4.nav-style-4-pos-2 .owl-nav .owl-next { right: 0px; } .owl-carousel.nav-style-diamond .owl-nav .owl-prev, .owl-carousel.nav-style-diamond .owl-nav .owl-next { -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .owl-carousel.nav-style-diamond .owl-nav .owl-prev:before, .owl-carousel.nav-style-diamond .owl-nav .owl-next:before { display: block; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60% 50%; transform-origin: 60% 50%; } .owl-carousel.nav-style-diamond .owl-nav .owl-next:before { -webkit-transform-origin: 50%; transform-origin: 50%; } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next { width: 35px; height: 35px; } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev:before, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next:before { content: none; } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg { width: 2em; } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #FFF; stroke: #FFF; } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next { width: 35px; height: 35px; font-size: 19.2px; font-size: 1.2rem; background: transparent; } .owl-carousel.nav-arrows-1 .owl-nav .owl-next:before { content: '\F061'; font-size: inherit; } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev:before { content: '\F060'; font-size: inherit; } .owl-carousel.nav-arrows-2 .owl-nav .owl-prev, .owl-carousel.nav-arrows-2 .owl-nav .owl-next { width: 35px; height: 35px; font-size: 19.2px; font-size: 1.2rem; background: transparent; } .owl-carousel.nav-arrows-2 .owl-nav .owl-next:before { content: '\F101'; font-size: inherit; } .owl-carousel.nav-arrows-2 .owl-nav .owl-prev:before { content: '\F100'; font-size: inherit; } .owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before, .owl-carousel.nav-arrows-thin .owl-nav .owl-next:before { font-family: simple-line-icons; speak: none; font-style: normal; font-weight: 700; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .owl-carousel.nav-arrows-thin .owl-nav .owl-next:before { content: "\E606"; font-size: inherit; } .owl-carousel.nav-arrows-thin .owl-nav .owl-prev:before { content: "\E605"; font-size: inherit; } .owl-carousel.nav-center-images-only .owl-nav { top: 37%; } .owl-carousel.nav-center-outside .owl-nav { width: calc(100% + 90px); left: 49.9%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .owl-carousel.full-width .owl-nav button[class*="owl-"], .owl-carousel.full-width .owl-nav button[class*="owl-"]:hover, .owl-carousel.big-nav .owl-nav button[class*="owl-"], .owl-carousel.big-nav .owl-nav button[class*="owl-"]:hover { height: auto; padding: 20px 0 !important; } .owl-carousel.full-width .owl-nav button.owl-prev, .owl-carousel.big-nav .owl-nav button.owl-prev { border-radius: 0 4px 4px 0; } .owl-carousel.full-width .owl-nav button.owl-next, .owl-carousel.big-nav .owl-nav button.owl-next { border-radius: 4px 0 0 4px; } .owl-carousel.nav-squared .owl-nav button[class*="owl-"] { border-radius: 0; } .owl-carousel.nav-sm .owl-nav button.owl-prev, .owl-carousel.nav-sm .owl-nav button.owl-next { width: 30px !important; height: 30px !important; } .owl-carousel.nav-md .owl-nav button.owl-prev, .owl-carousel.nav-md .owl-nav button.owl-next { width: 40px; height: 40px; } .owl-carousel.nav-lg .owl-nav button.owl-prev, .owl-carousel.nav-lg .owl-nav button.owl-next { width: 45px; height: 60px; } .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-prev, .owl-carousel.nav-lg.rounded-nav .owl-nav button.owl-next { width: 60px; height: 60px; } .owl-carousel.nav-font-size-sm .owl-nav button.owl-prev, .owl-carousel.nav-font-size-sm .owl-nav button.owl-next { font-size: 10px; } .owl-carousel.nav-font-size-sm .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-sm .owl-nav button.owl-next:before { font-size: inherit; } .owl-carousel.nav-font-size-md .owl-nav button.owl-prev, .owl-carousel.nav-font-size-md .owl-nav button.owl-next { font-size: 14px; } .owl-carousel.nav-font-size-md .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-md .owl-nav button.owl-next:before { font-size: inherit; } .owl-carousel.nav-font-size-lg .owl-nav button.owl-prev, .owl-carousel.nav-font-size-lg .owl-nav button.owl-next { font-size: 19px; } .owl-carousel.nav-font-size-lg .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-lg .owl-nav button.owl-next:before { font-size: inherit; left: 2px; } .owl-carousel.nav-font-size-xl .owl-nav button.owl-prev, .owl-carousel.nav-font-size-xl .owl-nav button.owl-next { font-size: 25px; } .owl-carousel.nav-font-size-xl .owl-nav button.owl-prev:before, .owl-carousel.nav-font-size-xl .owl-nav button.owl-next:before { font-size: inherit; left: 2px; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] { background-color: #ececec !important; border-color: #ececec !important; color: #212529 !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"]:hover { background-color: #FFF !important; border-color: #FFF !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"]:active { background-color: #d2d2d2 !important; border-color: #d2d2d2 !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav button[class*="owl-"] { width: 35px; height: 45px; background-color: rgba(236, 236, 236, 0.4) !important; border-color: transparent !important; } .owl-carousel.nav-light:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav button[class*="owl-"] svg polygon { fill: #212529 !important; stroke: #212529 !important; } .owl-carousel.nav-light.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-light.nav-style-1 .owl-nav .owl-prev { color: #FFF !important; } .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-light.nav-style-2 .owl-nav .owl-prev:after { border-color: #FFF !important; } .owl-carousel.nav-light.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-light.nav-style-3 .owl-nav .owl-prev { color: #FFF !important; } .owl-carousel.nav-light.nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-light.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #FFF !important; stroke: #FFF !important; } .owl-carousel.nav-light.nav-arrows-1 .owl-nav .owl-next, .owl-carousel.nav-light.nav-arrows-1 .owl-nav .owl-prev { color: #FFF !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev { background-color: #262a2f !important; border-color: #262a2f #262a2f #2c3237 !important; color: #FFF !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:hover { background-color: #2c3237 !important; border-color: #2c3237 !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-next:active, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1) .owl-nav .owl-prev:active { background-color: #212529 !important; border-color: #212529 !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev { width: 35px; height: 45px; background-color: rgba(38, 42, 47, 0.4) !important; border-color: transparent !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-next:hover, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency .owl-nav .owl-prev:hover { background-color: #262a2f !important; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency.nav-style-diamond .owl-nav .owl-next, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-with-transparency.nav-style-diamond .owl-nav .owl-prev { width: 40px; height: 40px; } .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-dark:not(.nav-style-1):not(.nav-style-2):not(.nav-style-3):not(.show-nav-title):not(.nav-arrows-1).nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #FFF !important; stroke: #FFF !important; } .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-1 .owl-nav .owl-prev { color: #212529 !important; } .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-dark.nav-style-2 .owl-nav .owl-prev:after { border-color: #212529 !important; } .owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-style-3 .owl-nav .owl-prev { color: #212529 !important; } .owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-next svg polygon, .owl-carousel.nav-dark.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon { fill: #212529 !important; stroke: #212529 !important; } .owl-carousel.nav-dark.nav-arrows-1 .owl-nav .owl-next, .owl-carousel.nav-dark.nav-arrows-1 .owl-nav .owl-prev { color: #212529 !important; } .owl-carousel .owl-dots .owl-dot { outline: 0; } .owl-carousel .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px; } .owl-carousel.dots-inside .owl-dots { position: absolute; bottom: 2px; right: 10px; margin-top: 0; } .owl-carousel.dots-title .owl-dots { position: absolute; margin-top: 0 !important; top: -51px; left: 155px; } .owl-carousel.dots-title .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 5px 4px; } .owl-carousel.dots-title.dots-title-pos-2 .owl-dots { left: 235px; } .owl-carousel.dots-light .owl-dots .owl-dot span { background: rgba(255, 255, 255, 0.6); } .owl-carousel.dots-light .owl-dots .owl-dot.active span, .owl-carousel.dots-light .owl-dots .owl-dot:hover span { background: #FFF !important; } .owl-carousel.dots-dark .owl-dots .owl-dot span { background: rgba(33, 33, 33, 0.6); } .owl-carousel.dots-dark .owl-dots .owl-dot.active span, .owl-carousel.dots-dark .owl-dots .owl-dot:hover span { background: #212121 !important; } .owl-carousel.dots-morphing .owl-dots .owl-dot span { width: 20px; height: 6px; -webkit-transition: ease width 300ms; transition: ease width 300ms; } .owl-carousel.dots-morphing .owl-dots .owl-dot.active span, .owl-carousel.dots-morphing .owl-dots .owl-dot:hover span { width: 40px; } .owl-carousel.dots-modern .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .owl-carousel.dots-modern .owl-dots .owl-dot { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 2px; } .owl-carousel.dots-modern .owl-dots .owl-dot span { width: 4px; height: 4px; -webkit-transition: ease all 300ms 300ms; transition: ease all 300ms 300ms; } .owl-carousel.dots-modern .owl-dots .owl-dot.active span { -webkit-transition: ease all 300ms; transition: ease all 300ms; -webkit-transform: scale(2); transform: scale(2); } .owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot { margin: 0 3px; } .owl-carousel.dots-modern.dots-modern-lg .owl-dots .owl-dot span { width: 6px; height: 6px; } .owl-carousel.dots-orientation-portrait .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 15px !important; margin-right: 15px !important; } .owl-carousel.dots-align-left .owl-dots { text-align: left; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .owl-carousel.dots-align-right .owl-dots { text-align: left; } .owl-carousel.dots-horizontal-center .owl-dots { left: 0; right: 0; width: 100%; } .owl-carousel.dots-vertical-center .owl-dots { top: 50%; bottom: auto; margin: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media (max-width: 575px) { .owl-carousel.show-dots-xs .owl-dots { opacity: 1 !important; visibility: visible !important; } } @media (min-width: 576px) and (max-width: 767px) { .owl-carousel.show-dots-sm .owl-dots { opacity: 1 !important; visibility: visible !important; } } @media (min-width: 768px) and (max-width: 991px) { .owl-carousel.show-dots-md .owl-dots { opacity: 1 !important; visibility: visible !important; } } .owl-carousel.show-dots-hover .owl-dots { opacity: 0; visibility: hidden; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel.show-dots-hover:hover .owl-dots { opacity: 1; visibility: visible; } .owl-carousel.carousel-shadow-1 { position: relative; } .owl-carousel.carousel-shadow-1:before { content: ''; position: absolute; top: 50%; left: 50%; width: 65%; height: 0px; -webkit-box-shadow: 0 0 110px 180px rgba(0, 0, 0, 0.04); box-shadow: 0 0 110px 180px rgba(0, 0, 0, 0.04); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 0; } .owl-carousel.carousel-shadow-1.carousel-shadow-1-bold:before { -webkit-box-shadow: 0 0 110px 230px rgba(0, 0, 0, 0.04); box-shadow: 0 0 110px 230px rgba(0, 0, 0, 0.04); } .owl-carousel .img-thumbnail.img-thumbnail-hover-icon { display: block; } /* Right Side Nav */ .owl-carousel.carousel-right-side-nav { width: calc( 100% - 55px); } .owl-carousel.carousel-right-side-nav .owl-nav .owl-next { width: 55px; -webkit-transform: translate3d(100%, -50%, 0); transform: translate3d(100%, -50%, 0); } /* Bottom Inside Shadow */ .owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after { content: ''; position: absolute; bottom: 0; left: 0; height: 35%; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(#CCC), to(transparent)); background-image: linear-gradient(360deg, #CCC 0%, transparent 100%); } /* Hover Items with Opacity */ .owl-carousel [class*="opacity-"]:not([class*="opacity-hover"]) { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel [class*="opacity-"]:not([class*="opacity-hover"]):hover { opacity: 1 !important; } /* Carousel Sync */ @media (min-width: 576px) { .owl-carousel.carousel-sync-style-1 { position: absolute; top: 50%; left: -30px; max-width: 355px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } /* Spaced */ .owl-carousel-spaced { margin-left: -5px; } .owl-carousel-spaced .owl-item > div { margin: 5px; } /* Testimonials */ .owl-carousel.testimonials img { display: inline-block; height: 70px; width: 70px; } /* Responsive */ @media (max-width: 575px) { .owl-carousel-spaced { margin-left: 0; } } /* Carousel Half Full Width */ .carousel-half-full-width-wrapper > .owl-carousel { width: 100%; } @media (min-width: 576px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc( 100vw - ( ( 100vw - 540px ) / 2 )); } } @media (min-width: 768px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc( 100vw - ( ( 100vw - 720px ) / 2 )); } } @media (min-width: 992px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc( 100vw - ( ( 100vw - 960px ) / 2 )); } } @media (min-width: 1200px) { .carousel-half-full-width-wrapper > .owl-carousel { width: calc( 100vw - ( ( 100vw - 1140px ) / 2 )); } } .carousel-half-full-width-wrapper > .owl-carousel .owl-stage-outer { margin-bottom: 20px; } .carousel-half-full-width-wrapper.carousel-half-full-width-left { direction: rtl; } .carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav .owl-prev { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .carousel-half-full-width-wrapper.carousel-half-full-width-left > .owl-carousel .owl-nav .owl-next { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } /* Carousel Areas */ .carousel-areas { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(rgba(33, 37, 41, 0.5))); background: linear-gradient(to bottom, #f2f2f2 0%, rgba(33, 37, 41, 0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#212529', GradientType=0 ); margin-bottom: -10px; padding: 8px 8px 0 8px; border-radius: 6px 6px 0 0; -webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.07); box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.07); } .carousel-areas .owl-carousel { -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); } .carousel-areas .owl-carousel .owl-nav button.owl-prev { left: -55px; } .carousel-areas .owl-carousel .owl-nav button.owl-next { right: -55px; } .carousel-areas .owl-carousel:first-child img { border-radius: 6px 6px 0 0; } /* Responsive */ @media (max-width: 991px) { .carousel-areas .owl-carousel .owl-nav { display: none; } } /* Carousel Center Active Item */ .owl-carousel.carousel-center-active-item .owl-item { opacity: 0.2; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel.carousel-center-active-item .owl-item.current { opacity: 1 !important; } .owl-carousel.carousel-center-active-item.carousel-center-active-item-style-2 .owl-item { opacity: 0.7; } /* Carousel Center Active Item 2 */ .owl-carousel.carousel-center-active-item-2 .owl-stage-outer { overflow: visible; } .owl-carousel.carousel-center-active-item-2 .owl-item > div { width: 66.6666%; margin-left: auto; padding: 48px; padding: 3rem; background: #fff; border-radius: 7px; -webkit-box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 70px -40px rgba(0, 0, 0, 0.2); } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div { margin-right: auto; } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div * { color: #FFF !important; } .owl-carousel.carousel-center-active-item-2 .owl-item.active + .owl-item > div { margin-right: auto; margin-left: 0; } /* Owl Carousel Performance */ .owl-carousel-light.owl-carousel-light-init-fadeIn { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel-light .owl-stage-outer, .owl-carousel-light .owl-stage { height: 100%; } .owl-carousel-light .owl-item { display: none; visibility: hidden; opacity: 0; position: absolute !important; width: 100%; height: 100%; top: 0; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .owl-carousel-light .owl-item.active { display: block; visibility: visible; opacity: 1; } .owl-carousel-light .owl-dots .owl-dot span { margin: 5px 2px; } /* Cascading Images */ .cascading-images-wrapper { display: inline-block; padding: 12% 20%; } .cascading-images-wrapper .cascading-images { -webkit-transform: translate3d(0, -35%, 0); transform: translate3d(0, -35%, 0); } .cascading-images-wrapper .cascading-images img { max-width: 100%; } /* Text */ .text-color-grey { color: #969696 !important; } .text-color-grey-lighten { color: #a9a9aa !important; } .text-color-white { color: #FFF !important; } .text-color-hover-white:hover { color: #FFF !important; } .text-color-black { color: #000 !important; } .text-color-hover-black:hover { color: #000 !important; } .text-color-danger { color: #ff5b5b !important; } .text-color-success { color: #0cc485 !important; } /* Grey */ .bg-color-grey { background-color: #F7F7F7 !important; } .bg-color-grey-scale-1 { background-color: #E0CEAA !important; } .bg-color-grey-scale-2 { background-color: #e8e8e8 !important; } .bg-color-grey-scale-3 { background-color: #e3e3e3 !important; } .bg-color-grey-scale-4 { background-color: #dedede !important; } .bg-color-grey-scale-5 { background-color: #d9d9d9 !important; } .bg-color-grey-scale-6 { background-color: #d4d3d3 !important; } .bg-color-grey-scale-7 { background-color: #cecece !important; } .bg-color-grey-scale-8 { background-color: #c9c9c9 !important; } .bg-color-grey-scale-9 { background-color: #c4c4c4 !important; } .bg-color-grey-scale-10 { background-color: #bfbfbf !important; } /* Background Gradient Animated */ .bg-gradient-animated { background-size: 200% 200% !important; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Dark */ .bg-color-dark-scale-1 { background-color: #212529 !important; } .bg-color-dark-scale-2 { background-color: #1c2023 !important; } .bg-color-dark-scale-3 { background-color: #181b1e !important; } .bg-color-dark-scale-4 { background-color: #131618 !important; } .bg-color-dark-scale-5 { background-color: #0f1112 !important; } /* Borders */ .border-color-light-2 { border-color: rgba(255, 255, 255, 0.3) !important; } .border-color-light-3 { border-color: rgba(255, 255, 255, 0.05) !important; } .border-color-light-4 { border-color: rgba(255, 255, 255, 0.1) !important; } .border-color-grey-1 { border-color: #e9e9e9 !important; } .border-color-success { border-color: #0cc485 !important; } /* SVG */ .svg-fill-color-light { fill: #FFF !important; } .svg-fill-color-light svg path, .svg-fill-color-light svg rect { fill: #FFF !important; } .svg-fill-color-hover-light:hover { fill: #FFF !important; } .svg-fill-color-hover-light svg:hover path, .svg-fill-color-hover-light svg:hover rect { fill: #FFF !important; } .svg-stroke-color-light { stroke: #FFF !important; } .svg-stroke-color-light svg path, .svg-stroke-color-light svg rect { stroke: #FFF !important; } .svg-stroke-color-hover-light:hover { stroke: #FFF !important; } .svg-stroke-color-hover-light svg:hover path, .svg-stroke-color-hover-light svg:hover rect { stroke: #FFF !important; } .svg-fill-color-dark { fill: #212529 !important; } .svg-fill-color-dark svg path, .svg-fill-color-dark svg rect { fill: #212529 !important; } .svg-fill-color-hover-dark:hover { fill: #212529 !important; } .svg-fill-color-hover-dark svg:hover path, .svg-fill-color-hover-dark svg:hover rect { fill: #212529 !important; } .svg-stroke-color-dark { stroke: #212529 !important; } .svg-stroke-color-dark svg path, .svg-stroke-color-dark svg rect { stroke: #212529 !important; } .svg-stroke-color-hover-dark:hover { stroke: #212529 !important; } .svg-stroke-color-hover-dark svg:hover path, .svg-stroke-color-hover-dark svg:hover rect { stroke: #212529 !important; } /* SVG Animations */ .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect { stroke: #212529; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect { stroke: #FFF; } /* Star Rating */ .rating-default .filled-stars { color: #6a6a6d; } /* Countdown */ .countdown { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; } .countdown > span { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; width: 25%; font-size: 16px; font-size: 1rem; line-height: 1.5; color: #9c9ea0; } .countdown > span > span { display: block; font-size: 48px; font-size: 3rem; line-height: 1; color: #212529; } .countdown.countdown-light > span { color: rgba(255, 255, 255, 0.6); } .countdown.countdown-light > span > span { color: #FFF; } .countdown.countdown-light.countdown-borders > span { border-color: #FFF; } .countdown.countdown-borders { margin-right: -15px; margin-left: -15px; } .countdown.countdown-borders > span { border-width: 2px; border-style: solid; border-color: #212529; margin-right: 15px; margin-left: 15px; padding: 24px; padding: 1.5rem; } @media (max-width: 767px) { .countdown { -ms-flex-wrap: wrap; flex-wrap: wrap; } .countdown > span { -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); width: calc(50% - 15px); margin-bottom: 30px; } .countdown > span:nth-child(3), .countdown > span:nth-child(4) { margin-bottom: 0; } .countdown.countdown-borders { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-right: 0; margin-left: 0; } .countdown.countdown-borders > span { margin-right: 0; margin-left: 0; } } @media (max-width: 576px) { .countdown > span { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; width: 100%; margin-bottom: 50px; } .countdown > span:nth-child(3) { margin-bottom: 50px; } .countdown.countdown-borders > span { margin-bottom: 30px; } .countdown.countdown-borders > span:nth-child(3) { margin-bottom: 30px; } } /* Counters */ .counters .counter { text-align: center; } .counters [class*="fa-"], .counters .icons { display: block; font-size: 35px; line-height: 35px; margin-bottom: 5px; } .counters strong { display: block; font-weight: bold; font-size: 50px; line-height: 50px; } .counters label { display: block; font-weight: 100; font-size: 20px; line-height: 20px; } .counters .counter-side-icon [class*="fa-"], .counters .counter-side-icon .icons, .counters .counter-side-icon strong { display: inline-block; } .counters .counter-with-unit strong { display: inline-block; } .counters .counter-with-unit.counter-unit-on-top { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .counters .counter-with-unit.counter-unit-on-top .unit { font-size: 32px; font-size: 2rem; line-height: 43.2px; line-height: 2.7rem; margin-left: 4.8px; margin-left: 0.3rem; } .counters .counter-with-unit.counter-unit-on-top label { width: 100%; margin-top: 11.2px; margin-top: 0.7rem; } .counters .counter-with-unit.counter-unit-on-bottom { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .counters.with-borders .counter { border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 25px; } .counters.counters-sm [class*="fa-"], .counters.counters-sm .icons { font-size: 25px; line-height: 25px; } .counters.counters-sm strong { font-size: 35px; line-height: 35px; } .counters.counters-sm label { font-size: 15px; line-height: 15px; } .counters.counters-lg [class*="fa-"] { font-size: 45px; line-height: 45px; } .counters.counters-lg strong { font-size: 60px; line-height: 60px; } .counters.counters-lg label { font-size: 25px; line-height: 25px; } .counters.counters-text-light .counter { color: #FFF !important; } .counters.counters-text-light .counter [class*="fa-"], .counters.counters-text-light .counter .icons, .counters.counters-text-light .counter strong, .counters.counters-text-light .counter label { color: #FFF !important; } .counters.counters-text-dark .counter { color: #333940 !important; } .counters.counters-text-dark .counter [class*="fa-"], .counters.counters-text-dark .counter .icons, .counters.counters-text-dark .counter strong, .counters.counters-text-dark .counter label { color: #333940 !important; } /* Dividers */ hr { background: rgba(0, 0, 0, 0.06); border: 0; height: 1px; margin: 22px 0; opacity: 1; } hr.short { margin: 11px 0; } hr.tall { margin: 44px 0; } hr.taller { margin: 66px 0; } hr.gratient { background: none; background-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(0, 0, 0, 0.06)), to(transparent)); background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.06), transparent); } hr.gradient-to-right { background: none; background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.06)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.06), transparent); } hr.gradient-to-left { background: none; background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(rgba(0, 0, 0, 0.06))); background-image: linear-gradient(to left, transparent, rgba(0, 0, 0, 0.06)); } hr.solid { background: rgba(0, 0, 0, 0.06); } hr.light { background: rgba(255, 255, 255, 0.15); } hr.invisible { background: none; } .divider { border: 0; height: 1px; margin: 44px auto; background: rgba(0, 0, 0, 0.06); text-align: center; position: relative; clear: both; } .divider.taller { margin: 66px auto; } .divider [class*="fa-"], .divider .icons { text-align: center; background: #FFF; border-radius: 50px; color: #a9a9a9; display: inline-block; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; font-size: 20px; margin: 0 auto 0 -25px; top: -25px; left: 50%; z-index: 1; } .divider.divider-solid { background: rgba(0, 0, 0, 0.06); } .divider.divider-icon-sm [class*="fa-"], .divider.divider-icon-sm .icons { width: 30px; height: 30px; line-height: 30px; top: -15px; font-size: 15px; margin-left: -16px; } .divider.divider-icon-lg { margin: 86px 0; } .divider.divider-icon-lg [class*="fa-"], .divider.divider-icon-lg .icons { width: 60px; height: 60px; line-height: 60px; top: -30px; font-size: 30px; margin-left: -30px; } .divider.divider-icon-lg.taller { margin: 100px auto; } .divider.divider-xs { width: 35%; } .divider.divider-sm { width: 67%; } .divider.divider-left [class*="fa-"], .divider.divider-left .icons { left: 0; margin-left: 0; margin-right: 0; right: auto; } .divider.divider-right [class*="fa-"], .divider.divider-right .icons { left: auto; margin-left: 0; margin-right: 0; right: 0; } .divider.divider-style-2 [class*="fa-"], .divider.divider-style-2 .icons { background: #f7f7f7; color: #a9a9a9; } .divider.divider-style-3 [class*="fa-"], .divider.divider-style-3 .icons { border: 1px solid #CECECE; } .divider.divider-style-4 [class*="fa-"], .divider.divider-style-4 .icons { border: 1px solid #CECECE; } .divider.divider-style-4 [class*="fa-"]:after, .divider.divider-style-4 .icons:after { border: 3px solid #f7f7f7; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .divider.divider-small { margin: 22px auto; background: transparent; } .divider.divider-small hr { width: 50px; height: 3px; background: #555; } .divider.divider-small.divider-small-center { text-align: center; } .divider.divider-small.divider-small-center hr { margin-left: auto; margin-right: auto; } .divider.divider-small.divider-small-right { text-align: right; } .divider.divider-small.divider-small-right hr { margin-left: auto; } .divider.divider-small.divider-light hr { background: #DDD; } .divider.divider-small.divider-small-sm hr { height: 1px; } .divider.divider-small.divider-small-lg hr { height: 6px; } .divider.divider-small.tall { margin: 34px 0; } .divider.divider-small.taller { margin: 46px 0; } .divider .divider-small-text { background: #FFF; color: #999; display: inline-block; text-align: center; font-size: 0.8em; height: 30px; line-height: 30px; padding: 0 30px; text-transform: uppercase; margin: 0; position: relative; top: -15px; } hr.dashed, .divider.dashed { background: none; position: relative; } hr.dashed:after, .divider.dashed:after { border-top: 1px dashed rgba(0, 0, 0, 0.06); content: ""; display: block; height: 0; position: absolute; top: 50%; margin-top: -1px; width: 100%; } hr.pattern, .divider.pattern { background: none; position: relative; } hr.pattern:after, .divider.pattern:after { content: ""; display: block; height: 15px; position: absolute; top: 50%; margin-top: -7px; width: 100%; } @-webkit-keyframes dividerProgress25 { from { width: 0; } to { width: 25%; } } @keyframes dividerProgress25 { from { width: 0; } to { width: 25%; } } .dividerProgress25 { -webkit-animation-name: dividerProgress25; animation-name: dividerProgress25; } /* Divider Borders */ .divider-top-border { border-top: 1px solid rgba(0, 0, 0, 0.06); } .divider-bottom-border { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .divider-left-border { border-left: 1px solid rgba(0, 0, 0, 0.06); } .divider-right-border { border-right: 1px solid rgba(0, 0, 0, 0.06); } /* Dropdowns */ .dropdown.dropdown-style-1 .dropdown-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 17.6px; padding: 1rem 1.1rem; background: #FFF; border-radius: 0; border-right: 1px solid #E0CEAA; min-width: 280px; font-weight: bold; text-decoration: none; } .dropdown.dropdown-style-1 .dropdown-toggle:after { content: '\F107'; position: absolute; right: 17.6px; right: 1.1rem; top: 50%; font-family: 'Font Awesome 5 Free'; font-weight: bold; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); border: 0; margin: 0; width: 10px; height: 10px; line-height: 10px; } .dropdown.dropdown-style-1 .dropdown-toggle > i { display: none; } .dropdown.dropdown-style-1 .dropdown-menu { width: 100%; border-radius: 0; margin-top: -1px; border-color: #E0CEAA; } .dropdown.dropdown-style-1 .dropdown-menu .dropdown-item { font-size: 14px; padding-right: 17.6px; padding-right: 1.1rem; padding-left: 17.6px; padding-left: 1.1rem; } .dropdown.dropdown-corner-left-fix .dropdown-menu { margin-left: -5px; } .dropdown-menu.dropdown-menu-arrow-centered:before { right: auto; left: 50%; -webkit-transform: translate3d(-50%, -6px, 0); transform: translate3d(-50%, -6px, 0); } .dropdown-menu.dropdown-menu-arrow-centered-style-2 { border: 0; margin-top: -2px; margin-left: -2px; padding: 0; -webkit-box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 30px 10px rgba(0, 0, 0, 0.05); background: #FFF; padding: 3px; min-width: 180px; z-index: 10000; margin-right: 0; margin-top: 1px; -webkit-transition: opacity .2s ease-out; transition: opacity .2s ease-out; border-radius: 0; } .dropdown-item:not(.btn):hover { text-decoration: none; } /* Icon Featured */ .icon-featured { display: inline-block; font-size: 0; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #FFF; font-size: 2.3em; line-height: 110px; } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; box-sizing: content-box; } /* Featured Box */ .featured-box { background: #FFF; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; margin-bottom: 5px; } .featured-box .box-content { border-radius: 8px; border-top: 1px solid rgba(0, 0, 0, 0.06); border-top-width: 4px; padding: 28.8px; padding: 1.8rem; position: relative; } .featured-box .box-content:not(.box-content-border-0) { top: -1px; border-top-width: 4px; } .featured-box .box-content.box-content-border-0 { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; border-bottom: 0 !important; } .featured-box .box-content.box-content-border-bottom { top: 1px; } .featured-box .box-content-border-bottom { border-top: 1px solid rgba(0, 0, 0, 0.06) !important; border-bottom: 4px solid rgba(0, 0, 0, 0.06); } /* Featured Box Left */ .featured-box-text-left { text-align: left; } /* Featured Boxes - Flat */ .featured-boxes-flat .featured-box { -webkit-box-shadow: none; box-shadow: none; margin: 10px 0; } .featured-boxes-flat .featured-box .box-content { background: #FFF; margin-top: 65px; } .featured-boxes-flat .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -40px; } /* Featured Boxes - Style 2 */ .featured-boxes-style-2 .featured-box { background: none; border: 0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none; } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 1.8em; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0; } /* Featured Boxes - Style 3 */ .featured-boxes-style-3 .featured-box { margin: 10px 0; } .featured-boxes-style-3 .featured-box .icon-featured { display: inline-block; font-size: 1.8em; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -37px; top: -37px; background: #FFF; border: 2px solid rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.06); } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: none; border: 0; -webkit-box-shadow: none; box-shadow: none; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } /* Featured Boxes - Style 4 */ .featured-boxes-style-4 .featured-box { background: none; border: 0; margin: 10px 0; -webkit-box-shadow: none; box-shadow: none; } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 35px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; color: rgba(0, 0, 0, 0.06); border-radius: 0; } /* Featured Boxes - Style 5, 6 and 7 */ .featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box { background: none; border: 0; -webkit-box-shadow: none; box-shadow: none; margin: 10px 0; } .featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4 { color: #333940; } .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #FFF; border: 1px solid #dfdfdf; color: #9c9ea0; line-height: 73px; } /* Featured Boxes - Style 6 */ .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #9c9ea0; } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f7f7f7; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100%; } /* Featured Boxes - Style 7 */ .featured-boxes-style-7 .featured-box .icon-featured { border: 1px solid #dfdfdf; color: #9c9ea0; } /* Featured Boxes - Style 8 */ .featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 2em; height: 75px; padding: 0; width: 75px; margin: -15px -15px 0 0; background: #FFF; line-height: 75px; border: 0; color: #9c9ea0; } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none; } /* Featured Boxes Modern */ .featured-boxes-modern-style-1 .featured-box { position: relative; overflow: hidden; border-radius: 0; height: auto !important; margin: 0 !important; } .featured-boxes-modern-style-1 .featured-box .featured-box-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 2s; transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 2s; -webkit-transform: scale(1); transform: scale(1); } .featured-boxes-modern-style-1 .featured-box .box-content { padding: 64px; padding: 4rem; border: none; z-index: 3; } .featured-boxes-modern-style-1 .featured-box .box-content .icon-featured { color: #FFF; background: transparent; width: auto; height: auto; line-height: 1.4; font-size: 46.4px; font-size: 2.9rem; margin: 0 0 16px; margin: 0 0 1rem; } .featured-boxes-modern-style-1 .featured-box .box-content h2 { color: #FFF; font-weight: 600; font-size: 19.2px; font-size: 1.2rem; line-height: 1.3; margin-bottom: 11.2px; margin-bottom: 0.7rem; } .featured-boxes-modern-style-1 .featured-box .box-content p { color: #999; margin-bottom: 25.6px; margin-bottom: 1.6rem; } .featured-boxes-modern-style-1 .featured-box:hover .featured-box-background { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (max-width: 575px) { .featured-boxes-modern-style-1 .featured-box .box-content { padding: 2rem 1.5rem; } } .featured-boxes-modern-style-2 .featured-box { position: relative; background: #6c6ef1; background: linear-gradient(135deg, #6c6ef1 0%, #e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1 ); border-radius: 0; margin: 0 !important; overflow: hidden; } .featured-boxes-modern-style-2 .featured-box:before { content: ''; position: absolute; top: 8px; right: 8px; bottom: 8px; left: 8px; background: #FFF; } .featured-boxes-modern-style-2 .featured-box .box-content { padding: 64px; padding: 4rem; border: none; } .featured-boxes-modern-style-2 .featured-box .box-content .icon-featured { color: #FFF; background: transparent; width: auto; height: auto; line-height: 1.4; font-size: 46.4px; font-size: 2.9rem; margin: 0 0 16px; margin: 0 0 1rem; } .featured-boxes-modern-style-2 .featured-box .box-content h2 { color: #212529; font-weight: 700; font-size: 19.2px; font-size: 1.2rem; line-height: 1.3; margin-bottom: 11.2px; margin-bottom: 0.7rem; } .featured-boxes-modern-style-2 .featured-box .box-content p { color: #999; margin-bottom: 25.6px; margin-bottom: 1.6rem; } @media (max-width: 575px) { .featured-boxes-modern-style-2 .featured-box .box-content { padding: 2rem 1.5rem; } } .featured-boxes-modern-style-2-hover-only .featured-box:before { top: 1px; right: 1px; bottom: 1px; left: 1px; -webkit-transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 200ms; transition: cubic-bezier(0.39, 0.66, 0.42, 0.99) all 200ms; } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box { background: rgba(0, 0, 0, 0.06) !important; -webkit-box-shadow: none; box-shadow: none; border: 0; } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-no-borders { background: none !important; } .featured-boxes-modern-style-2-hover-only:not(:hover) .featured-box-box-shadow { -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.1); } .featured-boxes-modern-style-2-hover-only:hover .featured-box:before { top: 8px; right: 8px; bottom: 8px; left: 8px; } /* Featured Boxes */ .featured-boxes .featured-box { margin-bottom: 24px; margin-bottom: 1.5rem; margin-top: 24px; margin-top: 1.5rem; } /* Effects */ .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; -webkit-box-shadow: 0 0 0 3px #FFF; box-shadow: 0 0 0 3px #FFF; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; -webkit-box-shadow: 0 0 0 3px #FFF; box-shadow: 0 0 0 3px #FFF; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .featured-box-effect-2:hover .icon-featured:after { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 1; } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; -webkit-box-shadow: 0 0 0 10px #FFF; box-shadow: 0 0 0 10px #FFF; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0; } .featured-box-effect-3:hover .icon-featured { color: #FFF !important; } .featured-box-effect-3:hover .icon-featured:after { -webkit-transform: scale(1); transform: scale(1); opacity: 0.8; } .featured-box-effect-4 .icon-featured { -webkit-transition: -webkit-transform 0.2s, -webkit-transform 0.2s; transition: -webkit-transform 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, transform 0.2s; transition: transform 0.2s, transform 0.2s, -webkit-transform 0.2s, -webkit-transform 0.2s; -webkit-transform: scale(1); transform: scale(1); } .featured-box-effect-4:hover .icon-featured { -webkit-transform: scale(1.15); transform: scale(1.15); } .featured-box-effect-5 .icon-featured { overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; } .featured-box-effect-5:hover .icon-featured { -webkit-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); transform: translate(-100%); } 51% { opacity: 1; } } .featured-box-effect-6 .icon-featured:after { -webkit-transition: all 0.2s, -webkit-transform 0.2s; transition: all 0.2s, -webkit-transform 0.2s; transition: all 0.2s, transform 0.2s; transition: all 0.2s, transform 0.2s, -webkit-transform 0.2s; } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); transform: scale(1.1); } .featured-box-effect-7 .icon-featured:after { opacity: 0; -webkit-box-shadow: 3px 3px #d5d5d5; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; left: 0; top: -1px; } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } .featured-box-effect-7 .icon-featured:before { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; } .featured-box-effect-7:hover .icon-featured:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } /* Feature Box */ .feature-box { display: -webkit-box; display: -ms-flexbox; display: flex; } .feature-box .feature-box-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background: rgba(0, 0, 0, 0.06); border-radius: 100%; color: #FFF; font-size: 16px; font-size: 1rem; position: relative; top: 7px; text-align: center; padding: 0.8em; height: 1px; width: 2.7em; height: 2.7em; } .feature-box .feature-box-info { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding-left: 15px; } .feature-box.align-items-center .feature-box-icon { top: 0; } /* Style 2 */ .feature-box.feature-box-style-2 h4 { color: #212529; } .feature-box.feature-box-style-2 .feature-box-icon { background: transparent; top: -3px; } .feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-2 .feature-box-icon .icons { font-size: 1.7em; } .feature-box.feature-box-style-2.align-items-center .feature-box-icon { top: 0; } /* Style 3 */ .feature-box.feature-box-style-3 h4 { color: #212529; } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid rgba(0, 0, 0, 0.06); background: transparent; line-height: 32px; } .feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-3 .feature-box-icon .icons { color: rgba(0, 0, 0, 0.06); } /* Style 4 */ .feature-box.feature-box-style-4 { -ms-flex-wrap: wrap; flex-wrap: wrap; } .feature-box.feature-box-style-4 h4 { color: #212529; } .feature-box.feature-box-style-4 .feature-box-icon { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background: transparent; padding: 0 0 19.2px 0; padding: 0 0 1.2rem 0; } .feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-4 .feature-box-icon .icons { font-size: 2.35em; width: auto; height: auto; } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0; } /* Style 5 */ .feature-box.feature-box-style-5 h4 { color: #212529; } .feature-box.feature-box-style-5 .feature-box-icon { background: transparent; top: 0; padding: 1em 1.4em; min-width: 5em; } .feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons { font-size: 2.75em; } .feature-box.feature-box-style-5.align-items-center .feature-box-icon { top: 0; } /* Style 6 */ .feature-box.feature-box-style-6 h4 { color: #212529; } .feature-box.feature-box-style-6 .feature-box-icon { border: 1px solid #cecece; background: transparent; line-height: 32px; } .feature-box.feature-box-style-6 .feature-box-icon:after { border: 3px solid #f7f7f7; border-radius: 50%; -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .feature-box.feature-box-style-6 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-6 .feature-box-icon .icons { color: #a9a9a9; } /* Feature Box Icon Size */ .feature-box .feature-box-icon.feature-box-icon-large { width: 3.7em; height: 3.7em; } .feature-box .feature-box-icon.feature-box-icon-extra-large { width: 4.5em; height: 4.5em; } /* Reverse All Resolutions */ .feature-box.reverse-allres { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-box.reverse-allres .feature-box-info { padding-right: 15px; padding-left: 0; } .feature-box.reverse-allres.feature-box-style-4 .feature-box-icon { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .feature-box.reverse-allres.feature-box-style-4 .feature-box-info { padding-right: 0; } /* Reverse */ @media (min-width: 992px) { .feature-box.reverse { text-align: right; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .feature-box.reverse .feature-box-info { padding-right: 15px; padding-left: 0; } .feature-box.reverse.feature-box-style-4 .feature-box-icon { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0; } } /* Full Width */ .featured-boxes-full .featured-box-full { text-align: center; padding: 55px; } .featured-boxes-full .featured-box-full [class*="fa-"], .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a { padding: 0; margin: 0; } .featured-boxes-full .featured-box-full:not(.featured-box-full-light) [class*="fa-"], .featured-boxes-full .featured-box-full:not(.featured-box-full-light) .icons, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h1, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h2, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h3, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h4, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h5, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) h6, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) p, .featured-boxes-full .featured-box-full:not(.featured-box-full-light) a { color: #FFF; } .featured-boxes-full .featured-box-full .icons, .featured-boxes-full .featured-box-full [class*="fa-"] { font-size: 3.9em; margin-bottom: 15px; } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: 0.8; } .featured-boxes-full .featured-box-full.featured-box-full-light { border: 1px solid rgba(0, 0, 0, 0.06); } .featured-boxes-full .featured-box-full.featured-box-full-light:not(:last-child) { border-right: 0; } .featured-boxes-full .featured-box-full.featured-box-full-light:first-child { border-left: 0; } /* * IE */ html.ie .feature-box .feature-box-icon img { min-width: 100%; } html.ie .feature-box .feature-box-info { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .flag { width: 16px; height: 11px; } .flag.flag-ad { background-position: -16px 0; } .flag.flag-ae { background-position: -32px 0; } .flag.flag-af { background-position: -48px 0; } .flag.flag-ag { background-position: -64px 0; } .flag.flag-ai { background-position: -80px 0; } .flag.flag-al { background-position: -96px 0; } .flag.flag-am { background-position: -112px 0; } .flag.flag-an { background-position: -128px 0; } .flag.flag-ao { background-position: -144px 0; } .flag.flag-ar { background-position: -160px 0; } .flag.flag-as { background-position: -176px 0; } .flag.flag-at { background-position: -192px 0; } .flag.flag-au { background-position: -208px 0; } .flag.flag-aw { background-position: -224px 0; } .flag.flag-az { background-position: -240px 0; } .flag.flag-ba { background-position: 0 -11px; } .flag.flag-bb { background-position: -16px -11px; } .flag.flag-bd { background-position: -32px -11px; } .flag.flag-be { background-position: -48px -11px; } .flag.flag-bf { background-position: -64px -11px; } .flag.flag-bg { background-position: -80px -11px; } .flag.flag-bh { background-position: -96px -11px; } .flag.flag-bi { background-position: -112px -11px; } .flag.flag-bj { background-position: -128px -11px; } .flag.flag-bm { background-position: -144px -11px; } .flag.flag-bn { background-position: -160px -11px; } .flag.flag-bo { background-position: -176px -11px; } .flag.flag-br { background-position: -192px -11px; } .flag.flag-bs { background-position: -208px -11px; } .flag.flag-bt { background-position: -224px -11px; } .flag.flag-bv { background-position: -240px -11px; } .flag.flag-bw { background-position: 0 -22px; } .flag.flag-by { background-position: -16px -22px; } .flag.flag-bz { background-position: -32px -22px; } .flag.flag-ca { background-position: -48px -22px; } .flag.flag-catalonia { background-position: -64px -22px; } .flag.flag-cd { background-position: -80px -22px; } .flag.flag-cf { background-position: -96px -22px; } .flag.flag-cg { background-position: -112px -22px; } .flag.flag-ch { background-position: -128px -22px; } .flag.flag-ci { background-position: -144px -22px; } .flag.flag-ck { background-position: -160px -22px; } .flag.flag-cl { background-position: -176px -22px; } .flag.flag-cm { background-position: -192px -22px; } .flag.flag-cn { background-position: -208px -22px; } .flag.flag-co { background-position: -224px -22px; } .flag.flag-cr { background-position: -240px -22px; } .flag.flag-cu { background-position: 0 -33px; } .flag.flag-cv { background-position: -16px -33px; } .flag.flag-cw { background-position: -32px -33px; } .flag.flag-cy { background-position: -48px -33px; } .flag.flag-cz { background-position: -64px -33px; } .flag.flag-de { background-position: -80px -33px; } .flag.flag-dj { background-position: -96px -33px; } .flag.flag-dk { background-position: -112px -33px; } .flag.flag-dm { background-position: -128px -33px; } .flag.flag-do { background-position: -144px -33px; } .flag.flag-dz { background-position: -160px -33px; } .flag.flag-ec { background-position: -176px -33px; } .flag.flag-ee { background-position: -192px -33px; } .flag.flag-eg { background-position: -208px -33px; } .flag.flag-eh { background-position: -224px -33px; } .flag.flag-england { background-position: -240px -33px; } .flag.flag-er { background-position: 0 -44px; } .flag.flag-es { background-position: -16px -44px; } .flag.flag-et { background-position: -32px -44px; } .flag.flag-eu { background-position: -48px -44px; } .flag.flag-fi { background-position: -64px -44px; } .flag.flag-fj { background-position: -80px -44px; } .flag.flag-fk { background-position: -96px -44px; } .flag.flag-fm { background-position: -112px -44px; } .flag.flag-fo { background-position: -128px -44px; } .flag.flag-fr { background-position: -144px -44px; } .flag.flag-ga { background-position: -160px -44px; } .flag.flag-gb { background-position: -176px -44px; } .flag.flag-gd { background-position: -192px -44px; } .flag.flag-ge { background-position: -208px -44px; } .flag.flag-gf { background-position: -224px -44px; } .flag.flag-gg { background-position: -240px -44px; } .flag.flag-gh { background-position: 0 -55px; } .flag.flag-gi { background-position: -16px -55px; } .flag.flag-gl { background-position: -32px -55px; } .flag.flag-gm { background-position: -48px -55px; } .flag.flag-gn { background-position: -64px -55px; } .flag.flag-gp { background-position: -80px -55px; } .flag.flag-gq { background-position: -96px -55px; } .flag.flag-gr { background-position: -112px -55px; } .flag.flag-gs { background-position: -128px -55px; } .flag.flag-gt { background-position: -144px -55px; } .flag.flag-gu { background-position: -160px -55px; } .flag.flag-gw { background-position: -176px -55px; } .flag.flag-gy { background-position: -192px -55px; } .flag.flag-hk { background-position: -208px -55px; } .flag.flag-hm { background-position: -224px -55px; } .flag.flag-hn { background-position: -240px -55px; } .flag.flag-hr { background-position: 0 -66px; } .flag.flag-ht { background-position: -16px -66px; } .flag.flag-hu { background-position: -32px -66px; } .flag.flag-ic { background-position: -48px -66px; } .flag.flag-id { background-position: -64px -66px; } .flag.flag-ie { background-position: -80px -66px; } .flag.flag-il { background-position: -96px -66px; } .flag.flag-im { background-position: -112px -66px; } .flag.flag-in { background-position: -128px -66px; } .flag.flag-io { background-position: -144px -66px; } .flag.flag-iq { background-position: -160px -66px; } .flag.flag-ir { background-position: -176px -66px; } .flag.flag-is { background-position: -192px -66px; } .flag.flag-it { background-position: -208px -66px; } .flag.flag-je { background-position: -224px -66px; } .flag.flag-jm { background-position: -240px -66px; } .flag.flag-jo { background-position: 0 -77px; } .flag.flag-jp { background-position: -16px -77px; } .flag.flag-ke { background-position: -32px -77px; } .flag.flag-kg { background-position: -48px -77px; } .flag.flag-kh { background-position: -64px -77px; } .flag.flag-ki { background-position: -80px -77px; } .flag.flag-km { background-position: -96px -77px; } .flag.flag-kn { background-position: -112px -77px; } .flag.flag-kp { background-position: -128px -77px; } .flag.flag-kr { background-position: -144px -77px; } .flag.flag-kurdistan { background-position: -160px -77px; } .flag.flag-kw { background-position: -176px -77px; } .flag.flag-ky { background-position: -192px -77px; } .flag.flag-kz { background-position: -208px -77px; } .flag.flag-la { background-position: -224px -77px; } .flag.flag-lb { background-position: -240px -77px; } .flag.flag-lc { background-position: 0 -88px; } .flag.flag-li { background-position: -16px -88px; } .flag.flag-lk { background-position: -32px -88px; } .flag.flag-lr { background-position: -48px -88px; } .flag.flag-ls { background-position: -64px -88px; } .flag.flag-lt { background-position: -80px -88px; } .flag.flag-lu { background-position: -96px -88px; } .flag.flag-lv { background-position: -112px -88px; } .flag.flag-ly { background-position: -128px -88px; } .flag.flag-ma { background-position: -144px -88px; } .flag.flag-mc { background-position: -160px -88px; } .flag.flag-md { background-position: -176px -88px; } .flag.flag-me { background-position: -192px -88px; } .flag.flag-mg { background-position: -208px -88px; } .flag.flag-mh { background-position: -224px -88px; } .flag.flag-mk { background-position: -240px -88px; } .flag.flag-ml { background-position: 0 -99px; } .flag.flag-mm { background-position: -16px -99px; } .flag.flag-mn { background-position: -32px -99px; } .flag.flag-mo { background-position: -48px -99px; } .flag.flag-mp { background-position: -64px -99px; } .flag.flag-mq { background-position: -80px -99px; } .flag.flag-mr { background-position: -96px -99px; } .flag.flag-ms { background-position: -112px -99px; } .flag.flag-mt { background-position: -128px -99px; } .flag.flag-mu { background-position: -144px -99px; } .flag.flag-mv { background-position: -160px -99px; } .flag.flag-mw { background-position: -176px -99px; } .flag.flag-mx { background-position: -192px -99px; } .flag.flag-my { background-position: -208px -99px; } .flag.flag-mz { background-position: -224px -99px; } .flag.flag-na { background-position: -240px -99px; } .flag.flag-nc { background-position: 0 -110px; } .flag.flag-ne { background-position: -16px -110px; } .flag.flag-nf { background-position: -32px -110px; } .flag.flag-ng { background-position: -48px -110px; } .flag.flag-ni { background-position: -64px -110px; } .flag.flag-nl { background-position: -80px -110px; } .flag.flag-no { background-position: -96px -110px; } .flag.flag-np { background-position: -112px -110px; } .flag.flag-nr { background-position: -128px -110px; } .flag.flag-nu { background-position: -144px -110px; } .flag.flag-nz { background-position: -160px -110px; } .flag.flag-om { background-position: -176px -110px; } .flag.flag-pa { background-position: -192px -110px; } .flag.flag-pe { background-position: -208px -110px; } .flag.flag-pf { background-position: -224px -110px; } .flag.flag-pg { background-position: -240px -110px; } .flag.flag-ph { background-position: 0 -121px; } .flag.flag-pk { background-position: -16px -121px; } .flag.flag-pl { background-position: -32px -121px; } .flag.flag-pm { background-position: -48px -121px; } .flag.flag-pn { background-position: -64px -121px; } .flag.flag-pr { background-position: -80px -121px; } .flag.flag-ps { background-position: -96px -121px; } .flag.flag-pt { background-position: -112px -121px; } .flag.flag-pw { background-position: -128px -121px; } .flag.flag-py { background-position: -144px -121px; } .flag.flag-qa { background-position: -160px -121px; } .flag.flag-re { background-position: -176px -121px; } .flag.flag-ro { background-position: -192px -121px; } .flag.flag-rs { background-position: -208px -121px; } .flag.flag-ru { background-position: -224px -121px; } .flag.flag-rw { background-position: -240px -121px; } .flag.flag-sa { background-position: 0 -132px; } .flag.flag-sb { background-position: -16px -132px; } .flag.flag-sc { background-position: -32px -132px; } .flag.flag-scotland { background-position: -48px -132px; } .flag.flag-sd { background-position: -64px -132px; } .flag.flag-se { background-position: -80px -132px; } .flag.flag-sg { background-position: -96px -132px; } .flag.flag-sh { background-position: -112px -132px; } .flag.flag-si { background-position: -128px -132px; } .flag.flag-sk { background-position: -144px -132px; } .flag.flag-sl { background-position: -160px -132px; } .flag.flag-sm { background-position: -176px -132px; } .flag.flag-sn { background-position: -192px -132px; } .flag.flag-so { background-position: -208px -132px; } .flag.flag-somaliland { background-position: -224px -132px; } .flag.flag-sr { background-position: -240px -132px; } .flag.flag-ss { background-position: 0 -143px; } .flag.flag-st { background-position: -16px -143px; } .flag.flag-sv { background-position: -32px -143px; } .flag.flag-sx { background-position: -48px -143px; } .flag.flag-sy { background-position: -64px -143px; } .flag.flag-sz { background-position: -80px -143px; } .flag.flag-tc { background-position: -96px -143px; } .flag.flag-td { background-position: -112px -143px; } .flag.flag-tf { background-position: -128px -143px; } .flag.flag-tg { background-position: -144px -143px; } .flag.flag-th { background-position: -160px -143px; } .flag.flag-tibet { background-position: -176px -143px; } .flag.flag-tj { background-position: -192px -143px; } .flag.flag-tk { background-position: -208px -143px; } .flag.flag-tl { background-position: -224px -143px; } .flag.flag-tm { background-position: -240px -143px; } .flag.flag-tn { background-position: 0 -154px; } .flag.flag-to { background-position: -16px -154px; } .flag.flag-tr { background-position: -32px -154px; } .flag.flag-tt { background-position: -48px -154px; } .flag.flag-tv { background-position: -64px -154px; } .flag.flag-tw { background-position: -80px -154px; } .flag.flag-tz { background-position: -96px -154px; } .flag.flag-ua { background-position: -112px -154px; } .flag.flag-ug { background-position: -128px -154px; } .flag.flag-um { background-position: -144px -154px; } .flag.flag-us { background-position: -160px -154px; } .flag.flag-uy { background-position: -176px -154px; } .flag.flag-uz { background-position: -192px -154px; } .flag.flag-va { background-position: -208px -154px; } .flag.flag-vc { background-position: -224px -154px; } .flag.flag-ve { background-position: -240px -154px; } .flag.flag-vg { background-position: 0 -165px; } .flag.flag-vi { background-position: -16px -165px; } .flag.flag-vn { background-position: -32px -165px; } .flag.flag-vu { background-position: -48px -165px; } .flag.flag-wales { background-position: -64px -165px; } .flag.flag-wf { background-position: -80px -165px; } .flag.flag-ws { background-position: -96px -165px; } .flag.flag-xk { background-position: -112px -165px; } .flag.flag-ye { background-position: -128px -165px; } .flag.flag-yt { background-position: -144px -165px; } .flag.flag-za { background-position: -160px -165px; } .flag.flag-zanzibar { background-position: -176px -165px; } .flag.flag-zm { background-position: -192px -165px; } .flag.flag-zw { background-position: -208px -165px; } /* Forms */ form label { font-weight: normal; } textarea { resize: vertical; } select { border: 1px solid #E5E7E9; border-radius: 6px; outline: none; } .label { font-weight: normal; } label.required:after { content: "*"; font-size: 0.8em; margin: 0.3em; position: relative; top: -2px; } .form-group { margin-bottom: 16px; margin-bottom: 1rem; } .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .form-control { border-color: rgba(0, 0, 0, 0.09); } .form-control:not(.form-control-lg) { font-size: 12px; font-size: 0.75rem; line-height: 1.3; } .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 13.6px; font-size: 0.85rem; line-height: 1.85; } .form-control.form-control-focused { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; } .form-control:focus { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; } .form-control.error { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .form-control.error:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .form-select.form-select-icon-light { background-image: url("data:image/svg+xml,"); } .page-link { border-color: rgba(0, 0, 0, 0.06); } .input-group .form-control { height: auto; } .input-group-rounded .form-control { border-radius: 2rem 0rem 0rem 2rem; border: 0; padding-left: 16px; padding-left: 1rem; } .input-group-rounded .btn { border-color: rgba(0, 0, 0, 0.09); border-radius: 0rem 2rem 2rem 0rem; font-size: 11.2px; font-size: 0.7rem; padding: 13.92px; padding: 0.87rem; border-top: 0; border-bottom: 0; border-right: 0; z-index: 3; } /* Form - iOS Override */ 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 { -webkit-appearance: none; } .form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bdbdbd; } .form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder { color: #bdbdbd; } .form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bdbdbd; } /* Placeholder Light */ .form-placeholders-light .form-control::-webkit-input-placeholder, .form-placeholders-light input[type="text"]::-webkit-input-placeholder, .form-placeholders-light input[type="password"]::-webkit-input-placeholder, .form-placeholders-light input[type="datetime"]::-webkit-input-placeholder, .form-placeholders-light input[type="datetime-local"]::-webkit-input-placeholder, .form-placeholders-light input[type="date"]::-webkit-input-placeholder, .form-placeholders-light input[type="month"]::-webkit-input-placeholder, .form-placeholders-light input[type="time"]::-webkit-input-placeholder, .form-placeholders-light input[type="week"]::-webkit-input-placeholder, .form-placeholders-light input[type="number"]::-webkit-input-placeholder, .form-placeholders-light input[type="email"]::-webkit-input-placeholder, .form-placeholders-light input[type="url"]::-webkit-input-placeholder, .form-placeholders-light input[type="search"]::-webkit-input-placeholder, .form-placeholders-light input[type="tel"]::-webkit-input-placeholder, .form-placeholders-light input[type="color"]::-webkit-input-placeholder, .form-placeholders-light textarea::-webkit-input-placeholder { color: #FFF; } .form-placeholders-light .form-control::-moz-placeholder, .form-placeholders-light input[type="text"]::-moz-placeholder, .form-placeholders-light input[type="password"]::-moz-placeholder, .form-placeholders-light input[type="datetime"]::-moz-placeholder, .form-placeholders-light input[type="datetime-local"]::-moz-placeholder, .form-placeholders-light input[type="date"]::-moz-placeholder, .form-placeholders-light input[type="month"]::-moz-placeholder, .form-placeholders-light input[type="time"]::-moz-placeholder, .form-placeholders-light input[type="week"]::-moz-placeholder, .form-placeholders-light input[type="number"]::-moz-placeholder, .form-placeholders-light input[type="email"]::-moz-placeholder, .form-placeholders-light input[type="url"]::-moz-placeholder, .form-placeholders-light input[type="search"]::-moz-placeholder, .form-placeholders-light input[type="tel"]::-moz-placeholder, .form-placeholders-light input[type="color"]::-moz-placeholder, .form-placeholders-light textarea::-moz-placeholder { color: #FFF; } .form-placeholders-light .form-control:-ms-input-placeholder, .form-placeholders-light input[type="text"]:-ms-input-placeholder, .form-placeholders-light input[type="password"]:-ms-input-placeholder, .form-placeholders-light input[type="datetime"]:-ms-input-placeholder, .form-placeholders-light input[type="datetime-local"]:-ms-input-placeholder, .form-placeholders-light input[type="date"]:-ms-input-placeholder, .form-placeholders-light input[type="month"]:-ms-input-placeholder, .form-placeholders-light input[type="time"]:-ms-input-placeholder, .form-placeholders-light input[type="week"]:-ms-input-placeholder, .form-placeholders-light input[type="number"]:-ms-input-placeholder, .form-placeholders-light input[type="email"]:-ms-input-placeholder, .form-placeholders-light input[type="url"]:-ms-input-placeholder, .form-placeholders-light input[type="search"]:-ms-input-placeholder, .form-placeholders-light input[type="tel"]:-ms-input-placeholder, .form-placeholders-light input[type="color"]:-ms-input-placeholder, .form-placeholders-light textarea:-ms-input-placeholder { color: #FFF; } /* Form - Bootstrap Override */ .btn-lg, .btn-group-lg > .btn { line-height: 1.334; } .input-group-btn .btn { padding-top: 8px; padding-top: 0.5rem; padding-bottom: 8px; padding-bottom: 0.5rem; } select.form-control-sm, select.form-control-lg { line-height: 1; height: auto !important; } .custom-select-1 { position: relative; } .custom-select-1 select { line-height: 1; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select-1 select::-ms-expand { display: none; } .custom-select-1.custom-select-1-icon-light select { background-image: url("data:image/svg+xml,"); } /* Custom Checkbox */ .custom-checkbox-1 { position: relative; padding: 0 0 0 25px; margin-bottom: 7px; margin-top: 0; } .custom-checkbox-1.form-check .form-check-input { margin-left: 0; } .custom-checkbox-1.form-check .form-check-label { padding-left: 0; } .custom-checkbox-1.checkbox-inline { display: inline-block; vertical-align: middle; } .form-group .custom-checkbox-1.checkbox-inline { margin-top: 7px; padding-top: 0; } .custom-checkbox-1:last-child, .custom-checkbox-1:last-of-type { margin-bottom: 0; } .custom-checkbox-1 input[type="checkbox"] { opacity: 0; position: absolute; top: 50%; left: 3px; margin: -6px 0 0 0; z-index: 2; cursor: pointer; } .custom-checkbox-1 input[type="checkbox"]:checked + label:after { position: absolute; display: inline-block; font-family: 'Font Awesome 5 Free'; content: '\F00C'; top: 50%; left: 4px; margin-top: -5px; font-size: 11px; font-weight: 900; line-height: 1; width: 16px; height: 16px; color: #333; } .custom-checkbox-1 input[type="checkbox"]:disabled { cursor: not-allowed; } .custom-checkbox-1 input[type="checkbox"]:disabled:checked + label:after { color: #999; } .custom-checkbox-1 input[type="checkbox"]:disabled + label { cursor: not-allowed; } .custom-checkbox-1 input[type="checkbox"]:disabled + label:before { background-color: #eee; } .custom-checkbox-1 label { cursor: pointer; margin-bottom: 0; text-align: left; line-height: 1.5; } .custom-checkbox-1 label:before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; width: 19px; height: 18px; display: inline-block; border-radius: 2px; border: 1px solid #dadada; background-color: #fff; } .custom-checkbox-1 label + label.error { display: block; } .custom-checkbox-1.checkbox-custom-transparent label:before { background-color: transparent; } .custom-checkbox-1.checkbox-custom-transparent input[type="checkbox"]:checked + label:after { color: #FFF; } .custom-checkbox-1.checkbox-custom-transparent input[type="checkbox"]:disabled:checked + label:after { color: #999; } /* Custom Checkbox Switch */ .custom-checkbox-switch { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; width: 50px; height: 26px; background-color: #CCC; border: 1px solid #D9DADC; border-radius: 50px; cursor: pointer; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .custom-checkbox-switch:after { content: ''; position: absolute; top: 50%; left: 6px; width: 15px; height: 15px; background-color: #FFF; border-radius: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: ease left 300ms; transition: ease left 300ms; } .custom-checkbox-switch:checked { border-color: #CCC; } .custom-checkbox-switch:checked:after { left: 27px; } .bootstrap-timepicker-widget input { border: 0; } .bootstrap-timepicker-widget table td input { width: 40px; } .fileupload .btn { line-height: 20px; margin-left: -5px; } /* Forms Validations */ label.valid { display: inline-block; text-indent: -9999px; } label.error { color: #c10000; font-size: 0.9em; line-height: 18px; padding: 5px 0 0; } label.error#captcha-error { margin-top: 15px; } .form-errors-light .form-control.error { border-color: #FFF; } .form-errors-light label.error { color: #FFF; } /* Search Cancel Button */ input[type="search" i]::-webkit-search-cancel-button { margin-right: -7px !important; } /* Simple Search */ .simple-search .form-control { border-radius: 1.3rem 0 0 1.3rem; border-color: #EEE; border-right: 0; } .simple-search .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .simple-search .btn { border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0 1.3rem 1.3rem 0; border: 1px solid #EEE; border-left: 0; } /* Search With Select */ .search-with-select .mobile-search-toggle-btn { display: none; } .search-with-select .search-form-wrapper > .form-control { background-color: #f4f4f4; border-radius: 1.3rem 0 0 1.3rem; border: 0; height: auto; padding: 9.6px 22.4px; padding: 0.6rem 1.4rem; font-size: 12.8px !important; font-size: 0.8rem !important; color: #8d8d8d; } .search-with-select .search-form-wrapper > .form-control::-webkit-input-placeholder { color: #8d8d8d; } .search-with-select .search-form-wrapper > .form-control::-moz-placeholder { color: #8d8d8d; } .search-with-select .search-form-wrapper > .form-control:-ms-input-placeholder { color: #8d8d8d; } .search-with-select .search-form-wrapper > .form-control:focus { -webkit-box-shadow: none; box-shadow: none; } .search-with-select .search-form-wrapper .search-form-select-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f4f4f4; border-radius: 0 1.3rem 1.3rem 0; } .search-with-select .search-form-wrapper .search-form-select-wrapper .custom-select-1:before { color: #8d8d8d; } .search-with-select .search-form-wrapper .search-form-select-wrapper .custom-select-1 select { background-color: transparent; border: 1px solid #FFF; border-top-width: 0; border-bottom-width: 0; border-radius: 0; color: #8d8d8d; height: 100%; z-index: 1; } .search-with-select .search-form-wrapper .search-form-select-wrapper .custom-select-1 select:focus { -webkit-box-shadow: none; box-shadow: none; } .search-with-select .search-form-wrapper .search-form-select-wrapper .btn { background: transparent !important; border: 0; -webkit-box-shadow: none !important; box-shadow: none !important; } .search-with-select .search-form-wrapper .search-form-select-wrapper .btn .header-nav-top-icon { font-size: 16px; font-size: 1rem; top: 2px; right: 2px; color: #212529; font-weight: bold; } @media (max-width: 991px) { .search-with-select { position: relative; float: right; } .search-with-select .mobile-search-toggle-btn { display: block; text-decoration: none; } .search-with-select .mobile-search-toggle-btn.open + .search-form-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; visibility: visible; opacity: 1; } .search-with-select .mobile-search-toggle-btn > i { position: relative; top: 2px; font-size: 1.9rem; } .search-with-select .search-form-wrapper { display: none; visibility: hidden; opacity: 0; position: absolute; top: 36px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 300px; background-color: #d8d8d8; padding: 0.2rem; border-radius: 28px; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .search-with-select .search-form-wrapper:before { content: ''; position: absolute; bottom: 100%; left: 50%; border-bottom: 6px solid #d8d8d8; border-left: 6px solid transparent; border-right: 6px solid transparent; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } /* Captcha */ .captcha { clear: both; overflow: hidden; background-color: #F2F2F2; text-align: center; margin-bottom: 20px; max-width: 160px; height: 78px; position: relative; } .captcha input { border: 0; } .captcha-input { position: relative; top: 15px; font-size: 14px; } .captcha-refresh { position: absolute; z-index: 1; bottom: 2px; right: 2px; border-radius: 3px; padding: 2px 5px; } .captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active { color: #333; } /* Form Styles */ .form-style-2 .form-group { margin-bottom: 11.2px; margin-bottom: 0.7rem; } .form-style-2 .form-control { padding: 11.2px 16px; padding: 0.7rem 1rem; border: 0; } .form-style-2 .form-control::-webkit-input-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control::-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control:-ms-input-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control:-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-2 .form-control:not(textarea) { height: calc(2.2em + .75rem + 2px); } .form-style-2 .form-control.error { border-width: 2px; } .form-style-3 .form-group { margin-bottom: 17.6px; margin-bottom: 1.1rem; } .form-style-3 .form-control { padding: 11.2px 16px; padding: 0.7rem 1rem; background-color: #F4F4F4; border: none; } .form-style-3 .form-control::-webkit-input-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control::-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control:-ms-input-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control:-moz-placeholder { color: #202528; opacity: 0.5; } .form-style-3 .form-control.error { border: 2px solid #e21a1a; } .form-style-4 .form-control { background-color: transparent; border-top: 0; border-right: 0; border-left: 0; border-bottom-color: rgba(0, 0, 0, 0.4); color: #FFF; -webkit-box-shadow: none !important; box-shadow: none !important; border-radius: 0; } .form-style-4 .form-control::-moz-placeholder { color: #d8d8d8; } .form-style-4 .form-control:-ms-input-placeholder { color: #d8d8d8; } .form-style-4 .form-control::-webkit-input-placeholder { color: #d8d8d8; } .form-style-4 .form-control::-ms-input-placeholder { color: #d8d8d8; } .form-style-4 .form-control::placeholder { color: #d8d8d8; } .form-style-4 select.form-control { color: #FFF; } .form-style-4 select.form-control option { color: #9c9ea0; } .form-style-4 .form-check-label { color: #d8d8d8; } .form-style-4.form-style-4-text-dark .form-control { color: #212121; } .form-style-4.form-style-4-text-dark .form-control::-moz-placeholder { color: #9c9ea0; } .form-style-4.form-style-4-text-dark .form-control:-ms-input-placeholder { color: #9c9ea0; } .form-style-4.form-style-4-text-dark .form-control::-webkit-input-placeholder { color: #9c9ea0; } .form-style-4.form-style-4-text-dark .form-control::-ms-input-placeholder { color: #9c9ea0; } .form-style-4.form-style-4-text-dark .form-control::placeholder { color: #9c9ea0; } .form-style-4.form-style-4-text-dark .form-check-label { color: #9c9ea0; } .form-style-4.form-style-4-border-light .form-control { border-color: rgba(255, 255, 255, 0.4); } .form-style-4.form-style-4-border-light-2 .form-control { border-color: rgba(255, 255, 255, 0.15); } .form-style-4.form-with-icons .form-control { padding-left: 31px; } .form-style-5 .form-control { background-color: rgba(255, 255, 255, 0.05); border-radius: 35px; height: auto; padding: 8px 24px; padding: 0.5rem 1.5rem; color: #bfbfbf; } .form-style-5 .form-control:focus { border-color: #676767; } /* Floating Labels */ .form-label-group { position: relative; margin-bottom: 16px; margin-bottom: 1rem; } .form-label-group input, .form-label-group label { height: 50px; height: 3.125rem; padding: 12px; padding: .75rem; } .form-label-group label { position: absolute; top: 0; left: 0; display: block; width: 100%; margin-bottom: 0; line-height: 1.5; color: #495057; pointer-events: none; cursor: text; border: 1px solid transparent; border-radius: .25rem; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .form-label-group input::-moz-placeholder { color: transparent; } .form-label-group input:-ms-input-placeholder { color: transparent; } .form-label-group input::-webkit-input-placeholder { color: transparent; } .form-label-group input::-ms-input-placeholder { color: transparent; } .form-label-group input::placeholder { color: transparent; } .form-label-group input:not(:-moz-placeholder-shown) { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 4px; padding-bottom: .25rem; } .form-label-group input:not(:-ms-input-placeholder) { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 4px; padding-bottom: .25rem; } .form-label-group input:not(:placeholder-shown) { padding-top: 20px; padding-top: 1.25rem; padding-bottom: 4px; padding-bottom: .25rem; } .form-label-group input:not(:-moz-placeholder-shown) ~ label { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem; font-size: 12px; color: #9c9ea0; } .form-label-group input:not(:-ms-input-placeholder) ~ label { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem; font-size: 12px; color: #9c9ea0; } .form-label-group input:not(:placeholder-shown) ~ label { padding-top: 4px; padding-top: .25rem; padding-bottom: 4px; padding-bottom: .25rem; font-size: 12px; color: #9c9ea0; } /* Fallback for Edge -------------------------------------------------- */ @supports (-ms-ime-align: auto) { .form-label-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .form-label-group label { position: static; } .form-label-group input::-ms-input-placeholder { color: #9c9ea0; } } /* Form Squared Borders */ .form-squared-borders .form-control { border-radius: 0; } /* Form With Icons */ .form-with-icons .form-control { padding-left: 41px; } /* Form Fields Rounded */ .form-fields-rounded .form-control { padding-left: 18px; padding-right: 18px; border-radius: 35px; } .form-fields-rounded textarea.form-control { border-radius: 22px; } /* Form With Shadow */ .form-with-shadow .form-control { -webkit-box-shadow: 0px 0px 17px -4px rgba(0, 0, 0, 0.1) !important; box-shadow: 0px 0px 17px -4px rgba(0, 0, 0, 0.1) !important; } /* Form Fieds Size - Global class to increase size of form controls */ .form-fields-size-sm .form-control { padding: 0 15px; height: 40px; } .form-fields-size-sm textarea.form-control { padding: 12px 15px; height: auto; } .form-fields-size-md .form-control { padding: 0 23px; height: 54px; } .form-fields-size-md textarea.form-control { padding: 18px 23px; height: auto; } .form-fields-size-lg .form-control { padding: 0 25px; height: 63px; } .form-fields-size-lg textarea.form-control { padding: 23px 25px; height: auto; } /* Form Fieds Font Size - Global class to increase font size of form controls */ .form-fields-font-size-sm .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 12px; font-size: 0.75rem; } .form-fields-font-size-md .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 15.2px; font-size: 0.95rem; } .form-fields-font-size-lg .form-control:not(.form-control-sm):not(.form-control-lg) { font-size: 18.4px; font-size: 1.15rem; } /* GDPR */ .gdpr-bar { position: fixed; width: 100%; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: rgba(0, 0, 0, 0.9); padding: 16px 24px; padding: 1rem 1.5rem; z-index: 1050; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: ease opacity 300ms, ease transform 300ms; transition: ease opacity 300ms, ease transform 300ms; } .gdpr-bar .gdpr-bar-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } .gdpr-bar .gdpr-bar-actions .gdpr-agree-trigger { margin-left: 32px; margin-left: 2rem; } .gdpr-bar.show { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .gdpr-bar.removing { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } @media (min-width: 1200px) { .gdpr-bar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .gdpr-bar .gdpr-bar-actions { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; } } .gdpr-preferences-popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 20px; background: rgba(0, 0, 0, 0.8); z-index: 1051; opacity: 0; visibility: hidden; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .gdpr-preferences-popup .gdpr-preferences-popup-content { max-width: 1000px; background: #FFF; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-close-popup { position: absolute; top: 25px; right: 25px; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body { max-height: 60vh; overflow-y: auto; padding: 40px; padding: 2.5rem; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 12.8px; font-size: 0.8rem; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-title { width: 100%; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-description { width: 70%; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-action { width: 30%; text-align: right; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item + .gdpr-cookie-item { margin-top: 10px; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 24px 40px; padding: 1.5rem 2.5rem; background: #f4f4f4; } .gdpr-preferences-popup.show { opacity: 1; visibility: visible; } @media (min-width: 992px) { .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-title { width: 20%; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-description { width: 60%; } .gdpr-preferences-popup .gdpr-preferences-popup-content .gdpr-preferences-popup-content-body .gdpr-cookie-item .gdpr-cookie-item-action { width: 20%; } } /* Headings */ h1, h2, h3, h4, h5, h6 { color: #212529; font-weight: 200; letter-spacing: -.05em; margin: 0; -webkit-font-smoothing: antialiased; } h1 { font-size: 2.6em; line-height: 44px; margin: 0 0 32px 0; } h2 { font-size: 2.2em; font-weight: 300; line-height: 42px; margin: 0 0 32px 0; } h3 { font-size: 1.8em; font-weight: 400; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } h4 { font-size: 1.4em; font-weight: 600; line-height: 27px; margin: 0 0 14px 0; } h5 { font-size: 1em; font-weight: 600; line-height: 18px; margin: 0 0 14px 0; text-transform: uppercase; } h6 { color: #333; font-size: 1em; font-weight: 400; line-height: 18px; margin: 0 0 14px 0; } h1.big { font-size: 4.2em; line-height: 54px; } h1.small { font-size: 2.2em; line-height: 42px; font-weight: 600; } h1.short { margin-bottom: 15px; } h2.short { margin-bottom: 15px; } h3.short, h4.short, h5.short, h6.short { margin-bottom: 9px; } h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter { margin-bottom: 0; } h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall { margin-bottom: 33px; } h1.taller, h2.taller, h3.taller, h4.taller, h5.taller, h6.taller { margin-bottom: 44px; } h1.spaced, h2.spaced, h3.spaced, h4.spaced, h5.spaced, h6.spaced { margin-top: 22px; } h1.more-spaced, h2.more-spaced, h3.more-spaced, h4.more-spaced, h5.more-spaced, h6.more-spaced { margin-top: 44px; } h1.dark, h2.dark, h3.dark, h4.dark, h5.dark { color: #212529; } h1.light, h2.light, h3.light, h4.light, h5.light, h6.light { color: #FFF; } h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow { text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } /* Heading */ .heading.heading-border { margin-bottom: 25px; } .heading.heading-border h1, .heading.heading-border h2, .heading.heading-border h3, .heading.heading-border h4, .heading.heading-border h5, .heading.heading-border h6 { margin: 0; padding: 0; } .heading.heading-bottom-border h1 { border-bottom: 5px solid #eaeaea; padding-bottom: 10px; } .heading.heading-bottom-border h2, .heading.heading-bottom-border h3 { border-bottom: 2px solid #eaeaea; padding-bottom: 10px; } .heading.heading-bottom-border h4, .heading.heading-bottom-border h5, .heading.heading-bottom-border h6 { border-bottom: 1px solid #eaeaea; padding-bottom: 5px; } .heading.heading-bottom-double-border h1, .heading.heading-bottom-double-border h2, .heading.heading-bottom-double-border h3 { border-bottom: 3px double #eaeaea; padding-bottom: 10px; } .heading.heading-bottom-double-border h4, .heading.heading-bottom-double-border h5, .heading.heading-bottom-double-border h6 { border-bottom: 3px double #eaeaea; padding-bottom: 5px; } .heading.heading-middle-border { position: relative; } .heading.heading-middle-border:before { border-top: 1px solid #eaeaea; content: ""; height: 0; left: auto; position: absolute; right: 0; top: 50%; width: 100%; } .heading.heading-middle-border h1, .heading.heading-middle-border h2, .heading.heading-middle-border h3, .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { position: relative; background: #FFF; display: inline-block; } .heading.heading-middle-border h1 { padding-right: 15px; } .heading.heading-middle-border h2, .heading.heading-middle-border h3 { padding-right: 10px; } .heading.heading-middle-border h4, .heading.heading-middle-border h5, .heading.heading-middle-border h6 { padding-right: 5px; } .heading.heading-middle-border-reverse { text-align: right; } .heading.heading-middle-border-reverse h1, .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3, .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-right: 0; } .heading.heading-middle-border-reverse h1 { padding-left: 15px; } .heading.heading-middle-border-reverse h2, .heading.heading-middle-border-reverse h3 { padding-left: 10px; } .heading.heading-middle-border-reverse h4, .heading.heading-middle-border-reverse h5, .heading.heading-middle-border-reverse h6 { padding-left: 5px; } .heading.heading-middle-border-center { text-align: center; } .heading.heading-middle-border-center h1 { padding-left: 15px; padding-right: 15px; } .heading.heading-middle-border-center h2, .heading.heading-middle-border-center h3 { padding-left: 10px; padding-right: 10px; } .heading.heading-middle-border-center h4, .heading.heading-middle-border-center h5, .heading.heading-middle-border-center h6 { padding-left: 5px; padding-right: 5px; } .heading.heading-border-xs:before { border-top-width: 1px; } .heading.heading-border-sm:before { border-top-width: 2px; } .heading.heading-border-lg:before { border-top-width: 3px; } .heading.heading-border-xl:before { border-top-width: 5px; } /* Modal Titles */ .modal-header h3 { color: #333; text-transform: none; } /* Responsive */ @media (max-width: 575px) { h2 { line-height: 40px; } } @media (max-width: 767px) { h1.big { font-size: 3.2em; line-height: 42px; } } /* Highlight */ .highlight { position: relative; background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #CCC)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #CCC 0); background-size: 200%; background-position: 0; padding-right: 8px; padding-right: .5rem; padding-left: 8px; padding-left: .5rem; -webkit-transition: background-position .8s; transition: background-position .8s; } .highlight.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(204, 204, 204, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(204, 204, 204, 0.2) 0); } .highlight.highlight-change-text-color { color: #FFF; } .highlight.highlight-animated.highlight-animated-start { background-position: -100%; } /* Icons */ .featured-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #CCC; border-radius: 100%; color: #FFF; height: 2.5em; line-height: 2.5em; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 2.5em; } .featured-icon i { color: #FFF; font-size: 0.9em; } .featured-icon.featured-icon-style-2 { width: 5em; height: 5em; line-height: 5em; } .featured-icon.featured-icon-hover-effect-1 { -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .featured-icon.featured-icon-hover-effect-1:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Font Awesome List */ .sample-icon-list { margin-top: 22px; } .sample-icon-list .sample-icon a { display: block; color: #222222; line-height: 36px; height: 36px; padding-left: 10px; border-radius: 4px; font-size: 11px; } .sample-icon-list .sample-icon a [class*="fa-"], .sample-icon-list .sample-icon a .icons { width: 32px; font-size: 14px; display: inline-block; text-align: right; margin-right: 10px; } .sample-icon-list .sample-icon a:hover { color: #ffffff; text-decoration: none; } .sample-icon-list .sample-icon a:hover [class*="fa-"], .sample-icon-list .sample-icon a:hover .icons { font-size: 28px; vertical-align: -6px; } /* Simple Line Icons List */ #lineIcons .sample-icon-list .sample-icon a { line-height: 39px; } /* Porto Icons */ i.pi { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-style: normal; font-size: 14px; } i.pi.pi-porto-brand:before { content: '\F111'; font-family: 'Font Awesome 5 Free'; font-weight: bold; font-size: 0.51em; color: #FFF; padding: 1.2em; } i.pi.pi-porto-brand:after { content: ''; width: 2em; height: 2em; border: 0.5em solid #FFF; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } i.pi.pi-close { padding: 0.6em; -webkit-transform: rotate(45deg); transform: rotate(45deg); } i.pi.pi-close:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-right: 1px solid #FFF; height: 1em; } i.pi.pi-close:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); border-bottom: 1px solid #FFF; width: 1em; } /* Area Expanded Change */ .icon-aria-expanded-change[aria-expanded=true] .fa-chevron-down { display: none; } .icon-aria-expanded-change[aria-expanded=false] .fa-chevron-up { display: none; } /* Icon Animated */ [data-icon] { opacity: 0; } .icon-animated { opacity: 0; } /* Elements Shadow Icon */ .elements-list-shadow-icon { font-size: 64px; font-size: 4rem; position: absolute; top: -18px; opacity: 0.08; right: -18px; } /* Custom Image Icons */ .icon-bg { display: inline-block; width: 80px; height: 80px; } .icon-1 { background-position: -10px -10px; } .icon-2 { background-position: -110px -10px; } .icon-3 { background-position: -210px -10px; } .icon-plugin-1 { background-position: 0 100%; width: 115px; height: 115px; } .icon-plugin-2 { background-position: -115px 100%; width: 115px; height: 115px; } .icon-feature-1 { background-position: -20px -110px; } .icon-feature-2 { background-position: -120px -110px; } .icon-feature-3 { background-position: -220px -110px; } .icon-feature-4 { background-position: -320px -110px; } .icon-feature-5 { background-position: -420px -110px; } .icon-feature-6 { background-position: -520px -110px; } .icon-feature-7 { background-position: -620px -110px; } .icon-feature-8 { background-position: -720px -110px; } .icon-feature-9 { background-position: -820px -110px; } .icon-feature-10 { background-position: -920px -110px; } .icon-feature-11 { background-position: -20px -210px; } .icon-feature-12 { background-position: -120px -210px; } .icon-feature-13 { background-position: -220px -210px; } .icon-feature-14 { background-position: -320px -210px; } .icon-feature-15 { background-position: -420px -210px; } .icon-feature-16 { background-position: -520px -210px; } .icon-feature-17 { background-position: -624px -210px; } .icon-feature-18 { background-position: -720px -210px; } .icon-feature-19 { background-position: -820px -210px; } .icon-menu-1 { background-position: -310px -10px; } .icon-menu-2 { background-position: -410px -10px; } .icon-menu-3 { background-position: -510px -10px; } .icon-menu-4 { background-position: -610px -10px; } /* Thumbnails */ .img-thumbnail { border-radius: 4px; position: relative; } .img-thumbnail img { border-radius: 4px; } .img-thumbnail .zoom { background: #CCC; border-radius: 100%; bottom: 8px; color: #FFF; display: block; height: 30px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 30px; } .img-thumbnail .zoom i { font-size: 10px; left: 0px; position: relative; top: -6px; } .img-thumbnail.img-thumbnail-hover-icon { position: relative; } .img-thumbnail.img-thumbnail-hover-icon img { position: relative; z-index: 1; } .img-thumbnail.img-thumbnail-hover-icon:before { -webkit-transition: all 0.2s; transition: all 0.2s; background: rgba(0, 0, 0, 0.65); border-radius: 4px; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; } .img-thumbnail.img-thumbnail-hover-icon:after { -webkit-transition: all 0.2s; transition: all 0.2s; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #FFF; content: "\F067"; font-size: 18px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3; } .img-thumbnail.img-thumbnail-hover-icon:hover:before { opacity: 1; } .img-thumbnail.img-thumbnail-hover-icon:hover:after { top: 50%; opacity: 1; } .img-thumbnail a.img-thumbnail-hover-icon { display: inline-block; } .img-thumbnail.img-thumbnail-no-borders { border: none; padding: 0; } /* Image Gallery */ ul.image-gallery { list-style: none; margin: 0; padding: 0; } ul.image-gallery .image-gallery-item { margin-bottom: 35px; } /* Thumbnail Gallery */ ul.thumbnail-gallery { list-style: none; margin: 10px 0; padding: 0; } ul.thumbnail-gallery li { display: inline-block; margin: 10px 10px 0 0; padding: 0; } /* Responsive */ @media (max-width: 991px) { .thumbnail { border: 0; text-align: center; } } /* Masonry */ .masonry .masonry-item:not(.no-default-style) { width: 25%; } .masonry .masonry-item:not(.no-default-style).w2 { width: 50%; } .masonry .masonry-item:not(.no-default-style) img { border-radius: 0 !important; } /* Masonry Loading */ .masonry-loader { height: auto; overflow: visible; position: relative; } .masonry-loader:after { -webkit-transition: all 0.5s; transition: all 0.5s; content: ' '; background: #FFF; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0; } .masonry-loader .bounce-loader { display: none; } .masonry-loader.masonry-loader-showing { height: 200px; overflow: hidden; } .masonry-loader.masonry-loader-showing:after { opacity: 1; } .masonry-loader.masonry-loader-showing .bounce-loader { display: block; } .masonry-loader.masonry-loader-loaded:after { display: none; } /* Mockup */ @media (min-width: 992px) { .mockup-landing-page { margin-top: -120px; } } /* Hover Effect 3d */ .hover-effect-3d { -webkit-transform-style: flat !important; transform-style: flat !important; } .hover-effect-3d .thumb-info { will-change: box-shadow; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; } .hover-effect-3d .thumb-info:hover { -webkit-box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6); box-shadow: 0px 17px 20px -15px rgba(33, 37, 41, 0.6); } .hover-effect-3d .thumb-info .thumb-info-title { -webkit-transition: ease-out opacity .2s !important; transition: ease-out opacity .2s !important; } .hover-effect-3d .thumb-info .thumb-info-action { -webkit-transition: ease-out opacity .2s !important; transition: ease-out opacity .2s !important; } .hover-effect-3d .thumb-info .thumb-info-action .thumb-info-action-icon { pointer-events: none; } .hover-effect-3d .thumb-info.thumb-info-centered-info .thumb-info-title { top: 47%; } /* Profile Image */ .profile-image-outer-container { margin-top: auto; margin-bottom: auto; border-radius: 50%; position: relative; cursor: pointer; } .profile-image-outer-container .profile-image-input { position: absolute; top: 0; height: 100%; opacity: 0; z-index: 3; cursor: pointer; } .profile-image-outer-container .profile-image-inner-container { border-radius: 50%; padding: 5px; } .profile-image-outer-container .profile-image-inner-container img { height: 200px; width: 200px; border-radius: 50%; border: 5px solid white; } .profile-image-outer-container .profile-image-inner-container .profile-image-button { position: absolute; z-index: 2; bottom: 15px; right: 15px; width: 40px; height: 40px; text-align: center; border-radius: 50%; line-height: 38px; -webkit-transition: ease all 0.1s; transition: ease all 0.1s; } .profile-image-outer-container:hover .profile-image-button { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Thumb Gallery */ .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item { border: 2px solid #f7f7f7; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item:hover, .thumb-gallery-wrapper .thumb-gallery-thumbs .owl-item.selected { border: 2px solid #212121; } /* Arrows */ button.mfp-arrow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; top: 50%; left: 0; border-radius: 4px; background: #212529; width: 35px; height: 100px; color: #FFF; margin: 0 !important; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } button.mfp-arrow:before { content: none; } button.mfp-arrow:after { content: "\F053"; font-family: 'Font Awesome 5 Free'; font-weight: 900; border: none !important; } button.mfp-arrow.mfp-arrow-left { border-top-left-radius: 0; border-bottom-left-radius: 0; } button.mfp-arrow.mfp-arrow-left:after { margin-left: 0; margin-top: 0; position: relative; top: auto; left: -2px; width: auto; height: auto; } button.mfp-arrow.mfp-arrow-right { left: auto; right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } button.mfp-arrow.mfp-arrow-right:after { content: "\F054"; margin-left: 0; margin-top: 0; position: relative; top: auto; left: auto; right: -2px; width: auto; height: auto; } /* Close */ .mfp-close, .mfp-close-btn-in .mfp-close { font-family: "Poppins", Arial, sans-serif; font-weight: 600; font-size: 22px; color: #838383; } /* No Margins */ .mfp-no-margins img.mfp-img { padding: 0; } .mfp-no-margins .mfp-figure:after { top: 0; bottom: 0; } .mfp-no-margins .mfp-container { padding: 0; } /* Zoom */ .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0.001; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /* Animnate */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); transform: scale(0.8); } .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .my-mfp-zoom-in.mfp-bg { opacity: 0.001; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } .my-mfp-slide-bottom.mfp-bg { opacity: 0.01; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /* Fade */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Dialog */ .dialog { background: white; padding: 20px 30px; text-align: left; margin: 40px auto; position: relative; max-width: 600px; } .dialog.dialog-xs { max-width: 200px; } .dialog.dialog-sm { max-width: 400px; } .dialog.dialog-md { max-width: 600px; } .dialog.dialog-lg { max-width: 900px; } .dialog.mfp-close-out .mfp-close { top: -50px; right: -15px; color: #FFF; } /* White Popup Block */ .white-popup-block { background: #FFF; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .white-popup-block.white-popup-block-xs { max-width: 200px; } .white-popup-block.white-popup-block-sm { max-width: 400px; } .white-popup-block.white-popup-block-md { max-width: 600px; } .white-popup-block.white-popup-block-lg { max-width: 900px; } /* Lightbox Opened */ html.lightbox-opened.sticky-header-active #header .header-body { padding-right: 17px; } /* Modal Opened */ .modal-open { padding-right: 0 !important; } /* List */ .list li { margin-bottom: 13px; } .list.pull-left li { text-align: left; } .list.list-icons { list-style: none; padding-left: 0; padding-right: 0; } .list.list-icons li { position: relative; padding-left: 25px; } .list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li a:first-child > .icons:first-child { position: absolute; left: 0; top: 5px; } .list.list-icons.list-icons-style-2 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-2 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-2 li a:first-child > .icons:first-child { border-width: 1px; border-style: solid; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 4px; font-size: 0.8em; line-height: 1.3; } .list.list-icons.list-icons-style-3 li { padding-top: 5px; padding-left: 36px; } .list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { color: #FFF; border-radius: 50%; width: 25px; height: 25px; text-align: center; padding: 5px; font-size: 0.8em; line-height: 1.3; } .list.list-icons.list-icons-sm li { padding-left: 13px; margin-bottom: 5px; } .list.list-icons.list-icons-sm li > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm li > .icons:first-child, .list.list-icons.list-icons-sm li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm li a:first-child > .icons:first-child { font-size: 0.8em; top: 7px; } .list.list-icons.list-icons-sm.list-icons-style-2 li { padding-left: 32px; } .list.list-icons.list-icons-sm.list-icons-style-2 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-2 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-sm.list-icons-style-3 li { padding-left: 32px; } .list.list-icons.list-icons-sm.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-sm.list-icons-style-3 li a:first-child > .icons:first-child { width: 20px; height: 20px; padding: 3px; } .list.list-icons.list-icons-lg li { padding-top: 5px; padding-left: 27px; } .list.list-icons.list-icons-lg li > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg li > .icons:first-child, .list.list-icons.list-icons-lg li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg li a:first-child > .icons:first-child { font-size: 1.3em; top: 10px; } .list.list-icons.list-icons-lg.list-icons-style-2 li { padding-top: 8px; padding-left: 42px; } .list.list-icons.list-icons-lg.list-icons-style-2 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-2 li a:first-child > .icons:first-child { width: 30px; height: 30px; padding: 4px; } .list.list-icons.list-icons-lg.list-icons-style-3 li { padding-top: 8px; padding-left: 42px; } .list.list-icons.list-icons-lg.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-lg.list-icons-style-3 li a:first-child > .icons:first-child { width: 30px; height: 30px; padding: 4px; } .list.list-icons.list-icons-reverse li { text-align: right; padding-right: 25px; padding-left: 0; } .list.list-icons.list-icons-reverse li > [class*="fa-"]:first-child, .list.list-icons.list-icons-reverse li > .icons:first-child, .list.list-icons.list-icons-reverse li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-reverse li a:first-child > .icons:first-child { position: absolute; left: auto; right: 0; top: 5px; } .list.list-icons.list-icons-reverse.list-icons-style-2 li { padding-right: 36px; } .list.list-icons.list-icons-reverse.list-icons-style-3 li { padding-right: 36px; } .list.list-icons.list-icons-reverse.list-icons-sm li { padding-left: 0; padding-right: 13px; } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-2 li { padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-sm.list-icons-style-3 li { padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-lg li { padding-left: 0; padding-right: 32px; } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-2 li { padding-right: 42px; } .list.list-icons.list-icons-reverse.list-icons-lg.list-icons-style-3 li { padding-right: 42px; } .list.list-borders li { border-bottom: 1px solid #eaeaea; margin-top: 9px; margin-bottom: 0; padding-bottom: 9px; } .list.list-borders li:last-child { border-bottom: 0; } .list.list-side-borders { border-left: 1px solid #eaeaea; padding-left: 10px; } .list.list-ordened { counter-reset: custom-counter; list-style: none; } .list.list-ordened li { position: relative; padding-left: 22px; } .list.list-ordened li:before { position: absolute; top: 0; left: 0; content: counter(custom-counter); counter-increment: custom-counter; font-weight: bold; } .list.list-ordened.list-ordened-style-2 li, .list.list-ordened.list-ordened-style-3 li { padding-left: 32px; } .list.list-ordened.list-ordened-style-2 li:before, .list.list-ordened.list-ordened-style-3 li:before { border-radius: 100%; border-style: solid; border-width: 1px; min-width: 26px; padding: 0; text-align: center; } .list.list-ordened.list-ordened-style-3 li:before { color: #FFF; border: 0; } .list.list-unstyled { padding-left: 0; padding-right: 0; } .list-unstyled { padding-left: 0; padding-right: 0; } dl dd { margin-bottom: 15px; } /* Sitemap */ ul.sitemap > li > a { font-weight: bold; } ul.sitemap.list li { margin: 0 0 3px 0; } ul.sitemap.list ul { margin-bottom: 5px; margin-top: 5px; } /* Loading Overlay */ .loading-overlay-showing { overflow: hidden; } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; } .loading-overlay { -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #FFF !important; } body > .loading-overlay { position: fixed; z-index: 999999; } /* Bounce Loading */ .bounce-loader { -webkit-transition: all 0.2s; transition: all 0.2s; margin: -9px 0 0 -35px; text-align: center; width: 70px; left: 50%; position: absolute; top: 50%; z-index: 10000; } .bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; animation: 1.4s ease-in-out 0s normal both infinite bouncedelay; background-color: #CCC; border-radius: 100%; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); display: inline-block; height: 18px; width: 18px; } .bounce-loader .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .bounce-loader .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } html.safari.iphone .bounce-loader .bounce1, html.safari.iphone .bounce-loader .bounce2, html.safari.iphone .bounce-loader .bounce3 { -webkit-animation: 1.4s ease-in-out infinite bouncedelay; animation: 1.4s ease-in-out infinite bouncedelay; } /* Loading Overlay Percentage */ .loading-overlay.loading-overlay-percentage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .loading-overlay.loading-overlay-percentage .page-loader-progress-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 65.6px; font-size: 4.1rem; font-weight: bold; letter-spacing: -1.5px; color: #212121; } .loading-overlay.loading-overlay-percentage.loading-overlay-percentage-effect-2 .loading-overlay-background-layer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 0px; background: #f4f4f4; z-index: 0; -webkit-transition: ease width 300ms; transition: ease width 300ms; } .loading-overlay.loading-overlay-percentage.loading-overlay-percentage-effect-2 .page-loader-progress-wrapper { position: relative; z-index: 1; } /* Cubes Effect */ .cssload-thecube { width: 40px; height: 40px; margin: 0 auto; margin-top: -20px; position: relative; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); } .cssload-thecube .cssload-cube { position: relative; float: left; width: 50%; height: 50%; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); -webkit-transform: scale(1.1); transform: scale(1.1); } .cssload-thecube .cssload-cube:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #CCC; -webkit-animation: cssload-fold-thecube 1.68s infinite linear both; animation: cssload-fold-thecube 1.68s infinite linear both; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } .cssload-thecube .cssload-c2 { -webkit-transform: scale(1.1) rotateZ(90deg); transform: scale(1.1) rotateZ(90deg); } .cssload-thecube .cssload-c2:before { -webkit-animation-delay: 0.205s; animation-delay: 0.205s; } .cssload-thecube .cssload-c3 { -webkit-transform: scale(1.1) rotateZ(180deg); transform: scale(1.1) rotateZ(180deg); } .cssload-thecube .cssload-c3:before { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; } .cssload-thecube .cssload-c4 { -webkit-transform: scale(1.1) rotateZ(270deg); transform: scale(1.1) rotateZ(270deg); } .cssload-thecube .cssload-c4:before { -webkit-animation-delay: 0.625s; animation-delay: 0.625s; } @-webkit-keyframes cssload-fold-thecube { 0%, 10% { -webkit-transform: perspective(129px) rotateX(-180deg); transform: perspective(129px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(129px) rotateX(0deg); transform: perspective(129px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(129px) rotateY(180deg); transform: perspective(129px) rotateY(180deg); opacity: 0; } } @keyframes cssload-fold-thecube { 0%, 10% { -webkit-transform: perspective(129px) rotateX(-180deg); transform: perspective(129px) rotateX(-180deg); opacity: 0; } 25%, 75% { -webkit-transform: perspective(129px) rotateX(0deg); transform: perspective(129px) rotateX(0deg); opacity: 1; } 90%, 100% { -webkit-transform: perspective(129px) rotateY(180deg); transform: perspective(129px) rotateY(180deg); opacity: 0; } } /* Cube Progress Effect */ .cssload-cube-progress { display: block; margin: 0 auto; width: 29px; height: 29px; position: relative; border: 4px solid #CCC; -webkit-animation: cssload-cube-progress 2.3s infinite ease; animation: cssload-cube-progress 2.3s infinite ease; } .cssload-cube-progress-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #CCC; -webkit-animation: cssload-cube-progress-inner 2.3s infinite ease-in; animation: cssload-cube-progress-inner 2.3s infinite ease-in; } @-webkit-keyframes cssload-cube-progress { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes cssload-cube-progress { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-cube-progress-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } @keyframes cssload-cube-progress-inner { 0% { height: 0%; } 25% { height: 0%; } 50% { height: 100%; } 75% { height: 100%; } 100% { height: 0%; } } /* Float Rings Effect */ .cssload-float-rings-loader { position: relative; left: calc(50% - 15px); width: 40px; height: 40px; border-radius: 50%; -webkit-perspective: 380px; perspective: 380px; } .cssload-float-rings-inner { position: absolute; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; } .cssload-float-rings-inner.cssload-one { left: 0%; top: 0%; -webkit-animation: cssload-rotate-one 1.15s linear infinite; animation: cssload-rotate-one 1.15s linear infinite; border-bottom: 1px solid #CCC; } .cssload-float-rings-inner.cssload-two { right: 0%; top: 0%; -webkit-animation: cssload-rotate-two 1.15s linear infinite; animation: cssload-rotate-two 1.15s linear infinite; border-right: 1px solid #CCC; } .cssload-float-rings-inner.cssload-three { right: 0%; bottom: 0%; -webkit-animation: cssload-rotate-three 1.15s linear infinite; animation: cssload-rotate-three 1.15s linear infinite; border-top: 1px solid #CCC; } @-webkit-keyframes cssload-rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @keyframes cssload-rotate-one { 0% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @keyframes cssload-rotate-two { 0% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg); } } @-webkit-keyframes cssload-rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } @keyframes cssload-rotate-three { 0% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg); } } /* Float Bars Effect */ .cssload-float-bars-container { margin: -70px auto 0 auto; max-width: 545px; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .cssload-float-bars-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .cssload-float-bars-container ul li { list-style: none; } .cssload-float-bars-flex-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around; } .cssload-float-bars-flex-container li { padding: 10px; height: 97px; width: 97px; margin: 29px 19px; position: relative; text-align: center; } .cssload-float-bars-loading, .cssload-float-bars-loading:after, .cssload-float-bars-loading:before { display: inline-block; position: relative; width: 5px; height: 49px; background: #CCC; margin-top: 5px; border-radius: 975px; -webkit-animation: cssload-upDown2 1.15s ease infinite; animation: cssload-upDown2 1.15s ease infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-delay: 0.29s; animation-delay: 0.29s; } .cssload-float-bars-loading:after, .cssload-float-bars-loading:before { position: absolute; content: ''; -webkit-animation: cssload-upDown 1.15s ease infinite; animation: cssload-upDown 1.15s ease infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } .cssload-float-bars-loading:before { left: -10px; } .cssload-float-bars-loading:after { left: 10px; -webkit-animation-delay: 0.58s; animation-delay: 0.58s; } @-webkit-keyframes cssload-upDown { from { -webkit-transform: translateY(19px); transform: translateY(19px); } to { -webkit-transform: translateY(-19px); transform: translateY(-19px); } } @keyframes cssload-upDown { from { -webkit-transform: translateY(19px); transform: translateY(19px); } to { -webkit-transform: translateY(-19px); transform: translateY(-19px); } } @-webkit-keyframes cssload-upDown2 { from { -webkit-transform: translateY(29px); transform: translateY(29px); } to { -webkit-transform: translateY(-19px); transform: translateY(-19px); } } @keyframes cssload-upDown2 { from { -webkit-transform: translateY(29px); transform: translateY(29px); } to { -webkit-transform: translateY(-19px); transform: translateY(-19px); } } /* Speeding Wheel */ .cssload-speeding-wheel-container { width: 100%; height: 49px; text-align: center; } .cssload-speeding-wheel { width: 49px; height: 49px; margin: 0 auto; border: 3px solid #CCC; border-radius: 50%; border-left-color: transparent; border-right-color: transparent; -webkit-animation: cssload-spin 575ms infinite linear; animation: cssload-spin 575ms infinite linear; } @-webkit-keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } @keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } /* Zenith Effect */ .cssload-zenith-container { width: 100%; height: 49px; text-align: center; } .cssload-zenith { width: 49px; height: 49px; margin: 0 auto; border-radius: 50%; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; -webkit-box-shadow: 3px 3px 1px #CCC; box-shadow: 3px 3px 1px #CCC; -webkit-animation: cssload-spin 690ms infinite linear; animation: cssload-spin 690ms infinite linear; } @keyframes cssload-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } /* Spinning Square Effect */ .cssload-spinning-square-loading { position: relative; width: 30px; height: 30px; background: #CCC; display: block; margin: auto; -webkit-animation: 1.15s cssload-spin infinite; animation: 1.15s cssload-spin infinite; } .cssload-spinning-square-loading:before, .cssload-spinning-square-loading:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-animation: 0.58s infinite alternate linear; animation: 0.58s infinite alternate linear; } .cssload-spinning-square-loading:before { background: #999; -webkit-animation-name: cssload-blur1; animation-name: cssload-blur1; } .cssload-spinning-square-loading:after { background: white; -webkit-animation-name: cssload-blur2; animation-name: cssload-blur2; } @keyframes cssload-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-blur1 { to { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } } @keyframes cssload-blur1 { to { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); } } @-webkit-keyframes cssload-blur2 { to { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } @keyframes cssload-blur2 { to { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } } /* Pulse */ .wrapper-pulse { margin-top: -60px; } .cssload-pulse-loader { width: 49px; height: 49px; border-radius: 50%; margin: 3em; display: inline-block; position: relative; vertical-align: middle; background: black; } .cssload-pulse-loader, .cssload-pulse-loader:before, .cssload-pulse-loader:after { -webkit-animation: 1.15s infinite ease-in-out; animation: 1.15s infinite ease-in-out; } .cssload-pulse-loader:before, .cssload-pulse-loader:after { width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } .cssload-pulse-loader { -webkit-animation-name: cssload-pulse-loader; animation-name: cssload-pulse-loader; } @-webkit-keyframes cssload-pulse-loader { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes cssload-pulse-loader { from { -webkit-transform: scale(0); transform: scale(0); opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* Maps */ .google-map { background: #E5E3DF; height: 400px; margin: -35px 0 30px 0; width: 100%; } .google-map.small { height: 250px; border-radius: 6px; margin: 0; clear: both; } .google-map img { max-width: 9999px; } .google-map-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; } /* Map Pins */ @-webkit-keyframes mapPinPulse { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } to { -webkit-transform: scale(10); transform: scale(10); opacity: 0; } } @keyframes mapPinPulse { from { -webkit-transform: scale(1); transform: scale(1); opacity: 0.7; } to { -webkit-transform: scale(10); transform: scale(10); opacity: 0; } } /* Map Info Window */ .map-info-window { position: absolute; bottom: 30px; left: 50%; font-size: 12.8px; font-size: 0.8rem; background: #FFF; border-radius: 4px; padding: 15px 20px; white-space: nowrap; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .map-info-window:after { content: ''; position: absolute; bottom: -7px; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); width: 0; height: 0; border-top: 7px solid #FFF; border-left: 7px solid transparent; border-right: 7px solid transparent; } .map-info-window .map-info-window-close { position: absolute; top: 3px; right: 3px; } .map-rounded-pin { width: 13px; height: 13px; background: #CCC; border-radius: 100%; } .map-rounded-pin.map-rounded-pin-animated { position: relative; } .map-rounded-pin.map-rounded-pin-animated:before, .map-rounded-pin.map-rounded-pin-animated:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: inherit; border-radius: inherit; -webkit-animation-name: mapPinPulse; animation-name: mapPinPulse; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 1s; animation-delay: 1s; } .map-rounded-pin.map-rounded-pin-animated:after { -webkit-animation-delay: 1.250s; animation-delay: 1.250s; } /* Google Map on Footer */ .google-map-footer { margin: 35px 0 -50px !important; } /* RTL Popup */ html[dir="rtl"] .gm-style .gm-style-iw-c { padding: 20px 20px 0 0 !important; } /* Clearfix */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* Container */ @media (min-width: 1200px) { .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) { max-width: 1140px; } } @media (min-width: 1440px) { .container-xl-custom { max-width: 1440px; } .container-xxl-custom { max-width: 1630px; } } /* Fluid Col */ [class*="fluid-col-"] { position: relative; } [class*="fluid-col-"] .fluid-col { position: absolute; left: 15px; } [class*="fluid-col-"] .fluid-col.fluid-col-left { left: auto; right: 15px; } .fluid-col-6 { min-height: 33vw; } .fluid-col-6 .fluid-col { width: calc(50vw - 15px); } .fluid-col-sm-6 .fluid-col, .fluid-col-md-6 .fluid-col, .fluid-col-lg-6 .fluid-col, .fluid-col-xl-6 .fluid-col { width: calc(100vw - 30px); } @media (min-width: 576px) { .fluid-col-sm-6 { min-height: 33vw; } .fluid-col-sm-6 .fluid-col { width: calc(55vw - 15px); } } @media (min-width: 768px) { .fluid-col-md-6 { min-height: 33vw; } .fluid-col-md-6 .fluid-col { width: calc(50vw - 15px); } } @media (min-width: 992px) { .fluid-col-lg-6 { min-height: 33vw; } .fluid-col-lg-6 .fluid-col { width: calc(50vw - 15px); } } @media (min-width: 1200px) { .fluid-col-xl-6 { min-height: 33vw; } .fluid-col-xl-6 .fluid-col { width: calc(50vw - 15px); } } @media (max-width: 1199px) { .fluid-col-xl-6 { min-height: 64.5vw !important; } } @media (max-width: 991px) { .fluid-col-lg-6 { min-height: 64.5vw !important; } } @media (max-width: 767px) { .fluid-col-md-6 { min-height: 64.5vw !important; } } @media (max-width: 575px) { .fluid-col-sm-6 { min-height: 64.5vw !important; } } /* Gutter SM */ .row-gutter-sm { margin-right: -10px; margin-left: -10px; } .row-gutter-sm .col, .row-gutter-sm .col-1, .row-gutter-sm .col-10, .row-gutter-sm .col-11, .row-gutter-sm .col-12, .row-gutter-sm .col-2, .row-gutter-sm .col-3, .row-gutter-sm .col-4, .row-gutter-sm .col-5, .row-gutter-sm .col-6, .row-gutter-sm .col-7, .row-gutter-sm .col-8, .row-gutter-sm .col-9, .row-gutter-sm .col-auto, .row-gutter-sm .col-lg, .row-gutter-sm .col-lg-1, .row-gutter-sm .col-lg-10, .row-gutter-sm .col-lg-11, .row-gutter-sm .col-lg-12, .row-gutter-sm .col-lg-2, .row-gutter-sm .col-lg-3, .row-gutter-sm .col-lg-4, .row-gutter-sm .col-lg-5, .row-gutter-sm .col-lg-6, .row-gutter-sm .col-lg-7, .row-gutter-sm .col-lg-8, .row-gutter-sm .col-lg-9, .row-gutter-sm .col-lg-auto, .row-gutter-sm .col-md, .row-gutter-sm .col-md-1, .row-gutter-sm .col-md-10, .row-gutter-sm .col-md-11, .row-gutter-sm .col-md-12, .row-gutter-sm .col-md-2, .row-gutter-sm .col-md-3, .row-gutter-sm .col-md-4, .row-gutter-sm .col-md-5, .row-gutter-sm .col-md-6, .row-gutter-sm .col-md-7, .row-gutter-sm .col-md-8, .row-gutter-sm .col-md-9, .row-gutter-sm .col-md-auto, .row-gutter-sm .col-sm, .row-gutter-sm .col-sm-1, .row-gutter-sm .col-sm-10, .row-gutter-sm .col-sm-11, .row-gutter-sm .col-sm-12, .row-gutter-sm .col-sm-2, .row-gutter-sm .col-sm-3, .row-gutter-sm .col-sm-4, .row-gutter-sm .col-sm-5, .row-gutter-sm .col-sm-6, .row-gutter-sm .col-sm-7, .row-gutter-sm .col-sm-8, .row-gutter-sm .col-sm-9, .row-gutter-sm .col-sm-auto, .row-gutter-sm .col-xl, .row-gutter-sm .col-xl-1, .row-gutter-sm .col-xl-10, .row-gutter-sm .col-xl-11, .row-gutter-sm .col-xl-12, .row-gutter-sm .col-xl-2, .row-gutter-sm .col-xl-3, .row-gutter-sm .col-xl-4, .row-gutter-sm .col-xl-5, .row-gutter-sm .col-xl-6, .row-gutter-sm .col-xl-7, .row-gutter-sm .col-xl-8, .row-gutter-sm .col-xl-9, .row-gutter-sm .col-xl-auto { padding-left: 10px; padding-right: 10px; } /* Min Height */ .min-height-screen { min-height: 100vh; } /* Hide Text */ .hide-text { display: block; text-indent: -9999px; width: 0; height: 0; } /* Box Shadow */ .box-shadow-1:before { display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.33; content: ''; -webkit-box-shadow: 0 30px 90px #BBB; box-shadow: 0 30px 90px #BBB; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .box-shadow-1.box-shadow-1-hover:before { opacity: 0; } .box-shadow-1.box-shadow-1-hover:hover:before { opacity: 0.33; } .box-shadow-2 { -webkit-box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45); box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45); } .box-shadow-3 { -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45); } .box-shadow-4 { -webkit-box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2); } .box-shadow-5 { -webkit-box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45); box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45); } /* Border Radius */ .border-radius { border-radius: 4px !important; } html body .rounded-circle { border-radius: 50% !important; } /* Magnific Popup Demo Options */ .mfp-demo-options.mfp-bg { opacity: 0.98 !important; background: #f7f7f7; } .mfp-demo-options.mfp-bg.mfp-removing { opacity: 0 !important; } .mfp-demo-options .mfp-close { position: fixed; top: 0; right: 17px; z-index: 3000; } .mfp-demo-options.mfp-wrap { height: 100vh !important; } .mfp-demo-options.mfp-wrap:before { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), to(transparent)) repeat scroll 0 0 rgba(244, 244, 244, 0); background: linear-gradient(to bottom, #f4f4f4 0, transparent 100%) repeat scroll 0 0 rgba(244, 244, 244, 0); content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 2000; opacity: 1; opacity: 0.7; } .mfp-demo-options.mfp-wrap:after { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f4f4f4), to(transparent)) repeat scroll 0 0 rgba(244, 244, 244, 0); background: linear-gradient(to top, #f4f4f4 0, transparent 100%) repeat scroll 0 0 rgba(244, 244, 244, 0); content: ''; display: block; position: fixed; bottom: 0; left: 0; width: 100%; height: 80px; z-index: 2000; opacity: 1; opacity: 0.7; } .mfp-demo-options.mfp-wrap.mfp-removing:before, .mfp-demo-options.mfp-wrap.mfp-removing:after { opacity: 0 !important; } /* Pagination */ .pagination { position: relative; z-index: 1; } .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #CCC; -webkit-box-shadow: none !important; box-shadow: none !important; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #CCC; border-color: #CCC; -webkit-box-shadow: none !important; box-shadow: none !important; } .pagination.pagination-rounded .page-item { margin-right: 8px; margin-right: .5rem; } .pagination.pagination-rounded .page-item:last-child { margin-right: 0; } .pagination.pagination-rounded .page-link { border-radius: 50% !important; padding: 0; width: 30px; text-align: center; height: 30px; line-height: 30px; } .pagination.pagination-rounded.pagination-md .page-link { padding: 0; width: 40px; text-align: center; height: 40px; line-height: 40px; font-size: 16px; font-size: 1rem; } .pagination.pagination-rounded.pagination-lg .page-link { padding: 0; width: 60px; text-align: center; height: 60px; line-height: 60px; } /* Read More */ .read-more, .learn-more { display: inline-block; white-space: nowrap; } .learn-more-hover-animate-icon > i { -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .learn-more-hover-animate-icon:hover > i { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } /* Offset Anchor */ .offset-anchor { display: block; position: relative; visibility: hidden; top: -100px; } /* Responsive */ @media (max-width: 991px) { .offset-anchor { top: 0; } } /* Show Grid */ .show-grid [class*="col"] .show-grid-block { background-color: #EEE; line-height: 40px; min-height: 40px; text-align: center; border: 1px solid #FFF; display: block; } /* Alerts */ .alert [class*="fa-"], .alert .icons { margin-right: 8px; font-size: 1.1em; } .alert ul { padding: 0; margin: 7px 0 0 40px; } .alert ul li { font-size: 0.9em; } .alert.alert-sm { padding: 5px 10px; font-size: 0.9em; } .alert.alert-lg { padding: 20px; font-size: 1.2em; } .alert.alert-default { background-color: #f2f2f2; border-color: #eaeaea; color: #737272; } .alert.alert-default .alert-link { color: #4c4c4c; } .alert.alert-dark { background-color: #383f45; border-color: #0a0c0d; color: #d3d8dc; } .alert.alert-dark .alert-link { color: #fefefe; } /* Ratio */ .ratio.ratio-soundcloud { padding-bottom: 19.25%; } .ratio.ratio-borders { border: 1px solid #DDD; padding: 4px; border-radius: 4px; } .ratio.ratio-borders > * { top: 4px; left: 4px; width: calc( 100% - 8px); height: calc( 100% - 8px); } @media (max-width: 991px) { .col-md-3 .sidebar { clear: both; } } /* Half Section */ .col-half-section { width: 100%; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; max-width: 555px; margin-left: 30px; margin-right: 0; } .col-half-section.col-half-section-right { margin-left: 0; margin-right: 30px; } @media (max-width: 1199px) { .col-half-section { max-width: 465px; } } @media (max-width: 991px) { .col-half-section { max-width: 720px; margin: 0 auto !important; padding-left: 30px !important; padding-right: 30px !important; } } @media (max-width: 767px) { .col-half-section { max-width: 540px; } } @media (max-width: 575px) { .col-half-section { max-width: 100%; } } /* Content Grid */ .content-grid { overflow: hidden; margin: 0; padding: 0; } .content-grid .content-grid-item { position: relative; padding: 10px; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .content-grid .content-grid-item:before, .content-grid .content-grid-item:after { content: ''; position: absolute; } .content-grid .content-grid-item:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #DADADA; } .content-grid .content-grid-item:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #DADADA; } .content-grid .content-grid-item .img-fluid { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .content-grid.content-grid-dashed .content-grid-item:before { border-left: 1px dashed #DADADA; } .content-grid.content-grid-dashed .content-grid-item:after { border-bottom: 1px dashed #DADADA; } /* Alert Admin */ .alert-admin { margin: 25px 0; } .alert-admin img { margin: -50px 0 0; } .alert-admin .btn { margin: 0 0 -15px; } .alert-admin p { color: #212529; } .alert-admin h4 { color: #111; font-size: 1.2em; font-weight: 600; text-transform: uppercase; } .alert-admin .warning { color: #B20000; } /* Not Included */ .not-included { color: #b7b7b7; display: block; font-size: 0.8em; font-style: normal; margin: -4px 0; padding: 0; } /* Tip */ .tip { display: inline-block; padding: 0 5px; background: #FFF; color: #111; text-shadow: none; border-radius: 3px; margin-left: 8px; position: relative; text-transform: uppercase; font-size: 10px; font-weight: bold; } .tip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 5px; margin-top: -5px; } .tip.skin { color: #FFF; } /* Ajax Box */ .ajax-box { -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; } .ajax-box .ajax-box-content { -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 1; overflow: hidden; height: auto; } .ajax-box .bounce-loader { opacity: 0; } .ajax-box.ajax-box-init { height: 0; } .ajax-box.ajax-box-loading { height: 300px; } .ajax-box.ajax-box-loading .ajax-box-content { opacity: 0; height: 300px; } .ajax-box.ajax-box-loading .bounce-loader { opacity: 1; } /* Notice Top Bar */ .notice-top-bar { position: fixed; top: 0; left: 0; width: 100%; background: #d01a34; z-index: -1; } .notice-top-bar .notice-button { background: rgba(235, 34, 63, 0.7); color: #FFF; border-radius: 35px; -webkit-transition: ease background 300ms; transition: ease background 300ms; text-decoration: none; } .notice-top-bar .notice-button:hover { background: #eb223f; } .notice-top-bar .notice-top-bar-close { position: absolute; top: 7px; right: 7px; } /* Hover effetcs */ .hover-effect-1:not(.portfolio-item) { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0); -webkit-transition: ease transform 300ms, ease box-shadow 300ms; transition: ease transform 300ms, ease box-shadow 300ms; } .hover-effect-1:not(.portfolio-item):hover { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } .hover-effect-1.portfolio-item { -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .hover-effect-1.portfolio-item .thumb-info, .hover-effect-1.portfolio-item .owl-carousel { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.06); -webkit-transition: ease box-shadow 300ms; transition: ease box-shadow 300ms; } .hover-effect-1.portfolio-item:hover .thumb-info, .hover-effect-1.portfolio-item:hover .owl-carousel, .hover-effect-1.portfolio-item.show .thumb-info, .hover-effect-1.portfolio-item.show .owl-carousel { -webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4); } .hover-effect-1 a { -webkit-transition: ease color 300ms; transition: ease color 300ms; } .hover-effect-2 { opacity: 1; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .hover-effect-2:hover { opacity: 0.85; } .hover-effect-3 { opacity: 0.3; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .hover-effect-3:hover { opacity: 1; } /* Border Radius */ .border-radius-0 { border-radius: 0 !important; } .rounded-circle { border-radius: 50% !important; } /* Sticky Wrapper */ .sticky-wrapper { position: fixed; width: 100% !important; z-index: 11; } .sticky-wrapper .sticky-body { display: -webkit-box; display: -ms-flexbox; display: flex; background: #FFF; width: 100%; z-index: 10; -webkit-transition: ease background 300ms; transition: ease background 300ms; } .sticky-wrapper.sticky-wrapper-transparent .sticky-body { background: transparent; } .sticky-wrapper.sticky-wrapper-effect-1 { position: absolute !important; } .sticky-wrapper.sticky-wrapper-effect-1.sticky-effect-active .sticky-body { position: fixed; background: #FFF; -webkit-animation: headerReveal 0.4s ease-in; animation: headerReveal 0.4s ease-in; } .sticky-wrapper.sticky-wrapper-effect-1.sticky-wrapper-effect-1-dark.sticky-effect-active .sticky-body { background: #212529; } .sticky-wrapper.sticky-wrapper-border-bottom.sticky-effect-active .sticky-body { border-bottom: 1px solid rgba(0, 0, 0, 0.06); } /* Highlighted Word */ @-webkit-keyframes pencilAnimation { from { width: 0; } to { width: 74px; } } @keyframes pencilAnimation { from { width: 0; } to { width: 74px; } } @-webkit-keyframes pencilAnimation2 { from { width: 0; } to { width: 115px; } } @keyframes pencilAnimation2 { from { width: 0; } to { width: 115px; } } .highlighted-word { font-family: "Shadows Into Light", cursive; font-weight: 500; } .highlighted-word.highlighted-word-animation-1 { position: relative; } .highlighted-word.highlighted-word-animation-1:after { content: ''; position: absolute; right: calc(100% - 74px); bottom: -6px; width: 0; height: 15px; -webkit-animation-name: pencilAnimation; animation-name: pencilAnimation; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; overflow: hidden; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-light:after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-no-rotate:after { -webkit-transform: rotate(0); transform: rotate(0); } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-no-animate:after { -webkit-animation-duration: 0ms; animation-duration: 0ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } .highlighted-word.highlighted-word-animation-1.highlighted-word-animation-1-2:after { -webkit-animation-name: pencilAnimation2; animation-name: pencilAnimation2; right: calc(100% - 115px); background-repeat: no-repeat; } .highlighted-word.highlighted-word-rotate { -webkit-transform: rotate(-15deg); transform: rotate(-15deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Curved Border */ .curved-border { position: relative; min-height: 7.2vw; } .curved-border:after { content: ''; background-size: 100% 100%; background-position: center; position: absolute; left: 0; bottom: -2px; width: 100vw; height: 7.2vw; z-index: 20; } .curved-border.curved-border-top:after { top: -2px; bottom: auto; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } /* Vertical Divider */ .vertical-divider { display: inline; border-left: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid transparent; } /* Star Rating */ .rating-container .filled-stars { text-shadow: none !important; -webkit-text-stroke: 0 !important; } .rating-container .star { margin: 0 1px; } .rating-invisible { height: 27px; visibility: hidden !important; } .rating-xs { font-size: 12px; } /* Image Hotspots */ .image-hotspots { position: relative; } .image-hotspot { cursor: pointer; position: absolute; } .image-hotspot strong { color: #FFF; z-index: 5; font-size: 0.75em; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); font-weight: 600 !important; } .image-hotspot .circle { position: absolute; left: 50%; top: 50%; width: 28px; height: 28px; margin: -0.666em auto auto -0.666em; background: #CCC; border-radius: 50%; opacity: 0.6; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: opacity .2s ease-in, -webkit-transform .1s ease-out; transition: opacity .2s ease-in, -webkit-transform .1s ease-out; transition: opacity .2s ease-in, transform .1s ease-out; transition: opacity .2s ease-in, transform .1s ease-out, -webkit-transform .1s ease-out; color: white; font-size: 1.5em; padding: 0; text-align: center; line-height: 28px; overflow: hidden; } .image-hotspot .ring { display: block; position: absolute; top: 50%; left: 50%; width: 2em; height: 2em; margin: -1em auto auto -1em; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 50%; border: 1px solid rgba(204, 204, 204, 0.9); opacity: 0; -webkit-animation: hotspot-pulsate 3s ease-out infinite; animation: hotspot-pulsate 3s ease-out infinite; } /* Page Transition */ body[data-plugin-page-transition] { -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } body.page-transition-active { opacity: 0 !important; } /* Image 360º Viewer Credits: Codyhouse (https://codyhouse.co/gem/360-degrees-product-viewer) */ .cd-product-viewer-wrapper { text-align: center; padding: 2em 0; } .cd-product-viewer-wrapper > div { display: inline-block; } @media (max-width: 1199px) { .cd-product-viewer-wrapper > div { width: 100% !important; } } .cd-product-viewer-wrapper .product-viewer { position: relative; z-index: 1; display: inline-block; overflow: hidden; } @media (max-width: 1199px) { .cd-product-viewer-wrapper .product-viewer { width: 100% !important; } } .cd-product-viewer-wrapper img { display: block; position: relative; width: 100%; z-index: 1; } .cd-product-viewer-wrapper .product-sprite { position: absolute; z-index: 2; top: 0; left: 0; height: 100%; width: 1600%; background-size: 100%; background-repeat: no-repeat; background-position: center center; opacity: 0; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .cd-product-viewer-wrapper.loaded .product-sprite { opacity: 1; cursor: ew-resize; } .cd-product-viewer-handle { position: relative; z-index: 2; width: 60%; max-width: 300px; border-radius: 50em; margin: 1em auto 3em; height: 4px; } .cd-product-viewer-handle .fill { position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; border-radius: inherit; background: #212529; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: ease transform 500ms; transition: ease transform 500ms; } .no-csstransitions .cd-product-viewer-handle .fill { display: none; } .loaded .cd-product-viewer-handle .fill { opacity: 1; background-image: none !important; -webkit-transition: ease transform 300ms, ease opacity 200ms 300ms; transition: ease transform 300ms, ease opacity 200ms 300ms; } .cd-product-viewer-handle .handle { position: absolute; z-index: 2; display: inline-block; height: 44px; width: 44px; left: 0; top: -20px; background: #212529; border-radius: 50%; border: 2px solid #212529; text-indent: 100%; white-space: nowrap; overflow: hidden; color: transparent; -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: ease box-shadow 200ms; transition: ease box-shadow 200ms; } .cd-product-viewer-handle .handle .bars { position: absolute; top: 50%; left: 50%; width: 4px; height: 20px; background: #FFF; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .cd-product-viewer-handle .handle .bars:before, .cd-product-viewer-handle .handle .bars:after { content: ''; position: absolute; top: 50%; width: 4px; height: 60%; background: #FFF; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .cd-product-viewer-handle .handle .bars:before { left: -8px; } .cd-product-viewer-handle .handle .bars:after { right: -8px; } .loaded .cd-product-viewer-handle .handle { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); -webkit-animation: cd-bounce 300ms 300ms; animation: cd-bounce 300ms 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; cursor: ew-resize; } @-webkit-keyframes cd-bounce { 0% { -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); } 60% { -webkit-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); } 100% { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } } @keyframes cd-bounce { 0% { -webkit-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); } 60% { -webkit-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1); } 100% { -webkit-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } } /* Video Open Icon */ .video-open-icon { display: inline-block; width: 64px; width: 4rem; height: 64px; height: 4rem; padding: 6px; padding: .375rem; -webkit-transition: padding .2s; transition: padding .2s; border-radius: 2rem; background: rgba(255, 255, 255, 0.07); position: relative; vertical-align: middle; margin-right: 8px; margin-right: .5rem; -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.04); box-shadow: 0 0 40px rgba(0, 0, 0, 0.04); } .video-open-icon:before { content: ''; display: block; width: 100%; height: 100%; border-radius: 2rem; background: #fff; } .video-open-icon:after { content: ''; border-left: 12px solid #08c; border-top: 7px solid transparent; border-bottom: 7px solid transparent; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -5px; } .video-open-icon:hover { padding: 4px; padding: .25rem; } /* Landing Page Text Reasons */ .text-reasons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } .text-reasons h3 { padding: 12px 56px; padding: .75rem 3.5rem; text-transform: uppercase; border-radius: 4px; margin-bottom: 6.4px; margin-bottom: .4rem; font-weight: 800; } .text-reasons h3:nth-child(2) { background: rgba(25, 25, 25, 0.15); margin-left: -10%; } .text-reasons h3:nth-child(3) { background: rgba(25, 25, 25, 0.57); font-size: 28px; font-size: 1.75rem; line-height: 1.5; padding-left: 80px; padding-left: 5rem; margin-left: 32px; margin-left: 2rem; } .text-reasons h3:nth-child(4) { background: #222529; font-size: 36px; font-size: 2.25rem; padding: 8px 20px; padding: .5rem 1.25rem; margin-left: 15%; } .text-reasons label { font-size: 200px; font-size: 12.5rem; line-height: .8; font-weight: 800; position: absolute; left: 0; top: 0; } .text-reasons .highlighted-word { letter-spacing: -.025em; } .text-reasons .highlighted-word:after { bottom: -0.33em; left: 10%; -webkit-transform: scaleY(-1); transform: scaleY(-1); } /* Strong Shadow */ .strong-shadow { position: relative; display: inline-block; } .strong-shadow:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #494b4e; z-index: -1; } .strong-shadow.strong-shadow-top-right:before { top: -25px; left: 25px; right: -25px; bottom: 25px; } .strong-shadow.rounded:before { border-radius: 5px; } /* SVG Background */ .background-svg-style-1 { position: absolute; top: 31px; width: 100vw; } .background-svg-style-1 .dots { -webkit-filter: url(#shadow); filter: url(#shadow); } .background-svg-style-1 .dots.dots-animation { -webkit-filter: url(#shadow); filter: url(#shadow); } /* Payment CC */ .payment-cc { display: -webkit-box; display: -ms-flexbox; display: flex; } .payment-cc > i { font-size: 32px; font-size: 2rem; -webkit-transition: ease color 300ms; transition: ease color 300ms; } .payment-cc > i + i { margin-left: 10px; } .payment-cc > i:hover { color: #FFF; } .payment-cc.payment-cc-no-hover-effect > i:hover { color: inherit; } /* ElevateZoom Fix */ .zoomContainer { z-index: 1; } /* PORTO Big Title */ .porto-big-title { letter-spacing: -22px; font-size: 144px; font-size: 9rem; line-height: 0.8; } @media (max-width: 575px) { .porto-big-title { letter-spacing: -18px; font-size: 7rem; } } /* Animated Letters */ [data-plugin-animated-letters] { opacity: 0; visibility: hidden; } [data-plugin-animated-letters].initialized { opacity: 1; visibility: visible; } /* Animated Letters - Type Writer Effect */ @-webkit-keyframes typeWriterFlash { from { opacity: 0; } to { opacity: 1; } } @keyframes typeWriterFlash { from { opacity: 0; } to { opacity: 1; } } .letters-wrapper + .typeWriter:last-child { position: relative; padding-right: 4px; opacity: 0.7; } .letters-wrapper + .typeWriter:last-child:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 1px; background: #212121; -webkit-animation-name: typeWriterFlash; animation-name: typeWriterFlash; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 600ms; animation-duration: 600ms; } /* Read More Rendered (JS Plugin) */ .readmore-rendered { position: relative; overflow: hidden; } .readmore-rendered .readmore-overlay { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1; } .readmore-rendered .readmore-button-wrapper { position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 2; } /* Style Switcher Open Loader Button */ .style-switcher-open-loader { color: #FFF !important; background-color: #151719; display: block; height: 40px; position: fixed; left: 0; top: 135px; width: 40px; font-size: 12px; line-height: 40px; color: #FFF; text-align: center; text-decoration: none; border-radius: 0 4px 4px 0; z-index: 9999; } .style-switcher-open-loader.style-switcher-open-loader-loading > i { -webkit-animation-name: basicRotation; animation-name: basicRotation; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .style-switcher-open-loader.style-switcher-open-loader-loading > i:before { content: "\F1CE"; } .style-switcher-open-loader .style-switcher-tooltip { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: calc(100% + 20px); width: 200px; background: #282d31; text-align: left; padding: 22.4px; padding: 1.4rem; border-radius: 4px; -webkit-box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px -6px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-20px, -50%, 0); transform: translate3d(-20px, -50%, 0); -webkit-transition: ease opacity 300ms, ease transform 300ms; transition: ease opacity 300ms, ease transform 300ms; } .style-switcher-open-loader .style-switcher-tooltip:before { content: ''; display: block; position: absolute; top: 50%; left: -10px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #282d31; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .style-switcher-open-loader .style-switcher-tooltip > strong { font-size: 13.6px; font-size: 0.85rem; font-family: "Open Sans"; line-height: 1.3; display: block; margin-bottom: 8px; margin-bottom: 0.5rem; } .style-switcher-open-loader .style-switcher-tooltip > p { color: #e2e2e2; font-size: 12.8px; font-size: 0.8rem; line-height: 1.5; margin-bottom: 0; opacity: 0.8; } .style-switcher-open-loader .style-switcher-tooltip.active { visibility: visible; opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } @media (max-width: 767px) { .style-switcher-open-loader { display: none; } } /* Envato Buy Redirect and Demos */ .envato-buy-redirect, .demos-redirect { color: #FFF !important; background-color: #151719; display: block; height: 40px; position: fixed; left: 0; top: 176px; width: 40px; font-size: 12px; line-height: 40px; color: #FFF; text-align: center; text-decoration: none; border-radius: 0 4px 4px 0; z-index: 9998; } .demos-redirect { top: 217px; } .demos-redirect img { max-width: 16px; max-height: 16px; } @media (max-width: 767px) { .envato-buy-redirect, .demos-redirect { display: none; } } /* Video */ [data-plugin-video] { position: relative; } [data-plugin-video] > img { position: relative; z-index: 1; } [data-plugin-video] > video { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } [data-plugin-video] > video.active { z-index: 1; } /* Cursor Effect */ .cursor-outer { position: fixed; left: 0; top: 0; width: 40px; height: 40px; border: 1px solid #CCC; border-radius: 100%; pointer-events: none; z-index: 9998; -webkit-transition: ease-out all .08s .010s; transition: ease-out all .08s .010s; } .cursor-outer.cursor-outer-fit { left: 0 !important; top: 0 !important; } .cursor-outer.cursor-color-light { border-color: #FFF !important; } .cursor-outer.cursor-color-dark { border-color: #212121 !important; } .cursor-inner { position: fixed; left: 17px; top: 17px; width: 6px; height: 6px; background: #CCC; border-radius: 100%; pointer-events: none; z-index: 9999; -webkit-transition: all .08s ease-out; transition: all .08s ease-out; } .cursor-inner.cursor-inner-plus { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: transparent !important; } .cursor-inner.cursor-inner-plus:before { content: '+'; color: #FFF; font-size: 27.2px; font-size: 1.7rem; } .cursor-inner.cursor-color-light:not(.cursor-inner-plus) { background-color: #FFF !important; } .cursor-inner.cursor-color-light.cursor-inner-plus:before { color: #FFF !important; } .cursor-inner.cursor-color-dark:not(.cursor-inner-plus) { background-color: #212121 !important; } .cursor-inner.cursor-color-dark.cursor-inner-plus:before { color: #212121 !important; } .hide-mouse-cursor { cursor: none; } .hide-mouse-cursor a, .hide-mouse-cursor button, .hide-mouse-cursor input, .hide-mouse-cursor textarea, .hide-mouse-cursor .mfp-auto-cursor .mfp-content { cursor: none !important; } .cursor-effect-size-small .cursor-outer { width: 20px; height: 20px; left: 10px; top: 9px; } .cursor-effect-size-small .cursor-inner { width: 4px; height: 4px; left: 18px; } .cursor-effect-size-small .cursor-inner.cursor-inner-plus:before { font-size: 17.6px; font-size: 1.1rem; } .cursor-effect-size-big .cursor-outer { width: 60px; height: 60px; left: -9px; top: -10px; } .cursor-effect-size-big .cursor-inner { width: 8px; height: 8px; } .cursor-effect-size-big .cursor-inner.cursor-inner-plus:before { font-size: 41.6px; font-size: 2.6rem; } .cursor-effect-style-square .cursor-outer { border-radius: 0; } .cursor-effect-style-square .cursor-inner { border-radius: 0; } /* Simple Copy To Clipboard */ .copy-to-clipboard-wrapper .btn { position: relative; } .copy-to-clipboard-wrapper .btn:before { content: 'Copy to Clipboard'; position: absolute; top: -41px; left: 50%; background: #212121; border-radius: 4px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 0; display: none; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; white-space: nowrap; padding: 6px 14px; font-size: 12px; font-size: 0.75rem; z-index: 10; } .copy-to-clipboard-wrapper .btn:after { content: ''; position: absolute; top: -12px; left: 50%; width: 0; height: 0; border-top: 7px solid #212121; border-left: 7px solid transparent; border-right: 7px solid transparent; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 0; display: none; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .copy-to-clipboard-wrapper .btn:hover:before, .copy-to-clipboard-wrapper .btn:hover:after, .copy-to-clipboard-wrapper .btn.copied:before, .copy-to-clipboard-wrapper .btn.copied:after { display: block; opacity: 1; } .copy-to-clipboard-wrapper .btn.copied:before { content: 'Copied!'; } /* Popup */ .popup-inline-content, .mfp-content .ajax-container { background: none repeat scroll 0 0 #FFF; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none; } .mfp-content .ajax-container { display: block; } .mfp-wrap .popup-inline-content { display: block; } .modal-header .btn-close { text-indent: -99999px; } .modal-footer > :not(:first-child) { margin-left: 4px; margin-left: .25rem; margin-right: 0px; margin-right: 0rem; } .modal-footer > :not(:last-child) { margin-right: 4px; margin-right: .25rem; margin-left: 0px; margin-left: 0rem; } /* Nav */ .nav > li > a { text-decoration: none; } .nav > li > a:hover, .nav > li > a:focus { background: transparent; text-decoration: none; } /* Nav List */ ul.nav-list li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list li a { -webkit-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid rgba(0, 0, 0, 0.06); padding: 8px 0 8px 22px; display: block; color: #666; font-size: 0.9em; text-decoration: none; line-height: 20px; } ul.nav-list li a:before { font-family: 'Font Awesome 5 Free'; content: "\F054"; font-weight: 900; position: absolute; top: 8px; font-size: 7.2px; font-size: 0.45rem; opacity: 0.7; -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); left: 12px; } ul.nav-list li a:hover { text-decoration: none; } ul.nav-list li a:hover:before, ul.nav-list li a:hover i[class*="fa-chevron"] { -webkit-animation-name: arrowLeftRight; animation-name: arrowLeftRight; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } ul.nav-list li a i[class*="fa-chevron"] { position: relative; top: -1px; font-size: 8px; font-size: 0.5rem; opacity: 0.8; } ul.nav-list li > a.active { font-weight: bold; } ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.nav-list li:last-child a { border-bottom: 0; } ul.nav-list.hide-not-active li ul { display: none; } ul.nav-list.hide-not-active li.active ul { display: block; } ul.nav-list.show-bg-active .active > a, ul.nav-list.show-bg-active a.active { background-color: #f5f5f5; } ul.nav-list.show-bg-active .active > a:hover, ul.nav-list.show-bg-active a.active:hover { background-color: #eee; } ul.nav-list.no-arrows li a:before { content: none; } ul.nav-list-simple li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list-simple li a { -webkit-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid rgba(0, 0, 0, 0.07); padding: 8px 0; display: block; color: #666; font-size: 0.9em; text-decoration: none; line-height: 20px; -webkit-transition: ease padding 300ms; transition: ease padding 300ms; } ul.nav-list-simple li > a.active { font-weight: bold; } ul.nav-list-simple li:hover a { padding-left: 4px; } ul.nav-list-simple li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.narrow li a { padding: 4px 0; } ul.nav-pills > li > a.active { color: #FFF; background-color: #CCC; } ul.nav-pills > li > a.active:hover, ul.nav-pills > li > a.active:focus { color: #FFF; background-color: #CCC; } /* Nav Pills */ .nav-pills-center { text-align: center; } .nav-pills-center > li { display: inline-block; float: none; } .nav-pills-sm > li > a { padding: 7px 12px; } .nav-pills-xs > li > a { padding: 5px 10px; font-size: 0.9em; } .nav-pills .nav-link.active { background-color: transparent; } .show > .nav-pills .nav-link { background-color: transparent; } /* Nav Light */ .nav-light > li > a { color: #FFF; } /* Nav Active Style - Active Bottom Border */ .nav-active-style-1 { min-height: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .nav-active-style-1 > li { -ms-flex-item-align: stretch; align-self: stretch; } .nav-active-style-1 > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding: 0 !important; margin: 0 15px; border-bottom: 2px solid transparent; -webkit-transition: ease border-color 300ms; transition: ease border-color 300ms; } .nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active { border-bottom-color: #CCC; } @media (max-width: 575px) { .nav-active-style-1 > li > a { min-height: 45px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } html.ie .nav-active-style-1 > li { min-height: 100px; } /* Nav Secondary */ .nav-secondary { background: #fafafa; margin: 0; padding: 20px 0; text-align: center; z-index: 99; width: 100% !important; } .nav-secondary .nav-pills > li { float: none; display: inline-block; } .nav-secondary .nav-pills > li a { font-size: 12px; font-style: normal; font-weight: 600; line-height: 20px; padding: 10px 13px; text-transform: uppercase; } .nav-secondary.sticky-active { border-bottom-color: #e9e9e9; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } /* Boxed */ html.boxed .nav-secondary.sticky-active { max-width: 1200px; left: auto !important; } /* Section Scroll - Dots Navigation */ .section-scroll-dots-navigation { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; top: 50%; right: 30px; background: #FFF; border-radius: 35px; padding: 9.6px; padding: 0.6rem; z-index: 10; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .section-scroll-dots-navigation > ul { margin: 8px 0; margin: 0.5rem 0; } .section-scroll-dots-navigation > ul:hover > li.active:hover > a > span { opacity: 1; visibility: visible; } .section-scroll-dots-navigation > ul:hover > li.active > a > span { opacity: 0; visibility: hidden; } .section-scroll-dots-navigation > ul > li { position: relative; margin-bottom: 4.8px; margin-bottom: 0.3rem; } .section-scroll-dots-navigation > ul > li:last-child { margin-bottom: 0; } .section-scroll-dots-navigation > ul > li:hover { background: transparent; } .section-scroll-dots-navigation > ul > li:hover > a > span { opacity: 1; visibility: visible; } .section-scroll-dots-navigation > ul > li.active > a:before { opacity: 1; } .section-scroll-dots-navigation > ul > li > a { position: relative; width: 15px; height: 15px; display: block; padding: 4.8px; padding: 0.3rem; } .section-scroll-dots-navigation > ul > li > a:before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 8px; height: 8px; border-radius: 100%; opacity: 0.3; background: #CCC; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .section-scroll-dots-navigation > ul > li > a > span { position: absolute; top: 50%; right: calc(100% + 20px); background: #FFF; color: #212529; font-size: 12.8px; font-size: 0.8rem; font-weight: 800; padding: 3.2px 16px; padding: 0.2rem 1rem; border-radius: 4px; white-space: nowrap; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .section-scroll-dots-navigation > ul > li > a > span:after { content: ''; position: absolute; top: 50%; left: 100%; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #F7F7F7; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .section-scroll-dots-navigation.section-scroll-dots-navigation-style-2 { background: transparent; } .section-scroll-dots-navigation.section-scroll-dots-navigation-light > ul > li > a:before { background: #FFF; } .section-scroll-dots-navigation.section-scroll-dots-navigation-light > ul > li > a > span { right: calc(100% + 10px); } @media (max-width: 767px) { .section-scroll-dots-navigation { right: 15px; } } /* Overlays */ .overlay { position: relative; /* Backward */ } .overlay:before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; background: #212529; opacity: 0; pointer-events: none; -webkit-transition: ease opacity 300ms 100ms; transition: ease opacity 300ms 100ms; } .overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0.8; } .overlay.overlay-op-1:hover:before, .overlay.overlay-op-1.overlay-show:before, .overlay.overlay-op-1.show:before { opacity: 0.1; } .overlay.overlay-op-2:hover:before, .overlay.overlay-op-2.overlay-show:before, .overlay.overlay-op-2.show:before { opacity: 0.2; } .overlay.overlay-op-3:hover:before, .overlay.overlay-op-3.overlay-show:before, .overlay.overlay-op-3.show:before { opacity: 0.3; } .overlay.overlay-op-4:hover:before, .overlay.overlay-op-4.overlay-show:before, .overlay.overlay-op-4.show:before { opacity: 0.4; } .overlay.overlay-op-5:hover:before, .overlay.overlay-op-5.overlay-show:before, .overlay.overlay-op-5.show:before { opacity: 0.5; } .overlay.overlay-op-6:hover:before, .overlay.overlay-op-6.overlay-show:before, .overlay.overlay-op-6.show:before { opacity: 0.6; } .overlay.overlay-op-7:hover:before, .overlay.overlay-op-7.overlay-show:before, .overlay.overlay-op-7.show:before { opacity: 0.7; } .overlay.overlay-op-8:hover:before, .overlay.overlay-op-8.overlay-show:before, .overlay.overlay-op-8.show:before { opacity: 0.8; } .overlay.overlay-op-9:hover:before, .overlay.overlay-op-9.overlay-show:before, .overlay.overlay-op-9.show:before { opacity: 0.9; } .overlay.overlay-backward:hover:before, .overlay.overlay-backward.overlay-show:before, .overlay.overlay-backward.show:before { z-index: 0; } .overlay .container, .overlay .container-fluid { position: relative; z-index: 3; } /* Overlay Colors */ .overlay-light:before { background-color: #FFF !important; } .overlay-dark:before { background-color: #212529 !important; } /* Overlay Gradient */ .overlay-gradient:before { background-color: #6c6ef1; background-image: -webkit-gradient(linear, left top, right top, from(#6c6ef1), to(#e2498e)); background-image: linear-gradient(to right, #6c6ef1 0%, #e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1 ); } .overlay-gradient.overlay-gradient-animated:before { background-size: 200% 200%; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Parallax */ .parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; position: relative; clear: both; } .parallax:not(.page-header):not(.match-height):not([class*="section-height-"]) { margin: 70px 0; padding: 50px 0; } .parallax blockquote { border: 0; padding: 0 10%; } .parallax blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .parallax blockquote p { font-size: 24px; line-height: 30px; } .parallax blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .parallax-disabled .parallax-background { background-attachment: scroll !important; background-position: 50% 50% !important; } .parallax-background + .container { position: relative; } /* Pricing Tables */ .pricing-table { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; /* Responsive */ } .pricing-table .plan { background: #FFF; border-radius: 0; margin-top: 15px; margin-bottom: 15px; } .pricing-table .plan .plan-price, .pricing-table .plan .plan-features, .pricing-table .plan .plan-footer { border: 1px solid #E0CEAA; } .pricing-table .plan .plan-header { background: #212529; padding: 15.2px 16px; padding: 0.95rem 1rem; } .pricing-table .plan .plan-header h3 { color: #FFF; font-size: 12.8px; font-size: 0.8rem; font-weight: 600; line-height: 1; letter-spacing: 0; text-align: center; text-transform: uppercase; margin-bottom: 0; } .pricing-table .plan .plan-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f7f7f7; border-top: 0; border-bottom: 0; padding: 32px 12.8px; padding: 2rem 0.8rem; text-align: center; } .pricing-table .plan .plan-price .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 43.2px; font-size: 2.7rem; font-weight: 600; line-height: 1; color: #212529; } .pricing-table .plan .plan-price .price .price-unit { font-size: 50%; line-height: 1.4; } .pricing-table .plan .plan-price .price-label { text-transform: uppercase; color: #9c9ea0; font-size: 11.2px; font-size: 0.7rem; line-height: 1; margin-bottom: 0; } .pricing-table .plan .plan-features { border-top: 0; border-bottom: 0; padding: 12.8px; padding: 0.8rem; text-align: center; } .pricing-table .plan .plan-features ul { padding: 0 8px 0 8px; padding: 0 0.5rem 0 0.5rem; margin-bottom: 0; } .pricing-table .plan .plan-features ul li { border-bottom: 1px solid #E0CEAA; line-height: 2.9; list-style: none; font-size: 0.9em; } .pricing-table .plan .plan-features ul li:last-child { border-bottom: 0; } .pricing-table .plan .plan-footer { border-top: 0; padding: 24px 12.8px 40px; padding: 1.5rem 0.8rem 2.5rem; text-align: center; } .pricing-table .plan.plan-featured { position: relative; -webkit-box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3); box-shadow: 0px 0px 40px rgba(200, 200, 200, 0.3); -webkit-transform: scale(1.15); transform: scale(1.15); z-index: 1; } .pricing-table .plan.plan-featured .plan-header h3, .pricing-table .plan.plan-featured .plan-features ul li { font-size: 12.8px; font-size: 0.8rem; } .pricing-table.pricing-table-no-gap { margin-left: 0; margin-right: 0; } .pricing-table.pricing-table-no-gap .plan { margin-left: -16px; margin-right: -15px; margin-top: 0; margin-bottom: 0; } @media (max-width: 767px) { .pricing-table .plan.plan-featured { -webkit-transform: scale(1); transform: scale(1); } .pricing-table .plan.plan-featured .plan-header h3, .pricing-table .plan.plan-featured .plan-features ul li { font-size: 0.9rem; } } /* Pricing Block Style */ .pricing-block > .row { margin-right: 0; margin-left: 0; } .pricing-block > .row > div:nth-child(1) { padding: 27.2px; padding: 1.7rem; } .pricing-block > .row > div:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 27.2px; padding: 1.7rem; background: #f7f7f7; text-align: center; border-left: 1px solid #dee2e6; border-radius: 0 4px 4px 0; } .pricing-block .plan-price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #f7f7f7; border-top: 0; border-bottom: 0; text-align: center; } .pricing-block .plan-price .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-size: 43.2px; font-size: 2.7rem; font-weight: 600; line-height: 1; color: #212529; } .pricing-block .plan-price .price .price-unit { font-size: 50%; line-height: 1.4; } .pricing-block .plan-price .price-label { text-transform: uppercase; color: #9c9ea0; font-size: 11.2px; font-size: 0.7rem; line-height: 1; margin-bottom: 0; } @media (max-width: 991px) { .pricing-block > .row > div:nth-child(2) { border-left: none; border-top: 1px solid #dee2e6; border-radius: 0 0 4px 4px; } } /* Process */ .process { text-align: center; } .process .process-step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .process .process-step-circle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 90px; text-align: center; width: 90px; border: 2px solid #CCC; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background-color: transparent; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .process .process-step-content { padding-top: 20px; } .process .process-step-circle-content { font-weight: bold; color: #212529; font-size: 1.6em; letter-spacing: -1px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .process .process-step:hover .process-step-circle { background-color: #CCC; } .process .process-step:hover .process-step-circle .process-step-circle-content { color: #FFF; } .process .process-step:hover .process-step-circle .process-step-circle-content .icons { color: #FFF !important; } .process.process-shapes .process-step-circle { position: relative; width: auto; height: auto; border: 0; margin-bottom: 19.2px; margin-bottom: 1.2rem; } .process.process-shapes .process-step-circle .process-step-circle-content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 45px; height: 45px; background-color: #CCC; border-radius: 100%; color: #FFF; z-index: 3; } .process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background-color: #9c9ea0; border-radius: 100%; opacity: 0.6; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5); transform: translate3d(-50%, -50%, 0) scale(1.5); -webkit-transition: ease transform 1s; transition: ease transform 1s; z-index: 2; } .process.process-shapes .process-step-circle:after { background-color: #999; opacity: 0.3; -webkit-transform: translate3d(-50%, -50%, 0) scale(2); transform: translate3d(-50%, -50%, 0) scale(2); z-index: 1; } .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before { -webkit-animation-name: processShapesScaleOne; animation-name: processShapesScaleOne; -webkit-animation-delay: 300ms; animation-delay: 300ms; } .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after { -webkit-animation-name: processShapesScaleTwo; animation-name: processShapesScaleTwo; } .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:before, .process.process-shapes.process-shapes-hover-animate .process-step:hover .process-step-circle:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before { -webkit-animation-name: processShapesScaleOne; animation-name: processShapesScaleOne; -webkit-animation-delay: 300ms; animation-delay: 300ms; } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after { -webkit-animation-name: processShapesScaleTwo; animation-name: processShapesScaleTwo; } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:before, .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle:after { -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:before { -webkit-animation-name: processShapesScaleOne; animation-name: processShapesScaleOne; -webkit-animation-delay: 1000ms; animation-delay: 1000ms; } .process.process-shapes.process-shapes-always-animate .process-step .process-step-circle.process-shapes-always-animate-delay:after { -webkit-animation-name: processShapesScaleTwo; animation-name: processShapesScaleTwo; -webkit-animation-delay: 700ms; animation-delay: 700ms; } @-webkit-keyframes processShapesScaleOne { 0% { opacity: 0.6; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5); transform: translate3d(-50%, -50%, 0) scale(1.5); } 25% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.8); transform: translate3d(-50%, -50%, 0) scale(1.8); } 50% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } 100% { opacity: 0.6; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5); transform: translate3d(-50%, -50%, 0) scale(1.5); } } @keyframes processShapesScaleOne { 0% { opacity: 0.6; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5); transform: translate3d(-50%, -50%, 0) scale(1.5); } 25% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.8); transform: translate3d(-50%, -50%, 0) scale(1.8); } 50% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } 100% { opacity: 0.6; -webkit-transform: translate3d(-50%, -50%, 0) scale(1.5); transform: translate3d(-50%, -50%, 0) scale(1.5); } } @-webkit-keyframes processShapesScaleTwo { 0% { opacity: 0.3; -webkit-transform: translate3d(-50%, -50%, 0) scale(2); transform: translate3d(-50%, -50%, 0) scale(2); } 25% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(2.3); transform: translate3d(-50%, -50%, 0) scale(2.3); } 50% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } 100% { opacity: 0.3; -webkit-transform: translate3d(-50%, -50%, 0) scale(2); transform: translate3d(-50%, -50%, 0) scale(2); } } @keyframes processShapesScaleTwo { 0% { opacity: 0.3; -webkit-transform: translate3d(-50%, -50%, 0) scale(2); transform: translate3d(-50%, -50%, 0) scale(2); } 25% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(2.3); transform: translate3d(-50%, -50%, 0) scale(2.3); } 50% { opacity: 0; -webkit-transform: translate3d(-50%, -50%, 0) scale(1); transform: translate3d(-50%, -50%, 0) scale(1); } 100% { opacity: 0.3; -webkit-transform: translate3d(-50%, -50%, 0) scale(2); transform: translate3d(-50%, -50%, 0) scale(2); } } @media (min-width: 992px) { .process .process-step:before { content: ''; height: 2px; display: block; background-color: #E0CEAA; position: absolute; width: 50%; top: 45px; left: 75%; } .process .process-step:last-child:before { display: none; } .process.process-shapes .process-step:before { top: 23px; } } .process-vertical { text-align: left; } .process-vertical .process-step { width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: start; -ms-flex-align: start; align-items: start; position: relative; padding-bottom: 60px; } .process-vertical .process-step:before { display: none; } .process-vertical .process-step:after { width: 2px; display: block; background-color: #E0CEAA; position: absolute; content: ''; height: calc(100% - 80px); top: 70px; left: 30px; } .process-vertical .process-step:last-child:after { display: none; } .process-vertical .process-step-circle { height: 60px; width: 60px; margin: 0 15px 0 0; min-height: 60px; min-width: 60px; } .process-vertical .process-step-content { padding-top: 0; } .process-connecting-line { position: relative; text-align: left; } .process-connecting-line .connecting-line { content: ''; position: absolute; top: 25px; left: 15px; right: 15px; height: 3px; background: #CCC; } .process-connecting-line .process-step { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding-right: 48px; padding-right: 3rem; padding-left: 48px; padding-left: 3rem; } .process-connecting-line .process-step:before { content: none; } .process-connecting-line .process-step-circle { background: #FFF; width: 50px; height: 50px; border: 3px solid #CCC; } /* Scroll to Top */ html .scroll-to-top { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; background: #404040; border-radius: 4px 4px 0 0; bottom: 0; color: #FFF; display: block; height: 9px; opacity: 0; padding: 10px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 50px; z-index: 1040; font-size: 0.8em; } html .scroll-to-top:hover { opacity: 1; } html .scroll-to-top.visible { opacity: 0.75; } html .scroll-to-top span { display: inline-block; padding: 0 5px; } html.lightbox-opened .scroll-to-top { right: 27px; } html.ie11 .scroll-to-top { right: 25px; } /* Responsive */ @media (max-width: 991px) { html .scroll-to-top.hidden-mobile { display: none !important; } } /* Scrollable */ .scrollable { overflow: hidden; position: relative; width: 100%; } .scrollable .scrollable-content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; padding: 0 37px 0 0; overflow-x: hidden; overflow-y: scroll; outline: none; } .scrollable .scrollable-content::-webkit-scrollbar { visibility: hidden; } .scrollable .scrollable-pane { bottom: 0; opacity: 0.01; position: absolute; right: 5px; top: 0; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 4px; } .scrollable .scrollable-slider { border-radius: 5px; background: none repeat scroll 0 0 #CCC; margin: 0; position: relative; -webkit-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; opacity: 0; } .scrollable.scrollable-padding .scrollable-content { padding: 10px 24px 10px 10px; } .scrollable:hover .scrollable-slider, .scrollable.visible-slider .scrollable-slider { opacity: 1; } /* Section Featured */ section.section { background: #f7f7f7; border-top: 5px solid #f1f1f1; margin: 30px 0; padding: 50px 0; } section.section > .container { position: relative; } section.section.section-height-1 { padding: 12.307px 0; padding: 0.7692307692rem 0; } section.section.section-height-2 { padding: 36.923px 0; padding: 2.3076923077rem 0; } section.section.section-height-3 { padding: 73.846px 0; padding: 4.6153846154rem 0; } section.section.section-height-4 { padding: 110.769px 0; padding: 6.9230769231rem 0; } section.section.section-height-5 { padding: 147.692px 0; padding: 9.2307692308rem 0; } section.section.section-bg-strong-grey { background: #E0CEAA; } section.section.section-no-background { background: transparent; border-top-color: transparent; } section.section.section-center { text-align: center; } section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 { color: #FFF; } section.section.section-text-light p { color: #e6e5e5; } section.section.section-background { background-repeat: repeat; border: 0; } section.section.section-background-change-anim { -webkit-animation-name: colorTransition; animation-name: colorTransition; -webkit-animation-duration: 25s; animation-duration: 25s; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } section.section.section-funnel { position: relative; } section.section.section-funnel .section-funnel-layer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 96px 0; padding: 6rem 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } section.section.section-funnel .section-funnel-layer-bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 96px 0; padding: 6rem 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } section.section.section-funnel .section-funnel-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #FFF; } section.section.section-funnel .section-funnel-layer:nth-child(1) { -webkit-transform: skewY(-4.7deg); transform: skewY(-4.7deg); } section.section.section-funnel .section-funnel-layer:nth-child(2) { -webkit-transform: skewY(4.7deg); transform: skewY(4.7deg); } section.section.section-angled { position: relative; margin: 0; overflow: hidden; } section.section.section-angled .section-angled-layer-top { position: absolute; top: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; -webkit-transform: skewY(-0.7deg) translate3d(0, -50%, 0); transform: skewY(-0.7deg) translate3d(0, -50%, 0); } section.section.section-angled .section-angled-layer-bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 48px 0; padding: 3rem 0; -webkit-transform: skewY(0.7deg) translate3d(0, 50%, 0); transform: skewY(0.7deg) translate3d(0, 50%, 0); } section.section.section-angled .section-angled-layer-top + .section-angled-content, section.section.section-angled .section-angled-layer-top + .section-angled-layer-bottom + .section-angled-content { margin-top: 40px; margin-top: 2.5rem; } section.section.section-angled .section-angled-layer-bottom + .section-angled-content, section.section.section-angled .section-angled-layer-bottom + .section-angled-layer-top + .section-angled-content { margin-bottom: 40px; margin-bottom: 2.5rem; } section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-top { -webkit-transform: skewY(-1.7deg) translate3d(0, -50%, 0); transform: skewY(-1.7deg) translate3d(0, -50%, 0); } section.section.section-angled .section-angled-layer-increase-angle.section-angled-layer-bottom { -webkit-transform: skewY(1.7deg) translate3d(0, 50%, 0); transform: skewY(1.7deg) translate3d(0, 50%, 0); } section.section.section-angled .section-angled-layer-increase-angle-2.section-angled-layer-top { padding: 112px 0; padding: 7rem 0; -webkit-transform: skewY(-4.7deg) translate3d(0, -50%, 0); transform: skewY(-4.7deg) translate3d(0, -50%, 0); } section.section.section-angled .section-angled-layer-increase-angle-2.section-angled-layer-bottom { padding: 112px 0; padding: 7rem 0; -webkit-transform: skewY(4.7deg) translate3d(0, 50%, 0); transform: skewY(4.7deg) translate3d(0, 50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-top { -webkit-transform: skewY(0.7deg) translate3d(0, -50%, 0); transform: skewY(0.7deg) translate3d(0, -50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-bottom { -webkit-transform: skewY(-0.7deg) translate3d(0, 50%, 0); transform: skewY(-0.7deg) translate3d(0, 50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-top { -webkit-transform: skewY(1.7deg) translate3d(0, -50%, 0); transform: skewY(1.7deg) translate3d(0, -50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle.section-angled-layer-bottom { -webkit-transform: skewY(-1.7deg) translate3d(0, 50%, 0); transform: skewY(-1.7deg) translate3d(0, 50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle-2.section-angled-layer-top { padding: 112px 0; padding: 7rem 0; -webkit-transform: skewY(4.7deg) translate3d(0, -50%, 0); transform: skewY(4.7deg) translate3d(0, -50%, 0); } section.section.section-angled.section-angled-reverse .section-angled-layer-increase-angle-2.section-angled-layer-bottom { padding: 112px 0; padding: 7rem 0; -webkit-transform: skewY(-4.7deg) translate3d(0, 50%, 0); transform: skewY(-4.7deg) translate3d(0, 50%, 0); } section.section.section-angled + .section-angled { padding-top: 0; } section.section.overlay .section-angled-layer-top, section.section.overlay .section-angled-layer-bottom { z-index: 99 !important; } section.section.section-overlay { position: relative; } section.section.section-overlay:before { content: ""; display: block; background: rgba(33, 37, 41, 0.8); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-overlay .section-angled-layer-top, section.section.section-overlay .section-angled-layer-bottom { z-index: 99 !important; } section.section.section-overlay-opacity { position: relative; } section.section.section-overlay-opacity:before { content: ""; display: block; background: rgba(0, 0, 0, 0.5); bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-overlay-opacity.section-overlay-opacity-scale-1:before { background: rgba(33, 37, 41, 0.1); } section.section.section-overlay-opacity.section-overlay-opacity-scale-2:before { background: rgba(33, 37, 41, 0.2); } section.section.section-overlay-opacity.section-overlay-opacity-scale-3:before { background: rgba(33, 37, 41, 0.3); } section.section.section-overlay-opacity.section-overlay-opacity-scale-4:before { background: rgba(33, 37, 41, 0.4); } section.section.section-overlay-opacity.section-overlay-opacity-scale-5:before { background: rgba(33, 37, 41, 0.5); } section.section.section-overlay-opacity.section-overlay-opacity-scale-6:before { background: rgba(33, 37, 41, 0.6); } section.section.section-overlay-opacity.section-overlay-opacity-scale-7:before { background: rgba(33, 37, 41, 0.7); } section.section.section-overlay-opacity.section-overlay-opacity-scale-8:before { background: rgba(33, 37, 41, 0.8); } section.section.section-overlay-opacity.section-overlay-opacity-scale-9:before { background: rgba(33, 37, 41, 0.9); } section.section.section-overlay-opacity-light:before { background: rgba(255, 255, 255, 0.5); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-1:before { background: rgba(255, 255, 255, 0.1); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-2:before { background: rgba(255, 255, 255, 0.2); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-3:before { background: rgba(255, 255, 255, 0.3); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-4:before { background: rgba(255, 255, 255, 0.4); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-5:before { background: rgba(255, 255, 255, 0.5); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-6:before { background: rgba(255, 255, 255, 0.6); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-7:before { background: rgba(255, 255, 255, 0.7); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-8:before { background: rgba(255, 255, 255, 0.8); } section.section.section-overlay-opacity-light.section-overlay-opacity-light-scale-9:before { background: rgba(255, 255, 255, 0.9); } section.section.section-overlay-opacity-gradient:before { opacity: 0.85; } section.section.section-video { background: none !important; border: 0; } section.section.section-parallax { background-color: transparent; background-position: 50% 50%; background-repeat: repeat; background-attachment: fixed; border: 0; } section.section.section-parallax.parallax-disabled { background-attachment: scroll !important; background-position: 50% 50% !important; } section.section.section-no-border { border: 0; } section.section.section-with-divider { margin: 56px 0 35px; } section.section.section-with-divider .divider { margin: -56px 0 44px; } section.section.section-footer { margin-bottom: -50px; } section.section.section-with-mockup { margin-top: 120px; } section.section.section-front { position: relative; z-index: 1; } /* Responsive */ @media (max-width: 991px) { .container-fluid > .row > .p-0 section.section { margin-bottom: 0; margin-top: 0; } .container-fluid > .row > .p-0:first-child section.section { margin-bottom: 0; margin-top: 30px; } .container-fluid > .row > .p-0:last-child section.section { margin-bottom: 30px; margin-top: 0; } } /* Section With Shape Divider */ @-webkit-keyframes shapeDividerToLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } } @keyframes shapeDividerToLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } } @-webkit-keyframes shapeDividerToRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } } @keyframes shapeDividerToRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(200%, 0, 0); transform: translate3d(200%, 0, 0); } } .section.section-with-shape-divider { position: relative; overflow: hidden; } .section.section-with-shape-divider .shape-divider { position: absolute; top: 0; left: 0; width: 100%; height: 80px; z-index: 1; } .section.section-with-shape-divider .shape-divider svg { position: absolute; top: 0; left: 50%; height: 100%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } @media (min-width: 1950px) { .section.section-with-shape-divider .shape-divider svg { width: 100%; } } .section.section-with-shape-divider .shape-divider.shape-divider-bottom { top: auto; bottom: 0; } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy { -webkit-transform: rotateY(180deg) rotateX(180deg); transform: rotateY(180deg) rotateX(180deg); } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation { position: absolute; top: 0; left: 0; width: 100vw; height: 100%; -webkit-animation-duration: 45s; animation-duration: 45s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation > svg { width: 100vw; left: 0; -webkit-transform: none; transform: none; } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start { -webkit-animation-name: shapeDividerToRight; animation-name: shapeDividerToRight; } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(99.9%, 0, 0); transform: rotateY(180deg) translate3d(99.9%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(99.8%, 0, 0); transform: rotateY(180deg) translate3d(99.8%, 0, 0); } } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) { -webkit-transform: translate3d(-199.8%, 0, 0); transform: translate3d(-199.8%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) { -webkit-transform: translate3d(-199.6%, 0, 0); transform: translate3d(-199.6%, 0, 0); } } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start { -webkit-animation-name: shapeDividerToLeft; animation-name: shapeDividerToLeft; } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(-99.9%, 0, 0); transform: rotateY(180deg) translate3d(-99.9%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(99.8%, 0, 0); transform: rotateY(180deg) translate3d(99.8%, 0, 0); } } .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { -webkit-transform: translate3d(199.8%, 0, 0); transform: translate3d(199.8%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { -webkit-transform: translate3d(199.6%, 0, 0); transform: translate3d(199.6%, 0, 0); } } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start { -webkit-animation-name: shapeDividerToLeft; animation-name: shapeDividerToLeft; } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(-99.9%, 0, 0); transform: rotateY(180deg) translate3d(-99.9%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(-99.8%, 0, 0); transform: rotateY(180deg) translate3d(-99.8%, 0, 0); } } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) { -webkit-transform: translate3d(199.8%, 0, 0); transform: translate3d(199.8%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right > svg:nth-child(3) { -webkit-transform: translate3d(199.6%, 0, 0); transform: translate3d(199.6%, 0, 0); } } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start, .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start { -webkit-animation-name: shapeDividerToRight; animation-name: shapeDividerToRight; } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(99.9%, 0, 0); transform: rotateY(180deg) translate3d(99.9%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(99.8%, 0, 0); transform: rotateY(180deg) translate3d(99.8%, 0, 0); } } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { -webkit-transform: translate3d(-199.8%, 0, 0); transform: translate3d(-199.8%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider.shape-divider-reverse-y .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3), .section.section-with-shape-divider .shape-divider.shape-divider-reverse-xy .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { -webkit-transform: translate3d(-199.6%, 0, 0); transform: translate3d(-199.6%, 0, 0); } } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-right.start { -webkit-animation-name: shapeDividerToRight; animation-name: shapeDividerToRight; } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left.start { -webkit-animation-name: shapeDividerToLeft; animation-name: shapeDividerToLeft; } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(-99.9%, 0, 0); transform: rotateY(180deg) translate3d(-99.9%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(2) { -webkit-transform: rotateY(180deg) translate3d(-99.8%, 0, 0); transform: rotateY(180deg) translate3d(-99.8%, 0, 0); } } .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { -webkit-transform: translate3d(199.8%, 0, 0); transform: translate3d(199.8%, 0, 0); } @media (max-width: 575px) { .section.section-with-shape-divider .shape-divider.shape-divider-reverse-x .shape-divider-horizontal-animation.shape-divider-horizontal-animation-to-left > svg:nth-child(3) { -webkit-transform: translate3d(199.6%, 0, 0); transform: translate3d(199.6%, 0, 0); } } .section.section-with-shape-divider.overlay:before { z-index: 1; } /* Sidebar */ aside ul.nav-list > li > a { color: #666; font-size: 0.9em; padding: 8px 0 8px 22px; } aside .twitter [class*="fa-"], aside .twitter .icons { clear: both; font-size: 1.5em; position: relative; top: 3px; margin-right: -22px; left: -30px; color: #212529; } aside .twitter .meta { display: block; font-size: 0.9em; padding-top: 3px; } aside .twitter ul { list-style: none; margin: 0; padding: 0; } aside .twitter ul li { padding-bottom: 20px; padding-left: 30px; } aside .twitter ul li:last-child { padding-bottom: 0; } aside .twitter-account { display: block; font-size: 0.9em; margin: -15px 0 5px; opacity: 0.55; } aside .twitter-account:hover { opacity: 1; } /* Side Panel */ html.side-panel .body:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(33, 37, 41, 0.5); opacity: 0; visibility: hidden; z-index: 9998; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } html.side-panel .side-panel-wrapper { position: fixed; top: 0; left: 0; width: 300px; height: 100vh; background: #FFF; padding: 32px; padding: 2rem; -webkit-box-shadow: 0px 0px 30px -13px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30px -13px rgba(0, 0, 0, 0.2); overflow-y: auto; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: ease transform 300ms; transition: ease transform 300ms; z-index: 9999; } html.side-panel .side-panel-wrapper .side-panel-close { position: absolute; top: 0; right: 0; } html.side-panel.side-panel-push .body { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } html.side-panel.side-panel-right .side-panel-wrapper { left: auto; right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } html.side-panel.side-panel-without-overlay .body:before { content: none; } html.side-panel.side-panel-open .body:before { opacity: 1; visibility: visible; } html.side-panel.side-panel-open .side-panel-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.side-panel.side-panel-open.side-panel-push .body { -webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0); } html.side-panel.side-panel-open.side-panel-push.side-panel-right .body { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); } /* Home Slider - Revolution Slider */ .slider-container { background: #151719; height: 500px; overflow: hidden; width: 100%; direction: ltr; } .slider-container .tparrows { border-radius: 6px; } .slider-container .slider-single-slide .tparrows { display: none; } .slider-container .top-label { color: #FFF; font-size: 24px; font-weight: 300; } .slider-container .main-label { color: #FFF; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .slider-container .featured-label { color: #FFF; font-size: 52px; line-height: 52px; font-weight: 800; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } .slider-container .bottom-label { color: #FFF; font-size: 20px; line-height: 20px; font-weight: 300; } .slider-container .blackboard-text { color: #BAB9BE; font-size: 46px; line-height: 46px; font-family: "Shadows Into Light", cursive; text-transform: uppercase; } .slider-container .btn.btn-lg.btn-slider-action { font-size: 22px; font-weight: 600; line-height: 20px; padding: 19.2px 28.8px; padding: 1.2rem 1.8rem; } .slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark { color: #333; } .slider-container .tp-caption-dark a { color: #333; } .slider-container .tp-caption-dark a:hover { color: #333; } .slider-container .tp-caption-overlay { background: #000; padding: 10px; } .slider-container .tp-caption-overlay-opacity { background: rgba(0, 0, 0, 0.4); padding: 10px; } .slider-container .tp-opacity-overlay { background: #000; opacity: 0.75; } .slider-container .tp-opacity-overlay-light { background: #FFF; opacity: 0.75; } .slider-container.transparent { background-color: transparent; } .slider-container.light { background-color: #EAEAEA; } .slider-container.light .tp-bannershadow { opacity: 0.05; top: 0; bottom: auto; z-index: 1000; } .slider-container.light .featured-label, .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label { color: #333; } .slider-container.light .tp-caption a { color: #333; } .slider-container.light .tp-caption a:hover { color: #333; } /* Revolution Slider Typewriter Addon */ .tp-caption[data-typewriter]:after { -webkit-transform: translateX(-9px); transform: translateX(-9px); } /* Slider With Overlay */ .rev_slider li.slide-overlay { /* Slider With Overlay Opacity Level */ } .rev_slider li.slide-overlay .slotholder:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0.9; background: #212529; z-index: 2; } .rev_slider li.slide-overlay.slide-overlay-light .slotholder:after { background: #FFF; } .rev_slider li.slide-overlay.slide-overlay-gradient .slotholder:after { background-color: #6c6ef1; background-image: -webkit-gradient(linear, left top, right top, from(#6c6ef1), to(#e2498e)); background-image: linear-gradient(to right, #6c6ef1 0%, #e2498e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c6ef1', endColorstr='#e2498e', GradientType=1 ); } .rev_slider li.slide-overlay.slide-overlay-gradient.slide-overlay-gradient-animated .slotholder:after { background-size: 200% 200%; -webkit-animation-name: gradientTransition; animation-name: gradientTransition; -webkit-animation-duration: 20000ms; animation-duration: 20000ms; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .rev_slider li.slide-overlay.slide-overlay-level-0 .slotholder:after { opacity: 0.0; } .rev_slider li.slide-overlay.slide-overlay-level-1 .slotholder:after { opacity: 0.1; } .rev_slider li.slide-overlay.slide-overlay-level-2 .slotholder:after { opacity: 0.2; } .rev_slider li.slide-overlay.slide-overlay-level-3 .slotholder:after { opacity: 0.3; } .rev_slider li.slide-overlay.slide-overlay-level-4 .slotholder:after { opacity: 0.4; } .rev_slider li.slide-overlay.slide-overlay-level-5 .slotholder:after { opacity: 0.5; } .rev_slider li.slide-overlay.slide-overlay-level-6 .slotholder:after { opacity: 0.6; } .rev_slider li.slide-overlay.slide-overlay-level-7 .slotholder:after { opacity: 0.7; } .rev_slider li.slide-overlay.slide-overlay-level-8 .slotholder:after { opacity: 0.8; } .rev_slider li.slide-overlay.slide-overlay-level-9 .slotholder:after { opacity: 0.9; } .rev_slider li.slide-overlay.slide-overlay-level-10 .slotholder:after { opacity: 0.10; } /* Slider Scroll Button */ .slider-scroll-button { position: relative; width: 57px; height: 57px; border-radius: 100%; text-indent: -9999px; } .slider-scroll-button:before { content: ''; position: absolute; top: 50%; left: 49%; width: 23px; height: 34px; border: 1px solid #FFF; border-radius: 15px; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .slider-scroll-button:after { content: ''; width: 6px; height: 10px; border-radius: 10px; border: 1px solid #FFF; position: absolute; top: 19px; left: 49%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-animation-name: sliderScrollButton; animation-name: sliderScrollButton; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .slider-scroll-button.slider-scroll-button-dark:before { border-color: #212529; } .slider-scroll-button.slider-scroll-button-dark:after { border-color: #212529; } /* Arrows */ .tparrows.tparrows-carousel { display: inline-block; position: absolute; width: 30px; height: auto; padding: 20px 0; } .tparrows.tparrows-carousel.tp-leftarrow { right: auto !important; left: -30px !important; border-radius: 0 4px 4px 0; } .tparrows.tparrows-carousel.tp-leftarrow:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\F053"; position: relative; left: -1px; top: 1px; } .tparrows.tparrows-carousel.tp-rightarrow { right: -60px !important; left: auto !important; border-radius: 4px 0 0 4px; } .tparrows.tparrows-carousel.tp-rightarrow:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\F054"; position: relative; left: 1px; top: 1px; } .tparrows.arrows-style-1 { background: transparent !important; } .tparrows.arrows-style-2 { background: transparent !important; } .tparrows.arrows-style-2.tp-leftarrow:before, .tparrows.arrows-style-2.tp-rightarrow:before { content: ''; display: block; position: absolute; left: 1.5px; top: 50%; width: 0.8em; height: 0.8em; border-top: 1px solid #FFF; border-left: 1px solid #FFF; -webkit-transition: ease opacity 400ms; transition: ease opacity 400ms; font-size: inherit; opacity: 0.7; } .tparrows.arrows-style-2.tp-leftarrow:after, .tparrows.arrows-style-2.tp-rightarrow:after { content: ''; display: block; border-top: 1px solid #FFF; -webkit-transition: ease opacity 400ms; transition: ease opacity 400ms; width: 1.5em; position: absolute; top: 50%; font-size: inherit; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); opacity: 0.7; } .tparrows.arrows-style-2.tp-leftarrow:hover:before, .tparrows.arrows-style-2.tp-rightarrow:hover:before { opacity: 1; } .tparrows.arrows-style-2.tp-leftarrow:hover:after, .tparrows.arrows-style-2.tp-rightarrow:hover:after { opacity: 1; } .tparrows.arrows-style-2.tp-leftarrow:before { left: 0.5px; -webkit-transform: translate3d(0, -50%, 0) rotate(-45deg); transform: translate3d(0, -50%, 0) rotate(-45deg); } .tparrows.arrows-style-2.tp-rightarrow:before { left: 9.5px; -webkit-transform: translate3d(0, -50%, 0) rotate(135deg); transform: translate3d(0, -50%, 0) rotate(135deg); } @media (max-width: 768px) { .tparrows.arrows-style-2 { display: none; } } .tparrows.arrows-dark:before { color: #111111 !important; } .tparrows.arrows-big:before { font-size: 25px; } .tparrows.arrows-rounded { border-radius: 100%; } /* Bullets */ .tp-bullets.bullets-style-1 .tp-bullet { width: 8px; height: 8px; border-radius: 100%; } .tp-bullets.bullets-style-2 .tp-bullet { width: 8px; height: 8px; border-radius: 100%; background: #78888D; } /* Slider IE Fix */ html.ie .forcefullwidth_wrapper_tp_banner { overflow: hidden; } /* Embed Border */ .rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video { border: 0 !important; } /* Defaults */ .hesperiden-custom { padding: 10px 0 !important; } .hesperiden-custom .tp-tab { border: 0 !important; } /* Slider With Overlay */ .slider-with-overlay { position: relative; } .slider-with-overlay .slider-container { z-index: auto; } /* Slider Contact Form */ .slider-contact-form { margin: 45px 0; } .slider-contact-form .featured-box { text-align: left; } .slider-contact-form label.error { display: none !important; } .slider-contact-form .alert { padding: 6px; text-align: center; } .slider-contact-form textarea { resize: none; } /* Responsive */ @media (min-width: 992px) { .slider-contact-form { margin: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 99; width: 100%; } } /* Boxed */ html.boxed .slider-container { width: 100% !important; left: auto !important; } /* Side Header - Full Screen Slider Height On Mobile */ @media (max-width: 991px) { html.side-header .slider-container.fullscreen-slider, html.side-header .slider-container.fullscreen-slider + .tp-fullwidth-forcer { height: calc(100vh - 84px) !important; } } /* Social Icons */ .social-icons { margin: 0; padding: 0; width: auto; } .social-icons li { display: inline-block; margin: -1px 1px 0 0; padding: 0; border-radius: 100%; overflow: visible; } .social-icons li a { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 100%; display: block; height: 28px; line-height: 28px; width: 28px; text-align: center; color: #333 !important; text-decoration: none; font-size: 12.8px; font-size: 0.8rem; } .social-icons li:hover a { background: #151719; color: #FFF !important; } .social-icons li:hover.social-icons-twitter a { background: #1aa9e1 !important; } .social-icons li:hover.social-icons-facebook a { background: #3b5a9a !important; } .social-icons li:hover.social-icons-linkedin a { background: #0073b2 !important; } .social-icons li:hover.social-icons-rss a { background: #ff8201 !important; } .social-icons li:hover.social-icons-googleplus a { background: #dd4b39 !important; } .social-icons li:hover.social-icons-pinterest a { background: #cc2127 !important; } .social-icons li:hover.social-icons-youtube a { background: #c3191e !important; } .social-icons li:hover.social-icons-instagram a { background: #7c4a3a !important; } .social-icons li:hover.social-icons-skype a { background: #00b0f6 !important; } .social-icons li:hover.social-icons-email a { background: #dd4b39 !important; } .social-icons li:hover.social-icons-vk a { background: #6383a8 !important; } .social-icons li:hover.social-icons-xing a { background: #1a7576 !important; } .social-icons li:hover.social-icons-tumblr a { background: #304e6c !important; } .social-icons li:hover.social-icons-reddit a { background: #ff4107 !important; } .social-icons li:hover.social-icons-whatsapp a { background: #25d366 !important; } .social-icons.social-icons-dark li a { background: #181818; } .social-icons.social-icons-dark li a i { color: #FFF; } .social-icons.social-icons-dark-2 li a { background: #272a2e; } .social-icons.social-icons-dark-2 li a i { color: #FFF; } .social-icons.social-icons-transparent li { -webkit-box-shadow: none; box-shadow: none; } .social-icons.social-icons-transparent li a { background: transparent; } .social-icons.social-icons-icon-gray li a { color: #9c9ea0 !important; } .social-icons.social-icons-icon-gray li:hover a { color: #FFF !important; } .social-icons.social-icons-icon-light li a i { color: #FFF; } .social-icons.social-icons-icon-light.social-icons-clean li a i { color: #FFF !important; } .social-icons.social-icons-medium li a, .social-icons.social-icons-md li a { height: 33px; line-height: 33px; width: 33px; font-size: 14.4px; font-size: 0.9rem; } .social-icons.social-icons-big li a, .social-icons.social-icons-lg li a { height: 48px; line-height: 50px; width: 48px; } @media (max-width: 400px) { .social-icons.social-icons-big li a, .social-icons.social-icons-lg li a { height: 38px; line-height: 40px; width: 38px; } } .social-icons.social-icons-opacity-light li a { background: rgba(255, 255, 255, 0.04); } .social-icons.social-icons-clean-with-border li a { background: transparent; color: #FFF !important; border: 1px solid rgba(255, 255, 255, 0.1); } .social-icons.social-icons-clean-with-border.social-icons-clean-with-border-border-grey li a { border: 1px solid #e7e7e7; } .social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li a { color: #212121 !important; } .social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li:hover a { color: #FFF !important; } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li { -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2); } .social-icons:not(.social-icons-opacity-light):not(.social-icons-transparent):not(.social-icons-clean):not(.social-icons-clean-with-border):not(.social-icons-dark):not(.social-icons-dark-2):not(.custom-social-icons) li a { background: #FFF; } .social-icons-dark.social-icons-clean li a, .social-icons-dark-2.social-icons-clean li a { background: transparent; color: #FFF !important; } /* Sort Source Wrapper */ .sort-source-wrapper { padding: 8px 0; position: relative; } .sort-source-wrapper .nav { margin: -100px 0 5px; } .sort-source-wrapper .nav > li > a { color: #FFF; background: transparent; } .sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus { background: transparent; } .sort-source-wrapper .nav > li.active > a { background: transparent; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { background: transparent; } /* Sort Source */ .sort-source { clear: both; } .sort-source.d-none { display: block !important; width: 0; height: 0; overflow: hidden; } .sort-source > li > a { padding: 6px 12px; text-decoration: none; } .sort-source.sort-source-style-2 { margin: -10px auto; } .sort-source.sort-source-style-2 > li { float: none; display: inline-block; } .sort-source.sort-source-style-2 > li > a, .sort-source.sort-source-style-2 > li > a:focus, .sort-source.sort-source-style-2 > li > a:hover { background: transparent; color: #FFF; display: inline-block; border-radius: 0; margin: 0; padding: 18px 28px; position: relative; text-decoration: none; } .sort-source.sort-source-style-2 > li > a:after { -webkit-transition: margin 0.3s; transition: margin 0.3s; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #CCC; content: " "; display: block; position: absolute; left: 50%; margin-left: -20px; margin-top: 0; opacity: 0; } .sort-source.sort-source-style-2 > li.active > a, .sort-source.sort-source-style-2 > li.active > a:focus, .sort-source.sort-source-style-2 > li.active > a:hover { background: transparent; } .sort-source.sort-source-style-2 > li.active > a:after { opacity: 1; margin-top: 18px; } /* Sort Source Style 2 */ @media (max-width: 991px) { .sort-source.sort-source-style-2 > li { display: block; } .sort-source.sort-source-style-2 > li.active > a:after { display: none !important; } } /* Sort Source Style 3 */ .sort-source.sort-source-style-3 > li > a { color: #9c9ea0; } .sort-source.sort-source-style-3 > li.active > a { background: transparent !important; border-bottom: 3px solid #CCC; border-radius: 0; } /* Sort Destination */ .sort-destination { overflow: hidden; } .sort-destination .isotope-item { min-width: 1px; } .sort-destination.full-width { position: relative; } .sort-destination.full-width .isotope-item { width: 20%; float: left; } .sort-destination.full-width .isotope-item.w2 { width: 40%; } .sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img { border-radius: 0; } .sort-destination.full-width-spaced { margin-top: 50px; margin-left: 20px; margin-right: 20px; } .sort-destination.full-width-spaced .portfolio-item { margin-left: 20px; margin-right: 20px; } .sort-destination.sort-destination-items-hardware-acc .isotope-item { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } html.gecko .sort-destination.sort-destination-margin > [class*="col-"] { margin: -1px; } .sort-source-wrapper + .sort-destination.full-width { margin: 0 0 -81px; top: -51px; } .sort-source-wrapper + .sort-destination-loader .full-width { margin: 0 0 -81px; top: -51px; } /* Sort Loading */ .sort-destination-loader { height: auto; overflow: hidden; position: relative; } .sort-destination-loader:after { -webkit-transition: opacity 0.3s; transition: opacity 0.3s; content: ' '; background: #FFF; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 1; opacity: 0; } .sort-destination-loader .bounce-loader { display: none; } .sort-destination-loader.sort-destination-loader-showing { max-height: 200px; } .sort-destination-loader.sort-destination-loader-showing:after { opacity: 1; } .sort-destination-loader.sort-destination-loader-showing .bounce-loader { display: block; } .sort-destination-loader.loader-showing-dark:after { background: #181818; } .sort-destination-loader.sort-destination-loader-loaded { overflow: visible; } .sort-destination-loader.sort-destination-loader-loaded:after { display: none; } .sort-destination-loader-full-width { overflow: visible; } .sort-destination-loader-full-width:after { bottom: -81px; top: -51px; } .sort-destination-loader-full-width.sort-destination-loader-showing { overflow: hidden; height: 600px; } .sort-destination-loader-lg.sort-destination-loader-showing { height: 600px; } .portfolio-load-more-loader.portfolio-load-more-loader-showing .bounce-loader { display: block !important; } /* Responsive */ @media (min-width: 992px) { .col-md-6.isotope-item:nth-child(2n+1) { clear: both; } .col-md-4.isotope-item:nth-child(3n+1) { clear: both; } .col-md-3.isotope-item:nth-child(4n+1) { clear: both; } .col-md-1-5.isotope-item:nth-child(5n+1) { clear: both; } .col-md-2.isotope-item:nth-child(6n+1) { clear: both; } .sort-destination.full-width .isotope-item:nth-child(5n+1) { clear: both; } } @media (max-width: 991px) { .sort-destination.isotope { overflow: visible !important; height: auto !important; } .sort-destination.isotope.full-width { overflow: hidden !important; } .isotope-hidden { display: none !important; } } @media (max-width: 767px) { .isotope-item { position: static !important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -webkit-transform: none !important; transform: none !important; } .isotope-item.product { position: relative !important; } .sort-source-wrapper { background: #151719; clear: both; margin-top: -35px; } .sort-source-wrapper .nav { margin: 0; } .sort-destination { height: auto !important; } .sort-destination.full-width, .sort-source-wrapper + .sort-destination.full-width { max-width: none; margin: 0 0 -30px; top: 0; } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { max-width: 100%; } .sort-source-wrapper + .sort-destination-loader .full-width { margin: 0 0 -30px; top: 0; } } @media (max-width: 575px) { .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { position: static !important; clear: both; float: none; width: auto; } } /* Tables */ .table td, .table th { border-color: rgba(0, 0, 0, 0.06); } .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { background-color: #CCC; color: #FFF; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #28a745; color: #FFF; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #ffc107; color: #FFF; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #dc3545; color: #FFF; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #17a2b8; color: #FFF; } .table > thead > tr > td.dark, .table > tbody > tr > td.dark, .table > tfoot > tr > td.dark, .table > thead > tr > th.dark, .table > tbody > tr > th.dark, .table > tfoot > tr > th.dark, .table > thead > tr.dark > td, .table > tbody > tr.dark > td, .table > tfoot > tr.dark > td, .table > thead > tr.dark > th, .table > tbody > tr.dark > th, .table > tfoot > tr.dark > th { background-color: #212529; color: #FFF; } /* Tabs */ .tabs { border-radius: 4px; margin-bottom: 20px; } .nav-tabs { margin: 0; padding: 0; border-bottom-color: #EEE; } .nav-tabs li:last-child .nav-link { margin-right: 0; } .nav-tabs li .nav-link { border-radius: 5px 5px 0 0; font-size: 13px; font-weight: 600; letter-spacing: -0.2px; padding: 11.2px 24px; padding: .7rem 1.5rem; -webkit-transition: all .2s; transition: all .2s; margin-right: 1px; } .nav-tabs li .nav-link, .nav-tabs li .nav-link:hover { background: #f7f7f7; border-bottom: none; border-left: 1px solid #EEE; border-right: 1px solid #EEE; border-top: 3px solid #EEE; color: #CCC; } .nav-tabs li .nav-link:hover { border-bottom-color: transparent; border-top: 3px solid #CCC; -webkit-box-shadow: none; box-shadow: none; } .nav-tabs li .nav-link:active, .nav-tabs li .nav-link:hover, .nav-tabs li .nav-link:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top: 3px solid #CCC; color: #CCC; } .tab-content { border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background-color: #FFF; border: 1px solid #EEE; border-top: 0; padding: 15px; } /* Right Aligned */ .nav-tabs.nav-right { text-align: right; } /* Bottom Tabs */ .tabs.tabs-bottom { margin: 0 0 20px 0; padding: 0; } .tabs.tabs-bottom .tab-content { border-radius: 4px 4px 0 0; border-bottom: 0; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs { border-bottom: none; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li { margin-bottom: 0; margin-top: -1px; } .tabs.tabs-bottom .nav-tabs li:last-child .nav-link { margin-right: 0; } .tabs.tabs-bottom .nav-tabs li .nav-link { border-radius: 0 0 5px 5px; font-size: 13px; margin-right: 1px; border-bottom: 3px solid #CCC; border-top-color: transparent !important; } .tabs.tabs-bottom .nav-tabs li .nav-link.active, .tabs.tabs-bottom .nav-tabs li .nav-link.active:hover, .tabs.tabs-bottom .nav-tabs li .nav-link.active:focus { border-bottom: 3px solid #CCC; border-top-color: transparent !important; } .tabs.tabs-bottom .nav-tabs li .nav-link, .tabs.tabs-bottom .nav-tabs li .nav-link:hover { border-bottom: 3px solid #EEE; border-top: 1px solid #EEE; } .tabs.tabs-bottom .nav-tabs li .nav-link:hover { border-bottom: 3px solid #CCC; border-top: 1px solid #EEE; } /* Vertical */ .tabs-vertical { display: table; width: 100%; padding: 0; border-top: 1px solid #EEE; } .tabs-vertical .tab-content { display: table-cell; vertical-align: top; } .tabs-vertical .nav-tabs { border-bottom: none; display: table-cell; height: 100%; float: none; padding: 0; vertical-align: top; width: 25%; } .tabs-vertical .nav-tabs > li { display: block; } .tabs-vertical .nav-tabs > li .nav-link { border-radius: 0; display: block; padding-top: 10px; } .tabs-vertical .nav-tabs > li .nav-link, .tabs-vertical .nav-tabs > li .nav-link:hover, .tabs-vertical .nav-tabs > li .nav-link:focus { border-bottom: none; border-top: none; } .tabs-vertical .nav-tabs > li .nav-link.active, .tabs-vertical .nav-tabs > li .nav-link.active:hover, .tabs-vertical .nav-tabs > li .nav-link.active:focus { border-top: none; } /* Vertical - Left Side */ .tabs-left { padding: 0; } .tabs-left .tab-content { border-radius: 0 5px 5px 5px; border-left: none; } .tabs-left .nav-tabs > li { margin-right: -1px; } .tabs-left .nav-tabs > li:first-child .nav-link { border-radius: 5px 0 0 0; } .tabs-left .nav-tabs > li:last-child .nav-link { border-radius: 0 0 0 5px; border-bottom: 1px solid #eee; } .tabs-left .nav-tabs > li .nav-link { border-right: 1px solid #EEE; border-left: 3px solid #EEE; margin-right: 1px; margin-left: -3px; } .tabs-left .nav-tabs > li .nav-link:hover { border-left-color: #CCC; } .tabs-left .nav-tabs > li .nav-link.active, .tabs-left .nav-tabs > li .nav-link.active:hover, .tabs-left .nav-tabs > li .nav-link.active:focus { border-left: 3px solid #CCC; border-right-color: #FFF; } /* Vertical - Right Side */ .tabs-right { padding: 0; } .tabs-right .tab-content { border-radius: 5px 0 5px 5px; border-right: none; } .tabs-right .nav-tabs > li { margin-left: -1px; } .tabs-right .nav-tabs > li:first-child .nav-link { border-radius: 0 5px 0 0; } .tabs-right .nav-tabs > li:last-child .nav-link { border-radius: 0 0 5px 0; border-bottom: 1px solid #eee; } .tabs-right .nav-tabs > li .nav-link { border-right: 3px solid #EEE; border-left: 1px solid #EEE; margin-right: 1px; margin-left: 1px; } .tabs-right .nav-tabs > li .nav-link:hover { border-right-color: #CCC; } .tabs-right .nav-tabs > li .nav-link.active, .tabs-right .nav-tabs > li .nav-link.active:hover, .tabs-right .nav-tabs > li .nav-link.active:focus { border-right: 3px solid #CCC; border-left: 1px solid #FFF; } /* Justified */ .nav-tabs.nav-justified { padding: 0; margin-bottom: -1px; } .nav-tabs.nav-justified li { margin-bottom: 0; } .nav-tabs.nav-justified li:first-child .nav-link, .nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 5px 0 0 0; } .nav-tabs.nav-justified li:last-child .nav-link, .nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 5px 0 0; } .nav-tabs.nav-justified li .nav-link { border-bottom: 1px solid #DDD; border-radius: 0; margin-right: 0; } .nav-tabs.nav-justified li .nav-link:hover, .nav-tabs.nav-justified li .nav-link:focus { border-bottom: 1px solid #DDD; } .nav-tabs.nav-justified li .nav-link.active { border-bottom: 1px solid #FFF; } .nav-tabs.nav-justified li .nav-link.active, .nav-tabs.nav-justified li .nav-link.active:hover, .nav-tabs.nav-justified li .nav-link.active:focus { background: #FFF; border-left-color: #EEE; border-right-color: #EEE; border-top-width: 3px; } .nav-tabs.nav-justified li .nav-link.active, .nav-tabs.nav-justified li .nav-link.active:hover, .nav-tabs.nav-justified li .nav-link.active:focus { border-top-width: 3px; } .nav-tabs.nav-justified li .nav-link.active:hover { border-bottom: 1px solid #FFF; } /* Bottom Tabs with Justified Nav */ .tabs.tabs-bottom { padding: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified { border-top: none; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link { margin-right: 0; border-top-color: transparent; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link.active, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link.active:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: transparent; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link { border-radius: 0 0 0 5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link { margin-right: 0; border-radius: 0 0 5px 0; } /* Center */ .tabs-center .nav-tabs { margin: 0 auto; text-align: center; } /* Navigation */ .tabs-navigation { border-radius: 5px; } .tabs-navigation .nav-tabs > li { margin-bottom: 1px; } .tabs-navigation .nav-tabs > li .nav-link { color: #9c9ea0; padding: 18px; line-height: 100%; position: relative; } .tabs-navigation .nav-tabs > li .nav-link:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 10px; content: "\F054"; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .tabs-navigation .nav-tabs > li .nav-link [class*="fa-"], .tabs-navigation .nav-tabs > li .nav-link .icons { margin-right: 4px; } .tabs-navigation .nav-tabs li:first-child .nav-link { border-radius: 5px 5px 0 0; } .tabs-navigation .nav-tabs li .nav-link.active, .tabs-navigation .nav-tabs li .nav-link.active:hover, .tabs-navigation .nav-tabs li .nav-link.active:focus { border-right-color: #eee; } .tabs-navigation .nav-tabs li:last-child .nav-link { border-radius: 0 0 5px 5px; } .tabs-navigation-simple { border: 0 !important; border-radius: 0 !important; } .tabs-navigation-simple .nav-tabs { border: 0 !important; border-radius: 0 !important; } .tabs-navigation-simple .nav-tabs .nav-link, .tabs-navigation-simple .nav-tabs .nav-link:hover { background: transparent !important; border-radius: 0 !important; border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; border-left: 0 !important; padding-left: 0 !important; } .tabs-navigation-simple .nav-tabs li:last-child .nav-link, .tabs-navigation-simple .nav-tabs li:last-child .nav-link:hover { border-bottom: 0 !important; } .tab-pane-navigation { display: none; } .tab-pane-navigation.active { display: block; } /* Simple */ .tabs.tabs-simple { /* Simple Full Width Line */ } .tabs.tabs-simple .nav-tabs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 0; margin-bottom: 10px; } .tabs.tabs-simple .nav-tabs > li { margin-left: 0; margin-bottom: 20px; } .tabs.tabs-simple .nav-tabs > li .nav-link, .tabs.tabs-simple .nav-tabs > li .nav-link:hover, .tabs.tabs-simple .nav-tabs > li .nav-link:focus { padding: 15px 30px; background: none; border: 0; border-bottom: 3px solid #eee; border-radius: 0; color: #9c9ea0; font-size: 16px; } .tabs.tabs-simple .tab-content { background: transparent; border: 0; padding: 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; } .tabs.tabs-simple.tabs-simple-full-width-line .nav-tabs { border-bottom: 3px solid #eee; } .tabs.tabs-simple.tabs-simple-full-width-line .nav-tabs > li { margin-bottom: -3px; } /* Responsive */ @media (max-width: 575px) { .tabs .nav.nav-tabs.nav-justified li { display: block; margin-bottom: -5px; } .tabs .nav.nav-tabs.nav-justified li .nav-link { border-top-width: 3px !important; border-bottom-width: 0 !important; } .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 5px 5px 0 0; } .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs .nav.nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li { margin-bottom: 0; margin-top: -5px; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li .nav-link { border-bottom-width: 3px !important; border-top-width: 0 !important; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child .nav-link:hover { border-radius: 0; } .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child .nav-link:hover { border-radius: 0 0 5px 5px; } } .responsive-tabs-container .tab-pane { margin-bottom: 15px; } .responsive-tabs-container .accordion-link { display: none; margin-bottom: 10px; padding: 10px 15px; background-color: #f7f7f7; border-radius: 3px; border: 1px solid #ebebeb; } @media (max-width: 767px) { .responsive-tabs-container.accordion-xs .nav-tabs { display: none; } .responsive-tabs-container.accordion-xs .accordion-link { display: block; } } @media (min-width: 768px) and (max-width: 991px) { .responsive-tabs-container.accordion-sm .nav-tabs { display: none; } .responsive-tabs-container.accordion-sm .accordion-link { display: block; } } @media (min-width: 992px) and (max-width: 1199px) { .responsive-tabs-container.accordion-md .nav-tabs { display: none; } .responsive-tabs-container.accordion-md .accordion-link { display: block; } } @media (min-width: 1200px) { .responsive-tabs-container.accordion-lg .nav-tabs { display: none; } .responsive-tabs-container.accordion-lg .accordion-link { display: block; } } /* Testimonials */ .testimonial { margin-bottom: 20px; } .testimonial blockquote { background: #CCC; border-radius: 5px; border: 0; color: #666; font-family: 'Playfair Display', serif; margin: 0; padding: 40px 64px 40px 72px; padding: 2.5rem 4rem 2.5rem 4.5rem; position: relative; } .testimonial blockquote:before { left: 22px; top: 21px; color: #FFF; content: "\201C"; font-size: 85px; font-style: normal; line-height: 1; position: absolute; } .testimonial blockquote p { color: #FFF; font-family: 'Playfair Display', serif; font-size: 1.2em; } .testimonial .testimonial-arrow-down { border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 8px solid #CCC; height: 0; margin: 0 0 0 45px; width: 0; } .testimonial .testimonial-author { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 12px 0 0 0; } .testimonial .testimonial-author .testimonial-author-thumbnail { width: auto; } .testimonial .testimonial-author img { max-width: 25px; } .testimonial .testimonial-author strong { color: #111; display: block; margin-bottom: 2px; font-size: 16px; font-size: 1rem; } .testimonial .testimonial-author span { color: #666; display: block; font-size: 12.8px; font-size: 0.8rem; font-weight: 600; } .testimonial .testimonial-author p { color: #999; text-align: left; line-height: 1.2; margin-left: 9.6px; margin-left: 0.6rem; } /* Style 2 */ .testimonial.testimonial-style-2 { text-align: center; } .testimonial.testimonial-style-2 blockquote { background: transparent !important; border-radius: 4px; padding: 22px 20px; } .testimonial.testimonial-style-2 blockquote:before, .testimonial.testimonial-style-2 blockquote:after { display: none; } .testimonial.testimonial-style-2 blockquote p { color: #9c9ea0; } .testimonial.testimonial-style-2 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-2 .testimonial-author { padding: 0; margin: 6px 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .testimonial.testimonial-style-2 .testimonial-author img { margin: 0 auto 15px; max-width: 60px; max-height: 60px; } .testimonial.testimonial-style-2 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 3 */ .testimonial.testimonial-style-3 blockquote { background: #f2f2f2 !important; border-radius: 4px; padding: 12px 30px; } .testimonial.testimonial-style-3 blockquote:before { top: 5px; left: 9px; color: #9c9ea0; font-size: 35px; } .testimonial.testimonial-style-3 blockquote:after { color: #9c9ea0; font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-3 blockquote p { color: #9c9ea0; font-family: "Poppins", Arial, sans-serif; font-size: 1em; font-style: normal; } .testimonial.testimonial-style-3 .testimonial-author { margin-left: 8px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial.testimonial-style-3 .testimonial-author img { max-width: 55px; } .testimonial.testimonial-style-3 .testimonial-author p { margin-bottom: 0; } .testimonial.testimonial-style-3 .testimonial-arrow-down { margin-left: 20px; border-top: 10px solid #f2f2f2 !important; } /* Style 4 */ .testimonial.testimonial-style-4 { border-radius: 6px; padding: 8px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); } .testimonial.testimonial-style-4 blockquote { background: transparent !important; border-radius: 4px; padding: 12px 30px; } .testimonial.testimonial-style-4 blockquote:before { top: 5px; left: 9px; color: #9c9ea0; font-size: 35px; } .testimonial.testimonial-style-4 blockquote:after { color: #9c9ea0; font-size: 35px; bottom: -5px; } .testimonial.testimonial-style-4 blockquote p { color: #9c9ea0; font-family: "Poppins", Arial, sans-serif; font-size: 1em; font-style: normal; } .testimonial.testimonial-style-4 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-4 .testimonial-author { margin-left: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .testimonial.testimonial-style-4 .testimonial-author img { max-width: 55px; } .testimonial.testimonial-style-4 .testimonial-author p { margin-bottom: 0; } .testimonial.testimonial-style-4.testimonial-no-borders { border: 0; -webkit-box-shadow: none; box-shadow: none; } /* Style 5 */ .testimonial.testimonial-style-5 { text-align: center; } .testimonial.testimonial-style-5 blockquote { background: transparent !important; border-radius: 4px; padding: 6px 20px; } .testimonial.testimonial-style-5 blockquote:before, .testimonial.testimonial-style-5 blockquote:after { display: none; } .testimonial.testimonial-style-5 blockquote p { color: #9c9ea0; font-family: "Poppins", Arial, sans-serif; font-size: 1.2em; font-style: normal; } .testimonial.testimonial-style-5 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-5 .testimonial-author { display: block; padding: 6px 0 0; margin: 12px 0 0; border-top: 1px solid #f2f2f2; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial.testimonial-style-5 .testimonial-author img { margin: 0 auto 10px; max-width: 55px; } .testimonial.testimonial-style-5 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 6 */ .testimonial.testimonial-style-6 { text-align: center; } .testimonial.testimonial-style-6 blockquote { background: transparent !important; border-radius: 4px; border: 0; padding: 0 10%; } .testimonial.testimonial-style-6 blockquote:before, .testimonial.testimonial-style-6 blockquote:after { display: none; } .testimonial.testimonial-style-6 blockquote i.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .testimonial.testimonial-style-6 blockquote p { color: #9c9ea0; font-size: 24px; line-height: 30px; } .testimonial.testimonial-style-6 blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .testimonial.testimonial-style-6 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-6 .testimonial-author { padding: 0; margin: 6px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial.testimonial-style-6 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-6 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* Style 7 */ .testimonial.testimonial-style-7 { text-align: center; background-color: #CCC; padding: 20px; } .testimonial.testimonial-style-7 blockquote { padding: 30px; } .testimonial.testimonial-style-7 blockquote:before { color: #FFF; display: block !important; left: 50%; top: -10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .testimonial.testimonial-style-7 blockquote:after { display: none; } .testimonial.testimonial-style-7 .testimonial-arrow-down { display: none; } .testimonial.testimonial-style-7 .testimonial-author { padding: 0; margin: 6px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .testimonial.testimonial-style-7 .testimonial-author img { margin: 0 auto 10px; } .testimonial.testimonial-style-7 .testimonial-author p { text-align: center; padding: 0; margin: 0; } /* With Quotes */ .testimonial.testimonial-with-quotes { /* Remove Left Quote */ /* Remove Right Quote */ } .testimonial.testimonial-with-quotes blockquote:before { color: #9c9ea0; display: block !important; left: 10px; top: 0; content: "\201C"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } .testimonial.testimonial-with-quotes blockquote:after { color: #9c9ea0; display: block !important; right: 10px; font-size: 80px; font-style: normal; line-height: 1; position: absolute; bottom: -0.5em; content: "\201D"; } .testimonial.testimonial-with-quotes blockquote p { padding: 0 40px; } .testimonial.testimonial-with-quotes.testimonial-remove-left-quote blockquote:before { content: none; } .testimonial.testimonial-with-quotes.testimonial-remove-right-quote blockquote:after { content: none; } .testimonial.testimonial-with-quotes.testimonial-quotes-light blockquote:before, .testimonial.testimonial-with-quotes.testimonial-quotes-light blockquote:after { color: #FFF !important; } .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:before, .testimonial.testimonial-with-quotes.testimonial-quotes-dark blockquote:after { color: #212529 !important; } @media (max-width: 767px) { .testimonial.testimonial-with-quotes.testimonial-with-quotes-mobile-remove blockquote:before, .testimonial.testimonial-with-quotes.testimonial-with-quotes-mobile-remove blockquote:after { content: none; } } /* Transparent Background */ .testimonial.testimonial-trasnparent-background blockquote { background: transparent !important; } /* Alternarive Font */ .testimonial.testimonial-alternarive-font blockquote p { font-family: 'Playfair Display', serif; font-style: italic; font-size: 1.2em; } /* Light */ .testimonial.testimonial-light blockquote:before, .testimonial.testimonial-light blockquote:after, .testimonial.testimonial-light blockquote p { color: #FFF; } .testimonial.testimonial-light blockquote.blockquote-default:before, .testimonial.testimonial-light blockquote.blockquote-default:after, .testimonial.testimonial-light blockquote.blockquote-default p { color: #9c9ea0 !important; } .testimonial.testimonial-light .testimonial-author span, .testimonial.testimonial-light .testimonial-author strong { color: #FFF; } .section-text-light .testimonial.testimonial blockquote:before, .section-text-light .testimonial.testimonial blockquote:after, .section-text-light .testimonial.testimonial blockquote p { opacity: 0.9; color: #FFF; } .section-text-light .testimonial.testimonial .testimonial-author span, .section-text-light .testimonial.testimonial .testimonial-author strong { opacity: 0.6; color: #FFF; } /* Thumb Info */ .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #FFF; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 4px; margin: 0; overflow: hidden; display: block; position: relative; } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-demos { max-height: 330px; } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(33, 37, 41, 0.8); -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; bottom: -4px; color: #FFF; left: -4px; position: absolute; right: -4px; top: -4px; display: block; opacity: 0; z-index: 1; } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-link { background-size: cover; background-position: center; background-repeat: no-repeat; } .thumb-info .thumb-info-wrapper.thumb-info-wrapper-link > a { display: block; padding-top: 72%; text-indent: -9999px; } .thumb-info .thumb-info-wrapper-opacity-0:after { opacity: 0.0; } .thumb-info .thumb-info-wrapper-opacity-1:after { opacity: 0.1; } .thumb-info .thumb-info-wrapper-opacity-2:after { opacity: 0.2; } .thumb-info .thumb-info-wrapper-opacity-3:after { opacity: 0.3; } .thumb-info .thumb-info-wrapper-opacity-4:after { opacity: 0.4; } .thumb-info .thumb-info-wrapper-opacity-5:after { opacity: 0.5; } .thumb-info .thumb-info-wrapper-opacity-6:after { opacity: 0.6; } .thumb-info .thumb-info-wrapper-opacity-7:after { opacity: 0.7; } .thumb-info .thumb-info-wrapper-opacity-8:after { opacity: 0.8; } .thumb-info .thumb-info-wrapper-opacity-9:after { opacity: 0.9; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; transition: all 0.3s; background: #CCC; border-radius: 0 0 0 4px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2; } .thumb-info .thumb-info-action-icon i { font-size: 14px; right: 50%; position: absolute; top: 50%; color: #FFF; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); margin: -2px -1px 0 0px; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; } .thumb-info .thumb-info-inner em { display: block; font-size: 0.8em; font-style: normal; font-weight: normal; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; transition: all 0.3s; background: rgba(33, 37, 41, 0.8); color: #FFF; font-weight: 600; left: 0; letter-spacing: -.05em; position: absolute; z-index: 2; max-width: 90%; font-size: 17px; padding: 13px 21px 2px; bottom: 13%; } .thumb-info .thumb-info-type { background-color: #CCC; border-radius: 2px; display: inline-block; float: left; font-size: 0.6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0px; padding: 2px 12px; text-transform: uppercase; z-index: 2; line-height: 2.3; } .thumb-info .owl-carousel { z-index: auto; } .thumb-info .owl-carousel .owl-dots { z-index: 2; } .thumb-info img { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 3px; position: relative; width: 100%; } .thumb-info:hover .thumb-info-wrapper:after { opacity: 1; } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; } .thumb-info:hover .thumb-info-title { background: rgba(33, 37, 41, 0.9); } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info.thumb-info-no-zoom img { -webkit-transition: none; transition: none; } .thumb-info.thumb-info-no-zoom:hover img { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(23, 23, 23, 0.25); } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 50%; left: 0; right: auto; bottom: auto; width: 100%; height: 45px; text-align: center; opacity: 0; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, -70%, 0); transform: translate3d(0, -70%, 0); z-index: 2; } .thumb-info.thumb-info-centered-icons .thumb-info-action a { text-decoration: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 35px; height: 35px; font-size: 14px; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; z-index: 2; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i { margin: 0; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { opacity: 1; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative; } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); top: 50%; bottom: auto; opacity: 0; text-align: center; padding: 0; position: absolute; } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none; } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { opacity: 1; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #FFF; left: 0; width: 100%; max-width: 100%; -webkit-transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: opacity .2s ease-out, -webkit-transform .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out; transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); top: auto; bottom: 0; opacity: 0; padding: 15px; text-shadow: none; color: #9c9ea0; } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0; } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .thumb-info.thumb-info-bottom-info-linear .thumb-info-title { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(255, 255, 255, 0.8)), to(transparent)) repeat scroll 0 0 rgba(255, 255, 255, 0); background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(255, 255, 255, 0); } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background: #212529; color: #FFF; } .thumb-info.thumb-info-bottom-info-dark-linear .thumb-info-title { background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(33, 37, 41, 0.8)), to(transparent)) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(to top, rgba(33, 37, 41, 0.8) 0, transparent 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); } .thumb-info.thumb-info-bottom-info-show-more img { -webkit-transform: none !important; transform: none !important; } .thumb-info.thumb-info-bottom-info-show-more .thumb-info-title { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .thumb-info.thumb-info-bottom-info-show-more .thumb-info-show-more-content { -webkit-transition: ease max-height 800ms; transition: ease max-height 800ms; overflow: hidden; max-height: 0; display: block; } .thumb-info.thumb-info-bottom-info-show-more:hover .thumb-info-show-more-content { max-height: 300px; } .thumb-info.thumb-info-push-hor img { -webkit-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none; } .thumb-info.thumb-info-push-hor:hover img { -webkit-transform: translatex(0); transform: translatex(0); } .thumb-info.thumb-info-block .thumb-info-action-icon { top: 15px; right: 15px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumb-info.thumb-info-block .thumb-info-wrapper:before { content: ""; background: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 0; bottom: 16px; bottom: 1rem; color: #FFF; left: 16px; left: 1rem; position: absolute; right: 16px; right: 1rem; top: 16px; top: 1rem; display: block; opacity: 0; z-index: 2; } .thumb-info.thumb-info-block:hover .thumb-info-wrapper:before { opacity: 1; } .thumb-info.thumb-info-block:hover .thumb-info-action-icon { opacity: 1; } .thumb-info.thumb-info-block.thumb-info-block-dark .thumb-info-wrapper:before { background: rgba(33, 37, 41, 0.9); } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { opacity: 0.65; } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { opacity: 1; top: 50%; } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { opacity: 0.1; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { opacity: 0; } .thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper:after { opacity: 0.65; } .thumb-info.thumb-info-slide-info-hover .thumb-info-wrapper-no-opacity:after { opacity: 1; } .thumb-info.thumb-info-slide-info-hover .thumb-info-title { opacity: 1; top: 0; height: 100%; top: 0; -webkit-transform: none !important; transform: none !important; } .thumb-info.thumb-info-slide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-1, .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { -webkit-transition: cubic-bezier(0.55, 0, 0.1, 1) top 500ms; transition: cubic-bezier(0.55, 0, 0.1, 1) top 500ms; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); } .thumb-info.thumb-info-slide-info-hover .thumb-info-slide-info-hover-2 { top: 150%; } .thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-1 { top: -50%; } .thumb-info.thumb-info-slide-info-hover:hover .thumb-info-slide-info-hover-2 { top: 50%; } .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; } .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded img, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper, .thumb-info.thumb-info-no-borders.thumb-info-no-borders-rounded .thumb-info-wrapper:after { border-radius: 4px; } .thumb-info.thumb-info-preview .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-preview .thumb-info-image { min-height: 232px; display: block; background-position: center top; background-repeat: no-repeat; background-size: 100% auto; position: relative; -webkit-transition: background-position 0.8s linear 0s; transition: background-position 0.8s linear 0s; } .thumb-info.thumb-info-preview:hover .thumb-info-image { -webkit-transition: background-position 2.5s linear 0s; transition: background-position 2.5s linear 0s; background-position: center bottom; } .thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image { -webkit-transition: background-position 1s linear 0s; transition: background-position 1s linear 0s; } .thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image { -webkit-transition: background-position 5s linear 0s; transition: background-position 5s linear 0s; } .thumb-info.thumb-info-no-overlay .thumb-info-wrapper:after { content: none; } .thumb-info.thumb-info-no-bg { background: transparent; } /* Thumb Info Ribbon */ .thumb-info-ribbon { background: #999; position: absolute; margin: -16px 0 0 0; padding: 5px 13px 6px; right: 15px; z-index: 1; } .thumb-info-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } .thumb-info-ribbon span { color: #FFF; font-size: 1.1em; font-family: "Shadows Into Light", cursive; } /* Thumb Info - Full Width */ .full-width .thumb-info img { border-radius: 0 !important; } /* Thumb Info Caption */ .thumb-info-caption { padding: 10px 0; } .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { font-size: 0.9em; margin: 0; padding: 15px 0; display: block; } /* Thumb Info Side Image */ .thumb-info-side-image { display: -webkit-box; display: -ms-flexbox; display: flex; } .thumb-info-side-image .thumb-info-side-image-wrapper { padding: 0; margin-right: 20px; } .thumb-info-side-image-right { display: -webkit-box; display: -ms-flexbox; display: flex; } .thumb-info-side-image-right .thumb-info-side-image-wrapper { margin-left: 20px; margin-right: 0; } /* Thumb Info Social Icons */ .thumb-info-social-icons { margin: 0; padding: 0; display: block; } .thumb-info-social-icons a { background: #CCC; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .thumb-info-social-icons a:hover { text-decoration: none; } .thumb-info-social-icons a span { display: none; } .thumb-info-social-icons a i { color: #FFF; font-size: 0.9em; font-weight: normal; } /* Thumb Info Floating Caption */ .thumb-info-floating-caption-title { background: rgba(33, 37, 41, 0.8); color: #FFF; font-weight: 600; letter-spacing: -.05em; font-size: 17px; padding: 13px 21px; } .thumb-info-floating-caption-title .thumb-info-floating-caption-type { position: absolute; background-color: #CCC; border-radius: 2px; display: block; font-size: 0.6em; font-weight: 600; letter-spacing: 0; margin: 8px -2px -15px 0px; padding: 2px 12px; text-transform: uppercase; line-height: 2.3; } /* Responsive */ @media (max-width: 991px) { .thumb-info .thumb-info-title { font-size: 14px; } .thumb-info .thumb-info-more { font-size: 11px; } } /* Timeline */ section.timeline { width: 100%; margin: 50px 0 0; position: relative; float: left; padding-bottom: 120px; } section.timeline:before { background: #505050; background: -webkit-gradient(linear, left top, left bottom, from(rgba(80, 80, 80, 0)), color-stop(8%, #505050), color-stop(92%, #505050), to(rgba(80, 80, 80, 0))); background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%); content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: 0.35; } section.timeline .timeline-body { position: relative; z-index: 1 !important; } section.timeline .timeline-date { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #E5E5E5; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #FFF; z-index: 1; } section.timeline .timeline-date h3 { display: block; text-align: center; color: #757575; font-size: 0.9em; line-height: 32px; } section.timeline .timeline-title { background: #f7f7f7; padding: 12px; } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #151719; font-size: 1.4em; } section.timeline .timeline-title a { color: #151719; } section.timeline .timeline-title .timeline-title-tags { color: #B1B1B1; font-size: 0.9em; } section.timeline .timeline-title .timeline-title-tags a { color: #B1B1B1; font-size: 0.9em; } section.timeline .timeline-box { -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #E5E5E5; border-radius: 4px; margin: 20px 10px 10px 10px; padding: 10px; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #FFF; } section.timeline .timeline-box.left { clear: both; } section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; left: 50%; margin-top: 22px; width: 8px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 1; } section.timeline .timeline-box.left .timeline-box-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; background: #FFF; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; float: right; height: 14px; margin-top: 17px; margin-right: -18px; width: 14px; z-index: 0; } section.timeline .timeline-box.right { clear: right; float: right; right: -1px; margin-top: 40px; } section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #E5E5E5; border-radius: 50%; -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #E5E5E5; content: ""; display: block; height: 7px; position: absolute; left: 50%; margin-top: 32px; width: 8px; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: 1; } section.timeline .timeline-box.right .timeline-box-arrow { -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ''; display: block; background: #FFF; border-left: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; float: left; height: 14px; margin-top: 28px; margin-left: -18px; width: 14px; z-index: 0; } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 991px) { section.timeline .timeline-box { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { display: none; } } @media (max-width: 767px) { section.timeline { width: 100%; margin: 0; } } @media (max-width: 575px) { section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; } section.timeline .timeline-box { margin: 15px auto; max-width: 90%; } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90%; } article.post-large { margin-left: 0; } article.post-large .post-image, article.post-large .post-date { margin-left: 0; } } /* Toggles */ .toggle { margin: 10px 0 20px; position: relative; clear: both; } .toggle .toggle { margin: 10px 0 0; } .toggle > input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } .toggle > label, .toggle > .toggle-title { -webkit-transition: all .15s ease-out; transition: all .15s ease-out; background: #f7f7f7; border-left: 3px solid #CCC; border-radius: 5px; color: #CCC; display: block; min-height: 20px; padding: 12px 20px 12px 15px; position: relative; cursor: pointer; font-weight: 600; letter-spacing: -0.2px; text-decoration: none !important; } .toggle > label:-moz-selection, .toggle > .toggle-title:-moz-selection { background: none; } .toggle > label i.fa-minus, .toggle > .toggle-title i.fa-minus { display: none; } .toggle > label i.fa-plus, .toggle > .toggle-title i.fa-plus { display: inline; } .toggle > label:before, .toggle > .toggle-title:before { content: " "; position: absolute; top: calc(50% + 1px); right: 14px; border-color: #CCC; border-top: 1px solid; border-right: 1px solid; width: 8px; height: 8px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: top 0.3s, -webkit-transform 0.3s; transition: top 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, top 0.3s; transition: transform 0.3s, top 0.3s, -webkit-transform 0.3s; -webkit-transform: rotate(-45deg) translate3d(0, -50%, 0); transform: rotate(-45deg) translate3d(0, -50%, 0); -webkit-transform-origin: 35%; transform-origin: 35%; } .toggle > label:hover, .toggle > .toggle-title:hover { background: #f5f5f5; } .toggle > label + p, .toggle > .toggle-title + p { color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px; } .toggle > label i, .toggle > .toggle-title i { font-size: 0.7em; margin-right: 8px; position: relative; top: -1px; } .toggle > .toggle-content { display: none; } .toggle > .toggle-content > p { margin-bottom: 0; padding: 10px 0; } .toggle.active i.fa-minus { display: inline; } .toggle.active i.fa-plus { display: none; } .toggle.active > label, .toggle.active > .toggle-title { background: #f7f7f7; border-color: #CCC; } .toggle.active > label:before, .toggle.active > .toggle-title:before { top: calc(50% - 8px); -webkit-transform: rotate(135deg); transform: rotate(135deg); } .toggle.active > p { white-space: normal; } .toggle > p.preview-active { height: auto; white-space: normal; } .toggle.toggle-sm .toggle > label, .toggle.toggle-sm .toggle > .toggle-title { font-size: 0.9em; padding: 6px 20px 6px 10px; } .toggle.toggle-sm .toggle > .toggle-content > p { font-size: 0.9em; } .toggle.toggle-lg .toggle > label, .toggle.toggle-lg .toggle > .toggle-title { font-size: 1.1em; padding: 16px 20px 16px 20px; } .toggle.toggle-lg .toggle > .toggle-content > p { font-size: 1.1em; } .toggle.toggle-simple .toggle > label, .toggle.toggle-simple .toggle > .toggle-title { border-radius: 0; border: 0; background: transparent; color: #9c9ea0; padding-left: 32px; margin-bottom: -10px; font-size: 1em; font-weight: 600; color: #212529; } .toggle.toggle-simple .toggle > label:after, .toggle.toggle-simple .toggle > .toggle-title:after { content: ''; position: absolute; left: 0; display: block; width: 24px; height: 24px; background: #CCC; top: 25px; margin-top: -12px; border-radius: 3px; z-index: 1; } .toggle.toggle-simple .toggle > label:before, .toggle.toggle-simple .toggle > .toggle-title:before { border: 0; left: 9px; right: auto; margin-top: 0; top: 12px; font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\F067"; z-index: 2; color: #FFF; font-size: 7px; width: auto; height: auto; -webkit-transform: none; transform: none; } .toggle.toggle-simple .toggle.active > label, .toggle.toggle-simple .toggle.active > .toggle-title { background: transparent; color: #212529; } .toggle.toggle-simple .toggle.active > label:before, .toggle.toggle-simple .toggle.active > .toggle-title:before { content: "\F068"; } .toggle.toggle-minimal .toggle { margin: 0; } .toggle.toggle-minimal .toggle > label, .toggle.toggle-minimal .toggle > .toggle-title { background: transparent; color: #9c9ea0; border-left: 0; border-bottom: 1px solid #CCCC; border-radius: 0; margin: 0; padding: 12px 20px 12px 0; font-weight: 600; } .toggle.toggle-minimal .toggle.active > label, .toggle.toggle-minimal .toggle.active > .toggle-title { background: transparent; border-bottom-color: #CCC; } /* Blockquotes */ blockquote { border-left: 5px solid #eee; margin: 0 0 16px 0; margin: 0 0 1rem 0; padding: 8px 16px; padding: 0.5rem 1rem; font-size: 1em; } blockquote.with-borders { border-radius: 6px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-right: 1px solid #ECECEC; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); padding: 20.8px; padding: 1.3rem; } blockquote.blockquote-reverse { text-align: right; border-right: 5px solid #eee; border-left: 0px !important; } /* Small */ small, .small { font-size: 70%; } /* Paragraphs */ p { color: #9c9ea0; line-height: 26px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; } p.lead { line-height: 28.8px; line-height: 1.8rem; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; } /* Lead */ .lead { letter-spacing: -.05em; font-size: 19.2px; font-size: 1.2rem; } .lead-2 { font-size: 17.92px; font-size: 1.12rem; } /* Links */ a, a:hover, a:focus { color: #CCC; } /* Drop Caps */ p.drop-caps:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.drop-caps-style-2:first-letter { background-color: #CCC; color: #FFF; padding: 6px; margin-right: 5px; border-radius: 4px; } /* Default Font Style */ .default-font { font-family: "Poppins", Arial, sans-serif !important; } /* Alternative Font Style */ .alternative-font { color: #CCC; font-family: "Shadows Into Light", cursive !important; font-size: 1.6em; } .alternative-font-2 { font-family: "Oswald", sans-serif !important; } .alternative-font-3 { font-family: 'Segoe Script', 'Zapfino', 'Savoye LET' !important; } .alternative-font-4 { font-family: 'Poppins', Arial, sans-serif !important; } .alternative-font-5 { font-family: 'Open Sans', Arial, sans-serif !important; } .alternative-font-6 { font-family: 'Montserrat', Arial, sans-serif !important; } /* Gradient Text */ .gradient-text-color { -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; } .no-backgroundcliptext .gradient-text-color { background: transparent !important; } /* Small Sup style */ .sup-text-small { font-size: 0.5em; font-weight: 500; top: -.7em; } /* Text Color Default */ .text-default, .text-color-default { color: #9c9ea0 !important; } /* Video */ section.video { background-position: 50% 50%; background-repeat: no-repeat; padding: 50px 0; position: relative; overflow: hidden; width: 100%; } section.video .container { position: relative; z-index: 3; } html.boxed section.video > div:first-child { z-index: 0 !important; } html.boxed section.video > div:first-child video { z-index: 0 !important; } .word-rotator i, .word-rotator em, .word-rotator b { font-style: normal; font-weight: inherit; } .word-rotator-words { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; position: relative; text-align: left; } .word-rotator-words b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .word-rotator-words b.is-visible { position: relative; } .word-rotator-words[class*="bg-"] { background: #CCC; } .word-rotator-words[class*="bg-"] b { color: #FFF; padding: 1.6px 8px; padding: 0.1rem 0.5rem; } /* rotate-1 */ .word-rotator.rotate-1 .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .word-rotator.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -webkit-animation: word-rotator-rotate-1-in 1.2s; animation: word-rotator-rotate-1-in 1.2s; } .word-rotator.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: word-rotator-rotate-1-out 1.2s; animation: word-rotator-rotate-1-out 1.2s; } @-webkit-keyframes word-rotator-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @keyframes word-rotator-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1; } } @-webkit-keyframes word-rotator-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } @keyframes word-rotator-rotate-1-out { 0% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1; } 65% { opacity: 0; } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0; } } /* type */ .word-rotator.type .word-rotator-words { vertical-align: top; overflow: hidden; position: relative; padding-right: 3px; } .word-rotator.type .word-rotator-words::after { content: ' '; position: absolute; right: 0; top: 5%; height: 90%; width: 2px; display: block; background-color: transparent; } .word-rotator.type .word-rotator-words.waiting::after { -webkit-animation: 1s word-rotator-pulse step-end infinite; animation: 1s word-rotator-pulse step-end infinite; } .word-rotator.type .word-rotator-words.selected { background-color: #212529 !important; } .word-rotator.type .word-rotator-words.selected::after { visibility: hidden; } .word-rotator.type .word-rotator-words.selected b { color: #FFF !important; } .word-rotator.type b { visibility: hidden; } .word-rotator.type b.is-visible { visibility: visible; } .word-rotator.type i { position: absolute; visibility: hidden; } .word-rotator.type i.in { position: relative; visibility: visible; } .word-rotator.type.type-clean-light .word-rotator-words:after { width: 8px; } .word-rotator.type.type-clean-light .word-rotator-words.waiting::after { -webkit-animation: 500ms word-rotator-pulse-light step-end infinite; animation: 500ms word-rotator-pulse-light step-end infinite; } .word-rotator.type.type-clean-light .word-rotator-words.selected { background-color: transparent !important; } @-webkit-keyframes word-rotator-pulse { from, to { background-color: transparent; } 50% { background-color: black; } } @keyframes word-rotator-pulse { from, to { background-color: transparent; } 50% { background-color: black; } } @-webkit-keyframes word-rotator-pulse-light { from, to { background-color: transparent; } 50% { background-color: white; } } @keyframes word-rotator-pulse-light { from, to { background-color: transparent; } 50% { background-color: white; } } /* rotate-2 */ .word-rotator.rotate-2 .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.rotate-2 i, .word-rotator.rotate-2 em { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .word-rotator.rotate-2 b { opacity: 0; } .word-rotator.rotate-2 i { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0; } .is-visible .word-rotator.rotate-2 i { opacity: 1; } .word-rotator.rotate-2 i.in { -webkit-animation: word-rotator-rotate-2-in .4s forwards; animation: word-rotator-rotate-2-in .4s forwards; } .word-rotator.rotate-2 i.out { -webkit-animation: word-rotator-rotate-2-out .4s forwards; animation: word-rotator-rotate-2-out .4s forwards; } .word-rotator.rotate-2 em { -webkit-transform: translateZ(20px); transform: translateZ(20px); } .no-csstransitions .word-rotator.rotate-2 i { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 0; } .no-csstransitions .word-rotator.rotate-2 i em { -webkit-transform: scale(1); transform: scale(1); } .no-csstransitions .word-rotator.rotate-2 .is-visible i { opacity: 1; } @-webkit-keyframes word-rotator-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @keyframes word-rotator-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg); } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0deg); transform: translateZ(-20px) rotateX(0deg); } } @-webkit-keyframes word-rotator-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } @keyframes word-rotator-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0); } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg); } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg); } } /* loading-bar */ .word-rotator.loading-bar span { display: inline-block; padding: .2em 0; } .word-rotator.loading-bar .word-rotator-words { overflow: hidden; vertical-align: top; } .word-rotator.loading-bar .word-rotator-words::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #212529; z-index: 2; -webkit-transition: width .3s -0.1s; transition: width .3s -0.1s; } .word-rotator.loading-bar .word-rotator-words.is-loading::after { width: 100%; -webkit-transition: width 3s; transition: width 3s; } .word-rotator.loading-bar .word-rotator-words.bg-light::after { background-color: #212529 !important; } .word-rotator.loading-bar .word-rotator-words[class*="bg-"]:not(.bg-light)::after { background-color: #FFF !important; } .word-rotator.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s; } .word-rotator.loading-bar b.is-visible { opacity: 1; top: 0; } /* slide */ .word-rotator.slide span { display: inline-block; padding: .2em 0; } .word-rotator.slide .word-rotator-words { overflow: hidden; vertical-align: top; } .word-rotator.slide b { opacity: 0; top: .2em; } .word-rotator.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; animation: slide-in .6s; } .word-rotator.slide b.is-hidden { -webkit-animation: slide-out .6s; animation: slide-out .6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); } } /* clip */ .word-rotator.clip span { display: inline-block; padding: .2em 0; } .word-rotator.clip .word-rotator-words { overflow: hidden; vertical-align: top; } .word-rotator.clip .word-rotator-words::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #212529; } .word-rotator.clip b { opacity: 0; } .word-rotator.clip b.is-visible { opacity: 1; } /* zoom */ .word-rotator.zoom .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.zoom b { opacity: 0; } .word-rotator.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in .8s; animation: zoom-in .8s; } .word-rotator.zoom b.is-hidden { -webkit-animation: zoom-out .8s; animation: zoom-out .8s; } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px); } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px); } } .word-rotator.rotate-3 .word-rotator-words { -webkit-perspective: 300px; perspective: 300px; } .word-rotator.rotate-3 b { opacity: 0; } .word-rotator.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .is-visible .word-rotator.rotate-3 i { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .word-rotator.rotate-3 i.in { -webkit-animation: word-rotator-rotate-3-in .6s forwards; animation: word-rotator-rotate-3-in .6s forwards; } .word-rotator.rotate-3 i.out { -webkit-animation: word-rotator-rotate-3-out .6s forwards; animation: word-rotator-rotate-3-out .6s forwards; } .no-csstransitions .word-rotator.rotate-3 i { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; } .no-csstransitions .word-rotator.rotate-3 .is-visible i { opacity: 1; } @-webkit-keyframes word-rotator-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @keyframes word-rotator-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes word-rotator-rotate-3-out { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } @keyframes word-rotator-rotate-3-out { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); } } /* scale */ .word-rotator.scale b { opacity: 0; } .word-rotator.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .is-visible .word-rotator.scale i { opacity: 1; } .word-rotator.scale i.in { -webkit-animation: scale-up .6s forwards; animation: scale-up .6s forwards; } .word-rotator.scale i.out { -webkit-animation: scale-down .6s forwards; animation: scale-down .6s forwards; } .no-csstransitions .word-rotator.scale i { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } .no-csstransitions .word-rotator.scale .is-visible i { opacity: 1; } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } /* push */ .word-rotator.push b { opacity: 0; } .word-rotator.push b.is-visible { opacity: 1; -webkit-animation: push-in .6s; animation: push-in .6s; } .word-rotator.push b.is-hidden { -webkit-animation: push-out .6s; animation: push-out .6s; } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%); } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%); } } /* Custom Map */ section.section-custom-map { padding: 129px 0 0; margin: 20px 0 0; border: 0; } section.section-custom-map section.section { border-top: 0; background: rgba(247, 247, 247, 0.5); } /* Home Intro */ .home-intro { background-color: #212529; margin-bottom: 60px; overflow: hidden; padding: 38.4px 0; padding: 2.4rem 0; position: relative; text-align: left; letter-spacing: -0.5px; } .home-intro p { color: #FFF; display: inline-block; font-size: 1.4em; font-weight: 600; margin-bottom: 0; } .home-intro p span:not(.highlighted-word) { color: #FFF; display: block; font-size: 0.8em; font-weight: 300; padding-top: 5px; opacity: 0.7; } .home-intro p .highlighted-word { font-size: 1.6em; } .home-intro .get-started { position: relative; } .home-intro .get-started .btn { position: relative; z-index: 1; } .home-intro .get-started .btn i { font-size: 1.1em; font-weight: normal; margin-left: 5px; } .home-intro .get-started a { color: #FFF; } .home-intro .get-started a:not(.btn) { color: #FFF; font-weight: 600; } .home-intro .learn-more { color: #FFF; margin-left: 15px; font-weight: 300; } .home-intro.light { background-color: #E0CEAA; } .home-intro.light.secondary { background-color: #E0E1E4; } .home-intro.light p, .home-intro.light .learn-more, .home-intro.light p span:not(.highlighted-word), .home-intro.light .get-started a:not(.btn) { color: #333333; } /* Home Intro Compact */ .home-intro-compact { border-radius: 0 0 0.3rem 0.3rem; margin-top: -10px; margin: -10px auto 60px; max-width: 1116px; } .home-intro-compact p { padding-left: 20px; } .home-intro-compact .get-started { padding-right: 20px; } /* Responsive */ @media (max-width: 991px) { /* Home Intro */ .home-intro p { margin-bottom: 2rem; } .home-intro-compact .get-started { padding-left: 20px; } } @media (max-width: 767px) { /* Home Intro */ .home-intro-compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } /* Home Concept SVG Animations */ @-webkit-keyframes animatedLineBg { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1360; } } @keyframes animatedLineBg { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1360; } } @-webkit-keyframes animatedLineSmallCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1120; } } @keyframes animatedLineSmallCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1120; } } @-webkit-keyframes animatedLineBigCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1266; } } @keyframes animatedLineBigCircle { from { stroke-dasharray: 1000; } to { stroke-dasharray: 1266; } } @-webkit-keyframes animatedInitialPin { 0% { -webkit-transform: translate(2px, 69px) scale(0.23); transform: translate(2px, 69px) scale(0.23); } 33% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } 66% { -webkit-transform: translate(2px, 74px) scale(0.23); transform: translate(2px, 74px) scale(0.23); } 100% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } } @keyframes animatedInitialPin { 0% { -webkit-transform: translate(2px, 69px) scale(0.23); transform: translate(2px, 69px) scale(0.23); } 33% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } 66% { -webkit-transform: translate(2px, 74px) scale(0.23); transform: translate(2px, 74px) scale(0.23); } 100% { -webkit-transform: translate(2px, 79px) scale(0.23); transform: translate(2px, 79px) scale(0.23); } } @-webkit-keyframes animatedFinalPin { 0% { -webkit-transform: translate(325px, -19px) scale(0.23) rotate(36deg); transform: translate(325px, -19px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(325px, -16px) scale(0.23) rotate(36deg); transform: translate(325px, -16px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } } @keyframes animatedFinalPin { 0% { -webkit-transform: translate(325px, -19px) scale(0.23) rotate(36deg); transform: translate(325px, -19px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(325px, -16px) scale(0.23) rotate(36deg); transform: translate(325px, -16px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(325px, -13px) scale(0.23) rotate(36deg); transform: translate(325px, -13px) scale(0.23) rotate(36deg); } } /* Firefox Final Pin Animation */ @-webkit-keyframes animatedFinalPinFirefox { 0% { -webkit-transform: translate(193px, -16px) scale(0.23) rotate(36deg); transform: translate(193px, -16px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(193px, -13px) scale(0.23) rotate(36deg); transform: translate(193px, -13px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } } @keyframes animatedFinalPinFirefox { 0% { -webkit-transform: translate(193px, -16px) scale(0.23) rotate(36deg); transform: translate(193px, -16px) scale(0.23) rotate(36deg); } 33% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } 66% { -webkit-transform: translate(193px, -13px) scale(0.23) rotate(36deg); transform: translate(193px, -13px) scale(0.23) rotate(36deg); } 100% { -webkit-transform: translate(193px, -10px) scale(0.23) rotate(36deg); transform: translate(193px, -10px) scale(0.23) rotate(36deg); } } /* Home Concept */ .home-concept { width: 100%; overflow: hidden; } .home-concept strong { display: block; font-family: "Shadows Into Light", cursive; font-size: 1.8em; font-weight: normal !important; position: relative; margin-top: 30px; } .home-concept .row { position: relative; } .home-concept .process-image { width: 160px; margin: 120px auto 0 auto; padding-bottom: 50px; position: relative; z-index: 1; } .home-concept .process-image img { border-radius: 150px; margin: 7px 8px; width: auto; height: auto; max-width: 145px; max-height: 145px; } @media (min-width: 992px) { .home-concept .process-image.process-image-on-middle { margin-top: 95px; } } .home-concept .our-work { margin-top: 52px; font-size: 2.2em; } .home-concept .project-image { width: 350px; margin: 20px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1; } .home-concept .sun { width: 60px; height: 56px; display: block; position: absolute; left: 0; top: 65px; } .home-concept .cloud { width: 116px; height: 56px; display: block; position: absolute; left: 53%; top: 35px; } /* Responsive */ @media (max-width: 991px) { .home-concept { background-image: none; } .home-concept .project-image { margin: 20px auto 0 auto; } .home-concept .process-image { margin-top: 0; padding-bottom: 25px; } } @media (max-width: 479px) { .home-concept .project-image { background-position: 0 0; margin-left: auto; max-width: 160px; } .home-concept .fc-slideshow { max-width: 145px; height: 145px; } .home-concept .fc-slideshow img { max-height: 145px; max-width: 145px; } } /* Portfolio */ .portfolio-title { margin-bottom: -10px; } .portfolio-title a { display: inline-block; } .portfolio-title [class*="fa-"], .portfolio-title .icons { font-size: 1.7em; } .portfolio-title .portfolio-nav { margin-top: 11px; } .portfolio-title .portfolio-nav-all { margin-top: 9px; } .portfolio-title .portfolio-nav { text-align: right; } .portfolio-title .portfolio-nav a { width: 40%; } .portfolio-title .portfolio-nav-all .fa, .portfolio-title .portfolio-nav-all .icons { font-size: 2em; } .portfolio-title .fa-angle-right { text-align: right; } .portfolio-title .portfolio-nav-prev { text-align: left; } /* Portfolio Info */ .portfolio-info { margin: 2px 0 10px; } .portfolio-info ul { list-style: none; padding: 0; margin: 0; } .portfolio-info ul li { display: inline-block; border-right: 1px solid #E6E6E6; color: #B1B1B1; padding-right: 8px; margin-right: 8px; font-size: 0.9em; } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; } .portfolio-info ul li a { text-decoration: none; color: #B1B1B1; } .portfolio-info ul li a:hover .fa-heart { color: #E53F51; } .portfolio-info ul li [class*="fa-"], .portfolio-info ul li .icons { margin-right: 4px; } /* Portfolio List */ .portfolio-list { list-style: none; padding: 0; margin-top: 0; margin-bottom: 0; } .portfolio-list:not(.row) { margin: 0; } .portfolio-list .portfolio-item { position: relative; margin-bottom: 35px; } .portfolio-list .portfolio-item.portfolio-item-updated:after, .portfolio-list .portfolio-item.portfolio-item-new:after { position: absolute; z-index: 1; top: 10px; right: 10px; background: #CCC; content: "NEW"; display: block; padding: 0px 8px; font-size: 9px; font-weight: 600; text-transform: uppercase; color: #FFF; border-radius: 2px; line-height: 22px; } .portfolio-list .portfolio-item.portfolio-item-updated:after { content: "UPDATED"; background: #36C57A; } /* Portfolio Details */ .portfolio-details { list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: 0.9em; } .portfolio-details > li { padding: 0; margin: 0 0 20px; } .portfolio-details p { padding: 0; margin: 0; } .portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999; } .portfolio-details .list-icons { margin-left: 0; } .portfolio-details .list-icons > li { padding-left: 18px; margin-right: 10px; } .portfolio-details .list-icons > li [class*="fa-"], .portfolio-details .list-icons > li .icons { top: 7px; } /* Portfolio Modal */ .portfolio-modal .mfp-arrow, .portfolio-ajax-modal .mfp-arrow { display: none; } .portfolio-load-more-loader { display: none; position: relative; height: 49px; } .btn-portfolio-infinite-scroll { opacity: 0; } /* Portfolio Navigation */ .portfolio-next:hover [class*="fa-"], .portfolio-next:hover .icons, .portfolio-prev:hover [class*="fa-"], .portfolio-prev:hover .icons { -webkit-animation: navItemArrow 600ms ease; animation: navItemArrow 600ms ease; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Responsive */ @media (max-width: 991px) { .portfolio-nav, .portfolio-nav-all { display: none; } } /* Team List */ ul.team-list { list-style: none; margin: 0; padding: 0; } ul.team-list .team-item { margin-bottom: 35px; } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px; } /* Responsive */ @media (max-width: 991px) { ul.team-list .team-item { margin: 0 auto 35px; max-width: 270px; } } /* Search Results */ .search-results { min-height: 300px; } /* Page 404 */ .http-error { padding: 50px 0; } .http-error h2 { font-size: 140px; font-weight: 700; line-height: 140px; } .http-error h4 { color: #9c9ea0; } .http-error p { font-size: 1.4em; line-height: 36px; } /* Responsive */ @media (max-width: 575px) { .http-error { padding: 0; } .http-error h2 { font-size: 100px; letter-spacing: 0; line-height: 100px; } } /* Name: theme-blog.css Written by: Okler Themes - (http://www.okler.net) Theme Version: 9.1.0 */ /* Posts */ .blog-posts:not(.blog-posts-no-margins) article { border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 50px; padding-bottom: 20px; } .blog-posts:not(.blog-posts-no-margins) .pagination { margin: -10px 0 20px; } .blog-posts.blog-posts-no-margins .pagination { margin-top: 28.8px; margin-top: 1.8rem; } /* Post */ article.post h2 a { text-decoration: none; } article.post .post-meta { font-size: 0.9em; margin-bottom: 7px; } article.post .post-meta > span { display: inline-block; padding-right: 8px; } article.post .post-meta i { margin-right: 3px; } article.post .post-date { float: left; margin-right: 10px; text-align: center; } article.post .post-date .month { display: block; background: #CCC; border-radius: 0 0 2px 2px; color: #FFF; font-size: 0.8em; line-height: 1.8; padding: 1px 10px; text-transform: uppercase; } article.post .post-date .day { background: #f7f7f7; border-radius: 2px 2px 0 0; color: #CCC; display: block; font-size: 18px; font-weight: 900; padding: 10px; } article.post .post-image .owl-carousel { width: 100.1%; } article .post-video { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 61%; } article .post-video iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto; } article .post-audio { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; background-color: #FFF; border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 35%; min-height: 160px; } article .post-audio iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto; } article.post-medium .post-image .owl-carousel { width: 100.2%; } article.post-large { margin-left: 60px; } article.post-large h2 { margin-bottom: 5px; } article.post-large .post-image, article.post-large .post-date { margin-left: -60px; } article.post-large .post-image { margin-bottom: 25px; } article.post-large .post-image.single { margin-bottom: 30px; } article.post-large .post-video { margin-left: -60px; } article.post-large .post-audio { margin-left: -60px; } /* Single Post */ .single-post article { border-bottom: 0; margin-bottom: 0; } article.blog-single-post .post-meta { margin-bottom: 20px; } /* Post Block */ .post-block h3 { font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none; } .post-block h3 i { margin-right: 7px; } /* Post Author */ .post-author img { max-height: 80px; max-width: 80px; } .post-author p { font-size: 0.9em; line-height: 22px; margin: 0; padding: 0; } .post-author p .name { font-size: 1.1em; } .post-author .img-thumbnail { display: inline-block; float: left; margin-right: 20px; } /* Post Comments */ ul.comments { list-style: none; margin: 0; padding: 0; } ul.comments li { clear: both; padding: 10px 0 0 70px; } ul.comments li img.avatar { height: 48px; width: 48px; } ul.comments li ul.reply { margin: 0; } ul.comments li a { text-decoration: none; } ul.comments li .img-thumbnail { margin-left: -70px; position: absolute; } ul.comments li .comment { margin-bottom: 10px; } ul.comments .comment-arrow { border-bottom: 12px solid transparent; border-right: 12px solid #f7f7f7; border-top: 12px solid transparent; height: 0; left: -12px; position: absolute; top: 12px; width: 0; } ul.comments .comment-block { background: #f7f7f7; border-radius: 5px; padding: 20px 20px 30px; position: relative; } ul.comments .comment-block p { font-size: 0.9em; line-height: 21px; margin: 0; padding: 0; } ul.comments .comment-block .comment-by { display: block; font-size: 1em; line-height: 21px; margin: 0; padding: 0 0 5px 0; } ul.comments .comment-block .date { color: #999; font-size: 0.9em; } /* Leave a Comment */ .post-leave-comment h3 { margin: 0 0 40px; } /* Recent Posts */ .recent-posts h4 { margin-bottom: 7px; } .recent-posts article.recent-post h4 { margin: 0 0 3px 0; } .recent-posts article.recent-post h4 a { display: block; } .recent-posts .date { margin-right: 10px; text-align: center; } .recent-posts .date .month { background: #CCC; color: #FFF; font-size: 0.9em; padding: 3px 10px; position: relative; top: -2px; } .recent-posts .date .day { background: #F7F7F7; color: #CCC; display: block; font-size: 18px; font-weight: 500; font-weight: bold; padding: 8px; } section.section .recent-posts .date .day { background: #FFF; } /* Simple Post List */ ul.simple-post-list { list-style: none; margin: 0; padding: 0; } ul.simple-post-list li { border-bottom: 1px dotted #E2E2E2; padding: 15px 0; } ul.simple-post-list li::after { clear: both; content: ""; display: block; } ul.simple-post-list li:last-child { border-bottom: 0; } ul.simple-post-list .post-image { float: left; margin-right: 12px; } ul.simple-post-list .post-meta { color: #888; font-size: 0.8em; } ul.simple-post-list .post-info { line-height: 20px; } /* Responsive */ @media (max-width: 575px) { ul.comments li { border-left: 8px solid rgba(0, 0, 0, 0.06); clear: both; padding: 0 0 0 10px; } ul.comments li .img-thumbnail { display: none; } ul.comments .comment-arrow { display: none; } } /* Name: theme-shop.css Written by: Okler Themes - (http://www.okler.net) Theme Version: 9.1.0 */ /* Custom Font - Stars (From WooCommerce) */ /* Shop - Base */ .shop .products:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .shop .products .product { position: relative; margin-bottom: 30px; } .shop .products .product a { text-decoration: none; } .shop .products .product .quick-view { -webkit-transition: ease transform 300ms, ease background 300ms; transition: ease transform 300ms, ease background 300ms; position: absolute; bottom: 0; left: 0; padding: 12px 10px; font-size: 1em; color: #FFF; background: rgba(0, 0, 0, 0.7); z-index: 3; opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .shop .products .product .quick-view [class*="fa-"], .shop .products .product .quick-view .icons { margin-right: 3px; font-size: 1.1em; } .shop .products .product:hover .quick-view { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .shop .products .product:hover .quick-view:hover { background: #000; } .shop .products .product .onsale { position: absolute; background-image: none; border-radius: 100%; left: auto; right: 0; top: -15px; text-shadow: none; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; z-index: 10; -webkit-box-shadow: none; box-shadow: none; font-size: 0.9em; color: #FFF; border-bottom: 2px solid transparent; } /* Quick View Popup Fix (When Close) */ html.lightbox-beforeclose .quick-view { display: none !important; } .masonry-loader-showing .products { opacity: 0; } /* Product Info */ .product-info { -webkit-transition: all 0.2s; transition: all 0.2s; padding: 0; position: relative; border: 1px solid #DDD; background: #F7F9FC; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; padding: 0; text-decoration: none; } .product-info:hover { background-color: #FFF; text-decoration: none; } .product-info a { text-decoration: none; display: inline-block; width: 100%; } .product-info a:hover { text-decoration: none; display: inline-block; width: 100%; } .product-info img { -webkit-transition: all 0.2s; transition: all 0.2s; } .product-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0; } .product-info + .product-info { margin-top: -5px; } .product-info .product-info-image { display: block; position: relative; } .product-info .product-info-image:before { -webkit-transition: all 0.2s; transition: all 0.2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; width: 100%; height: 100%; opacity: 0; } .product-info:hover .product-info-image:before { opacity: 0.4; } .product-info .product-info-act { position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #FFF; } .product-info .product-info-act em { font-style: normal; position: relative; font-size: 1.2em; font-weight: 100; } .product-info .product-info-act-left, .product-info .product-info-act-right { float: left; overflow: hidden; } .product-info .product-info-act-left { text-align: right; width: 45%; } .product-info .product-info-act-left em { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; left: 0%; opacity: 0; } .product-info .product-info-act-right { text-align: left; margin-left: 2%; width: 53%; } .product-info .product-info-act-right em { -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; right: 0%; font-weight: 600; opacity: 0; } .product-info:hover .product-info-act-left em { opacity: 1; } .product-info:hover .product-info-act-right em { opacity: 1; } .product-info .product-info-content { padding: 15px; text-align: left; display: block; } .product-info .product-info-caption { padding: 0 15px 15px; text-align: left; display: block; } .product-info .product-info-caption p { margin: 0; padding: 0 0 10px; } .product-info .product-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #EBEBF4; display: block; } .product-info .product-info-extra.social { text-align: center; } .product-info .product-info-extra.social a { border-right: 1px solid #EBEBF4; display: inline-block; margin-right: 10px; padding-right: 10px; font-size: 0.9em; color: #ACACAC; width: auto; } .product-info .product-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0; } .product-info .date { color: #9AA1AB; font-size: 0.9em; } .product-info.secondary .product-info-content { text-align: center; } .product-info.secondary .product-info-content h4 { -webkit-transition: all 0.2s; transition: all 0.2s; color: #FFF; position: relative; top: -25%; opacity: 0; } .product-info.secondary .product-info-content .date { -webkit-transition: all 0.2s; transition: all 0.2s; position: relative; top: 25%; display: block; opacity: 0; } .product-info.secondary .product-info-act { top: 30%; } .product-info.secondary .label { -webkit-transition: all 0.2s; transition: all 0.2s; clear: both; display: inline-block; margin-top: 15px; opacity: 0; } .product-info.secondary:hover .label { opacity: 1; } .product-info.secondary:hover .product-info-content h4 { top: 0; opacity: 1; } .product-info.secondary:hover .product-info-content .date { top: 0; opacity: 1; } /* Rating */ .shop .review-num { margin-left: 7px; float: left; font-size: 0.85em; } .shop .summary .price { color: #212529; font-size: 2em; letter-spacing: -1px; line-height: 30px; margin-top: 10px; clear: both; } .shop .quantity { margin: 0 15px 25px 0; overflow: hidden; position: relative; width: 125px; height: 40px; float: left; } .shop .quantity .minus { background: transparent; border: 1px solid #F0F0F0; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #5E5E5E; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 40px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 40px; border-radius: 0.25rem 0 0 0.25rem; } .shop .quantity .plus { background: transparent; border: 1px solid #F0F0F0; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #5E5E5E; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 40px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 40px; border-radius: 0 0.25rem 0.25rem 0; right: 0; top: 0; } .shop .quantity .qty { border: 1px solid #F0F0F0; -webkit-box-shadow: none; box-shadow: none; float: left; height: 40px; padding: 0 39px; text-align: center; width: 125px; font-weight: bold; font-size: 1em; outline: 0; border-radius: .25rem; } .shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .shop .quantity .qty::-ms-clear { display: none; } .shop .quantity.quantity-lg { height: 45px; } .shop .quantity.quantity-lg .minus { height: 45px; width: 45px; } .shop .quantity.quantity-lg .plus { height: 45px; width: 45px; } .shop .quantity.quantity-lg .qty { height: 45px; } .shop .product-meta { clear: both; } .shop .tabs-product { margin-top: 40px; } .shop ul.comments .comment-arrow { border-right-color: #F5F7F7; } .shop ul.comments .comment-block { background: #F5F7F7; } .shop ul.simple-post-list li { border: 0; padding-bottom: 0; } /* Product Thumb Info */ .product .product-thumb-info { -webkit-transition: all 0.2s; transition: all 0.2s; padding: 0; position: relative; border: 0; border-bottom: 3px solid #E3E4E8; background: #F7F9FC; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; border: 1px solid #DDD; text-decoration: none; } .product .product-thumb-info a { text-decoration: none; display: block; width: 100%; } .product .product-thumb-info img { -webkit-transition: all 0.2s; transition: all 0.2s; } .product .product-thumb-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0; } .product .product-thumb-info + .product-thumb-info { margin-top: -5px; } .product .product-thumb-info .product-thumb-info-touch-hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: none; background-color: transparent; } .product .product-thumb-info.hover .product-thumb-info-touch-hover { display: block; } .product .product-thumb-info .product-thumb-info-image { display: block; position: relative; } .product .product-thumb-info .product-thumb-info-image:before { -webkit-transition: all 0.2s; transition: all 0.2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #212121; width: 100%; height: 100%; opacity: 0; z-index: 2; } .product .product-thumb-info .product-thumb-info-act { position: absolute; top: 40%; left: 0; right: 0; text-align: center; color: #FFF; opacity: 0; } .product .product-thumb-info .product-thumb-info-act em { font-style: normal; } .product .product-thumb-info .product-thumb-info-content { padding: 15px; text-align: left; display: block; } .product .product-thumb-info .product-thumb-info-caption { padding: 0 15px 15px; text-align: left; display: block; } .product .product-thumb-info .product-thumb-info-caption p { margin: 0; padding: 0 0 10px; } .product .product-thumb-info .product-thumb-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #EBEBF4; display: block; } .product .product-thumb-info .product-thumb-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0; } .product .product-thumb-info .product-thumb-info-badges-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 15px; left: 15px; z-index: 3; } .product .product-thumb-info .product-thumb-info-badges-wrapper .badge + .badge { margin-top: 5px; } .product .product-thumb-info .addtocart-btn-wrapper { position: absolute; top: 20px; right: 20px; z-index: 3; } .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #212121; background: #FFF; width: 40px; height: 40px; border-radius: 100%; font-size: 16px; font-size: 1rem; -webkit-box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.4); opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: ease transform 300ms, ease opacity 300ms; transition: ease transform 300ms, ease opacity 300ms; } .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover { color: #FFF; background: #CCC; } .product .product-thumb-info .product-thumb-info-image-effect > img:nth-child(1) { position: relative; z-index: 1; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .product .product-thumb-info .product-thumb-info-image-effect > img:nth-child(2) { position: absolute; top: 0; left: 0; z-index: 0; } .product .product-thumb-info .countdown-offer-wrapper { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 8px 0; background: #0184c2; z-index: 3; -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; } .product:hover .product-thumb-info { background-color: #FFF; text-decoration: none; } .product:hover .product-thumb-info .product-thumb-info-image:before { opacity: 0.1; } .product:hover .product-thumb-info .product-thumb-info-act { opacity: 1; top: 50%; } .product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn { position: relative; opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: ease transform 300ms, ease opacity 300ms; transition: ease transform 300ms, ease opacity 300ms; } .product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:before { content: attr(title); position: absolute; white-space: nowrap; right: calc( 100% + 10px); top: 50%; font-size: 11.2px; font-size: 0.7rem; background: #212121; color: #FFF; padding: 4px 8px; padding: .25rem .5rem; border-radius: 3px; display: none; opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; z-index: 10; } .product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:after { content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #212121; display: none; opacity: 0; visibility: hidden; position: absolute; top: 50%; right: calc( 100% + 5px); -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transition: ease opacity 300ms; transition: ease opacity 300ms; z-index: 10; } .product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover:before, .product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover:after { display: block; opacity: 1; visibility: visible; } .product:hover .product-thumb-info .product-thumb-info-image-effect > img:nth-child(1) { opacity: 0; } .product:hover .product-thumb-info .countdown-offer-wrapper { opacity: 0; visibility: hidden; } /* Product Thumb Info - Full Width */ .full-width .product-thumb-info .product-thumb-info-image:before { border-radius: 0; } /* Products Navigation */ .products-navigation .next, .products-navigation .prev { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 30px; height: 30px; border-radius: 100%; border: 1px solid #CCC; font-size: 11.2px; font-size: 0.7rem; } .products-navigation .prev { margin-right: 5px; } /* Price */ .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 28px; } .price del { color: rgba(145, 145, 145, 0.5); font-size: 0.7em; margin: -2px 0 0; } .price ins { text-decoration: none; } .price .sale { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; font-size: 0.9em; font-weight: 600; } .price .sale + .amount { font-size: 0.7em; font-weight: 500; margin-right: 4px; text-decoration: line-through; } .price .amount { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; font-size: 0.9em; font-weight: 600; } /* Shop Finish Buy Steps Nav */ /* Shop Table */ .shop_table { width: 100%; margin: 0; text-align: left; } .shop_table th { padding: 8px 10px; } .shop_table td { border-top: 1px solid rgba(0, 0, 0, 0.06); padding: 17px 10px; } .shop_table .product-thumbnail .product-thumbnail-wrapper { position: relative; } .shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove { position: absolute; top: -5px; right: -8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 11.2px; font-size: 0.7rem; color: #212121; width: 20px; height: 20px; background: #FFF; border: 1px solid #dbdbdb; border-radius: 100%; -webkit-box-shadow: 0px 0px 19px -6px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 19px -6px rgba(0, 0, 0, 0.5); text-decoration: none; -webkit-transition: ease background 300ms; transition: ease background 300ms; } .shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove:hover { background: #f4f4f4; } .shop_table .product-name { padding-left: 22.4px; padding-left: 1.4rem; } /* Responsive */ @media (max-width: 991px) { .shop .actions-continue { float: none; } .shop table.cart .product-thumbnail { width: 12%; } .shop table.cart .product-name { width: 35%; } #header nav.mega-menu .mega-menu-shop a { color: #FFF; } #header nav.mega-menu .mega-menu-shop a .fa-caret-down { display: none !important; } #header nav.mega-menu .mega-menu-shop > ul.dropdown-menu { display: none !important; } } @media (max-width: 767px) { .shop table.cart .product-name { width: 65%; } .shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove { position: relative; top: 0; right: 0; } .shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-image { display: none; } .shop_table .product-name { padding-left: 0.7rem; } } .custom-font-size-1 { font-size: 0.6em; } @media (min-width: 1200px) { .custom-big-font-size-1 { font-size: 6.9rem !important; } } @media (min-width: 1600px) { .custom-big-font-size-1 { font-size: 8.5rem !important; } } .custom-blockquote-style-1 { border-left-width: 12px; border-left-color: #f3f3f3; } .custom-bg-color-grey-1 { background-color: #5a6267; } .custom-border-color-grey-1 { border-color: #404040 !important; } @media (max-width: 991px) { .custom-ws-mobile-wrap { white-space: normal !important; } } .custom-box-shadow-1 { -webkit-box-shadow: 0 0px 40px 0px rgba(187, 187, 187, 0.3); box-shadow: 0 0px 40px 0px rgba(187, 187, 187, 0.3); } /* * Text Background */ @media (min-width: 992px) { .custom-text-background { background-repeat: no-repeat; background-size: 100%; background-position: 20% 30%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } } @media (max-width: 991px) { .custom-text-background { background-image: none !important; } } /* * Text Highlight */ .custom-highlight-text-1 { position: relative; } .custom-highlight-text-1:before { content: ''; position: absolute; bottom: 5px; left: 0; width: 100%; border-bottom: 7px solid #d20d0d; opacity: 0.2; z-index: 0; } /* * Buttons */ .custom-btn-style-1 { position: relative; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .custom-btn-style-1 > span { position: relative; z-index: 1; } .custom-btn-style-1:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; opacity: 0.7; border-radius: inherit; -webkit-transform: translate3d(5px, 5px, 0); transform: translate3d(5px, 5px, 0); -webkit-transition: ease transform 300ms; transition: ease transform 300ms; z-index: 0; } .custom-btn-style-1:hover { -webkit-transform: translate3d(2.5px, 2.5px, 0); transform: translate3d(2.5px, 2.5px, 0); } .custom-btn-style-1:hover:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* * Crooked Line */ .custom-crooked-line { display: inline-block; width: 77px; overflow: hidden; } /* * Custom Link Effects */ @-webkit-keyframes crookedLineAnim { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-48%, 0, 0); transform: translate3d(-48%, 0, 0); } } @keyframes crookedLineAnim { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-48%, 0, 0); transform: translate3d(-48%, 0, 0); } } .custom-link-hover-effects .custom-view-more svg { -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .custom-link-hover-effects:hover .custom-crooked-line svg { -webkit-animation-name: crookedLineAnim; animation-name: crookedLineAnim; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .custom-link-hover-effects:hover .custom-view-more svg { -webkit-transform: translate3d(7px, 0, 0); transform: translate3d(7px, 0, 0); } .custom-link-hover-effects:hover .custom-date-style-1 { -webkit-transform: translate3d(2.5px, 2.5px, 0); transform: translate3d(2.5px, 2.5px, 0); } .custom-link-hover-effects:hover .custom-date-style-1:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* * Header */ .custom-header-top-nav-background { position: relative; } .custom-header-top-nav-background:before { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 100%; background: #CCC; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1; } .custom-header-top-nav-background:after { content: ''; position: absolute; top: 7px; right: -7px; width: 100vw; height: 100%; background: #CCC; -webkit-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 0; } @media (min-width: 992px) { #header .header-nav-main nav > ul > li > a { padding: 0px 1.2rem !important; font-size: 16px; } } /* * Carousel */ .custom-carousel-box-shadow-1 { position: relative; } .custom-carousel-box-shadow-1:before { content: ''; position: absolute; top: 50%; left: 50%; width: 65%; height: 0px; -webkit-box-shadow: 0 40px 40px 120px rgba(0, 0, 0, 0.03); box-shadow: 0 40px 40px 120px rgba(0, 0, 0, 0.03); -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 0; } .custom-dots-style-1 .owl-dots, .custom-dots-style-2 .owl-dots { margin-top: 30px !important; } .custom-dots-style-1 .owl-dots .owl-dot > span, .custom-dots-style-2 .owl-dots .owl-dot > span { background: #9e9e9e !important; -webkit-transition: ease all 300ms; transition: ease all 300ms; } .custom-dots-style-1 .owl-dots .owl-dot.active > span, .custom-dots-style-2 .owl-dots .owl-dot.active > span { background: #3e3e3e !important; width: 18px; } @media (max-width: 991px) { .custom-dots-style-2 .owl-dots { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } } .custom-carousel-vertical-center-items .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-nav-style-1 .owl-nav { left: 50%; width: 105%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .owl-carousel.carousel-center-active-item .owl-item { opacity: 0.4; } /* * Tabs */ .custom-tabs-style-1 .nav-tabs { border-bottom: 1px solid #f1f1f1 !important; margin-bottom: 35px !important; } .custom-tabs-style-1 .nav-tabs > li { margin-bottom: 0 !important; } .custom-tabs-style-1 .nav-tabs > li .nav-link { border-bottom-width: 1px !important; } .custom-tabs-style-1 .nav-tabs > li .nav-link.active { border-bottom-width: 2px !important; } /* * Accordion */ .custom-accordion-style-1 > .card { border: 1px solid transparent !important; -webkit-transition: ease border-color 300ms; transition: ease border-color 300ms; } .custom-accordion-style-1 > .card .card-header a { position: relative; padding: 23px 30px; background-color: #f4f4f4; -webkit-transition: ease background-color 300ms, ease color 300ms; transition: ease background-color 300ms, ease color 300ms; } .custom-accordion-style-1 > .card .card-header a:after { content: '+'; position: absolute; top: 50%; right: 25px; font-size: inherit; font-weight: inherit; -webkit-transform: translate3d(0, -50%, 0) rotate(45deg); transform: translate3d(0, -50%, 0) rotate(45deg); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .custom-accordion-style-1 > .card .card-header a.collapsed:after { -webkit-transform: translate3d(0, -50%, 0) rotate(0deg); transform: translate3d(0, -50%, 0) rotate(0deg); } .custom-accordion-style-1 > .card .card-header + .collapse.show, .custom-accordion-style-1 > .card .card-header + .collapsing { border: 1px solid #efefef; border-top: 0; } .custom-accordion-style-1 > .card + .card { margin-top: 17px; } /* * Read More */ .custom-read-more-style-1 .readmore-overlay { background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 0, 36, 0)), color-stop(60%, white)) !important; background: linear-gradient(rgba(2, 0, 36, 0) 0%, white 60%) !important; } /* * Blog Post Date */ .custom-date-style-1 { position: relative; -webkit-transition: ease transform 300ms; transition: ease transform 300ms; } .custom-date-style-1:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: inherit; opacity: 0.7; -webkit-transform: translate3d(5px, 5px, 0); transform: translate3d(5px, 5px, 0); -webkit-transition: ease transform 300ms; transition: ease transform 300ms; z-index: 0; } /* * Footer */ #footer p, #footer li, #footer a:not(.btn):not(.no-footer-css), #footer span { color: #999; } #footer .footer-copyright p { color: #999; } ::-moz-selection { color: #FFF; background: #f5821f; } ::selection { color: #FFF; background: #f5821f; } a { color: #f5821f; } a:hover { color: #ffa520; } a:focus { color: #ffa520; } a:active { color: #ffa520; } html .text-color-primary, html .text-primary { color: #f5821f !important; } html .text-color-hover-primary:hover, html .text-hover-primary:hover { color: #f5821f !important; } html .text-color-secondary, html .text-secondary { color: #e36159 !important; } html .text-color-hover-secondary:hover, html .text-hover-secondary:hover { color: #e36159 !important; } html .text-color-tertiary, html .text-tertiary { color: #2baab1 !important; } html .text-color-hover-tertiary:hover, html .text-hover-tertiary:hover { color: #2baab1 !important; } html .text-color-quaternary, html .text-quaternary { color: #383f48 !important; } html .text-color-hover-quaternary:hover, html .text-hover-quaternary:hover { color: #383f48 !important; } html .text-color-dark, html .text-dark { color: #212529 !important; } html .text-color-hover-dark:hover, html .text-hover-dark:hover { color: #212529 !important; } html .text-color-light, html .text-light { color: #FFF !important; } html .text-color-hover-light:hover, html .text-hover-light:hover { color: #FFF !important; } html .svg-fill-color-primary { fill: #f5821f !important; } html .svg-fill-color-primary svg path, html .svg-fill-color-primary svg rect, html .svg-fill-color-primary svg line, html .svg-fill-color-primary svg polyline, html .svg-fill-color-primary svg polygon { fill: #f5821f !important; } html .svg-fill-color-hover-primary:hover { fill: #f5821f !important; } html .svg-fill-color-hover-primary svg:hover path, html .svg-fill-color-hover-primary svg:hover rect, html .svg-fill-color-hover-primary svg:hover line, html .svg-fill-color-hover-primary svg:hover polyline, html .svg-fill-color-hover-primary svg:hover polygon { fill: #f5821f !important; } html .svg-stroke-color-primary { stroke: #f5821f !important; } html .svg-stroke-color-primary svg path, html .svg-stroke-color-primary svg rect, html .svg-stroke-color-primary svg line, html .svg-stroke-color-primary svg polyline, html .svg-stroke-color-primary svg polygon { stroke: #f5821f !important; } html .svg-stroke-color-hover-primary:hover { stroke: #f5821f !important; } html .svg-stroke-color-hover-primary svg:hover path, html .svg-stroke-color-hover-primary svg:hover rect, html .svg-stroke-color-hover-primary svg:hover line, html .svg-stroke-color-hover-primary svg:hover polyline, html .svg-stroke-color-hover-primary svg:hover polygon { stroke: #f5821f !important; } html .svg-fill-color-secondary { fill: #e36159 !important; } html .svg-fill-color-secondary svg path, html .svg-fill-color-secondary svg rect, html .svg-fill-color-secondary svg line, html .svg-fill-color-secondary svg polyline, html .svg-fill-color-secondary svg polygon { fill: #e36159 !important; } html .svg-fill-color-hover-secondary:hover { fill: #e36159 !important; } html .svg-fill-color-hover-secondary svg:hover path, html .svg-fill-color-hover-secondary svg:hover rect, html .svg-fill-color-hover-secondary svg:hover line, html .svg-fill-color-hover-secondary svg:hover polyline, html .svg-fill-color-hover-secondary svg:hover polygon { fill: #e36159 !important; } html .svg-stroke-color-secondary { stroke: #e36159 !important; } html .svg-stroke-color-secondary svg path, html .svg-stroke-color-secondary svg rect, html .svg-stroke-color-secondary svg line, html .svg-stroke-color-secondary svg polyline, html .svg-stroke-color-secondary svg polygon { stroke: #e36159 !important; } html .svg-stroke-color-hover-secondary:hover { stroke: #e36159 !important; } html .svg-stroke-color-hover-secondary svg:hover path, html .svg-stroke-color-hover-secondary svg:hover rect, html .svg-stroke-color-hover-secondary svg:hover line, html .svg-stroke-color-hover-secondary svg:hover polyline, html .svg-stroke-color-hover-secondary svg:hover polygon { stroke: #e36159 !important; } html .svg-fill-color-tertiary { fill: #2baab1 !important; } html .svg-fill-color-tertiary svg path, html .svg-fill-color-tertiary svg rect, html .svg-fill-color-tertiary svg line, html .svg-fill-color-tertiary svg polyline, html .svg-fill-color-tertiary svg polygon { fill: #2baab1 !important; } html .svg-fill-color-hover-tertiary:hover { fill: #2baab1 !important; } html .svg-fill-color-hover-tertiary svg:hover path, html .svg-fill-color-hover-tertiary svg:hover rect, html .svg-fill-color-hover-tertiary svg:hover line, html .svg-fill-color-hover-tertiary svg:hover polyline, html .svg-fill-color-hover-tertiary svg:hover polygon { fill: #2baab1 !important; } html .svg-stroke-color-tertiary { stroke: #2baab1 !important; } html .svg-stroke-color-tertiary svg path, html .svg-stroke-color-tertiary svg rect, html .svg-stroke-color-tertiary svg line, html .svg-stroke-color-tertiary svg polyline, html .svg-stroke-color-tertiary svg polygon { stroke: #2baab1 !important; } html .svg-stroke-color-hover-tertiary:hover { stroke: #2baab1 !important; } html .svg-stroke-color-hover-tertiary svg:hover path, html .svg-stroke-color-hover-tertiary svg:hover rect, html .svg-stroke-color-hover-tertiary svg:hover line, html .svg-stroke-color-hover-tertiary svg:hover polyline, html .svg-stroke-color-hover-tertiary svg:hover polygon { stroke: #2baab1 !important; } html .svg-fill-color-quaternary { fill: #383f48 !important; } html .svg-fill-color-quaternary svg path, html .svg-fill-color-quaternary svg rect, html .svg-fill-color-quaternary svg line, html .svg-fill-color-quaternary svg polyline, html .svg-fill-color-quaternary svg polygon { fill: #383f48 !important; } html .svg-fill-color-hover-quaternary:hover { fill: #383f48 !important; } html .svg-fill-color-hover-quaternary svg:hover path, html .svg-fill-color-hover-quaternary svg:hover rect, html .svg-fill-color-hover-quaternary svg:hover line, html .svg-fill-color-hover-quaternary svg:hover polyline, html .svg-fill-color-hover-quaternary svg:hover polygon { fill: #383f48 !important; } html .svg-stroke-color-quaternary { stroke: #383f48 !important; } html .svg-stroke-color-quaternary svg path, html .svg-stroke-color-quaternary svg rect, html .svg-stroke-color-quaternary svg line, html .svg-stroke-color-quaternary svg polyline, html .svg-stroke-color-quaternary svg polygon { stroke: #383f48 !important; } html .svg-stroke-color-hover-quaternary:hover { stroke: #383f48 !important; } html .svg-stroke-color-hover-quaternary svg:hover path, html .svg-stroke-color-hover-quaternary svg:hover rect, html .svg-stroke-color-hover-quaternary svg:hover line, html .svg-stroke-color-hover-quaternary svg:hover polyline, html .svg-stroke-color-hover-quaternary svg:hover polygon { stroke: #383f48 !important; } html .svg-fill-color-dark { fill: #212529 !important; } html .svg-fill-color-dark svg path, html .svg-fill-color-dark svg rect, html .svg-fill-color-dark svg line, html .svg-fill-color-dark svg polyline, html .svg-fill-color-dark svg polygon { fill: #212529 !important; } html .svg-fill-color-hover-dark:hover { fill: #212529 !important; } html .svg-fill-color-hover-dark svg:hover path, html .svg-fill-color-hover-dark svg:hover rect, html .svg-fill-color-hover-dark svg:hover line, html .svg-fill-color-hover-dark svg:hover polyline, html .svg-fill-color-hover-dark svg:hover polygon { fill: #212529 !important; } html .svg-stroke-color-dark { stroke: #212529 !important; } html .svg-stroke-color-dark svg path, html .svg-stroke-color-dark svg rect, html .svg-stroke-color-dark svg line, html .svg-stroke-color-dark svg polyline, html .svg-stroke-color-dark svg polygon { stroke: #212529 !important; } html .svg-stroke-color-hover-dark:hover { stroke: #212529 !important; } html .svg-stroke-color-hover-dark svg:hover path, html .svg-stroke-color-hover-dark svg:hover rect, html .svg-stroke-color-hover-dark svg:hover line, html .svg-stroke-color-hover-dark svg:hover polyline, html .svg-stroke-color-hover-dark svg:hover polygon { stroke: #212529 !important; } html .svg-fill-color-light { fill: #FFF !important; } html .svg-fill-color-light svg path, html .svg-fill-color-light svg rect, html .svg-fill-color-light svg line, html .svg-fill-color-light svg polyline, html .svg-fill-color-light svg polygon { fill: #FFF !important; } html .svg-fill-color-hover-light:hover { fill: #FFF !important; } html .svg-fill-color-hover-light svg:hover path, html .svg-fill-color-hover-light svg:hover rect, html .svg-fill-color-hover-light svg:hover line, html .svg-fill-color-hover-light svg:hover polyline, html .svg-fill-color-hover-light svg:hover polygon { fill: #FFF !important; } html .svg-stroke-color-light { stroke: #FFF !important; } html .svg-stroke-color-light svg path, html .svg-stroke-color-light svg rect, html .svg-stroke-color-light svg line, html .svg-stroke-color-light svg polyline, html .svg-stroke-color-light svg polygon { stroke: #FFF !important; } html .svg-stroke-color-hover-light:hover { stroke: #FFF !important; } html .svg-stroke-color-hover-light svg:hover path, html .svg-stroke-color-hover-light svg:hover rect, html .svg-stroke-color-hover-light svg:hover line, html .svg-stroke-color-hover-light svg:hover polyline, html .svg-stroke-color-hover-light svg:hover polygon { stroke: #FFF !important; } .svg-animation-effect-1-hover:hover svg path, .svg-animation-effect-1-hover:hover svg polygon, .svg-animation-effect-1-hover:hover svg polyline, .svg-animation-effect-1-hover:hover svg rect { stroke: #f5821f; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-primary:hover svg rect { stroke: #f5821f; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-secondary:hover svg rect { stroke: #e36159; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-tertiary:hover svg rect { stroke: #2baab1; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-quaternary:hover svg rect { stroke: #383f48; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-dark:hover svg rect { stroke: #212529; } .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg path, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polygon, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg polyline, .svg-animation-effect-1-hover.svg-animation-effect-1-hover-light:hover svg rect { stroke: #FFF; } .gradient-text-color { color: #f5821f; background: -webkit-gradient(linear, left top, right bottom, from(#f5821f), to(#e36159)); background: linear-gradient(to bottom right, #f5821f, #e36159); background-image: -webkit-gradient(linear, left top, right top, from(#f5821f), to(#e36159)); background-image: linear-gradient(to right, #f5821f, #e36159); } html .bg-color-primary, html .bg-primary { background-color: #f5821f !important; } html .bg-color-hover-primary:hover, html .bg-hover-primary:hover { background-color: #f5821f !important; } html .bg-color-after-primary:after { background-color: #f5821f !important; } html .bg-color-hover-after-primary:after:hover { background-color: #f5821f !important; } html .bg-color-before-primary:before { background-color: #f5821f !important; } html .bg-color-hover-before-primary:before:hover { background-color: #f5821f !important; } html .bg-color-secondary, html .bg-secondary { background-color: #e36159 !important; } html .bg-color-hover-secondary:hover, html .bg-hover-secondary:hover { background-color: #e36159 !important; } html .bg-color-after-secondary:after { background-color: #e36159 !important; } html .bg-color-hover-after-secondary:after:hover { background-color: #e36159 !important; } html .bg-color-before-secondary:before { background-color: #e36159 !important; } html .bg-color-hover-before-secondary:before:hover { background-color: #e36159 !important; } html .bg-color-tertiary, html .bg-tertiary { background-color: #2baab1 !important; } html .bg-color-hover-tertiary:hover, html .bg-hover-tertiary:hover { background-color: #2baab1 !important; } html .bg-color-after-tertiary:after { background-color: #2baab1 !important; } html .bg-color-hover-after-tertiary:after:hover { background-color: #2baab1 !important; } html .bg-color-before-tertiary:before { background-color: #2baab1 !important; } html .bg-color-hover-before-tertiary:before:hover { background-color: #2baab1 !important; } html .bg-color-quaternary, html .bg-quaternary { background-color: #383f48 !important; } html .bg-color-hover-quaternary:hover, html .bg-hover-quaternary:hover { background-color: #383f48 !important; } html .bg-color-after-quaternary:after { background-color: #383f48 !important; } html .bg-color-hover-after-quaternary:after:hover { background-color: #383f48 !important; } html .bg-color-before-quaternary:before { background-color: #383f48 !important; } html .bg-color-hover-before-quaternary:before:hover { background-color: #383f48 !important; } html .bg-color-dark, html .bg-dark { background-color: #212529 !important; } html .bg-color-hover-dark:hover, html .bg-hover-dark:hover { background-color: #212529 !important; } html .bg-color-after-dark:after { background-color: #212529 !important; } html .bg-color-hover-after-dark:after:hover { background-color: #212529 !important; } html .bg-color-before-dark:before { background-color: #212529 !important; } html .bg-color-hover-before-dark:before:hover { background-color: #212529 !important; } html .bg-color-light, html .bg-light { background-color: #FFF !important; } html .bg-color-hover-light:hover, html .bg-hover-light:hover { background-color: #FFF !important; } html .bg-color-after-light:after { background-color: #FFF !important; } html .bg-color-hover-after-light:after:hover { background-color: #FFF !important; } html .bg-color-before-light:before { background-color: #FFF !important; } html .bg-color-hover-before-light:before:hover { background-color: #FFF !important; } .bg-gradient { background-color: #f5821f !important; background-image: -webkit-gradient(linear, left top, right top, from(#f5821f), to(#e36159)) !important; background-image: linear-gradient(to right, #f5821f 0%, #e36159 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5821f', endColorstr='#e36159', GradientType=1); } .bg-gradient-to-top { background-color: #f5821f !important; background-image: -webkit-gradient(linear, left bottom, left top, from(#f5821f), to(#e36159)) !important; background-image: linear-gradient(to top, #f5821f 0%, #e36159 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5821f', endColorstr='#e36159', GradientType=1); } .bg-gradient-to-bottom { background-color: #f5821f !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#f5821f), to(#e36159)) !important; background-image: linear-gradient(to bottom, #f5821f 0%, #e36159 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5821f', endColorstr='#e36159', GradientType=1); } /* Color Transition */ @-webkit-keyframes colorTransition { 0% { background-color: #f5821f; } 33% { background-color: #e36159; } 66% { background-color: #2baab1; } 100% { background-color: #383f48; } } @keyframes colorTransition { 0% { background-color: #f5821f; } 33% { background-color: #e36159; } 66% { background-color: #2baab1; } 100% { background-color: #383f48; } } html .border-color-primary { border-color: #f5821f !important; } html .border-color-hover-primary:hover { border-color: #f5821f !important; } html .border-color-secondary { border-color: #e36159 !important; } html .border-color-hover-secondary:hover { border-color: #e36159 !important; } html .border-color-tertiary { border-color: #2baab1 !important; } html .border-color-hover-tertiary:hover { border-color: #2baab1 !important; } html .border-color-quaternary { border-color: #383f48 !important; } html .border-color-hover-quaternary:hover { border-color: #383f48 !important; } html .border-color-dark { border-color: #212529 !important; } html .border-color-hover-dark:hover { border-color: #212529 !important; } html .border-color-light { border-color: #FFF !important; } html .border-color-hover-light:hover { border-color: #FFF !important; } .alternative-font { color: #f5821f; } html .box-shadow-1-primary:before { -webkit-box-shadow: 0 30px 90px #f5821f !important; box-shadow: 0 30px 90px #f5821f !important; } html .box-shadow-1-secondary:before { -webkit-box-shadow: 0 30px 90px #e36159 !important; box-shadow: 0 30px 90px #e36159 !important; } html .box-shadow-1-tertiary:before { -webkit-box-shadow: 0 30px 90px #2baab1 !important; box-shadow: 0 30px 90px #2baab1 !important; } html .box-shadow-1-quaternary:before { -webkit-box-shadow: 0 30px 90px #383f48 !important; box-shadow: 0 30px 90px #383f48 !important; } html .box-shadow-1-dark:before { -webkit-box-shadow: 0 30px 90px #212529 !important; box-shadow: 0 30px 90px #212529 !important; } html .box-shadow-1-light:before { -webkit-box-shadow: 0 30px 90px #FFF !important; box-shadow: 0 30px 90px #FFF !important; } html .blockquote-primary { border-color: #f5821f !important; } html .blockquote-secondary { border-color: #e36159 !important; } html .blockquote-tertiary { border-color: #2baab1 !important; } html .blockquote-quaternary { border-color: #383f48 !important; } html .blockquote-dark { border-color: #212529 !important; } html .blockquote-light { border-color: #FFF !important; } p.drop-caps:first-letter { color: #f5821f; } p.drop-caps.drop-caps-style-2:first-letter { background-color: #f5821f; } html .nav-color-primary nav > ul > li > a { color: #f5821f !important; } html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #f5821f !important; } html .nav-color-primary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #f5821f !important; } html .nav-color-secondary nav > ul > li > a { color: #e36159 !important; } html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #e36159 !important; } html .nav-color-secondary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #e36159 !important; } html .nav-color-tertiary nav > ul > li > a { color: #2baab1 !important; } html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #2baab1 !important; } html .nav-color-tertiary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #2baab1 !important; } html .nav-color-quaternary nav > ul > li > a { color: #383f48 !important; } html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #383f48 !important; } html .nav-color-quaternary:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #383f48 !important; } html .nav-color-dark nav > ul > li > a { color: #212529 !important; } html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #212529 !important; } html .nav-color-dark:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #212529 !important; } html .nav-color-light nav > ul > li > a { color: #FFF !important; } html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li > a:before { background-color: #FFF !important; } html .nav-color-light:not(.header-nav-main-dropdown-arrow) nav > ul > li ul { border-top-color: #FFF !important; } .nav-pills > li.active > a, .nav-pills .nav-link.active { background-color: #f5821f; } .nav-pills > li.active > a:hover, .nav-pills .nav-link.active:hover, .nav-pills > li.active > a:focus, .nav-pills .nav-link.active:focus { background-color: #f5821f; } .nav-active-style-1 > li > a:hover, .nav-active-style-1 > li > a:focus, .nav-active-style-1 > li > a.active { border-bottom-color: #f5821f; } html .nav-pills-primary a { color: #f5821f; } html .nav-pills-primary a:hover { color: #ffa520; } html .nav-pills-primary a:focus { color: #ffa520; } html .nav-pills-primary a:active { color: #ffa520; } html .nav-pills-primary .nav-link.active, html .nav-pills-primary > li.active > a { background-color: #f5821f; } html .nav-pills-primary .nav-link.active:hover, html .nav-pills-primary > li.active > a:hover, html .nav-pills-primary .nav-link.active:focus, html .nav-pills-primary > li.active > a:focus { background-color: #f5821f; } html .nav-pills-secondary a { color: #e36159; } html .nav-pills-secondary a:hover { color: #e7766f; } html .nav-pills-secondary a:focus { color: #e7766f; } html .nav-pills-secondary a:active { color: #df4c43; } html .nav-pills-secondary .nav-link.active, html .nav-pills-secondary > li.active > a { background-color: #e36159; } html .nav-pills-secondary .nav-link.active:hover, html .nav-pills-secondary > li.active > a:hover, html .nav-pills-secondary .nav-link.active:focus, html .nav-pills-secondary > li.active > a:focus { background-color: #e36159; } html .nav-pills-tertiary a { color: #2baab1; } html .nav-pills-tertiary a:hover { color: #30bec6; } html .nav-pills-tertiary a:focus { color: #30bec6; } html .nav-pills-tertiary a:active { color: #26969c; } html .nav-pills-tertiary .nav-link.active, html .nav-pills-tertiary > li.active > a { background-color: #2baab1; } html .nav-pills-tertiary .nav-link.active:hover, html .nav-pills-tertiary > li.active > a:hover, html .nav-pills-tertiary .nav-link.active:focus, html .nav-pills-tertiary > li.active > a:focus { background-color: #2baab1; } html .nav-pills-quaternary a { color: #383f48; } html .nav-pills-quaternary a:hover { color: #434c56; } html .nav-pills-quaternary a:focus { color: #434c56; } html .nav-pills-quaternary a:active { color: #2d323a; } html .nav-pills-quaternary .nav-link.active, html .nav-pills-quaternary > li.active > a { background-color: #383f48; } html .nav-pills-quaternary .nav-link.active:hover, html .nav-pills-quaternary > li.active > a:hover, html .nav-pills-quaternary .nav-link.active:focus, html .nav-pills-quaternary > li.active > a:focus { background-color: #383f48; } html .nav-pills-dark a { color: #212529; } html .nav-pills-dark a:hover { color: #2c3237; } html .nav-pills-dark a:focus { color: #2c3237; } html .nav-pills-dark a:active { color: #16181b; } html .nav-pills-dark .nav-link.active, html .nav-pills-dark > li.active > a { background-color: #212529; } html .nav-pills-dark .nav-link.active:hover, html .nav-pills-dark > li.active > a:hover, html .nav-pills-dark .nav-link.active:focus, html .nav-pills-dark > li.active > a:focus { background-color: #212529; } html .nav-pills-light a { color: #FFF; } html .nav-pills-light a:hover { color: #ffffff; } html .nav-pills-light a:focus { color: #ffffff; } html .nav-pills-light a:active { color: #f2f2f2; } html .nav-pills-light .nav-link.active, html .nav-pills-light > li.active > a { background-color: #FFF; } html .nav-pills-light .nav-link.active:hover, html .nav-pills-light > li.active > a:hover, html .nav-pills-light .nav-link.active:focus, html .nav-pills-light > li.active > a:focus { background-color: #FFF; } .section-scroll-dots-navigation-colored > ul > li.active > a:before { background: #f5821f; } .sort-source-wrapper .nav > li.active > a { color: #f5821f; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { color: #f5821f; } .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #f5821f; } .sort-source.sort-source-style-3 > li.active > a { border-bottom-color: #f5821f !important; color: #f5821f !important; } html .badge-primary { background-color: #f5821f; } html .badge-secondary { background-color: #e36159; } html .badge-tertiary { background-color: #2baab1; } html .badge-quaternary { background-color: #383f48; } html .badge-dark { background-color: #212529; } html .badge-light { background-color: #FFF; } html .overlay-color-primary:not(.no-skin):before { background-color: #f5821f !important; } html .overlay-color-secondary:not(.no-skin):before { background-color: #e36159 !important; } html .overlay-color-tertiary:not(.no-skin):before { background-color: #2baab1 !important; } html .overlay-color-quaternary:not(.no-skin):before { background-color: #383f48 !important; } html .overlay-color-dark:not(.no-skin):before { background-color: #212529 !important; } html .overlay-color-light:not(.no-skin):before { background-color: #FFF !important; } .overlay-gradient:before { background-color: #2baab1 !important; background-image: -webkit-gradient(linear, left top, right top, from(#2baab1), to(#383f48)) !important; background-image: linear-gradient(to right, #2baab1 0%, #383f48 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2baab1', endColorstr='#383f48', GradientType=1); } .btn-link { color: #f5821f; } .btn-link:hover { color: #ffa520; } .btn-link:active { color: #ffa520; } html .btn-primary { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; color: #FFF; } html .btn-primary:hover, html .btn-primary.hover { background-color: #A5C7CC; border-color: #f37353 #f37353 #f5821f; color: #FFF; } html .btn-primary:focus, html .btn-primary.focus { background-color: #de380f; border-color: #ffa520 #ffa520 #a2290b; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } html .btn-primary.disabled, html .btn-primary:disabled { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; } html .btn-primary:active, html .btn-primary.active { background-color: #de380f !important; background-image: none !important; border-color: #ffa520 #ffa520 #a2290b !important; } html .btn-primary-scale-2 { background-color: #ffa520; border-color: #ffa520 #ffa520 #a2290b; color: #FFF; } html .btn-primary-scale-2:hover, html .btn-primary-scale-2.hover { background-color: #ef4217; border-color: #f5821f #f5821f #ffa520; color: #FFF; } html .btn-primary-scale-2:focus, html .btn-primary-scale-2.focus { background-color: #ae2c0c; border-color: #a2290b #a2290b #721d08; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(210, 53, 14, 0.5); box-shadow: 0 0 0 3px rgba(210, 53, 14, 0.5); } html .btn-primary-scale-2.disabled, html .btn-primary-scale-2:disabled { background-color: #ffa520; border-color: #ffa520 #ffa520 #a2290b; } html .btn-primary-scale-2:active, html .btn-primary-scale-2.active { background-color: #ae2c0c !important; background-image: none !important; border-color: #a2290b #a2290b #721d08 !important; } html .show > .btn-primary.dropdown-toggle, html .show > .btn-primary-scale-2.dropdown-toggle { background-color: #de380f !important; background-image: none !important; border-color: #ffa520 #ffa520 #a2290b !important; } html .btn-check:active + .btn-primary, html .btn-check:checked + .btn-primary, html .btn-check:focus + .btn-primary { background-color: #ffa520; border-color: #f5821f #f5821f #ffa520; color: #FFF; } html .btn-secondary { background-color: #e36159; border-color: #e36159 #e36159 #dc372d; color: #FFF; } html .btn-secondary:hover, html .btn-secondary.hover { background-color: #e9807a; border-color: #ea8b85 #ea8b85 #e36159; color: #FFF; } html .btn-secondary:focus, html .btn-secondary.focus { background-color: #dd4238; border-color: #dc372d #dc372d #b7281f; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5); box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5); } html .btn-secondary.disabled, html .btn-secondary:disabled { background-color: #e36159; border-color: #e36159 #e36159 #dc372d; } html .btn-secondary:active, html .btn-secondary.active { background-color: #dd4238 !important; background-image: none !important; border-color: #dc372d #dc372d #b7281f !important; } html .btn-secondary-scale-2 { background-color: #dc372d; border-color: #dc372d #dc372d #b7281f; color: #FFF; } html .btn-secondary-scale-2:hover, html .btn-secondary-scale-2.hover { background-color: #e1574e; border-color: #e36159 #e36159 #dc372d; color: #FFF; } html .btn-secondary-scale-2:focus, html .btn-secondary-scale-2.focus { background-color: #c22a21; border-color: #b7281f #b7281f #8b1e18; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(220, 55, 45, 0.5); box-shadow: 0 0 0 3px rgba(220, 55, 45, 0.5); } html .btn-secondary-scale-2.disabled, html .btn-secondary-scale-2:disabled { background-color: #dc372d; border-color: #dc372d #dc372d #b7281f; } html .btn-secondary-scale-2:active, html .btn-secondary-scale-2.active { background-color: #c22a21 !important; background-image: none !important; border-color: #b7281f #b7281f #8b1e18 !important; } html .show > .btn-secondary.dropdown-toggle, html .show > .btn-secondary-scale-2.dropdown-toggle { background-color: #dd4238 !important; background-image: none !important; border-color: #dc372d #dc372d #b7281f !important; } html .btn-check:active + .btn-secondary, html .btn-check:checked + .btn-secondary, html .btn-check:focus + .btn-secondary { background-color: #df4c43; border-color: #e36159 #e36159 #df4c43; color: #FFF; } html .btn-tertiary { background-color: #2baab1; border-color: #2baab1 #2baab1 #218388; color: #FFF; } html .btn-tertiary:hover, html .btn-tertiary.hover { background-color: #34c6ce; border-color: #3fc9d0 #3fc9d0 #2baab1; color: #FFF; } html .btn-tertiary:focus, html .btn-tertiary.focus { background-color: #248c92; border-color: #218388 #218388 #175b5f; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5); box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5); } html .btn-tertiary.disabled, html .btn-tertiary:disabled { background-color: #2baab1; border-color: #2baab1 #2baab1 #218388; } html .btn-tertiary:active, html .btn-tertiary.active { background-color: #248c92 !important; background-image: none !important; border-color: #218388 #218388 #175b5f !important; } html .btn-tertiary-scale-2 { background-color: #218388; border-color: #218388 #218388 #175b5f; color: #FFF; } html .btn-tertiary-scale-2:hover, html .btn-tertiary-scale-2.hover { background-color: #29a0a7; border-color: #2baab1 #2baab1 #218388; color: #FFF; } html .btn-tertiary-scale-2:focus, html .btn-tertiary-scale-2.focus { background-color: #1a6569; border-color: #175b5f #175b5f #0d3436; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(33, 131, 136, 0.5); box-shadow: 0 0 0 3px rgba(33, 131, 136, 0.5); } html .btn-tertiary-scale-2.disabled, html .btn-tertiary-scale-2:disabled { background-color: #218388; border-color: #218388 #218388 #175b5f; } html .btn-tertiary-scale-2:active, html .btn-tertiary-scale-2.active { background-color: #1a6569 !important; background-image: none !important; border-color: #175b5f #175b5f #0d3436 !important; } html .show > .btn-tertiary.dropdown-toggle, html .show > .btn-tertiary-scale-2.dropdown-toggle { background-color: #248c92 !important; background-image: none !important; border-color: #218388 #218388 #175b5f !important; } html .btn-check:active + .btn-tertiary, html .btn-check:checked + .btn-tertiary, html .btn-check:focus + .btn-tertiary { background-color: #26969c; border-color: #2baab1 #2baab1 #26969c; color: #FFF; } html .btn-quaternary { background-color: #383f48; border-color: #383f48 #383f48 #22262b; color: #FFF; } html .btn-quaternary:hover, html .btn-quaternary.hover { background-color: #49525e; border-color: #4e5865 #4e5865 #383f48; color: #FFF; } html .btn-quaternary:focus, html .btn-quaternary.focus { background-color: #272c32; border-color: #22262b #22262b #0b0d0f; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); } html .btn-quaternary.disabled, html .btn-quaternary:disabled { background-color: #383f48; border-color: #383f48 #383f48 #22262b; } html .btn-quaternary:active, html .btn-quaternary.active { background-color: #272c32 !important; background-image: none !important; border-color: #22262b #22262b #0b0d0f !important; } html .btn-quaternary-scale-2 { background-color: #22262b; border-color: #22262b #22262b #0b0d0f; color: #FFF; } html .btn-quaternary-scale-2:hover, html .btn-quaternary-scale-2.hover { background-color: #323941; border-color: #383f48 #383f48 #22262b; color: #FFF; } html .btn-quaternary-scale-2:focus, html .btn-quaternary-scale-2.focus { background-color: #111316; border-color: #0b0d0f #0b0d0f #000000; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(34, 38, 43, 0.5); box-shadow: 0 0 0 3px rgba(34, 38, 43, 0.5); } html .btn-quaternary-scale-2.disabled, html .btn-quaternary-scale-2:disabled { background-color: #22262b; border-color: #22262b #22262b #0b0d0f; } html .btn-quaternary-scale-2:active, html .btn-quaternary-scale-2.active { background-color: #111316 !important; background-image: none !important; border-color: #0b0d0f #0b0d0f #000000 !important; } html .show > .btn-quaternary.dropdown-toggle, html .show > .btn-quaternary-scale-2.dropdown-toggle { background-color: #272c32 !important; background-image: none !important; border-color: #22262b #22262b #0b0d0f !important; } html .btn-check:active + .btn-quaternary, html .btn-check:checked + .btn-quaternary, html .btn-check:focus + .btn-quaternary { background-color: #2d323a; border-color: #383f48 #383f48 #2d323a; color: #FFF; } html .btn-dark { background-color: #212529; border-color: #212529 #212529 #0a0c0d; color: #FFF; } html .btn-dark:hover, html .btn-dark.hover { background-color: #32383e; border-color: #383f45 #383f45 #212529; color: #FFF; } html .btn-dark:focus, html .btn-dark.focus { background-color: #101214; border-color: #0a0c0d #0a0c0d #000000; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } html .btn-dark.disabled, html .btn-dark:disabled { background-color: #212529; border-color: #212529 #212529 #0a0c0d; } html .btn-dark:active, html .btn-dark.active { background-color: #101214 !important; background-image: none !important; border-color: #0a0c0d #0a0c0d #000000 !important; } html .btn-dark-scale-2 { background-color: #0a0c0d; border-color: #0a0c0d #0a0c0d #000000; color: #FFF; } html .btn-dark-scale-2:hover, html .btn-dark-scale-2.hover { background-color: #1b1f22; border-color: #212529 #212529 #0a0c0d; color: #FFF; } html .btn-dark-scale-2:focus, html .btn-dark-scale-2.focus { background-color: #000000; border-color: #000000 #000000 #000000; color: #FFF; -webkit-box-shadow: 0 0 0 3px rgba(10, 11, 13, 0.5); box-shadow: 0 0 0 3px rgba(10, 11, 13, 0.5); } html .btn-dark-scale-2.disabled, html .btn-dark-scale-2:disabled { background-color: #0a0c0d; border-color: #0a0c0d #0a0c0d #000000; } html .btn-dark-scale-2:active, html .btn-dark-scale-2.active { background-color: #000000 !important; background-image: none !important; border-color: #000000 #000000 #000000 !important; } html .show > .btn-dark.dropdown-toggle, html .show > .btn-dark-scale-2.dropdown-toggle { background-color: #101214 !important; background-image: none !important; border-color: #0a0c0d #0a0c0d #000000 !important; } html .btn-check:active + .btn-dark, html .btn-check:checked + .btn-dark, html .btn-check:focus + .btn-dark { background-color: #16181b; border-color: #212529 #212529 #16181b; color: #FFF; } html .btn-light { background-color: #FFF; border-color: #FFF #FFF #e6e6e6; color: #9c9ea0; } html .btn-light:hover, html .btn-light.hover { background-color: #ffffff; border-color: #ffffff #ffffff #FFF; color: #9c9ea0; } html .btn-light:focus, html .btn-light.focus { background-color: #ececec; border-color: #e6e6e6 #e6e6e6 #cccccc; color: #9c9ea0; -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } html .btn-light.disabled, html .btn-light:disabled { background-color: #FFF; border-color: #FFF #FFF #e6e6e6; } html .btn-light:active, html .btn-light.active { background-color: #ececec !important; background-image: none !important; border-color: #e6e6e6 #e6e6e6 #cccccc !important; } html .btn-light-scale-2 { background-color: #e6e6e6; border-color: #e6e6e6 #e6e6e6 #cccccc; color: #9c9ea0; } html .btn-light-scale-2:hover, html .btn-light-scale-2.hover { background-color: #f9f9f9; border-color: #ffffff #ffffff #e6e6e6; color: #9c9ea0; } html .btn-light-scale-2:focus, html .btn-light-scale-2.focus { background-color: #d2d2d2; border-color: #cccccc #cccccc #b3b3b3; color: #9c9ea0; -webkit-box-shadow: 0 0 0 3px rgba(230, 230, 230, 0.5); box-shadow: 0 0 0 3px rgba(230, 230, 230, 0.5); } html .btn-light-scale-2.disabled, html .btn-light-scale-2:disabled { background-color: #e6e6e6; border-color: #e6e6e6 #e6e6e6 #cccccc; } html .btn-light-scale-2:active, html .btn-light-scale-2.active { background-color: #d2d2d2 !important; background-image: none !important; border-color: #cccccc #cccccc #b3b3b3 !important; } html .show > .btn-light.dropdown-toggle, html .show > .btn-light-scale-2.dropdown-toggle { background-color: #ececec !important; background-image: none !important; border-color: #e6e6e6 #e6e6e6 #cccccc !important; } html .btn-check:active + .btn-light, html .btn-check:checked + .btn-light, html .btn-check:focus + .btn-light { background-color: #f2f2f2; border-color: #FFF #FFF #f2f2f2; color: #9c9ea0; } html .btn-outline.btn-primary { color: #f5821f; background-color: transparent; background-image: none; border-color: #f5821f; } html .btn-outline.btn-primary:hover, html .btn-outline.btn-primary.hover { color: #FFF; background-color: #f5821f; border-color: #f5821f; } html .btn-outline.btn-primary:focus, html .btn-outline.btn-primary.focus { -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } html .btn-outline.btn-primary.disabled, html .btn-outline.btn-primary:disabled { color: #f5821f; background-color: transparent; } html .btn-outline.btn-primary:active, html .btn-outline.btn-primary.active { color: #FFF !important; background-color: #f5821f !important; border-color: #f5821f !important; } html .show > .btn-outline.btn-primary.dropdown-toggle { color: #FFF !important; background-color: #f5821f !important; border-color: #f5821f !important; } html .btn-outline.btn-secondary { color: #e36159; background-color: transparent; background-image: none; border-color: #e36159; } html .btn-outline.btn-secondary:hover, html .btn-outline.btn-secondary.hover { color: #FFF; background-color: #e36159; border-color: #e36159; } html .btn-outline.btn-secondary:focus, html .btn-outline.btn-secondary.focus { -webkit-box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5); box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5); } html .btn-outline.btn-secondary.disabled, html .btn-outline.btn-secondary:disabled { color: #e36159; background-color: transparent; } html .btn-outline.btn-secondary:active, html .btn-outline.btn-secondary.active { color: #FFF !important; background-color: #e36159 !important; border-color: #e36159 !important; } html .show > .btn-outline.btn-secondary.dropdown-toggle { color: #FFF !important; background-color: #e36159 !important; border-color: #e36159 !important; } html .btn-outline.btn-tertiary { color: #2baab1; background-color: transparent; background-image: none; border-color: #2baab1; } html .btn-outline.btn-tertiary:hover, html .btn-outline.btn-tertiary.hover { color: #FFF; background-color: #2baab1; border-color: #2baab1; } html .btn-outline.btn-tertiary:focus, html .btn-outline.btn-tertiary.focus { -webkit-box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5); box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5); } html .btn-outline.btn-tertiary.disabled, html .btn-outline.btn-tertiary:disabled { color: #2baab1; background-color: transparent; } html .btn-outline.btn-tertiary:active, html .btn-outline.btn-tertiary.active { color: #FFF !important; background-color: #2baab1 !important; border-color: #2baab1 !important; } html .show > .btn-outline.btn-tertiary.dropdown-toggle { color: #FFF !important; background-color: #2baab1 !important; border-color: #2baab1 !important; } html .btn-outline.btn-quaternary { color: #383f48; background-color: transparent; background-image: none; border-color: #383f48; } html .btn-outline.btn-quaternary:hover, html .btn-outline.btn-quaternary.hover { color: #FFF; background-color: #383f48; border-color: #383f48; } html .btn-outline.btn-quaternary:focus, html .btn-outline.btn-quaternary.focus { -webkit-box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5); } html .btn-outline.btn-quaternary.disabled, html .btn-outline.btn-quaternary:disabled { color: #383f48; background-color: transparent; } html .btn-outline.btn-quaternary:active, html .btn-outline.btn-quaternary.active { color: #FFF !important; background-color: #383f48 !important; border-color: #383f48 !important; } html .show > .btn-outline.btn-quaternary.dropdown-toggle { color: #FFF !important; background-color: #383f48 !important; border-color: #383f48 !important; } html .btn-outline.btn-dark { color: #212529; background-color: transparent; background-image: none; border-color: #212529; } html .btn-outline.btn-dark:hover, html .btn-outline.btn-dark.hover { color: #FFF; background-color: #212529; border-color: #212529; } html .btn-outline.btn-dark:focus, html .btn-outline.btn-dark.focus { -webkit-box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); box-shadow: 0 0 0 3px rgba(33, 37, 41, 0.5); } html .btn-outline.btn-dark.disabled, html .btn-outline.btn-dark:disabled { color: #212529; background-color: transparent; } html .btn-outline.btn-dark:active, html .btn-outline.btn-dark.active { color: #FFF !important; background-color: #212529 !important; border-color: #212529 !important; } html .show > .btn-outline.btn-dark.dropdown-toggle { color: #FFF !important; background-color: #212529 !important; border-color: #212529 !important; } html .btn-outline.btn-light { color: #FFF; background-color: transparent; background-image: none; border-color: #FFF; } html .btn-outline.btn-light:hover, html .btn-outline.btn-light.hover { color: #9c9ea0; background-color: #FFF; border-color: #FFF; } html .btn-outline.btn-light:focus, html .btn-outline.btn-light.focus { -webkit-box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } html .btn-outline.btn-light.disabled, html .btn-outline.btn-light:disabled { color: #FFF; background-color: transparent; } html .btn-outline.btn-light:active, html .btn-outline.btn-light.active { color: #9c9ea0 !important; background-color: #FFF !important; border-color: #FFF !important; } html .show > .btn-outline.btn-light.dropdown-toggle { color: #9c9ea0 !important; background-color: #FFF !important; border-color: #FFF !important; } html .btn-with-arrow.btn-primary { background-color: transparent; border-color: transparent; color: #f5821f; } html .btn-with-arrow.btn-primary:active { background-color: transparent !important; border-color: transparent !important; color: #f5821f !important; } html .btn-with-arrow.btn-primary span { background-color: #f5821f; -webkit-box-shadow: 2px 3px 18px -3px #f5821f; box-shadow: 2px 3px 18px -3px #f5821f; } html .btn-with-arrow.btn-primary.btn-outline { border-color: #f5821f !important; } html .btn-with-arrow.btn-primary.btn-outline:hover span { background-color: #ffa520 !important; -webkit-box-shadow: none; box-shadow: none; } html .btn-with-arrow.btn-secondary { background-color: transparent; border-color: transparent; color: #e36159; } html .btn-with-arrow.btn-secondary:active { background-color: transparent !important; border-color: transparent !important; color: #e36159 !important; } html .btn-with-arrow.btn-secondary span { background-color: #e36159; -webkit-box-shadow: 2px 3px 18px -3px #e36159; box-shadow: 2px 3px 18px -3px #e36159; } html .btn-with-arrow.btn-secondary.btn-outline { border-color: #e36159 !important; } html .btn-with-arrow.btn-secondary.btn-outline:hover span { background-color: #e7766f !important; -webkit-box-shadow: none; box-shadow: none; } html .btn-with-arrow.btn-tertiary { background-color: transparent; border-color: transparent; color: #2baab1; } html .btn-with-arrow.btn-tertiary:active { background-color: transparent !important; border-color: transparent !important; color: #2baab1 !important; } html .btn-with-arrow.btn-tertiary span { background-color: #2baab1; -webkit-box-shadow: 2px 3px 18px -3px #2baab1; box-shadow: 2px 3px 18px -3px #2baab1; } html .btn-with-arrow.btn-tertiary.btn-outline { border-color: #2baab1 !important; } html .btn-with-arrow.btn-tertiary.btn-outline:hover span { background-color: #30bec6 !important; -webkit-box-shadow: none; box-shadow: none; } html .btn-with-arrow.btn-quaternary { background-color: transparent; border-color: transparent; color: #383f48; } html .btn-with-arrow.btn-quaternary:active { background-color: transparent !important; border-color: transparent !important; color: #383f48 !important; } html .btn-with-arrow.btn-quaternary span { background-color: #383f48; -webkit-box-shadow: 2px 3px 18px -3px #383f48; box-shadow: 2px 3px 18px -3px #383f48; } html .btn-with-arrow.btn-quaternary.btn-outline { border-color: #383f48 !important; } html .btn-with-arrow.btn-quaternary.btn-outline:hover span { background-color: #434c56 !important; -webkit-box-shadow: none; box-shadow: none; } html .btn-with-arrow.btn-dark { background-color: transparent; border-color: transparent; color: #212529; } html .btn-with-arrow.btn-dark:active { background-color: transparent !important; border-color: transparent !important; color: #212529 !important; } html .btn-with-arrow.btn-dark span { background-color: #212529; -webkit-box-shadow: 2px 3px 18px -3px #212529; box-shadow: 2px 3px 18px -3px #212529; } html .btn-with-arrow.btn-dark.btn-outline { border-color: #212529 !important; } html .btn-with-arrow.btn-dark.btn-outline:hover span { background-color: #2c3237 !important; -webkit-box-shadow: none; box-shadow: none; } html .btn-with-arrow.btn-light { background-color: transparent; border-color: transparent; color: #FFF; } html .btn-with-arrow.btn-light:active { background-color: transparent !important; border-color: transparent !important; color: #FFF !important; } html .btn-with-arrow.btn-light span { background-color: #FFF; -webkit-box-shadow: 2px 3px 18px -3px #FFF; box-shadow: 2px 3px 18px -3px #FFF; } html .btn-with-arrow.btn-light.btn-outline { border-color: #FFF !important; } html .btn-with-arrow.btn-light.btn-outline:hover span { background-color: #ffffff !important; -webkit-box-shadow: none; box-shadow: none; } .btn-gradient:not(.btn-outline) { background: linear-gradient(135deg, #f5821f 0%, #e36159 80%) !important; color: #FFF; } .btn-gradient:not(.btn-outline):hover, .btn-gradient:not(.btn-outline).hover { background: linear-gradient(135deg, #A5C7CC 0%, #e9807a 80%) !important; color: #FFF; } .btn-gradient:not(.btn-outline):focus, .btn-gradient:not(.btn-outline).focus { -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } .btn-gradient:not(.btn-outline).disabled, .btn-gradient:not(.btn-outline):disabled { background: linear-gradient(135deg, #f5821f 0%, #e36159 80%) !important; } .btn-gradient:not(.btn-outline):active, .btn-gradient:not(.btn-outline).active { background: linear-gradient(135deg, #de380f 0%, #dd4238 80%) !important; color: #FFF !important; } .btn-gradient.btn-outline { -o-border-image: linear-gradient(135deg, #f5821f 0%, #e36159 80%); border-image: linear-gradient(135deg, #f5821f 0%, #e36159 80%); color: #f5821f; } .btn-gradient.btn-outline:hover, .btn-gradient.btn-outline.hover { -o-border-image: linear-gradient(135deg, #A5C7CC 0%, #e9807a 80%); border-image: linear-gradient(135deg, #A5C7CC 0%, #e9807a 80%); color: #A5C7CC; } .btn-gradient.btn-outline:focus, .btn-gradient.btn-outline.focus { -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } .btn-gradient.btn-outline.disabled, .btn-gradient.btn-outline:disabled { -o-border-image: linear-gradient(135deg, #f5821f 0%, #e36159 80%); border-image: linear-gradient(135deg, #f5821f 0%, #e36159 80%); } .btn-gradient.btn-outline:active, .btn-gradient.btn-outline.active { -o-border-image: linear-gradient(135deg, #de380f 0%, #dd4238 80%); border-image: linear-gradient(135deg, #de380f 0%, #dd4238 80%); color: #de380f; } .btn-gradient-primary:not(.btn-outline) { background: linear-gradient(135deg, #f15c36 0%, #ef4419 80%) !important; color: #FFF; } .btn-gradient-primary:not(.btn-outline):hover, .btn-gradient-primary:not(.btn-outline).hover { background: linear-gradient(135deg, #f15831 0%, #A5C7CC 80%) !important; color: #FFF; } .btn-gradient-primary:not(.btn-outline):focus, .btn-gradient-primary:not(.btn-outline).focus { -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } .btn-gradient-primary:not(.btn-outline).disabled, .btn-gradient-primary:not(.btn-outline):disabled { background: linear-gradient(135deg, #f15c36 80%, #ef4419 0%) !important; } .btn-gradient-primary:not(.btn-outline):active, .btn-gradient-primary:not(.btn-outline).active { background: linear-gradient(135deg, #f15831 0%, #A5C7CC 80%) !important; color: #FFF !important; } .btn-gradient-primary.btn-outline { -o-border-image: linear-gradient(135deg, #f5821f 0%, #f36b49 80%); border-image: linear-gradient(135deg, #f5821f 0%, #f36b49 80%); color: #f5821f; } .btn-gradient-primary.btn-outline:hover, .btn-gradient-primary.btn-outline.hover { -o-border-image: linear-gradient(135deg, #A5C7CC 0%, #A5C7CC 80%); border-image: linear-gradient(135deg, #A5C7CC 0%, #A5C7CC 80%); color: #A5C7CC; } .btn-gradient-primary.btn-outline:focus, .btn-gradient-primary.btn-outline.focus { -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } .btn-gradient-primary.btn-outline.disabled, .btn-gradient-primary.btn-outline:disabled { -o-border-image: linear-gradient(135deg, #f5821f 0%, #f36b49 80%); border-image: linear-gradient(135deg, #f5821f 0%, #f36b49 80%); } .btn-gradient-primary.btn-outline:active, .btn-gradient-primary.btn-outline.active { -o-border-image: linear-gradient(135deg, #A5C7CC 0%, #A5C7CC 80%); border-image: linear-gradient(135deg, #A5C7CC 0%, #A5C7CC 80%); color: #A5C7CC; } .pagination > a, .pagination > a:hover, .pagination > a:focus, .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #f5821f; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination .page-item.active .page-link { background-color: #f5821f !important; border-color: #f5821f; } body.dark .pagination > li > a, body.dark .pagination > li > span, body.dark .pagination > li > a:hover, body.dark .pagination > li > span:hover, body.dark .pagination > li > a:focus, body.dark .pagination > li > span:focus { color: #f5821f; } body.dark .pagination > .active > a, body.dark .pagination > .active > span, body.dark .pagination > .active > a:hover, body.dark .pagination > .active > span:hover, body.dark .pagination > .active > a:focus, body.dark .pagination > .active > span:focus { background-color: #f5821f; border-color: #f5821f; } .pagination > .active > a, body.dark .pagination > .active > a { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; color: #fff; } .pagination > .active > a:hover, body.dark .pagination > .active > a:hover, .pagination > .active > a.hover, body.dark .pagination > .active > a.hover { background-color: #A5C7CC; border-color: #f37353 #f37353 #f5821f; color: #fff; } .pagination > .active > a:focus, body.dark .pagination > .active > a:focus, .pagination > .active > a.focus, body.dark .pagination > .active > a.focus { background-color: #de380f; border-color: #ffa520 #ffa520 #a2290b; color: #fff; -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } .pagination > .active > a.disabled, body.dark .pagination > .active > a.disabled, .pagination > .active > a:disabled, body.dark .pagination > .active > a:disabled { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; } .pagination > .active > a:active, body.dark .pagination > .active > a:active, .pagination > .active > a.active, body.dark .pagination > .active > a.active { background-color: #de380f !important; background-image: none !important; border-color: #ffa520 #ffa520 #a2290b !important; } .custom-control-input:checked ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #f5821f; } .custom-checkbox-switch:checked { background-color: #f5821f; border-color: #f5821f; } html .alert-primary { background-color: #f5821f; border-color: #ef4015; color: #FFF; } html .alert-primary .alert-link { color: #FFF; } html .alert-secondary { background-color: #e36159; border-color: #e1554c; color: #FFF; } html .alert-secondary .alert-link { color: #FFF; } html .alert-tertiary { background-color: #2baab1; border-color: #289ea5; color: #FFF; } html .alert-tertiary .alert-link { color: #FFF; } html .alert-quaternary { background-color: #383f48; border-color: #31373f; color: #FFF; } html .alert-quaternary .alert-link { color: #FFF; } html .alert-dark { background-color: #212529; border-color: #1a1d21; color: #FFF; } html .alert-dark .alert-link { color: #FFF; } html .alert-light { background-color: #FFF; border-color: #f7f7f7; color: #9c9ea0; } html .alert-light .alert-link { color: #9c9ea0; } html .progress-bar-primary { background-color: #f5821f; } html .progress-bar-secondary { background-color: #e36159; } html .progress-bar-tertiary { background-color: #2baab1; } html .progress-bar-quaternary { background-color: #383f48; } html .progress-bar-dark { background-color: #212529; } html .progress-bar-light { background-color: #FFF; } html .word-rotator.loading-bar-primary .word-rotator-words::after { background-color: #f5821f; } html .word-rotator.loading-bar-secondary .word-rotator-words::after { background-color: #e36159; } html .word-rotator.loading-bar-tertiary .word-rotator-words::after { background-color: #2baab1; } html .word-rotator.loading-bar-quaternary .word-rotator-words::after { background-color: #383f48; } html .word-rotator.loading-bar-dark .word-rotator-words::after { background-color: #212529; } html .word-rotator.loading-bar-light .word-rotator-words::after { background-color: #FFF; } .process .process-step-circle { border-color: #f5821f; } .process .process-step:hover .process-step-circle { background-color: #f5821f; } .process .process-step:hover .process-step-circle .process-step-circle-content { color: #FFF !important; } .process.process-shapes .process-step-circle .process-step-circle-content, .process.process-shapes .process-step-circle:before, .process.process-shapes .process-step-circle:after { background-color: #f5821f; } .process-connecting-line .connecting-line { background: #f5821f; } html .rating-primary .filled-stars { color: #f5821f; } html .rating-secondary .filled-stars { color: #e36159; } html .rating-tertiary .filled-stars { color: #2baab1; } html .rating-quaternary .filled-stars { color: #383f48; } html .rating-dark .filled-stars { color: #212529; } html .rating-light .filled-stars { color: #FFF; } html section.section-primary { background-color: #f5821f !important; border-color: #ffa520 !important; } html section.section-primary h1, html section.section-primary h2, html section.section-primary h3, html section.section-primary h4, html section.section-primary h5, html section.section-primary h6 { color: #FFF; } html section.section-primary p { color: #e6e6e6; } html section.section-primary-scale-2 { background-color: #ffa520 !important; border-color: #ba2f0d !important; } html section.section-primary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #ffa520; } html section.section-secondary { background-color: #e36159 !important; border-color: #df4c43 !important; } html section.section-secondary h1, html section.section-secondary h2, html section.section-secondary h3, html section.section-secondary h4, html section.section-secondary h5, html section.section-secondary h6 { color: #FFF; } html section.section-secondary p { color: #e6e6e6; } html section.section-secondary-scale-2 { background-color: #dc372d !important; border-color: #cd2c23 !important; } html section.section-secondary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #dc372d; } html section.section-tertiary { background-color: #2baab1 !important; border-color: #26969c !important; } html section.section-tertiary h1, html section.section-tertiary h2, html section.section-tertiary h3, html section.section-tertiary h4, html section.section-tertiary h5, html section.section-tertiary h6 { color: #FFF; } html section.section-tertiary p { color: #e6e6e6; } html section.section-tertiary-scale-2 { background-color: #218388 !important; border-color: #1c6f73 !important; } html section.section-tertiary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #218388; } html section.section-quaternary { background-color: #383f48 !important; border-color: #2d323a !important; } html section.section-quaternary h1, html section.section-quaternary h2, html section.section-quaternary h3, html section.section-quaternary h4, html section.section-quaternary h5, html section.section-quaternary h6 { color: #FFF; } html section.section-quaternary p { color: #e6e6e6; } html section.section-quaternary-scale-2 { background-color: #22262b !important; border-color: #17191d !important; } html section.section-quaternary-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #22262b; } html section.section-dark { background-color: #212529 !important; border-color: #16181b !important; } html section.section-dark h1, html section.section-dark h2, html section.section-dark h3, html section.section-dark h4, html section.section-dark h5, html section.section-dark h6 { color: #FFF; } html section.section-dark p { color: #e6e6e6; } html section.section-dark-scale-2 { background-color: #0a0c0d !important; border-color: #000000 !important; } html section.section-dark-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #0a0c0d; } html section.section-light { background-color: #FFF !important; border-color: #f2f2f2 !important; } html section.section-light h1, html section.section-light h2, html section.section-light h3, html section.section-light h4, html section.section-light h5, html section.section-light h6 { color: #9c9ea0; } html section.section-light p { color: #5e5e5e; } html section.section-light-scale-2 { background-color: #e6e6e6 !important; border-color: #d9d9d9 !important; } html section.section-light-scale-2 .sort-source.sort-source-style-2 > li.active > a:after { border-top-color: #e6e6e6; } section.section.section-background-half-primary-half-secondary { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f5821f), color-stop(50%, #e36159)); background: linear-gradient(to right, #f5821f 50%, #e36159 50%); } section.section.section-overlay-opacity-gradient:before { background: linear-gradient(135deg, #f5821f 0%, #e36159 80%); } html .bg-color-light-scale-1 { background-color: #f7f7f7 !important; } html .section.bg-color-light-scale-1, html .bg-color-light-scale-border-top-1 { border-top-color: #efefef !important; } html .bg-color-light-scale-2 { background-color: #e8e8e8 !important; } html .section.bg-color-light-scale-2, html .bg-color-light-scale-border-top-2 { border-top-color: #e0e0e0 !important; } html .bg-color-light-scale-3 { background-color: #e0e0e0 !important; } html .section.bg-color-light-scale-3, html .bg-color-light-scale-border-top-3 { border-top-color: #d8d8d8 !important; } html .bg-color-light-scale-4 { background-color: #d8d8d8 !important; } html .section.bg-color-light-scale-4, html .bg-color-light-scale-border-top-4 { border-top-color: #d1d1d1 !important; } html .bg-color-light-scale-5 { background-color: #d1d1d1 !important; } html .section.bg-color-light-scale-5, html .bg-color-light-scale-border-top-5 { border-top-color: #c9c9c9 !important; } html .bg-color-light-scale-6 { background-color: #c9c9c9 !important; } html .section.bg-color-light-scale-6, html .bg-color-light-scale-border-top-6 { border-top-color: #c1c1c1 !important; } html .bg-color-light-scale-7 { background-color: #c1c1c1 !important; } html .section.bg-color-light-scale-7, html .bg-color-light-scale-border-top-7 { border-top-color: #bababa !important; } html .bg-color-light-scale-8 { background-color: #bababa !important; } html .section.bg-color-light-scale-8, html .bg-color-light-scale-border-top-8 { border-top-color: #b2b2b2 !important; } html .bg-color-light-scale-9 { background-color: #b2b2b2 !important; } html .section.bg-color-light-scale-9, html .bg-color-light-scale-border-top-9 { border-top-color: #ababab !important; } html .bg-color-dark-scale-1 { background-color: #212529 !important; } html .section.bg-color-dark-scale-1, html .bg-color-dark-scale-border-top-1 { border-top-color: #1a1d21 !important; } html .bg-color-dark-scale-2 { background-color: #1c2023 !important; } html .section.bg-color-dark-scale-2, html .bg-color-dark-scale-border-top-2 { border-top-color: #16181b !important; } html .bg-color-dark-scale-3 { background-color: #181b1e !important; } html .section.bg-color-dark-scale-3, html .bg-color-dark-scale-border-top-3 { border-top-color: #111315 !important; } html .bg-color-dark-scale-4 { background-color: #131618 !important; } html .section.bg-color-dark-scale-4, html .bg-color-dark-scale-border-top-4 { border-top-color: #0d0e10 !important; } html .bg-color-dark-scale-5 { background-color: #0f1112 !important; } html .section.bg-color-dark-scale-5, html .bg-color-dark-scale-border-top-5 { border-top-color: #08090a !important; } html .bg-color-dark-scale-6 { background-color: #0a0c0d !important; } html .section.bg-color-dark-scale-6, html .bg-color-dark-scale-border-top-6 { border-top-color: #030404 !important; } html .bg-color-dark-scale-7 { background-color: #060607 !important; } html .section.bg-color-dark-scale-7, html .bg-color-dark-scale-border-top-7 { border-top-color: #000000 !important; } html .bg-color-dark-scale-8 { background-color: #010101 !important; } html .section.bg-color-dark-scale-8, html .bg-color-dark-scale-border-top-8 { border-top-color: #000000 !important; } html .bg-color-dark-scale-9 { background-color: #000000 !important; } html .section.bg-color-dark-scale-9, html .bg-color-dark-scale-border-top-9 { border-top-color: #000000 !important; } section.page-header .page-header-title-border { background-color: #f5821f !important; } section.page-header.custom-product { background-color: #ffa520; border-top-color: #ef4419; } html .page-header-color.page-header-primary { background-color: #f5821f; border-bottom-color: #f5821f; color: #FFF; } html .page-header-color.page-header-primary h1 { color: #FFF; } html .page-header-color.page-header-primary h1 span { color: #FFF; } html .page-header-color.page-header-primary a { color: #FFF; } html .page-header-color.page-header-primary .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-secondary { background-color: #e36159; border-bottom-color: #e36159; color: #FFF; } html .page-header-color.page-header-secondary h1 { color: #FFF; } html .page-header-color.page-header-secondary h1 span { color: #FFF; } html .page-header-color.page-header-secondary a { color: #FFF; } html .page-header-color.page-header-secondary .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-tertiary { background-color: #2baab1; border-bottom-color: #2baab1; color: #FFF; } html .page-header-color.page-header-tertiary h1 { color: #FFF; } html .page-header-color.page-header-tertiary h1 span { color: #FFF; } html .page-header-color.page-header-tertiary a { color: #FFF; } html .page-header-color.page-header-tertiary .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-quaternary { background-color: #383f48; border-bottom-color: #383f48; color: #FFF; } html .page-header-color.page-header-quaternary h1 { color: #FFF; } html .page-header-color.page-header-quaternary h1 span { color: #FFF; } html .page-header-color.page-header-quaternary a { color: #FFF; } html .page-header-color.page-header-quaternary .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-dark { background-color: #212529; border-bottom-color: #212529; color: #FFF; } html .page-header-color.page-header-dark h1 { color: #FFF; } html .page-header-color.page-header-dark h1 span { color: #FFF; } html .page-header-color.page-header-dark a { color: #FFF; } html .page-header-color.page-header-dark .breadcrumb > .active { color: #FFF; } html .page-header-color.page-header-light { background-color: #FFF; border-bottom-color: #FFF; color: #9c9ea0; } html .page-header-color.page-header-light h1 { color: #9c9ea0; } html .page-header-color.page-header-light h1 span { color: #9c9ea0; } html .page-header-color.page-header-light a { color: #9c9ea0; } html .page-header-color.page-header-light .breadcrumb > .active { color: #9c9ea0; } html .toggle-primary .toggle label, html .toggle-primary .toggle .toggle-title { color: #f5821f; border-left-color: #f5821f; border-right-color: #f5821f; } html .toggle-primary .toggle.active > label, html .toggle-primary .toggle.active > .toggle-title { background-color: #f5821f; border-color: #f5821f; color: #FFF; } html .toggle-primary.toggle-simple .toggle > label:after, html .toggle-primary.toggle-simple .toggle > .toggle-title:after { background-color: #f5821f; } html .toggle-primary.toggle-minimal .toggle.active > label, html .toggle-primary.toggle-minimal .toggle.active > .toggle-title { color: #f5821f; } html .toggle-secondary .toggle label, html .toggle-secondary .toggle .toggle-title { color: #e36159; border-left-color: #e36159; border-right-color: #e36159; } html .toggle-secondary .toggle.active > label, html .toggle-secondary .toggle.active > .toggle-title { background-color: #e36159; border-color: #e36159; color: #FFF; } html .toggle-secondary.toggle-simple .toggle > label:after, html .toggle-secondary.toggle-simple .toggle > .toggle-title:after { background-color: #e36159; } html .toggle-secondary.toggle-minimal .toggle.active > label, html .toggle-secondary.toggle-minimal .toggle.active > .toggle-title { color: #e36159; } html .toggle-tertiary .toggle label, html .toggle-tertiary .toggle .toggle-title { color: #2baab1; border-left-color: #2baab1; border-right-color: #2baab1; } html .toggle-tertiary .toggle.active > label, html .toggle-tertiary .toggle.active > .toggle-title { background-color: #2baab1; border-color: #2baab1; color: #FFF; } html .toggle-tertiary.toggle-simple .toggle > label:after, html .toggle-tertiary.toggle-simple .toggle > .toggle-title:after { background-color: #2baab1; } html .toggle-tertiary.toggle-minimal .toggle.active > label, html .toggle-tertiary.toggle-minimal .toggle.active > .toggle-title { color: #2baab1; } html .toggle-quaternary .toggle label, html .toggle-quaternary .toggle .toggle-title { color: #383f48; border-left-color: #383f48; border-right-color: #383f48; } html .toggle-quaternary .toggle.active > label, html .toggle-quaternary .toggle.active > .toggle-title { background-color: #383f48; border-color: #383f48; color: #FFF; } html .toggle-quaternary.toggle-simple .toggle > label:after, html .toggle-quaternary.toggle-simple .toggle > .toggle-title:after { background-color: #383f48; } html .toggle-quaternary.toggle-minimal .toggle.active > label, html .toggle-quaternary.toggle-minimal .toggle.active > .toggle-title { color: #383f48; } html .toggle-dark .toggle label, html .toggle-dark .toggle .toggle-title { color: #212529; border-left-color: #212529; border-right-color: #212529; } html .toggle-dark .toggle.active > label, html .toggle-dark .toggle.active > .toggle-title { background-color: #212529; border-color: #212529; color: #FFF; } html .toggle-dark.toggle-simple .toggle > label:after, html .toggle-dark.toggle-simple .toggle > .toggle-title:after { background-color: #212529; } html .toggle-dark.toggle-minimal .toggle.active > label, html .toggle-dark.toggle-minimal .toggle.active > .toggle-title { color: #212529; } html .toggle-light .toggle label, html .toggle-light .toggle .toggle-title { color: #FFF; border-left-color: #FFF; border-right-color: #FFF; } html .toggle-light .toggle.active > label, html .toggle-light .toggle.active > .toggle-title { background-color: #FFF; border-color: #FFF; color: #9c9ea0; } html .toggle-light.toggle-simple .toggle > label:after, html .toggle-light.toggle-simple .toggle > .toggle-title:after { background-color: #FFF; } html .toggle-light.toggle-minimal .toggle.active > label, html .toggle-light.toggle-minimal .toggle.active > .toggle-title { color: #FFF; } .thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon { background-color: #f5821f; } html .thumb-info .thumb-info-action-icon-primary { background-color: #f5821f; } html .thumb-info .thumb-info-action-icon-primary i { color: #FFF; } html .thumb-info .thumb-info-action-icon-secondary { background-color: #e36159; } html .thumb-info .thumb-info-action-icon-secondary i { color: #FFF; } html .thumb-info .thumb-info-action-icon-tertiary { background-color: #2baab1; } html .thumb-info .thumb-info-action-icon-tertiary i { color: #FFF; } html .thumb-info .thumb-info-action-icon-quaternary { background-color: #383f48; } html .thumb-info .thumb-info-action-icon-quaternary i { color: #FFF; } html .thumb-info .thumb-info-action-icon-dark { background-color: #212529; } html .thumb-info .thumb-info-action-icon-dark i { color: #FFF; } html .thumb-info .thumb-info-action-icon-light { background-color: #FFF; } html .thumb-info .thumb-info-action-icon-light i { color: #9c9ea0; } .thumb-info-ribbon:before { border-right-color: #ba2f0d; border-left-color: #ba2f0d; } .thumb-info.thumb-info-block-primary .thumb-info-wrapper:before { background: rgba(240, 76, 35, 0.9); } .thumb-info-floating-caption-title .thumb-info-floating-caption-type { background-color: #f5821f; } .inverted { background-color: #f5821f; } html .inverted-primary { background-color: #f5821f; } html .inverted-secondary { background-color: #e36159; } html .inverted-tertiary { background-color: #2baab1; } html .inverted-quaternary { background-color: #383f48; } html .inverted-dark { background-color: #212529; } html .inverted-light { background-color: #FFF; } .owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span { background-color: #f5821f; } .owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"].hover { color: #f5821f; } .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; color: #FFF; } .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:hover, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].hover { background-color: #A5C7CC; border-color: #f37353 #f37353 #f5821f; } .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"]:active, .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"].active { background-color: #de380f; background-image: none; border-color: #ffa520 #ffa520 #a2290b; } .owl-carousel.nav-with-transparency:not(.nav-style-1):not(.show-nav-title):not(.nav-arrows-1) .owl-nav button[class*="owl-"] { background-color: rgba(240, 76, 35, 0.4); } .owl-carousel.nav-style-1 .owl-nav .owl-next, .owl-carousel.nav-style-1 .owl-nav .owl-prev { color: #f5821f !important; } .owl-carousel.nav-style-2 .owl-nav .owl-next:before, .owl-carousel.nav-style-2 .owl-nav .owl-prev:before, .owl-carousel.nav-style-2 .owl-nav .owl-next:after, .owl-carousel.nav-style-2 .owl-nav .owl-prev:after { border-color: #f5821f; } .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #f5821f; stroke: #f5821f; } .owl-carousel.nav-arrows-1 .owl-nav .owl-prev, .owl-carousel.nav-arrows-1 .owl-nav .owl-next { color: #f5821f; } .owl-carousel.carousel-center-active-item-2 .owl-item.active > div { background: #f5821f; } .owl-carousel.carousel-bottom-inside-shadow .owl-stage-outer:after { background-image: -webkit-gradient(linear, left bottom, left top, from(#f5821f), to(transparent)); background-image: linear-gradient(360deg, #f5821f 0%, transparent 100%); } html body .tabs .nav-tabs .nav-link, html.dark body .tabs .nav-tabs .nav-link, html body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs .nav-link.active { color: #f5821f; } html body .tabs .nav-tabs .nav-link:hover, html.dark body .tabs .nav-tabs .nav-link:hover, html body .tabs .nav-tabs .nav-link:focus, html.dark body .tabs .nav-tabs .nav-link:focus, html body .tabs .nav-tabs .nav-link.active, html.dark body .tabs .nav-tabs .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link.active, html.dark body .tabs .nav-tabs.nav-justified .nav-link.active, html body .tabs .nav-tabs.nav-justified .nav-link:hover, html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover, html body .tabs .nav-tabs.nav-justified .nav-link:focus, html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus { border-top-color: #f5821f; } html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs.tabs-bottom .nav-tabs .nav-link.active, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active, html body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:hover, html body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-bottom .nav-tabs .nav-link.active:focus { border-bottom-color: #f5821f; } html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs .nav-link.active:focus { border-left-color: #f5821f; } html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:hover, html body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus, html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs .nav-link.active:focus { border-right-color: #f5821f; } html body .tabs.tabs-simple .nav-tabs > li .nav-link.active, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active, html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:focus, html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover, html body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover, html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link.active:hover { border-top-color: #f5821f; color: #f5821f; } html body .tabs-primary .nav-tabs li .nav-link, html.dark body .tabs-primary .nav-tabs li .nav-link, html body .tabs-primary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link, html body .tabs-primary .nav-tabs li .nav-link:hover, html.dark body .tabs-primary .nav-tabs li .nav-link:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover { color: #f5821f; } html body .tabs-primary .nav-tabs li .nav-link:hover, html.dark body .tabs-primary .nav-tabs li .nav-link:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #f5821f; } html body .tabs-primary .nav-tabs li .nav-link.active, html.dark body .tabs-primary .nav-tabs li .nav-link.active, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-primary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary .nav-tabs li .nav-link.active:hover, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-primary .nav-tabs li .nav-link.active:focus, html body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #f5821f; color: #f5821f; } html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #f5821f; } html body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-primary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-primary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #f5821f !important; border-bottom-color: #f5821f; } html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #f5821f; } html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #f5821f; } html body .tabs-secondary .nav-tabs li .nav-link, html.dark body .tabs-secondary .nav-tabs li .nav-link, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link, html body .tabs-secondary .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover { color: #e36159; } html body .tabs-secondary .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #e36159; } html body .tabs-secondary .nav-tabs li .nav-link.active, html.dark body .tabs-secondary .nav-tabs li .nav-link.active, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-secondary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary .nav-tabs li .nav-link.active:hover, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-secondary .nav-tabs li .nav-link.active:focus, html body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #e36159; color: #e36159; } html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #e36159; } html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #e36159 !important; border-bottom-color: #e36159; } html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #e36159; } html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #e36159; } html body .tabs-tertiary .nav-tabs li .nav-link, html.dark body .tabs-tertiary .nav-tabs li .nav-link, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link, html body .tabs-tertiary .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover { color: #2baab1; } html body .tabs-tertiary .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #2baab1; } html body .tabs-tertiary .nav-tabs li .nav-link.active, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-tertiary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-tertiary .nav-tabs li .nav-link.active:focus, html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #2baab1; color: #2baab1; } html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #2baab1; } html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #2baab1 !important; border-bottom-color: #2baab1; } html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #2baab1; } html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #2baab1; } html body .tabs-quaternary .nav-tabs li .nav-link, html.dark body .tabs-quaternary .nav-tabs li .nav-link, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link, html body .tabs-quaternary .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover { color: #383f48; } html body .tabs-quaternary .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #383f48; } html body .tabs-quaternary .nav-tabs li .nav-link.active, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active, html body .tabs-quaternary .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary .nav-tabs li .nav-link.active:focus, html.dark body .tabs-quaternary .nav-tabs li .nav-link.active:focus, html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #383f48; color: #383f48; } html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #383f48; } html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #383f48 !important; border-bottom-color: #383f48; } html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #383f48; } html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #383f48; } html body .tabs-dark .nav-tabs li .nav-link, html.dark body .tabs-dark .nav-tabs li .nav-link, html body .tabs-dark .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link, html body .tabs-dark .nav-tabs li .nav-link:hover, html.dark body .tabs-dark .nav-tabs li .nav-link:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover { color: #212529; } html body .tabs-dark .nav-tabs li .nav-link:hover, html.dark body .tabs-dark .nav-tabs li .nav-link:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #212529; } html body .tabs-dark .nav-tabs li .nav-link.active, html.dark body .tabs-dark .nav-tabs li .nav-link.active, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active, html body .tabs-dark .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark .nav-tabs li .nav-link.active:hover, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark .nav-tabs li .nav-link.active:focus, html.dark body .tabs-dark .nav-tabs li .nav-link.active:focus, html body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #212529; color: #212529; } html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #212529; } html body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-dark.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-dark.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #212529 !important; border-bottom-color: #212529; } html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #212529; } html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #212529; } html body .tabs-light .nav-tabs li .nav-link, html.dark body .tabs-light .nav-tabs li .nav-link, html body .tabs-light .nav-tabs.nav-justified li .nav-link, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link, html body .tabs-light .nav-tabs li .nav-link:hover, html.dark body .tabs-light .nav-tabs li .nav-link:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover { color: #FFF; } html body .tabs-light .nav-tabs li .nav-link:hover, html.dark body .tabs-light .nav-tabs li .nav-link:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover { border-top-color: #FFF; } html body .tabs-light .nav-tabs li .nav-link.active, html.dark body .tabs-light .nav-tabs li .nav-link.active, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active, html body .tabs-light .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light .nav-tabs li .nav-link.active:hover, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light .nav-tabs li .nav-link.active:focus, html.dark body .tabs-light .nav-tabs li .nav-link.active:focus, html body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link.active:focus { border-top-color: #FFF; color: #FFF; } html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:hover, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus, html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link.active:focus, html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link.active:focus { border-bottom-color: #FFF; } html body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link:hover, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link:hover, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:hover, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:hover, html body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus, html.dark body .tabs-light.tabs-simple .nav-tabs li .nav-link.active:focus, html body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus, html.dark body .tabs-light.tabs-simple .nav-tabs.nav-justified li .nav-link.active:focus { color: #FFF !important; border-bottom-color: #FFF; } html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:hover, html body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus, html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link.active:focus { border-left-color: #FFF; } html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:hover, html body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus, html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link.active:focus { border-right-color: #FFF; } html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link.active:focus { border-right-color: #f5821f; border-left-color: transparent; } html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:hover, html[dir="rtl"] .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link.active:focus { border-right-color: transparent; border-left-color: #f5821f; } .list.list-icons li > [class*="fa-"]:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child, .list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > .icons:first-child { color: #f5821f; border-color: #f5821f; } .list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #f5821f; } .list.list-ordened li:before { color: #f5821f; border-color: #f5821f; } .list.list-ordened.list-ordened-style-3 li:before { background-color: #f5821f; } html .list-primary.list-icons li > [class*="fa-"]:first-child, html .list-primary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons li > .icons:first-child, html .list-primary.list-icons li a:first-child > .icons:first-child { color: #f5821f; border-color: #f5821f; } html .list-primary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, html .list-primary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, html .list-primary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-primary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #f5821f; color: #FFF; } html .list-primary.list-ordened li:before { color: #f5821f; } html .list-primary.list-ordened.list-ordened-style-3 li:before { background-color: #f5821f; color: #FFF; } html .list-secondary.list-icons li > [class*="fa-"]:first-child, html .list-secondary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-secondary.list-icons li > .icons:first-child, html .list-secondary.list-icons li a:first-child > .icons:first-child { color: #e36159; border-color: #e36159; } html .list-secondary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, html .list-secondary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, html .list-secondary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-secondary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #e36159; color: #FFF; } html .list-secondary.list-ordened li:before { color: #e36159; } html .list-secondary.list-ordened.list-ordened-style-3 li:before { background-color: #e36159; color: #FFF; } html .list-tertiary.list-icons li > [class*="fa-"]:first-child, html .list-tertiary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-tertiary.list-icons li > .icons:first-child, html .list-tertiary.list-icons li a:first-child > .icons:first-child { color: #2baab1; border-color: #2baab1; } html .list-tertiary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, html .list-tertiary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-tertiary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #2baab1; color: #FFF; } html .list-tertiary.list-ordened li:before { color: #2baab1; } html .list-tertiary.list-ordened.list-ordened-style-3 li:before { background-color: #2baab1; color: #FFF; } html .list-quaternary.list-icons li > [class*="fa-"]:first-child, html .list-quaternary.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-quaternary.list-icons li > .icons:first-child, html .list-quaternary.list-icons li a:first-child > .icons:first-child { color: #383f48; border-color: #383f48; } html .list-quaternary.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, html .list-quaternary.list-icons.list-icons-style-3 li > .icons:first-child, html .list-quaternary.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #383f48; color: #FFF; } html .list-quaternary.list-ordened li:before { color: #383f48; } html .list-quaternary.list-ordened.list-ordened-style-3 li:before { background-color: #383f48; color: #FFF; } html .list-dark.list-icons li > [class*="fa-"]:first-child, html .list-dark.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-dark.list-icons li > .icons:first-child, html .list-dark.list-icons li a:first-child > .icons:first-child { color: #212529; border-color: #212529; } html .list-dark.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, html .list-dark.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, html .list-dark.list-icons.list-icons-style-3 li > .icons:first-child, html .list-dark.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #212529; color: #FFF; } html .list-dark.list-ordened li:before { color: #212529; } html .list-dark.list-ordened.list-ordened-style-3 li:before { background-color: #212529; color: #FFF; } html .list-light.list-icons li > [class*="fa-"]:first-child, html .list-light.list-icons li a:first-child > [class*="fa-"]:first-child, html .list-light.list-icons li > .icons:first-child, html .list-light.list-icons li a:first-child > .icons:first-child { color: #FFF; border-color: #FFF; } html .list-light.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child, html .list-light.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child, html .list-light.list-icons.list-icons-style-3 li > .icons:first-child, html .list-light.list-icons.list-icons-style-3 li a:first-child > .icons:first-child { background-color: #FFF; color: #9c9ea0; } html .list-light.list-ordened li:before { color: #FFF; } html .list-light.list-ordened.list-ordened-style-3 li:before { background-color: #FFF; color: #9c9ea0; } html .highlight-primary { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #f5821f)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #f5821f 0); } html .highlight-primary.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(240, 76, 35, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(240, 76, 35, 0.2) 0); } html .highlight-primary.highlight-change-text-color { color: #FFF; } html .highlight-secondary { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #e36159)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #e36159 0); } html .highlight-secondary.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(227, 97, 89, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(227, 97, 89, 0.2) 0); } html .highlight-secondary.highlight-change-text-color { color: #FFF; } html .highlight-tertiary { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #2baab1)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #2baab1 0); } html .highlight-tertiary.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(43, 170, 177, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(43, 170, 177, 0.2) 0); } html .highlight-tertiary.highlight-change-text-color { color: #FFF; } html .highlight-quaternary { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #383f48)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #383f48 0); } html .highlight-quaternary.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(56, 63, 72, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(56, 63, 72, 0.2) 0); } html .highlight-quaternary.highlight-change-text-color { color: #FFF; } html .highlight-dark { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #212529)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #212529 0); } html .highlight-dark.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(33, 37, 41, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(33, 37, 41, 0.2) 0); } html .highlight-dark.highlight-change-text-color { color: #FFF; } html .highlight-light { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, #FFF)); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, #FFF 0); } html .highlight-light.highlight-bg-opacity { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0)), color-stop(0, rgba(255, 255, 255, 0.2))); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 0); } html .highlight-light.highlight-change-text-color { color: #9c9ea0; } .parallax blockquote i.fa-quote-left { color: #f5821f; } section.video blockquote i.fa-quote-left { color: #f5821f; } .accordion .card-header a { color: #f5821f; } html .accordion.accordion-primary .card-header { background-color: #f5821f !important; } html .accordion.accordion-primary .card-header a { color: #FFF; } html .accordion-modern-status-primary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #f5821f; color: #FFF !important; } html .accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #f5821f !important; } html .accordion.accordion-secondary .card-header { background-color: #e36159 !important; } html .accordion.accordion-secondary .card-header a { color: #FFF; } html .accordion-modern-status-secondary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #e36159; color: #FFF !important; } html .accordion-modern-status-secondary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #e36159 !important; } html .accordion.accordion-tertiary .card-header { background-color: #2baab1 !important; } html .accordion.accordion-tertiary .card-header a { color: #FFF; } html .accordion-modern-status-tertiary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #2baab1; color: #FFF !important; } html .accordion-modern-status-tertiary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #2baab1 !important; } html .accordion.accordion-quaternary .card-header { background-color: #383f48 !important; } html .accordion.accordion-quaternary .card-header a { color: #FFF; } html .accordion-modern-status-quaternary.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #383f48; color: #FFF !important; } html .accordion-modern-status-quaternary.accordion-modern-status > .card:hover .card-header a.collapsed { color: #383f48 !important; } html .accordion.accordion-dark .card-header { background-color: #212529 !important; } html .accordion.accordion-dark .card-header a { color: #FFF; } html .accordion-modern-status-dark.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #212529; color: #FFF !important; } html .accordion-modern-status-dark.accordion-modern-status > .card:hover .card-header a.collapsed { color: #212529 !important; } html .accordion.accordion-light .card-header { background-color: #FFF !important; } html .accordion.accordion-light .card-header a { color: #9c9ea0; } html .accordion-modern-status-light.accordion-modern-status > .card .card-header a:not(.collapsed) { background-color: #FFF; color: #9c9ea0 !important; } html .accordion-modern-status-light.accordion-modern-status > .card:hover .card-header a.collapsed { color: #FFF !important; } html .divider.divider-primary [class*="fa-"], html .divider.divider-primary .icons { color: #f5821f; } html .divider.divider-primary.divider-small hr { background: #f5821f; } html .divider.divider-secondary [class*="fa-"], html .divider.divider-secondary .icons { color: #e36159; } html .divider.divider-secondary.divider-small hr { background: #e36159; } html .divider.divider-tertiary [class*="fa-"], html .divider.divider-tertiary .icons { color: #2baab1; } html .divider.divider-tertiary.divider-small hr { background: #2baab1; } html .divider.divider-quaternary [class*="fa-"], html .divider.divider-quaternary .icons { color: #383f48; } html .divider.divider-quaternary.divider-small hr { background: #383f48; } html .divider.divider-dark [class*="fa-"], html .divider.divider-dark .icons { color: #212529; } html .divider.divider-dark.divider-small hr { background: #212529; } html .divider.divider-light [class*="fa-"], html .divider.divider-light .icons { color: #FFF; } html .divider.divider-light.divider-small hr { background: #FFF; } html .divider.divider-style-2.divider-primary [class*="fa-"], html .divider.divider-style-2.divider-primary .icons { background: #f5821f; color: #FFF; } html .divider.divider-style-2.divider-secondary [class*="fa-"], html .divider.divider-style-2.divider-secondary .icons { background: #e36159; color: #FFF; } html .divider.divider-style-2.divider-tertiary [class*="fa-"], html .divider.divider-style-2.divider-tertiary .icons { background: #2baab1; color: #FFF; } html .divider.divider-style-2.divider-quaternary [class*="fa-"], html .divider.divider-style-2.divider-quaternary .icons { background: #383f48; color: #FFF; } html .divider.divider-style-2.divider-dark [class*="fa-"], html .divider.divider-style-2.divider-dark .icons { background: #212529; color: #FFF; } html .divider.divider-style-2.divider-light [class*="fa-"], html .divider.divider-style-2.divider-light .icons { background: #FFF; color: #9c9ea0; } html .divider.divider-style-3.divider-primary [class*="fa-"], html .divider.divider-style-3.divider-primary .icons { border-color: #f5821f; } html .divider.divider-style-3.divider-secondary [class*="fa-"], html .divider.divider-style-3.divider-secondary .icons { border-color: #e36159; } html .divider.divider-style-3.divider-tertiary [class*="fa-"], html .divider.divider-style-3.divider-tertiary .icons { border-color: #2baab1; } html .divider.divider-style-3.divider-quaternary [class*="fa-"], html .divider.divider-style-3.divider-quaternary .icons { border-color: #383f48; } html .divider.divider-style-3.divider-dark [class*="fa-"], html .divider.divider-style-3.divider-dark .icons { border-color: #212529; } html .divider.divider-style-3.divider-light [class*="fa-"], html .divider.divider-style-3.divider-light .icons { border-color: #FFF; } #header .tip { background: #f5821f; color: #FFF; } #header .tip:before { border-right-color: #f5821f; border-left-color: transparent; } html #header .tip-primary { background: #f5821f !important; color: #FFF !important; } html #header .tip-primary:before { border-right-color: #f5821f !important; } html #header .tip-secondary { background: #e36159 !important; color: #FFF !important; } html #header .tip-secondary:before { border-right-color: #e36159 !important; } html #header .tip-tertiary { background: #2baab1 !important; color: #FFF !important; } html #header .tip-tertiary:before { border-right-color: #2baab1 !important; } html #header .tip-quaternary { background: #383f48 !important; color: #FFF !important; } html #header .tip-quaternary:before { border-right-color: #383f48 !important; } html #header .tip-dark { background: #212529 !important; color: #FFF !important; } html #header .tip-dark:before { border-right-color: #212529 !important; } html #header .tip-light { background: #FFF !important; color: #9c9ea0 !important; } html #header .tip-light:before { border-right-color: #FFF !important; } html[dir="rtl"] #header .tip:before { border-left-color: #f5821f; } html[dir="rtl"] #header .tip.skin:before { border-left-color: #f5821f; } html[dir="rtl"] #header .tip-primary:before { border-left-color: #f5821f !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-secondary:before { border-left-color: #e36159 !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-tertiary:before { border-left-color: #2baab1 !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-quaternary:before { border-left-color: #383f48 !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-dark:before { border-left-color: #212529 !important; border-right-color: transparent !important; } html[dir="rtl"] #header .tip-light:before { border-left-color: #FFF !important; border-right-color: transparent !important; } #header .header-btn-collapse-nav { background: #f5821f; } @media (min-width: 992px) { #header .header-nav-main nav > ul > li > a { color: #f5821f; } #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { background: #f5821f; } #header .header-nav-main nav > ul > li.dropdown .dropdown-menu { border-top-color: #f5821f; } #header .header-nav-main nav > ul > li.dropdown.open > a:before, #header .header-nav-main nav > ul > li.dropdown:hover > a:before { border-bottom-color: #f5821f; } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu { border-top-color: #f5821f; } #header .header-nav-main nav > ul > li.dropdown-mega-signin .dropdown-menu li a { color: #f5821f; } #header .header-nav-main nav > ul:not(:hover) > li > a.active { background-color: #f5821f; color: #FFF; } #header .header-nav.header-nav-stripe nav > ul > li:hover > a, #header .header-nav.header-nav-stripe nav > ul > li.open > a { background-color: #f5821f; } #header .header-nav.header-nav-stripe nav > ul:not(:hover) > li > a.active { background-color: #f5821f; } #header .header-nav.header-nav-stripe nav > ul:hover > li > a.active { color: #f5821f; } #header .header-nav.header-nav-links nav > ul li:hover > a { color: #f5821f; } #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active { color: #f5821f; } #header .header-nav.header-nav-links.header-nav-links-vertical-slide nav ul li.dropdown .dropdown-menu::-webkit-scrollbar-thumb { background: #f5821f !important; } #header .header-nav.header-nav-line nav > ul li:hover > a { color: #f5821f; } #header .header-nav.header-nav-line nav > ul li:hover > a:before { background: #f5821f; } #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active { color: #f5821f; } #header .header-nav.header-nav-line nav > ul:not(:hover) li > a.active:before { background: #f5821f; } #header .header-nav-main.header-nav-main-slide nav > ul > li.open > span > a, #header .header-nav-main.header-nav-main-slide nav > ul > li:hover > span > a { color: #f5821f; } #header .header-nav-main.header-nav-main-slide nav > ul:not(:hover) > li > span > a.active { color: #f5821f; } html.side-header #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-left-color: #f5821f; } html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown.open > .dropdown-menu, html.side-header-right #header.side-header .header-nav-main nav > ul li.dropdown:hover > .dropdown-menu { border-right-color: #f5821f; } } @media (min-width: 992px) { html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu { background-color: #f5821f; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: #FFF; border-bottom-color: #ef4015; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li:hover > a { background: #f15831; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before { border-bottom-color: #f5821f; background: #f5821f; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-primary .dropdown-mega-sub-title { color: #FFF; opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { background: #f5821f; color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary .dropdown-menu li a { color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { background: #f5821f; color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover { color: #f5821f; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover:before { background-color: #f5821f; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { color: #f5821f; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a:before { background: #f5821f; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { color: #f5821f; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active:before { background-color: #f5821f; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a { color: #f5821f; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary a:hover { color: #f5821f; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary:hover > a { color: #f5821f; } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-primary > a.active { color: #f5821f; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu { background-color: #e36159; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: #FFF; border-bottom-color: #e1554c; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li:hover > a { background: #e56d66; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before { border-bottom-color: #e36159; background: #e36159; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-secondary .dropdown-mega-sub-title { color: #FFF; opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { background: #e36159; color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary .dropdown-menu li a { color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { background: #e36159; color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover { color: #e36159; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover:before { background-color: #e36159; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { color: #e36159; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a:before { background: #e36159; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { color: #e36159; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active:before { background-color: #e36159; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a { color: #e36159; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary a:hover { color: #e36159; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary:hover > a { color: #e36159; } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-secondary > a.active { color: #e36159; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu { background-color: #2baab1; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: #FFF; border-bottom-color: #289ea5; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li:hover > a { background: #2eb6bd; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before { border-bottom-color: #2baab1; background: #2baab1; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-tertiary .dropdown-mega-sub-title { color: #FFF; opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { background: #2baab1; color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary .dropdown-menu li a { color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { background: #2baab1; color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover { color: #2baab1; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover:before { background-color: #2baab1; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { color: #2baab1; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a:before { background: #2baab1; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { color: #2baab1; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active:before { background-color: #2baab1; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a { color: #2baab1; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary a:hover { color: #2baab1; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary:hover > a { color: #2baab1; } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-tertiary > a.active { color: #2baab1; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu { background-color: #383f48; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: #FFF; border-bottom-color: #31373f; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li:hover > a { background: #3f4751; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before { border-bottom-color: #383f48; background: #383f48; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-quaternary .dropdown-mega-sub-title { color: #FFF; opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { background: #383f48; color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary .dropdown-menu li a { color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { background: #383f48; color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover { color: #383f48; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover:before { background-color: #383f48; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { color: #383f48; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a:before { background: #383f48; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { color: #383f48; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active:before { background-color: #383f48; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a { color: #383f48; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary a:hover { color: #383f48; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary:hover > a { color: #383f48; } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-quaternary > a.active { color: #383f48; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu { background-color: #212529; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: #FFF; border-bottom-color: #1a1d21; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li:hover > a { background: #282d31; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before { border-bottom-color: #212529; background: #212529; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-dark .dropdown-mega-sub-title { color: #FFF; opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { background: #212529; color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark .dropdown-menu li a { color: #FFF; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { background: #212529; color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover { color: #212529; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover:before { background-color: #212529; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { color: #212529; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a:before { background: #212529; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { color: #212529; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active:before { background-color: #212529; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a { color: #212529; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark a:hover { color: #212529; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-dark:hover > a { color: #212529; } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-dark > a.active { color: #212529; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu { background-color: #FFF; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: #9c9ea0; border-bottom-color: #f7f7f7; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li:hover > a { background: #ffffff; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before, html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before { border-bottom-color: #FFF; background: #FFF; } html #header .header-nav .header-nav-main nav > ul > li.dropdown-full-color.dropdown-mega.dropdown-light .dropdown-mega-sub-title { color: #9c9ea0; opacity: 0.7; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { background: #FFF; color: #9c9ea0; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light .dropdown-menu li a { color: #9c9ea0; } html #header .header-nav:not(.header-nav-line):not(.header-nav-links) .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { background: #FFF; color: #9c9ea0; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover { color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover:before { background-color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light.open > a:before, html #header .header-nav-line .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a:before { background: #FFF; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { color: #FFF; } html #header .header-nav-line .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active:before { background-color: #FFF; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a { color: #FFF; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:focus, html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light a:hover { color: #FFF; } html #header .header-nav-links .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light:hover > a { color: #FFF; } html #header .header-nav-links .header-nav-main nav > ul:not(:hover) > li.dropdown-full-color.dropdown-light > a.active { color: #FFF; } } @media (min-width: 992px) { html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li:hover > a, html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul > li .wrapper-items-cloned:hover > a { color: #f5821f !important; } html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li > a.active, html #header .header-nav-force-light-text-active-skin-color .header-nav-main nav > ul:not(:hover) > li .wrapper-items-cloned > a.active { color: #f5821f !important; } } @media (max-width: 991px) { #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a { color: #f5821f; } #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:active { color: #f5821f; } #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active { background: #f5821f; } #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:focus, #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active:hover { background: #f5821f; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { background: #f5821f; } #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:focus, #header .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active:hover { background: #f5821f; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links .header-nav-main.header-nav-main-mobile-dark nav > ul > li > a.active { color: #f5821f !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav::-webkit-scrollbar-thumb { background-color: #f5821f; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li > a.active { color: #f5821f !important; } html.side-header-hamburguer-sidebar #header.side-header .header-nav.header-nav-links nav > ul > li:hover > a { color: #f5821f !important; } } @media (max-width: 991px) { html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a { color: #f5821f; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-primary > a.active { background: #f5821f !important; color: #FFF !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a { color: #e36159; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-secondary > a.active { background: #e36159 !important; color: #FFF !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a { color: #2baab1; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-tertiary > a.active { background: #2baab1 !important; color: #FFF !important; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a { color: #383f48; } html #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-quaternary > a.active { background: #383f48 !important; color: #FFF !important; } } html #header .header-top.header-top-primary { background: #f5821f; border-top-color: #ffa520; } html #header .header-top.header-top-primary .header-nav-top ul > li.open > a { background: #ffa520; } html #header .header-top.header-top-primary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-primary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-primary .header-nav-top ul > li.open > a:focus { background: #ffa520; } html #header .header-top.header-top-primary .dropdown-menu { background: #ffa520; border-color: #ffa520; } html #header .header-top.header-top-primary .dropdown-menu a:hover, html #header .header-top.header-top-primary .dropdown-menu a:focus { background: #f37353 !important; } html #header .header-top.header-top-secondary { background: #e36159; border-top-color: #df4c43; } html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a { background: #e7766f; } html #header .header-top.header-top-secondary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-secondary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-secondary .header-nav-top ul > li.open > a:focus { background: #e7766f; } html #header .header-top.header-top-secondary .dropdown-menu { background: #e7766f; border-color: #e7766f; } html #header .header-top.header-top-secondary .dropdown-menu a:hover, html #header .header-top.header-top-secondary .dropdown-menu a:focus { background: #ea8b85 !important; } html #header .header-top.header-top-tertiary { background: #2baab1; border-top-color: #26969c; } html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a { background: #30bec6; } html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-tertiary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-tertiary .header-nav-top ul > li.open > a:focus { background: #30bec6; } html #header .header-top.header-top-tertiary .dropdown-menu { background: #30bec6; border-color: #30bec6; } html #header .header-top.header-top-tertiary .dropdown-menu a:hover, html #header .header-top.header-top-tertiary .dropdown-menu a:focus { background: #3fc9d0 !important; } html #header .header-top.header-top-quaternary { background: #383f48; border-top-color: #2d323a; } html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a { background: #434c56; } html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-quaternary .header-nav-top ul > li > a:focus, html #header .header-top.header-top-quaternary .header-nav-top ul > li.open > a:focus { background: #434c56; } html #header .header-top.header-top-quaternary .dropdown-menu { background: #434c56; border-color: #434c56; } html #header .header-top.header-top-quaternary .dropdown-menu a:hover, html #header .header-top.header-top-quaternary .dropdown-menu a:focus { background: #4e5865 !important; } html #header .header-top.header-top-dark { background: #212529; border-top-color: #16181b; } html #header .header-top.header-top-dark .header-nav-top ul > li.open > a { background: #2c3237; } html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus { background: #2c3237; } html #header .header-top.header-top-dark .dropdown-menu { background: #2c3237; border-color: #2c3237; } html #header .header-top.header-top-dark .dropdown-menu a:hover, html #header .header-top.header-top-dark .dropdown-menu a:focus { background: #383f45 !important; } html #header .header-top.header-top-light { background: #FFF; border-top-color: #f2f2f2; } html #header .header-top.header-top-light .header-nav-top ul > li.open > a { background: #ffffff; } html #header .header-top.header-top-light .header-nav-top ul > li > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-light .header-nav-top ul > li > a:focus, html #header .header-top.header-top-light .header-nav-top ul > li.open > a:focus { background: #ffffff; } html #header .header-top.header-top-light .dropdown-menu { background: #ffffff; border-color: #ffffff; } html #header .header-top.header-top-light .dropdown-menu a:hover, html #header .header-top.header-top-light .dropdown-menu a:focus { background: #ffffff !important; } @media (min-width: 992px) { html #header .header-nav-bar-primary { background: #f5821f !important; color: #FFF !important; } html #header .header-nav-bar-secondary { background: #e36159 !important; color: #FFF !important; } html #header .header-nav-bar-tertiary { background: #2baab1 !important; color: #FFF !important; } html #header .header-nav-bar-quaternary { background: #383f48 !important; color: #FFF !important; } html #header .header-nav-bar-dark { background: #212529 !important; color: #FFF !important; } html #header .header-nav-bar-light { background: #FFF !important; color: #9c9ea0 !important; } } @media (min-width: 992px) { #header .header-nav-main.header-nav-main-light nav > ul > li.open > a, #header .header-nav-main.header-nav-main-light nav > ul > li:hover > a { color: #f5821f; } #header .header-nav-main.header-nav-main-light nav > ul > li > a.active { color: #f5821f; } } #header .header-nav-features .header-nav-features-search-reveal-big-search .form-control { border-bottom-color: #f5821f; } .testimonial blockquote { background: #ffa520; } .testimonial .testimonial-arrow-down { border-top-color: #ffa520; } html .testimonial-primary blockquote { background: #ffa520; } html .testimonial-primary .testimonial-arrow-down { border-top-color: #ffa520; } html .testimonial-primary.testimonial-style-7 { background: #ffa520; } html .testimonial-quotes-primary blockquote:before, html .testimonial-quotes-primary blockquote:after { color: #f5821f !important; } html .testimonial-secondary blockquote { background: #e7766f; } html .testimonial-secondary .testimonial-arrow-down { border-top-color: #e7766f; } html .testimonial-secondary.testimonial-style-7 { background: #e7766f; } html .testimonial-quotes-secondary blockquote:before, html .testimonial-quotes-secondary blockquote:after { color: #f5821f !important; } html .testimonial-tertiary blockquote { background: #30bec6; } html .testimonial-tertiary .testimonial-arrow-down { border-top-color: #30bec6; } html .testimonial-tertiary.testimonial-style-7 { background: #30bec6; } html .testimonial-quotes-tertiary blockquote:before, html .testimonial-quotes-tertiary blockquote:after { color: #f5821f !important; } html .testimonial-quaternary blockquote { background: #434c56; } html .testimonial-quaternary .testimonial-arrow-down { border-top-color: #434c56; } html .testimonial-quaternary.testimonial-style-7 { background: #434c56; } html .testimonial-quotes-quaternary blockquote:before, html .testimonial-quotes-quaternary blockquote:after { color: #f5821f !important; } html .testimonial-dark blockquote { background: #2c3237; } html .testimonial-dark .testimonial-arrow-down { border-top-color: #2c3237; } html .testimonial-dark.testimonial-style-7 { background: #2c3237; } html .testimonial-quotes-dark blockquote:before, html .testimonial-quotes-dark blockquote:after { color: #f5821f !important; } html .testimonial-light blockquote { background: #ffffff; } html .testimonial-light .testimonial-arrow-down { border-top-color: #ffffff; } html .testimonial-light.testimonial-style-7 { background: #ffffff; } html .testimonial-quotes-light blockquote:before, html .testimonial-quotes-light blockquote:after { color: #f5821f !important; } .circular-bar.only-icon [class*="fa-"], .circular-bar.only-icon .icons { color: #f5821f; } .form-control.bg-primary, .form-control.bg-color-primary { color: #FFF; border-color: #f5821f; } .form-control.bg-primary::-webkit-input-placeholder, .form-control.bg-color-primary::-webkit-input-placeholder { color: #e6e6e6; } .form-control.bg-primary::-moz-placeholder, .form-control.bg-color-primary::-moz-placeholder { color: #e6e6e6; } .form-control.bg-primary:-ms-input-placeholder, .form-control.bg-color-primary:-ms-input-placeholder { color: #e6e6e6; } .form-control.bg-primary:-moz-placeholder, .form-control.bg-color-primary:-moz-placeholder { color: #e6e6e6; } .form-control .testimonial-primary blockquote { background: #ffa520; } .form-control .testimonial-primary .testimonial-arrow-down { border-top-color: #ffa520; } .form-control .testimonial-primary.testimonial-style-7 { background: #ffa520; } .form-control .testimonial-quotes-primary blockquote:before, .form-control .testimonial-quotes-primary blockquote:after { color: #f5821f !important; } .form-control.bg-secondary, .form-control.bg-color-secondary { color: #FFF; border-color: #e36159; } .form-control.bg-secondary::-webkit-input-placeholder, .form-control.bg-color-secondary::-webkit-input-placeholder { color: #e6e6e6; } .form-control.bg-secondary::-moz-placeholder, .form-control.bg-color-secondary::-moz-placeholder { color: #e6e6e6; } .form-control.bg-secondary:-ms-input-placeholder, .form-control.bg-color-secondary:-ms-input-placeholder { color: #e6e6e6; } .form-control.bg-secondary:-moz-placeholder, .form-control.bg-color-secondary:-moz-placeholder { color: #e6e6e6; } .form-control .testimonial-secondary blockquote { background: #e7766f; } .form-control .testimonial-secondary .testimonial-arrow-down { border-top-color: #e7766f; } .form-control .testimonial-secondary.testimonial-style-7 { background: #e7766f; } .form-control .testimonial-quotes-secondary blockquote:before, .form-control .testimonial-quotes-secondary blockquote:after { color: #f5821f !important; } .form-control.bg-tertiary, .form-control.bg-color-tertiary { color: #FFF; border-color: #2baab1; } .form-control.bg-tertiary::-webkit-input-placeholder, .form-control.bg-color-tertiary::-webkit-input-placeholder { color: #e6e6e6; } .form-control.bg-tertiary::-moz-placeholder, .form-control.bg-color-tertiary::-moz-placeholder { color: #e6e6e6; } .form-control.bg-tertiary:-ms-input-placeholder, .form-control.bg-color-tertiary:-ms-input-placeholder { color: #e6e6e6; } .form-control.bg-tertiary:-moz-placeholder, .form-control.bg-color-tertiary:-moz-placeholder { color: #e6e6e6; } .form-control .testimonial-tertiary blockquote { background: #30bec6; } .form-control .testimonial-tertiary .testimonial-arrow-down { border-top-color: #30bec6; } .form-control .testimonial-tertiary.testimonial-style-7 { background: #30bec6; } .form-control .testimonial-quotes-tertiary blockquote:before, .form-control .testimonial-quotes-tertiary blockquote:after { color: #f5821f !important; } .form-control.bg-quaternary, .form-control.bg-color-quaternary { color: #FFF; border-color: #383f48; } .form-control.bg-quaternary::-webkit-input-placeholder, .form-control.bg-color-quaternary::-webkit-input-placeholder { color: #e6e6e6; } .form-control.bg-quaternary::-moz-placeholder, .form-control.bg-color-quaternary::-moz-placeholder { color: #e6e6e6; } .form-control.bg-quaternary:-ms-input-placeholder, .form-control.bg-color-quaternary:-ms-input-placeholder { color: #e6e6e6; } .form-control.bg-quaternary:-moz-placeholder, .form-control.bg-color-quaternary:-moz-placeholder { color: #e6e6e6; } .form-control .testimonial-quaternary blockquote { background: #434c56; } .form-control .testimonial-quaternary .testimonial-arrow-down { border-top-color: #434c56; } .form-control .testimonial-quaternary.testimonial-style-7 { background: #434c56; } .form-control .testimonial-quotes-quaternary blockquote:before, .form-control .testimonial-quotes-quaternary blockquote:after { color: #f5821f !important; } .form-control.bg-dark, .form-control.bg-color-dark { color: #FFF; border-color: #212529; } .form-control.bg-dark::-webkit-input-placeholder, .form-control.bg-color-dark::-webkit-input-placeholder { color: #e6e6e6; } .form-control.bg-dark::-moz-placeholder, .form-control.bg-color-dark::-moz-placeholder { color: #e6e6e6; } .form-control.bg-dark:-ms-input-placeholder, .form-control.bg-color-dark:-ms-input-placeholder { color: #e6e6e6; } .form-control.bg-dark:-moz-placeholder, .form-control.bg-color-dark:-moz-placeholder { color: #e6e6e6; } .form-control .testimonial-dark blockquote { background: #2c3237; } .form-control .testimonial-dark .testimonial-arrow-down { border-top-color: #2c3237; } .form-control .testimonial-dark.testimonial-style-7 { background: #2c3237; } .form-control .testimonial-quotes-dark blockquote:before, .form-control .testimonial-quotes-dark blockquote:after { color: #f5821f !important; } .form-control.bg-light, .form-control.bg-color-light { color: #9c9ea0; border-color: #FFF; } .form-control.bg-light::-webkit-input-placeholder, .form-control.bg-color-light::-webkit-input-placeholder { color: #5e5e5e; } .form-control.bg-light::-moz-placeholder, .form-control.bg-color-light::-moz-placeholder { color: #5e5e5e; } .form-control.bg-light:-ms-input-placeholder, .form-control.bg-color-light:-ms-input-placeholder { color: #5e5e5e; } .form-control.bg-light:-moz-placeholder, .form-control.bg-color-light:-moz-placeholder { color: #5e5e5e; } .form-control .testimonial-light blockquote { background: #ffffff; } .form-control .testimonial-light .testimonial-arrow-down { border-top-color: #ffffff; } .form-control .testimonial-light.testimonial-style-7 { background: #ffffff; } .form-control .testimonial-quotes-light blockquote:before, .form-control .testimonial-quotes-light blockquote:after { color: #f5821f !important; } .form-range::-webkit-slider-thumb { background-color: #f5821f; } .form-range::-webkit-slider-thumb:active { background-color: rgba(240, 76, 35, 0.25); } .form-range:focus::-webkit-slider-thumb { -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(240, 76, 35, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(240, 76, 35, 0.25); } html .counters .counter-primary [class*="fa-"], html .counters .counter-primary .icons, html .counters .counter-primary strong { color: #f5821f; } html .counters .counter-secondary [class*="fa-"], html .counters .counter-secondary .icons, html .counters .counter-secondary strong { color: #e36159; } html .counters .counter-tertiary [class*="fa-"], html .counters .counter-tertiary .icons, html .counters .counter-tertiary strong { color: #2baab1; } html .counters .counter-quaternary [class*="fa-"], html .counters .counter-quaternary .icons, html .counters .counter-quaternary strong { color: #383f48; } html .counters .counter-dark [class*="fa-"], html .counters .counter-dark .icons, html .counters .counter-dark strong { color: #212529; } html .counters .counter-light [class*="fa-"], html .counters .counter-light .icons, html .counters .counter-light strong { color: #FFF; } html .countdown.countdown-primary > span > span { color: #f5821f; } html .countdown.countdown-secondary > span > span { color: #e36159; } html .countdown.countdown-tertiary > span > span { color: #2baab1; } html .countdown.countdown-quaternary > span > span { color: #383f48; } html .countdown.countdown-dark > span > span { color: #212529; } html .countdown.countdown-light > span > span { color: #FFF; } html .image-hotspot-primary strong { color: #FFF !important; } html .image-hotspot-primary .circle { background: #f5821f !important; } html .image-hotspot-primary .ring { border-color: rgba(240, 76, 35, 0.9); } html .image-hotspot-secondary strong { color: #FFF !important; } html .image-hotspot-secondary .circle { background: #e36159 !important; } html .image-hotspot-secondary .ring { border-color: rgba(227, 97, 89, 0.9); } html .image-hotspot-tertiary strong { color: #FFF !important; } html .image-hotspot-tertiary .circle { background: #2baab1 !important; } html .image-hotspot-tertiary .ring { border-color: rgba(43, 170, 177, 0.9); } html .image-hotspot-quaternary strong { color: #FFF !important; } html .image-hotspot-quaternary .circle { background: #383f48 !important; } html .image-hotspot-quaternary .ring { border-color: rgba(56, 63, 72, 0.9); } html .image-hotspot-dark strong { color: #FFF !important; } html .image-hotspot-dark .circle { background: #212529 !important; } html .image-hotspot-dark .ring { border-color: rgba(33, 37, 41, 0.9); } html .image-hotspot-light strong { color: #9c9ea0 !important; } html .image-hotspot-light .circle { background: #FFF !important; } html .image-hotspot-light .ring { border-color: rgba(255, 255, 255, 0.9); } .icon-featured { background-color: #f5821f; } html .featured-box-primary .icon-featured { background-color: #f5821f; } html .featured-box-primary h4 { color: #f5821f; } html .featured-box-primary .box-content { border-top-color: #f5821f; } html .featured-box-primary .box-content-border-bottom { border-bottom-color: #f5821f; } html .featured-box-secondary .icon-featured { background-color: #e36159; } html .featured-box-secondary h4 { color: #e36159; } html .featured-box-secondary .box-content { border-top-color: #e36159; } html .featured-box-secondary .box-content-border-bottom { border-bottom-color: #e36159; } html .featured-box-tertiary .icon-featured { background-color: #2baab1; } html .featured-box-tertiary h4 { color: #2baab1; } html .featured-box-tertiary .box-content { border-top-color: #2baab1; } html .featured-box-tertiary .box-content-border-bottom { border-bottom-color: #2baab1; } html .featured-box-quaternary .icon-featured { background-color: #383f48; } html .featured-box-quaternary h4 { color: #383f48; } html .featured-box-quaternary .box-content { border-top-color: #383f48; } html .featured-box-quaternary .box-content-border-bottom { border-bottom-color: #383f48; } html .featured-box-dark .icon-featured { background-color: #212529; } html .featured-box-dark h4 { color: #212529; } html .featured-box-dark .box-content { border-top-color: #212529; } html .featured-box-dark .box-content-border-bottom { border-bottom-color: #212529; } html .featured-box-light .icon-featured { background-color: #FFF; } html .featured-box-light h4 { color: #FFF; } html .featured-box-light .box-content { border-top-color: #FFF; } html .featured-box-light .box-content-border-bottom { border-bottom-color: #FFF; } html .featured-boxes-style-3 .featured-box.featured-box-primary .icon-featured { border-color: #f5821f; color: #f5821f; } html .featured-boxes-style-3 .featured-box.featured-box-secondary .icon-featured { border-color: #e36159; color: #e36159; } html .featured-boxes-style-3 .featured-box.featured-box-tertiary .icon-featured { border-color: #2baab1; color: #2baab1; } html .featured-boxes-style-3 .featured-box.featured-box-quaternary .icon-featured { border-color: #383f48; color: #383f48; } html .featured-boxes-style-3 .featured-box.featured-box-dark .icon-featured { border-color: #212529; color: #212529; } html .featured-boxes-style-3 .featured-box.featured-box-light .icon-featured { border-color: #FFF; color: #FFF; } html .featured-boxes-style-4 .featured-box.featured-box-primary .icon-featured { border-color: #f5821f; color: #f5821f; } html .featured-boxes-style-4 .featured-box.featured-box-secondary .icon-featured { border-color: #e36159; color: #e36159; } html .featured-boxes-style-4 .featured-box.featured-box-tertiary .icon-featured { border-color: #2baab1; color: #2baab1; } html .featured-boxes-style-4 .featured-box.featured-box-quaternary .icon-featured { border-color: #383f48; color: #383f48; } html .featured-boxes-style-4 .featured-box.featured-box-dark .icon-featured { border-color: #212529; color: #212529; } html .featured-boxes-style-4 .featured-box.featured-box-light .icon-featured { border-color: #FFF; color: #FFF; } html .featured-boxes-style-5 .featured-box.featured-box-primary .icon-featured { color: #f5821f; } html .featured-boxes-style-5 .featured-box.featured-box-secondary .icon-featured { color: #e36159; } html .featured-boxes-style-5 .featured-box.featured-box-tertiary .icon-featured { color: #2baab1; } html .featured-boxes-style-5 .featured-box.featured-box-quaternary .icon-featured { color: #383f48; } html .featured-boxes-style-5 .featured-box.featured-box-dark .icon-featured { color: #212529; } html .featured-boxes-style-5 .featured-box.featured-box-light .icon-featured { color: #FFF; } html .featured-boxes-style-6 .featured-box.featured-box-primary .icon-featured { color: #f5821f; } html .featured-boxes-style-6 .featured-box.featured-box-secondary .icon-featured { color: #e36159; } html .featured-boxes-style-6 .featured-box.featured-box-tertiary .icon-featured { color: #2baab1; } html .featured-boxes-style-6 .featured-box.featured-box-quaternary .icon-featured { color: #383f48; } html .featured-boxes-style-6 .featured-box.featured-box-dark .icon-featured { color: #212529; } html .featured-boxes-style-6 .featured-box.featured-box-light .icon-featured { color: #FFF; } html .featured-boxes-style-8 .featured-box.featured-box-primary .icon-featured { color: #f5821f; } html .featured-boxes-style-8 .featured-box.featured-box-secondary .icon-featured { color: #e36159; } html .featured-boxes-style-8 .featured-box.featured-box-tertiary .icon-featured { color: #2baab1; } html .featured-boxes-style-8 .featured-box.featured-box-quaternary .icon-featured { color: #383f48; } html .featured-boxes-style-8 .featured-box.featured-box-dark .icon-featured { color: #212529; } html .featured-boxes-style-8 .featured-box.featured-box-light .icon-featured { color: #FFF; } .featured-boxes-modern-style-primary .featured-box { background: #f5821f; background: linear-gradient(135deg, #f5821f 0%, #383f48 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5821f', endColorstr='#383f48', GradientType=1); } .featured-boxes-modern-style-secondary .featured-box { background: #e36159; background: linear-gradient(135deg, #e36159 0%, #383f48 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e36159', endColorstr='#383f48', GradientType=1); } .featured-boxes-modern-style-tertiary .featured-box { background: #2baab1; background: linear-gradient(135deg, #2baab1 0%, #383f48 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2baab1', endColorstr='#383f48', GradientType=1); } html .featured-box-effect-2.featured-box-primary .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #f5821f; box-shadow: 0 0 0 3px #f5821f; } html .featured-box-effect-2.featured-box-secondary .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #e36159; box-shadow: 0 0 0 3px #e36159; } html .featured-box-effect-2.featured-box-tertiary .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #2baab1; box-shadow: 0 0 0 3px #2baab1; } html .featured-box-effect-2.featured-box-quaternary .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #383f48; box-shadow: 0 0 0 3px #383f48; } html .featured-box-effect-2.featured-box-dark .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #212529; box-shadow: 0 0 0 3px #212529; } html .featured-box-effect-2.featured-box-light .icon-featured:after { -webkit-box-shadow: 0 0 0 3px #FFF; box-shadow: 0 0 0 3px #FFF; } html .featured-box-effect-3.featured-box-primary .icon-featured:after { -webkit-box-shadow: 0 0 0 10px #f5821f; box-shadow: 0 0 0 10px #f5821f; } html .featured-box-effect-3.featured-box-primary:hover .icon-featured { background: #f5821f !important; } html .featured-box-effect-3.featured-box-secondary .icon-featured:after { -webkit-box-shadow: 0 0 0 10px #e36159; box-shadow: 0 0 0 10px #e36159; } html .featured-box-effect-3.featured-box-secondary:hover .icon-featured { background: #e36159 !important; } html .featured-box-effect-3.featured-box-tertiary .icon-featured:after { -webkit-box-shadow: 0 0 0 10px #2baab1; box-shadow: 0 0 0 10px #2baab1; } html .featured-box-effect-3.featured-box-tertiary:hover .icon-featured { background: #2baab1 !important; } html .featured-box-effect-3.featured-box-quaternary .icon-featured:after { -webkit-box-shadow: 0 0 0 10px #383f48; box-shadow: 0 0 0 10px #383f48; } html .featured-box-effect-3.featured-box-quaternary:hover .icon-featured { background: #383f48 !important; } html .featured-box-effect-3.featured-box-dark .icon-featured:after { -webkit-box-shadow: 0 0 0 10px #212529; box-shadow: 0 0 0 10px #212529; } html .featured-box-effect-3.featured-box-dark:hover .icon-featured { background: #212529 !important; } html .featured-box-effect-3.featured-box-light .icon-featured:after { -webkit-box-shadow: 0 0 0 10px #FFF; box-shadow: 0 0 0 10px #FFF; } html .featured-box-effect-3.featured-box-light:hover .icon-featured { background: #FFF !important; } .feature-box .feature-box-icon { background-color: #f5821f; } html .feature-box-primary .feature-box-icon { background-color: #f5821f; } html .feature-box-secondary .feature-box-icon { background-color: #e36159; } html .feature-box-tertiary .feature-box-icon { background-color: #2baab1; } html .feature-box-quaternary .feature-box-icon { background-color: #383f48; } html .feature-box-dark .feature-box-icon { background-color: #212529; } html .feature-box-light .feature-box-icon { background-color: #FFF; } .feature-box.feature-box-style-2 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-2 .feature-box-icon .icons { color: #f5821f; } html .feature-box-primary.feature-box-style-2 .feature-box-icon [class*="fa-"], html .feature-box-primary.feature-box-style-2 .feature-box-icon .icons { color: #f5821f; } html .feature-box-secondary.feature-box-style-2 .feature-box-icon [class*="fa-"], html .feature-box-secondary.feature-box-style-2 .feature-box-icon .icons { color: #e36159; } html .feature-box-tertiary.feature-box-style-2 .feature-box-icon [class*="fa-"], html .feature-box-tertiary.feature-box-style-2 .feature-box-icon .icons { color: #2baab1; } html .feature-box-quaternary.feature-box-style-2 .feature-box-icon [class*="fa-"], html .feature-box-quaternary.feature-box-style-2 .feature-box-icon .icons { color: #383f48; } html .feature-box-dark.feature-box-style-2 .feature-box-icon [class*="fa-"], html .feature-box-dark.feature-box-style-2 .feature-box-icon .icons { color: #212529; } html .feature-box-light.feature-box-style-2 .feature-box-icon [class*="fa-"], html .feature-box-light.feature-box-style-2 .feature-box-icon .icons { color: #FFF; } .feature-box.feature-box-style-3 .feature-box-icon { border-color: #f5821f; } .feature-box.feature-box-style-3 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-3 .feature-box-icon .icons { color: #f5821f; } html .feature-box-primary.feature-box-style-3 .feature-box-icon { border-color: #f5821f; } html .feature-box-primary.feature-box-style-3 .feature-box-icon [class*="fa-"], html .feature-box-primary.feature-box-style-3 .feature-box-icon .icons { color: #f5821f; } html .feature-box-secondary.feature-box-style-3 .feature-box-icon { border-color: #e36159; } html .feature-box-secondary.feature-box-style-3 .feature-box-icon [class*="fa-"], html .feature-box-secondary.feature-box-style-3 .feature-box-icon .icons { color: #e36159; } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon { border-color: #2baab1; } html .feature-box-tertiary.feature-box-style-3 .feature-box-icon [class*="fa-"], html .feature-box-tertiary.feature-box-style-3 .feature-box-icon .icons { color: #2baab1; } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon { border-color: #383f48; } html .feature-box-quaternary.feature-box-style-3 .feature-box-icon [class*="fa-"], html .feature-box-quaternary.feature-box-style-3 .feature-box-icon .icons { color: #383f48; } html .feature-box-dark.feature-box-style-3 .feature-box-icon { border-color: #212529; } html .feature-box-dark.feature-box-style-3 .feature-box-icon [class*="fa-"], html .feature-box-dark.feature-box-style-3 .feature-box-icon .icons { color: #212529; } html .feature-box-light.feature-box-style-3 .feature-box-icon { border-color: #FFF; } html .feature-box-light.feature-box-style-3 .feature-box-icon [class*="fa-"], html .feature-box-light.feature-box-style-3 .feature-box-icon .icons { color: #FFF; } .feature-box.feature-box-style-4 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-4 .feature-box-icon .icons { color: #f5821f; } html .feature-box-primary.feature-box-style-4 .feature-box-icon [class*="fa-"], html .feature-box-primary.feature-box-style-4 .feature-box-icon .icons { color: #f5821f; } html .feature-box-secondary.feature-box-style-4 .feature-box-icon [class*="fa-"], html .feature-box-secondary.feature-box-style-4 .feature-box-icon .icons { color: #e36159; } html .feature-box-tertiary.feature-box-style-4 .feature-box-icon [class*="fa-"], html .feature-box-tertiary.feature-box-style-4 .feature-box-icon .icons { color: #2baab1; } html .feature-box-quaternary.feature-box-style-4 .feature-box-icon [class*="fa-"], html .feature-box-quaternary.feature-box-style-4 .feature-box-icon .icons { color: #383f48; } html .feature-box-dark.feature-box-style-4 .feature-box-icon [class*="fa-"], html .feature-box-dark.feature-box-style-4 .feature-box-icon .icons { color: #212529; } html .feature-box-light.feature-box-style-4 .feature-box-icon [class*="fa-"], html .feature-box-light.feature-box-style-4 .feature-box-icon .icons { color: #FFF; } .feature-box.feature-box-style-5 .feature-box-icon [class*="fa-"], .feature-box.feature-box-style-5 .feature-box-icon .icons { color: #f5821f; } html .feature-box-primary.feature-box-style-5 .feature-box-icon [class*="fa-"], html .feature-box-primary.feature-box-style-5 .feature-box-icon .icons { color: #f5821f; } html .feature-box-secondary.feature-box-style-5 .feature-box-icon [class*="fa-"], html .feature-box-secondary.feature-box-style-5 .feature-box-icon .icons { color: #e36159; } html .feature-box-tertiary.feature-box-style-5 .feature-box-icon [class*="fa-"], html .feature-box-tertiary.feature-box-style-5 .feature-box-icon .icons { color: #2baab1; } html .feature-box-quaternary.feature-box-style-5 .feature-box-icon [class*="fa-"], html .feature-box-quaternary.feature-box-style-5 .feature-box-icon .icons { color: #383f48; } html .feature-box-dark.feature-box-style-5 .feature-box-icon [class*="fa-"], html .feature-box-dark.feature-box-style-5 .feature-box-icon .icons { color: #212529; } html .feature-box-light.feature-box-style-5 .feature-box-icon [class*="fa-"], html .feature-box-light.feature-box-style-5 .feature-box-icon .icons { color: #FFF; } html .feature-box-primary.feature-box-style-6 .feature-box-icon [class*="fa-"], html .feature-box-primary.feature-box-style-6 .feature-box-icon .icons { color: #f5821f; } html .feature-box-secondary.feature-box-style-6 .feature-box-icon [class*="fa-"], html .feature-box-secondary.feature-box-style-6 .feature-box-icon .icons { color: #e36159; } html .feature-box-tertiary.feature-box-style-6 .feature-box-icon [class*="fa-"], html .feature-box-tertiary.feature-box-style-6 .feature-box-icon .icons { color: #2baab1; } html .feature-box-quaternary.feature-box-style-6 .feature-box-icon [class*="fa-"], html .feature-box-quaternary.feature-box-style-6 .feature-box-icon .icons { color: #383f48; } html .feature-box-dark.feature-box-style-6 .feature-box-icon [class*="fa-"], html .feature-box-dark.feature-box-style-6 .feature-box-icon .icons { color: #212529; } html .feature-box-light.feature-box-style-6 .feature-box-icon [class*="fa-"], html .feature-box-light.feature-box-style-6 .feature-box-icon .icons { color: #FFF; } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(1) { background-color: #ffa520; } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(2) { background-color: #ffa520; } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(3) { background-color: #f5821f; } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(4) { background-color: #ffa520; } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(5) { background-color: #f37353; } html .featured-boxes-full-scale > .featured-box-full-primary:nth-child(6) { background-color: #f5866b; } html .featured-boxes-full .featured-box-full-primary { background-color: #f5821f; color: #FFF; } html .featured-boxes-full .featured-box-full-secondary { background-color: #e36159; color: #FFF; } html .featured-boxes-full .featured-box-full-tertiary { background-color: #2baab1; color: #FFF; } html .featured-boxes-full .featured-box-full-quaternary { background-color: #383f48; color: #FFF; } html .featured-boxes-full .featured-box-full-dark { background-color: #212529; color: #FFF; } html .featured-boxes-full .featured-box-full-light { background-color: #FFF; color: #9c9ea0; } .pricing-table .most-popular { border-color: #f5821f; } .pricing-table .most-popular h3 { background-color: #f5821f; } .pricing-table.princig-table-flat .plan h3 { background-color: #f5821f; } .pricing-table.princig-table-flat .plan h3 span { background: #f5821f; } html .call-to-action.featured.featured-primary { border-top-color: #f5821f; } html .call-to-action.call-to-action-primary { background: #f5821f; } html .call-to-action.with-full-borders-primary { border-color: #f5821f; } html .call-to-action.call-to-action-primary { background: #f5821f; } html .call-to-action.call-to-action-primary h3, html .call-to-action.call-to-action-primary p { color: #FFF; } html .call-to-action.featured.featured-secondary { border-top-color: #e36159; } html .call-to-action.call-to-action-secondary { background: #e36159; } html .call-to-action.with-full-borders-secondary { border-color: #e36159; } html .call-to-action.call-to-action-secondary { background: #e36159; } html .call-to-action.call-to-action-secondary h3, html .call-to-action.call-to-action-secondary p { color: #FFF; } html .call-to-action.featured.featured-tertiary { border-top-color: #2baab1; } html .call-to-action.call-to-action-tertiary { background: #2baab1; } html .call-to-action.with-full-borders-tertiary { border-color: #2baab1; } html .call-to-action.call-to-action-tertiary { background: #2baab1; } html .call-to-action.call-to-action-tertiary h3, html .call-to-action.call-to-action-tertiary p { color: #FFF; } html .call-to-action.featured.featured-quaternary { border-top-color: #383f48; } html .call-to-action.call-to-action-quaternary { background: #383f48; } html .call-to-action.with-full-borders-quaternary { border-color: #383f48; } html .call-to-action.call-to-action-quaternary { background: #383f48; } html .call-to-action.call-to-action-quaternary h3, html .call-to-action.call-to-action-quaternary p { color: #FFF; } html .call-to-action.featured.featured-dark { border-top-color: #212529; } html .call-to-action.call-to-action-dark { background: #212529; } html .call-to-action.with-full-borders-dark { border-color: #212529; } html .call-to-action.call-to-action-dark { background: #212529; } html .call-to-action.call-to-action-dark h3, html .call-to-action.call-to-action-dark p { color: #FFF; } html .call-to-action.featured.featured-light { border-top-color: #FFF; } html .call-to-action.call-to-action-light { background: #FFF; } html .call-to-action.with-full-borders-light { border-color: #FFF; } html .call-to-action.call-to-action-light { background: #FFF; } html .call-to-action.call-to-action-light h3, html .call-to-action.call-to-action-light p { color: #9c9ea0; } section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { background: #f5821f; -webkit-box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #f5821f; box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #f5821f; } ul.history li .featured-box .box-content { border-top-color: #f5821f; } .portfolio-list .portfolio-item.portfolio-item-new:after { background: linear-gradient(135deg, #f5821f 0%, #e36159 80%); } .recent-posts .date .month, article.post .post-date .month { background-color: #f5821f; } .recent-posts .date .day, article.post .post-date .day { color: #f5821f; } .slider .tp-bannertimer { background-color: #f5821f; } .home-concept strong { color: #f5821f; } html .home-intro-primary { background: #f5821f; } html .home-intro-secondary { background: #e36159; } html .home-intro-tertiary { background: #2baab1; } html .home-intro-quaternary { background: #383f48; } html .home-intro-dark { background: #212529; } html .home-intro-light { background: #FFF; } html .slide-overlay-primary .slotholder:after { background-color: #f5821f !important; } html .slider-container .tp-caption-overlay-primary { background: #f5821f; } html .slider-container .tp-caption-overlay-opacity-primary { background: rgba(240, 76, 35, 0.4); } html .tp-bullets.bullets-color-primary .tp-bullet:hover, html .tp-bullets.bullets-color-primary .tp-bullet.selected { background: #f5821f; } html .slide-overlay-secondary .slotholder:after { background-color: #e36159 !important; } html .slider-container .tp-caption-overlay-secondary { background: #e36159; } html .slider-container .tp-caption-overlay-opacity-secondary { background: rgba(227, 97, 89, 0.4); } html .tp-bullets.bullets-color-secondary .tp-bullet:hover, html .tp-bullets.bullets-color-secondary .tp-bullet.selected { background: #e36159; } html .slide-overlay-tertiary .slotholder:after { background-color: #2baab1 !important; } html .slider-container .tp-caption-overlay-tertiary { background: #2baab1; } html .slider-container .tp-caption-overlay-opacity-tertiary { background: rgba(43, 170, 177, 0.4); } html .tp-bullets.bullets-color-tertiary .tp-bullet:hover, html .tp-bullets.bullets-color-tertiary .tp-bullet.selected { background: #2baab1; } html .slide-overlay-quaternary .slotholder:after { background-color: #383f48 !important; } html .slider-container .tp-caption-overlay-quaternary { background: #383f48; } html .slider-container .tp-caption-overlay-opacity-quaternary { background: rgba(56, 63, 72, 0.4); } html .tp-bullets.bullets-color-quaternary .tp-bullet:hover, html .tp-bullets.bullets-color-quaternary .tp-bullet.selected { background: #383f48; } html .slide-overlay-dark .slotholder:after { background-color: #212529 !important; } html .slider-container .tp-caption-overlay-dark { background: #212529; } html .slider-container .tp-caption-overlay-opacity-dark { background: rgba(33, 37, 41, 0.4); } html .tp-bullets.bullets-color-dark .tp-bullet:hover, html .tp-bullets.bullets-color-dark .tp-bullet.selected { background: #212529; } html .slide-overlay-light .slotholder:after { background-color: #FFF !important; } html .slider-container .tp-caption-overlay-light { background: #FFF; } html .slider-container .tp-caption-overlay-opacity-light { background: rgba(255, 255, 255, 0.4); } html .tp-bullets.bullets-color-light .tp-bullet:hover, html .tp-bullets.bullets-color-light .tp-bullet.selected { background: #FFF; } html .slide-overlay.slide-overlay-gradient .slotholder:after { background-color: #2baab1 !important; background-image: -webkit-gradient(linear, left top, right top, from(#2baab1), to(#383f48)) !important; background-image: linear-gradient(to right, #2baab1 0%, #383f48 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2baab1', endColorstr='#383f48', GradientType=1); } .cd-product-viewer-handle .handle { background: #f5821f; } .tparrows.tparrows-carousel.tp-leftarrow, .tparrows.tparrows-carousel.tp-rightarrow { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; color: #fff; } .tparrows.tparrows-carousel.tp-leftarrow:hover, .tparrows.tparrows-carousel.tp-rightarrow:hover, .tparrows.tparrows-carousel.tp-leftarrow.hover, .tparrows.tparrows-carousel.tp-rightarrow.hover { background-color: #A5C7CC; border-color: #f37353 #f37353 #f5821f; color: #fff; } .tparrows.tparrows-carousel.tp-leftarrow:focus, .tparrows.tparrows-carousel.tp-rightarrow:focus, .tparrows.tparrows-carousel.tp-leftarrow.focus, .tparrows.tparrows-carousel.tp-rightarrow.focus { background-color: #de380f; border-color: #ffa520 #ffa520 #a2290b; color: #fff; -webkit-box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); box-shadow: 0 0 0 3px rgba(240, 76, 35, 0.5); } .tparrows.tparrows-carousel.tp-leftarrow.disabled, .tparrows.tparrows-carousel.tp-rightarrow.disabled, .tparrows.tparrows-carousel.tp-leftarrow:disabled, .tparrows.tparrows-carousel.tp-rightarrow:disabled { background-color: #f5821f; border-color: #f5821f #f5821f #ffa520; } .tparrows.tparrows-carousel.tp-leftarrow:active, .tparrows.tparrows-carousel.tp-rightarrow:active, .tparrows.tparrows-carousel.tp-leftarrow.active, .tparrows.tparrows-carousel.tp-rightarrow.active { background-color: #de380f !important; background-image: none !important; border-color: #ffa520 #ffa520 #a2290b !important; } .tparrows.arrows-primary:before { color: #f5821f; } .shop .products .product .onsale { background-color: #f5821f; border-bottom-color: #db380f; } .shop .cart-totals tr.total .amount { color: #f5821f; } .shop .products .product .quick-view { background: rgba(240, 76, 35, 0.7); } .shop .products .product:hover .quick-view:hover { background: #f5821f; } .product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover { color: #FFF; background: #f5821f; } .product .product-thumb-info .countdown-offer-wrapper { background: #f5821f; } .dropdown-menu.dropdown-menu-arrow-centered a:focus, .dropdown-menu.dropdown-menu-arrow-centered a:active { background-color: #f5821f; } #footer .footer-ribbon { background: #f5821f; } #footer .footer-ribbon:before { border-right-color: #ba2f0d; border-left-color: #ba2f0d; } #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active { color: #f5821f !important; } #footer .footer-nav.footer-nav-bottom-line nav > ul:not(:hover) > li > a.active:before { background: #f5821f !important; } #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a { color: #f5821f !important; } #footer .footer-nav.footer-nav-bottom-line nav > ul:hover > li:hover > a:before { background: #f5821f !important; } .scrollable.colored-slider .scrollable-slider { background: #f5821f; } .sample-icon-list .sample-icon a:hover { background-color: #f5821f; } .cursor-inner { background-color: #f5821f; } .cursor-inner.cursor-inner-plus:before { color: #f5821f; } .cursor-outer { border-color: #f5821f; } .cssload-thecube .cssload-cube:before { background-color: #f5821f; } .cssload-cube-progress { border-color: #f5821f; } .cssload-cube-progress-inner { background-color: #f5821f; } .cssload-float-rings-inner.cssload-one { border-bottom-color: #f5821f; } .cssload-float-rings-inner.cssload-two { border-right-color: #f5821f; } .cssload-float-rings-inner.cssload-three { border-top-color: #f5821f; } .cssload-float-bars-loading, .cssload-float-bars-loading:after, .cssload-float-bars-loading:before { background: #f5821f; } .cssload-speeding-wheel { border-top-color: #f5821f; border-bottom-color: #f5821f; } .cssload-zenith { -webkit-box-shadow: 3px 3px 1px #f5821f; box-shadow: 3px 3px 1px #f5821f; } .cssload-spinning-square-loading { background: #f5821f; } .cssload-spinning-square-loading:before { background: #e36159; } .cssload-spinning-square-loading:after { background: #FFF; } .cssload-pulse-loader { background: #f5821f; } .map-rounded-pin { background: #f5821f; } html.boxed .body { border-top-color: #f5821f; } .rounded, .img-thumbnail, .img-thumbnail img, code, pre, .form-control, .form-control-sm, .form-control-sm .form-control, .form-control-lg, .form-control-lg .form-control, .form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .invalid-tooltip, .btn:not(.btn-rounded):not(.btn-circle), .btn-group-4 > .btn:not(.btn-rounded), .btn-sm, .btn-group-2 > .btn:not(.btn-rounded), .btn-xs, .btn-group-1 > .btn:not(.btn-rounded), .btn-lg, .btn-group-lg > .btn:not(.btn-rounded), .btn-sm, .btn-group-sm > .btn:not(.btn-rounded), .dropdown-menu, .input-group-4 > .form-control, .input-group-4 > .input-group-addon, .input-group-4 > .input-group-btn > .btn, .input-group-2 > .form-control, .input-group-2 > .input-group-addon, .input-group-2 > .input-group-btn > .btn, .input-group-addon, .input-group-addon.form-control-sm, .input-group-addon.form-control-lg, .nav-tabs > li > a, .nav-tabs.nav-justified > li > a, .nav-pills > li > a, .nav-tabs-justified > li > a, .navbar, .navbar-toggle, .navbar-toggle .icon-bar, .breadcrumb, .pagination, .pager li > a, .pager li > span, .label, .badge, .container .jumbotron, .container-fluid .jumbotron, .thumbnail, .alert, .progress, .card, .accordion .card, .well, .well-lg, .well-sm, .modal-content, .tooltip-inner, .popover, .popover-title, .carousel-indicators li, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span, #header .header-search .form-control, #header .header-nav-main nav > ul > li > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a, #header.header-transparent .header-nav-main, #header.header-semi-transparent .header-nav-main, #header.header-semi-transparent-light .header-nav-main, #header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-signin .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a, #header .header-nav-top .dropdown-menu, .slider-container .tparrows, .home-intro-compact, html.dark #header, html.boxed .body, blockquote.with-borders, p.drop-caps.drop-caps-style-2:first-child:first-letter, .btn-3d, select, .captcha-refresh, .featured-icon, .accordion .card-header, .tabs, .nav-tabs li a, .tab-content, .tabs.tabs-bottom .tab-content, .tabs.tabs-bottom .nav-tabs li a, .tabs-left .tab-content, .tabs-left .nav-tabs > li:first-child a, .tabs-left .nav-tabs > li:last-child a, .tabs-right .tab-content, .tabs-right .nav-tabs > li:first-child a, .tabs-right .nav-tabs > li:last-child a, .nav-tabs.nav-justified li:first-child a, .nav-tabs.nav-justified li:first-child a:hover, .nav-tabs.nav-justified li:last-child a, .nav-pills .nav-link, .nav-tabs.nav-justified li:last-child a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:first-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs-navigation, .tabs-navigation .nav-tabs > li:first-child a, .tabs-navigation .nav-tabs > li:last-child a, .nav-pills .nav-link, .navbar-toggler, .card, .card-header:first-child, .card-footer:last-child, .card-img, .badge, .badge-pill, .jumbotron, .alert, .progress, .modal-content, .tooltip-inner, .popover, .rounded, .toggle > label, .toggle.toggle-simple .toggle > label, .toggle.toggle-simple .toggle > label:after, .owl-carousel .owl-nav button[class*="owl-"], .owl-carousel.rounded-nav .owl-nav button[class*="owl-"], .owl-carousel.rounded-nav .owl-nav button[class*="owl-"]:hover, .owl-carousel.full-width .owl-nav button.owl-prev, .owl-carousel.big-nav .owl-nav button.owl-prev, .owl-carousel.full-width .owl-nav button.owl-next, .owl-carousel.big-nav .owl-nav button.owl-next, .embed-responsive.embed-responsive-borders, .pricing-table h3, .pricing-table .plan, .featured-box, .featured-box .box-content, .thumb-info, .thumb-info .thumb-info-wrapper, .thumb-info .thumb-info-wrapper:after, .thumb-info .thumb-info-type, .thumb-info img, section.timeline .timeline-date, section.timeline .timeline-box, .testimonial blockquote, .testimonial.testimonial-style-2 blockquote, .testimonial.testimonial-style-3 blockquote, .testimonial.testimonial-style-4, .testimonial.testimonial-style-4 blockquote, .testimonial.testimonial-style-5 blockquote, .testimonial.testimonial-style-6 blockquote, .testimonial.testimonial-style-7 blockquote, .container .call-to-action, .progress, .progress.progress-border-radius, .progress.progress-border-radius .progress-bar, .progress-bar, .progress-bar-tooltip, .scrollable .scrollable-slider, .counters.with-borders .counter, html .scroll-to-top, .google-map.small, .google-map-borders, article.post .post-date .month, article.post .post-date .day, article .post-video, article .post-audio, ul.comments .comment-block, .recent-posts .date .month, #header nav.mega-menu .mega-menu-shop .dropdown-menu, .shop ul.products .product .add-to-cart-product, .product-info, .product-info img, .product-info + .product-info, .img-thumbnail.img-thumbnail-hover-icon:before, .product-thumb-info { border-radius: 0 !important; } @media (min-width: 992px) { #header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a, #header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu, #header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu, #header.flat-menu nav ul.nav-main li a, html.boxed #header.flat-menu .header-top { border-radius: 0; } } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a, .nav-tabs-justified > li > a, .navbar { border-radius: 0; } } @media (max-width: 575px) { .tabs .nav.nav-tabs.nav-justified li:first-child a, .tabs .nav.nav-tabs.nav-justified li:first-child a:hover, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a, .tabs.tabs-bottom .nav.nav-tabs.nav-justified li:last-child a:hover { border-radius: 0; } } /* * Text Highlight */ .custom-highlight-text-1:before { border-bottom-color: #f5821f; } /* * Header */ .custom-header-top-nav-background { position: relative; } .custom-header-top-nav-background:before { background: #f5821f; } .custom-header-top-nav-background:after { background: #f79a82; } /* * Accordion */ .custom-accordion-style-1 > .card .card-header a:not(.collapsed) { background-color: #f5821f; color: #FFF !important; } .custom-accordion-style-1 > .card:hover .card-header a.collapsed { color: #f5821f !important; } .signature, .signature a { background: #000; color: #fff; margin: 0; font-family: Roboto,sans-serif; font-weight: 400; line-height: 1.45; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .signature-social-block { list-style-type: none; padding: 0; text-align: center; } .signature .copyright, .signature .signature-social-block li { display: inline-block; } .signature { padding-top: 5px; } .cc-window { opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .cc-window.cc-invisible { opacity: 0; } .cc-animate.cc-revoke { -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease; } .cc-animate.cc-revoke.cc-top { -webkit-transform: translateY(-2em); transform: translateY(-2em); } .cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2em); transform: translateY(2em); } .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover { -webkit-transform: translateY(0); transform: translateY(0); } .cc-grower { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; } .cc-link, .cc-revoke:hover { text-decoration: underline; } .cc-revoke, .cc-window { position: fixed; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica,Calibri,Arial,sans-serif; font-size: 16px; line-height: 1.5em; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999; } .cc-window.cc-static { position: static; } .cc-window.cc-floating { padding: 2em; max-width: 24em; -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .cc-revoke { padding: .5em; } .cc-header { font-size: 18px; font-weight: 700; } .cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; } .cc-link { opacity: .8; display: inline-block; padding: .2em; } .cc-link:hover { opacity: 1; } .cc-link:active, .cc-link:visited { color: initial; } .cc-btn { display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; } .cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; } .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; } .cc-close { display: block; position: absolute; top: .5em; right: .5em; font-size: 1.6em; opacity: .9; line-height: .75; } .cc-close:focus, .cc-close:hover { opacity: 1; } .cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; } .cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em; } .cc-revoke.cc-left { left: 3em; right: unset; } .cc-revoke.cc-right { right: 3em; left: unset; } .cc-top { top: 1em; } .cc-left { left: 1em; } .cc-right { right: 1em; } .cc-bottom { bottom: 1em; } .cc-floating > .cc-link { margin-bottom: 1em; } .cc-floating .cc-message { display: block; margin-bottom: 1em; } .cc-window.cc-floating .cc-compliance { -ms-flex: 1 0 auto; -webkit-box-flex: 1; flex: 1 0 auto; } .cc-window.cc-banner { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .cc-banner.cc-top { left: 0; right: 0; top: 0; } .cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; } .cc-banner .cc-message { display: block; -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; max-width: 100%; margin-right: 1em; } .cc-compliance { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -webkit-box-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; } .cc-floating .cc-compliance > .cc-btn { -ms-flex: 1; -webkit-box-flex: 1; flex: 1; } .cc-btn + .cc-btn { margin-left: .5em; } @media print { .cc-revoke, .cc-window { display: none; } } @media screen and (max-width: 900px) { .cc-btn { white-space: normal; } } @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -ms-flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -ms-flex: 1 1 auto; -webkit-box-flex: 1; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { -ms-flex-align: unset; -webkit-box-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; } } .cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; } .cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -ms-flex: none; -webkit-box-flex: 0; flex: none; } .cc-theme-classic .cc-btn { border-radius: 5px; } .cc-theme-classic .cc-btn:last-child { min-width: 140px; } .cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; } .cc-theme-edgeless.cc-window { padding: 0; } .cc-floating.cc-theme-edgeless .cc-message { margin: 2em 2em 1.5em; } .cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: .8em 1.8em; height: 100%; } .cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; } .cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0; } /*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; -o-tab-size: 4; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #9c9ea0; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) ". "; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) ". "; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) ". "; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) ". "; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) ". "; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) ". "; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) ". "; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) ". "; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) ". "; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) ". "; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 14px; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-size-small { font-size: 14px; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0, 0, 0, 0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #212529; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #212529; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #212529; } } .ql-snow { -webkit-box-sizing: border-box; box-sizing: border-box; } .ql-snow * { -webkit-box-sizing: border-box; box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; -webkit-transform: translateY(10px); transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #212529; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #212529; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #212529; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #212529; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 5px #ddd; box-shadow: 0px 0px 5px #ddd; color: #212529; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm45_QpRxC7mw9c.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm45_QpRzS7mw9c.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm45_QpRxi7mw9c.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm45_QpRxy7mw9c.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUQjIg1_i6t8kCHKm45_QpRyS7m.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_aZA3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_bZF3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_c5H3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_c5H3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_c5H3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_c5H3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_c5H3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_epG3gTD_u50.woff2) format("woff2"); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_epG3g3D_u50.woff2) format("woff2"); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_epG3gbD_u50.woff2) format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body, html { font-family: 'Montserrat', sans-serif; } * { -webkit-font-smoothing: antialiased; } html .text-color-orange, html .text-orange { color: #f5821f !important; } .cc-grower { position: fixed; bottom: 0; width: 100%; z-index: 100000; } .owl-carousel .owl-stage .box-shadow-4 { -webkit-box-shadow: 0px 0px 21px -21px black; box-shadow: 0px 0px 21px -21px black; } .border-googlereview { border-bottom: 2px solid rgba(0, 0, 0, 0.05); margin-bottom: -2px; } .googlereview-card { cursor: pointer; padding: 30px; width: 800px; margin: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; color: #9c9ea0 !important; } .googlereview-card:hover { margin-top: -5px; margin-bottom: 5px; text-decoration: none !important; color: #212529 !important; } .googlereview-card:hover p { color: #212529 !important; } .googlereview-card p { font-size: 33px; margin-bottom: 10px; font-weight: bold; color: #9c9ea0 !important; } .googlereview-card img { width: 650px; } .googlereview-card .starrating { font-weight: bold; font-size: 50px; margin-left: 20px; } .googlereview-card .star { height: 95px; margin-top: -25px; width: auto; margin-right: 0; } .googlereview-card .reviewcount { font-size: 35px; } .smallrow { max-width: 800px; margin: auto; } .anchor { display: block; position: relative; top: 30px; visibility: hidden; } html .scroll-to-top.hidden-mobile { display: block !important; } .owl-carousel { opacity: 1 !important; } h1, h2, h3, h4, h5, h6 { letter-spacing: .05em; } .aboutimg { float: right; width: 40%; } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 1; } .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; -webkit-box-shadow: 0 0 0 3px #fff; box-shadow: 0 0 0 3px #fff; -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, -webkit-transform .2s; transition: transform .2s, opacity .2s; transition: transform .2s, opacity .2s, -webkit-transform .2s; -webkit-transform: scale(1); transform: scale(1); opacity: 0; } .font-size-h4 { font-size: 1.5rem; } .font-size-h5 { font-size: 15px; } .orange-img { -webkit-filter: invert(83%) sepia(61%) saturate(2172%) hue-rotate(350deg) brightness(99%) contrast(102%); filter: invert(83%) sepia(61%) saturate(2172%) hue-rotate(350deg) brightness(99%) contrast(102%); } #values .card { width: 60%; } #values .coaching-consulting .col-coaching-consulting-imgs .card:nth-child(2) { left: 50%; } html .featured-box-primary .box-content { border-radius: 8px !important; } .featured-box { border-top-right-radius: 8px !important; border-top-left-radius: 8px !important; } .bg-holder { position: absolute; width: 100%; min-height: 100%; top: 0; left: 0; background-size: cover; background-position: center; overflow: hidden; will-change: transform, opacity, filter; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-repeat: no-repeat; } .bg-holder.overlay:before { position: absolute !important; content: "" !important; background: rgba(79, 121, 127, 0.5) !important; top: 0 !important; opacity: 1 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; } .bg-holder.overlay:hover:before { opacity: 1 !important; } .pt-6, .py-6 { padding-top: 5rem !important; } .pb-6, .py-6 { padding-bottom: 5rem !important; } .pt-10, .py-10 { padding-top: 100px !important; } .pb-10, .py-10 { padding-bottom: 100px !important; } p h1, p h2, p h3, p h4, p h5, span h1, span h2, span h3, span h4, span h5 { margin-bottom: 0; } #valuesredirect .card-text { color: #212529 !important; } #valuesredirect .card-body:hover .card-text { color: #f5821f !important; } .endresult { font-size: 16px; } #pdfzinslogo { width: 150px; height: 56px; } #calcdata { margin-top: 220px; margin-bottom: -20px; } .dot { height: 10px; width: 10px; background-color: #bbb; border-radius: 50%; display: inline-block; } .dot-filled { background-color: #f5821f; } .coaching-consulting .col-coaching-consulting-imgs .card { position: absolute; } .coaching-consulting .col-coaching-consulting-imgs .card:nth-child(1) { z-index: 1; top: 9px; right: 8px; } .coaching-consulting .col-coaching-consulting-imgs .card:nth-child(3) { z-index: 2; left: 40px; bottom: 10%; } .coaching-consulting .col-coaching-consulting-imgs .card:nth-child(2) { z-index: 3; bottom: 71px; left: 60%; -webkit-transform: translateX(-50%); transform: translateX(-60%); } #introhome { padding: 100px 0; } #footer .footer-copyright { background: #212529; } #footer { background: #1c2023; border-top: 4px solid #212529; font-size: 0.9em; margin-top: 50px; padding: 0; position: relative; clear: both; } .siglogo { height: 38px; padding-right: 10px; padding-top: -8px; margin-top: -6px; } .teamhome .teamlink { -webkit-transition: .2s; transition: .2s; } .teamhome .teamlink:hover h4 { color: #f5821f; } .teamhome .teamlink:hover img { -webkit-transition: .5s; transition: .5s; -webkit-transform: scale(1.2); transform: scale(1.2); } .teamhome .teamlink .overlay { overflow: hidden; } .teamhome .overlay:before { opacity: 0; } .counters label { text-align: left; } .counters .counter { text-align: left; } footer .list.list-icons.list-icons-lg li { padding-left: 0; } footer .list.list-icons.list-icons-lg li i { padding-right: 10px; } .maphalf { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .cc-color-override-688238583 .cc-btn { background-color: #f5821f !important; color: white !important; } .thumb-info:hover img { -webkit-transform: none !important; transform: none !important; } .btn { font-weight: 400 !important; font-size: 16px !important; } .social-icons li:hover a { background: #f5821f !important; } html .btn-dark:hover, html .btn-dark.hover { background-color: #ffa520; border-color: transparent !important; } .thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon { background-color: #212529; float: none; } html .btn-dark:active, html .btn-dark.active { background-color: #ffa520; border-color: transparent !important; } html .btn-dark:focus, html .btn-dark.focus { background-color: #ffa520; border-color: transparent !important; } html .btn-white { background: white; color: black !important; border: none !important; opacity: 0.7; } html .btn-white:hover, html .btn-white.hover { background-color: white; color: black !important; opacity: 1; } .playbtn { width: 65px; opacity: 0.7; cursor: pointer; } .playbtn:hover { opacity: 1; } .thumb-info .thumb-info-type, .thumb-info .thumb-info-action-icon, .thumb-info-social-icons a, .thumbnail .zoom, .img-thumbnail .zoom, .thumb-info-ribbon { background-color: #212529; float: none; } html .btn-white:active, html .btn-white.active { background-color: white; } html .btn-white:focus, html .btn-white.focus { background-color: white; } html .btn-primary:hover, html .btn-primary.hover { background-color: #ffa520; color: #212529; border-color: transparent !important; } html .btn-primary:active, html .btn-primary.active { background-color: #ffa520 !important; color: #212529; border-color: transparent !important; } html .btn-primary:focus, html .btn-primary.focus { background-color: #ffa520 !important; color: #212529; border-color: transparent !important; } .custom-highlight-text-1:before { border-bottom: none !important; } .newspost { color: #212529 !important; } .newspost p, .newspost span, .newspost li { color: #212529 !important; } .quoting { font-family: 'Libre Baskerville', serif; font-weight: 600; } .main { min-height: calc(100vh - 570px); } .newsposts .card { height: 100%; } @media (min-width: 1200px) { #serviceshome { margin-top: -120px; } .custom-big-font-size-1 { font-size: 5.9rem !important; } .leftcol { margin-right: -80px; } .rightcol { margin-left: -80px; } } @media (min-width: 1400px) { .custom-big-font-size-1 { font-size: 6.9rem !important; } } @media (min-width: 991px) { #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after { right: 5px !important; } .owl-carousel.nav-outside .owl-nav button.owl-prev { left: -20px; } .owl-carousel.nav-outside .owl-nav button.owl-next { right: -20px; } .specalignment { width: 70%; margin-left: 31%; margin-right: 0; } .dropdown-menu { margin-top: -5px !important; border: none !important; padding-top: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding-bottom: 20px !important; padding-left: 10px !important; } .dropdown-menu .dropdown-submenu { z-index: 1; } .dropdown-menu .dropdown-menu { margin: 0 !important; padding-left: 0 !important; } .dropdown-menu .dropdown-menu:before { z-index: -1; -webkit-box-shadow: none; box-shadow: none; } .dropdown-menu .dropdown-item { z-index: 10000; border: none !important; color: #212529 !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: .05em !important; } .dropdown-menu:before { display: block; position: absolute; content: ' '; background: white; width: 300vw; height: 100%; left: 0; right: 0; margin-left: -100vw; z-index: 0; border-bottom-color: rgba(234, 234, 234, 0.5); -webkit-box-shadow: 0 2.1px 3px rgba(234, 234, 234, 0.5); box-shadow: 0 2.1px 3px rgba(234, 234, 234, 0.5); } #header .header-nav-main nav > ul > li > a { font-size: 16px; font-weight: 600; letter-spacing: .05em; } } .overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0.5; } .overlay { overflow: hidden; } .overlay:hover:before, .overlay.overlay-show:before, .overlay.show:before { opacity: 0 !important; } #introhome .custom-link-hover-effects:hover .overlay:before, #services .custom-link-hover-effects:hover .overlay:before, #newshome .custom-link-hover-effects:hover .overlay:before { opacity: 0.5 !important; } #introhome .custom-link-hover-effects:hover .overlay:hover:before, #introhome .custom-link-hover-effects:hover .overlay.overlay-show:before, #introhome .custom-link-hover-effects:hover .overlay.show:before, #services .custom-link-hover-effects:hover .overlay:hover:before, #services .custom-link-hover-effects:hover .overlay.overlay-show:before, #services .custom-link-hover-effects:hover .overlay.show:before, #newshome .custom-link-hover-effects:hover .overlay:hover:before, #newshome .custom-link-hover-effects:hover .overlay.overlay-show:before, #newshome .custom-link-hover-effects:hover .overlay.show:before { opacity: 0.5 !important; } #subfeed .owl-dots { margin-top: 50px !important; } #subfeed .custom-dots-style-1 .owl-dots .owl-dot > span, #subfeed .custom-dots-style-2 .owl-dots .owl-dot > span { background: white !important; } .animated-icon { text-align: center; } #versprechen ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } #versprechen ul li { list-style-position: inside; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .social-icons { display: inline-block; } .social-icons li:hover.social-icons-contact a { background: #f5821f !important; } .testimonial.testimonial-style-2 .testimonial-author img { border-radius: 50%; max-width: 120px; max-height: 120px; } section.section.section-height-4 { padding: 9.9230769231rem 0; } #abouthome .card { width: 200px; height: 200px; margin: auto; } #abouthome .card:hover img { -webkit-filter: invert(83%) sepia(61%) saturate(2172%) hue-rotate(350deg) brightness(99%) contrast(102%); filter: invert(83%) sepia(61%) saturate(2172%) hue-rotate(350deg) brightness(99%) contrast(102%); } .floatingimg { float: right; width: 40%; min-width: 300px; margin-left: 30px; } .subbanner { font-size: 30px; font-family: 'Libre Baskerville', serif; line-height: 60px; max-width: 750px; margin: auto; color: rgba(255, 255, 255, 0.85); font-weight: 600; } .subbanner p, .subbanner h1, .subbanner h2, .subbanner h3, .subbanner h4, .subbanner h5, .subbanner h6, .subbanner span { font-size: 30px; line-height: 35px; font-weight: 600; color: rgba(255, 255, 255, 0.5); } .landingbanner .subbannersub { font-size: 24px; line-height: 42px; } .contactlanding .owl-nav { display: none !important; } .whitecontact input, .whitecontact textarea { color: #212529 !important; } .whitecontact input::-webkit-input-placeholder, .whitecontact textarea::-webkit-input-placeholder { color: #212529 !important; opacity: 1 !important; /* Firefox */ } .whitecontact input::-moz-placeholder, .whitecontact textarea::-moz-placeholder { color: #212529 !important; opacity: 1 !important; /* Firefox */ } .whitecontact input::-ms-input-placeholder, .whitecontact textarea::-ms-input-placeholder { color: #212529 !important; opacity: 1 !important; /* Firefox */ } .whitecontact input::placeholder, .whitecontact textarea::placeholder { color: #212529 !important; opacity: 1 !important; /* Firefox */ } #header .header-body { border-bottom-color: rgba(234, 234, 234, 0.5); -webkit-box-shadow: 0 0 3px rgba(234, 234, 234, 0.5); box-shadow: 0 0 3px rgba(234, 234, 234, 0.5); } .custom-bg-color-grey-1 { background-color: #9c9ea0; } .testimonial .testimonial-author strong { color: #212529; } .custom-dots-style-1 .owl-dots .owl-dot.active > span, .custom-dots-style-2 .owl-dots .owl-dot.active > span { background: #212529 !important; } .custom-dots-style-1 .owl-dots .owl-dot > span, .custom-dots-style-2 .owl-dots .owl-dot > span { background: #9c9ea0 !important; } .calculator label { font-weight: bold; } .calculator .form-control { border: none; border-bottom: solid 1px rgba(0, 0, 0, 0.3) !important; } .calculator .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border-bottom: solid 1px #9c9ea0 !important; } .calculator .col-md-6, .calculator .col-12 { position: relative; margin-bottom: 20px; } .calculator label { color: #212529; margin-bottom: 10px; display: block; } .calculator .inptype { position: absolute; margin-right: 0; margin-left: auto; left: auto; right: 30px; top: 45px; color: rgba(0, 0, 0, 0.3); } .calculator .gauge { display: inline-block; } .calculator .gauge circle { display: none; } .calculator .gauge g g path, .calculator .gauge g g circle { display: inline-block; stroke: transparent; fill: #f5821f; fill-opacity: 0.7; } .calculator .gauge g g circle { fill-opacity: 1; } .box-shadow-1 .card-body { z-index: 100000000; } .slider { -webkit-appearance: none; width: 100%; height: 15px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; -webkit-transition: opacity .2s; transition: opacity .2s; } .slider:hover { opacity: 1; } .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 15px; height: 15px; background: #f5821f; cursor: pointer; } .slider::-moz-range-thumb { width: 15px; height: 15px; background: #f5821f; cursor: pointer; } .padding-sm-r-none { padding-right: 0 !important; } .padding-sm-l-none { padding-left: 0 !important; } .bg-color-grey-scale-1 { background-color: #f7f7f7 !important; } .bg-color-grey-scale-1 .owl-carousel.nav-style-1 .owl-nav .owl-next, .bg-color-grey-scale-1 .owl-carousel.nav-style-1 .owl-nav .owl-prev { color: #212529 !important; } .bg-color-grey-scale-1 .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-prev svg polygon, .bg-color-grey-scale-1 .owl-carousel.nav-svg-arrows-1 .owl-nav .owl-next svg polygon { fill: #212529 !important; stroke: #212529 !important; } .bg-color-grey-scale-1 body { color: #212529 !important; } .bg-color-grey-scale-1 p { color: #212529 !important; } .bg-color-grey-scale-1 .text-color-primary, .bg-color-grey-scale-1 .text-primary { color: #212529 !important; } .bg-color-grey-scale-1 .custom-highlight-text-1:before { border-bottom-color: #212529 !important; } .custom-shape-divider-bottom-white { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 1000; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .custom-shape-divider-bottom-white svg { position: relative; display: block; width: calc(100% + 1.3px); height: 49px; } .custom-shape-divider-bottom-white .shape-fill { fill: white; } .custom-shape-divider-bottom-dark { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 1000; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .custom-shape-divider-bottom-dark svg { position: relative; display: block; width: calc(100% + 1.3px); height: 49px; } .custom-shape-divider-bottom-dark .shape-fill { fill: #212529; } .custom-shape-divider-top-white { position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 1000; } .custom-shape-divider-top-white svg { position: relative; display: block; width: calc(100% + 1.3px); height: 75px; } .custom-shape-divider-top-white .shape-fill { fill: #FFFFFF; } section.section.section-height-4 { padding: 6.9230769231rem 0; } .text-gray { color: #9c9ea0; } .text-gray h1, .text-gray h2, .text-gray h3, .text-gray h4, .text-gray h5, .text-gray h6 { color: #9c9ea0; } .aboutselect { cursor: pointer; } .aboutselect:hover { fill: #f5821f !important; } .abouttext { pointer-events: none; } #textleft:hover #aboutleft { fill: #f5821f !important; } .letterwhy { font-weight: 600; font-style: normal; padding: 10px 13px 10px 13px; font-size: 18px; } .custom-shape-divider-top-1633418264 { position: absolute; top: -5px; left: 0; width: 100%; overflow: hidden; line-height: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); z-index: 1000; } .custom-shape-divider-top-1633418264 svg { position: relative; display: block; width: calc(100% + 1.3px); height: 59px; } .custom-shape-divider-top-1633418264 .shape-fill { fill: white; } .custom-shape-divider-bottom-1633419083 { position: absolute; bottom: -5px; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index: 1000; } .custom-shape-divider-bottom-1633419083 svg { position: relative; display: block; width: calc(100% + 1.3px); height: 59px; } .custom-shape-divider-bottom-1633419083 .shape-fill { fill: white; } .custom-shape-divider-bottom-1633434709 { position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .custom-shape-divider-bottom-1633434709 svg { position: relative; display: block; width: calc(115% + 1.3px); height: 150px; } .thumb-info-type { margin-right: 4px !important; } .smbutton { background: #f5821f; color: white; padding-bottom: 3px; padding-top: 9px; padding-left: 4px; padding-right: 4px; font-size: 10px; margin-left: 5px; } .smbutton:hover { color: black; } .custom-shape-divider-bottom-1633434709 .shape-fill { fill: #FFFFFF; } .text-left { text-align: left !important; } #vorsorgeimg .saule { cursor: pointer; fill: #f5821f !important; fill-opacity: 1 !important; color: white !important; stroke: none !important; } #vorsorgeimg text.saule { fill: white !important; } #vorsorgeimg text { pointer-events: none; fill: white !important; stroke: none; } #vorsorgeimg .saule.active { fill: #ffa520 !important; fill-opacity: 1 !important; stroke: white; } #vorsorgeimg .saule.active text { fill: white !important; } #vorsorgeimg text.saule.active { fill: #212529 !important; stroke: none; } .aboutimgmobile { display: none; } .bg-red { background: #f7d2d6; } .bg-green { background: #D2EBD3; } .featured-box { background: transparent; height: 100%; border: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 0; padding-bottom: 20px; } .featured-box .box-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: white; height: 100%; border-bottom: 1px solid #DFDFDF; border-left: 1px solid #ECECEC; border-radius: 8px; border-right: 1px solid #ECECEC; } th { font-weight: 600; } b, strong { font-weight: 600; } td { color: #9c9ea0; } .font-weight-600 { font-weight: 600 !important; } #header { position: relative; z-index: 1248000000; } h3 { text-transform: none; line-height: 1.2; } .text-dark td { color: #212529 !important; } .newspost img { max-width: 100%; } .text-5 { line-height: 25px; } #promise { top: 120px; } .vue-html2pdf .layout-container { left: -200vw !important; } .vue-html2pdf { position: absolute; left: -300vw !important; } .videoytb { width: 100vw; } .videocontainer { position: relative; width: 100%; padding-bottom: 56.25%; } .videocontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-background { background: #000; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .video-foreground, .video-background iframe { height: 120%; z-index: -1; position: absolute; top: 0; left: 0; width: 100%; } #vidtop-content { top: 0; } .landingbanner { background: #f5821f !important; } .actnewspost h2 { font-size: 1.6em !important; margin-bottom: 0 !important; } .floating-card1 { position: fixed; bottom: 60px; right: 10px; width: 300px !important; height: auto !important; } .floating-card1 img { width: 100% !important; } .floating-card1 .starrating { font-size: 17px !important; margin-left: 2px !important; } .floating-card1 .star { height: 25px !important; margin-top: -5px !important; width: auto !important; } .floating-card1 .reviewcount { font-size: 15px !important; } .floating-card2 { display: none; } #reviewjump { display: none; } @media (min-aspect-ratio: 16 / 9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16 / 9) { .video-foreground { width: 300%; left: -100%; } } @media (min-width: 991px) { .contactlandingcont { position: absolute; z-index: 1000000000; margin: auto; left: 0; right: 0; } .contactlanding { width: 45%; position: absolute; right: 0; left: auto; margin-right: 0; margin-left: auto; } .halfsize { width: 595px; max-width: 53%; } .chartcol { width: calc(100% + 90px); max-width: calc(100% + 90px); margin-left: -57px; } .newspost .post-image { float: left; width: 55%; } .newspost .post-image.post-right { float: right; padding-left: 1.5rem !important; padding-right: 0 !important; } .newspost .post-image.post-full { width: 100%; padding-right: 0 !important; } } @media (min-width: 568px) { #header { min-height: 100px; } .owl-carousel .owl-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .owl-carousel .owl-item .testimonial { width: auto; height: 100%; } .owl-carousel .owl-stage { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 991px) and (max-width: 1200px) { #sitelogo { height: 40px !important; } #header .header-nav-main nav > ul > li > a { font-size: 14px !important; } } @media (max-width: 991px) { .googlereview-card { width: 100%; } .googlereview-card img { width: 600px; } .googlereview-card p { font-size: 26px; } .googlereview-card .starrating { font-size: 40px; } .googlereview-card .reviewcount { font-size: 30px; } .googlereview-card .star { height: 70px; margin-top: -19px; } .aboutimg { width: 45%; } section.section.section-height-4 { padding: 6.9230769231rem 0; } #values .card { max-width: 45%; } .contactfootercol { text-align: center; } .coaching-consulting .col-coaching-consulting-imgs .card { position: relative; max-width: 30%; margin-top: 30px; -webkit-transform: none !important; transform: none !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; float: left; margin-right: 3.33%; } #introhome { padding: 60px 0; } } @media (max-width: 768px) { .floating-card1 { display: none !important; } .floating-card2 { display: block; position: fixed; bottom: 60px; right: 10px; width: 80px !important; padding: 10px; height: auto !important; } .googlereview-card .googleflex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .googlereview-card img { width: 100%; height: auto; } .googlereview-card .googletext { width: 100%; margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .googlereview-card p { font-size: 26px; } .googlereview-card .starrating { font-size: 30px; margin-left: 0; } .googlereview-card .reviewcount { font-size: 24px; } .googlereview-card .star { height: 52px; margin-top: -17px; } .serviceslanding .mb-5 { margin-bottom: 0 !important; } .videohalf { display: none; } #promise { top: 200px; } #tragrechner { top: 200px; } .anchor { top: 170px; } .header-logo img { height: 50px !important; width: 135px !important; display: block !important; opacity: 1 !important; } .endresult { font-size: 16px; } .text-9 { font-size: 1.8em !important; } .text-12 { font-size: 2.2em !important; } h1 { font-size: 2em; line-height: 30px; } .btn { font-size: 14px !important; } .text-4 { font-size: 1em !important; } .table td, .table th { font-size: 6px; line-height: 8px; } h3 { font-size: 1.5em; } .subbanner { font-size: 22px; line-height: 47px; } .landingbanner .subbanner { font-size: 22px; line-height: 33px; } .landingbanner .subbannersub { font-size: 18px; line-height: 28px; } #versprechen ul { -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count: 1; -webkit-column-gap: 0; column-count: 1; } #versprechen ul li { padding-left: 12px; } .floatingimg { width: 100%; margin-bottom: 30px; margin-left: 0; } .aboutimg { display: none; } .aboutimgmobile { display: block; } .isotope-item { text-align: left; } section.section.section-height-4 { padding: 4.9230769231rem 0; } .maphalf { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .btn.btn-px-4 { padding-right: 0.825rem; padding-left: 0.825rem; } .btn.btn-py-2 { padding-top: .5rem; padding-bottom: .5rem; } } @media (max-width: 568px) { .googlereview-card p { font-size: 26px; } .googlereview-card .starrating { font-size: 17px; margin-left: 5px; } .googlereview-card .reviewcount { font-size: 15px; } .googlereview-card .star { height: 30px; margin-top: -6px; } .contactlanding .card { background: white !important; -webkit-box-shadow: none; box-shadow: none; border: none; } .contactlanding .card-body { padding: 0; } .contactlanding .card-header { background: none; border: none; padding-left: 0 !important; padding-right: 0 !important; } .header-logo img { height: 50px !important; } #abouthome .card { width: 140px; height: 140px; } #abouthome .card img { height: 75px !important; width: 75px !important; } #abouthome .card h3 { font-size: 14px !important; font-weight: normal; } .checklist { -webkit-columns: 1 !important; -moz-columns: 1 !important; columns: 1 !important; } #values .card { max-width: 100%; } #header .header-top { display: none; } .header-container { height: 80px !important; } .custom-dots-style-1 .owl-dots, .custom-dots-style-2 .owl-dots { margin-top: 60px !important; } } @media (min-width: 1250px) { #specontainer { max-width: 1250px; } } @media (min-width: 1200px) { .container:not(.container-bs):not(.container-xl-custom):not(.container-xxl-custom) { max-width: 1190px; } } @media (min-width: 768px) { .hidedesk { display: none !important; } .videoytb { display: none !important; } } .box-shadow-1-5:before { -webkit-box-shadow: 0 30px 15px #bbb; box-shadow: 0 30px 15px #bbb; } .fusion-events-featured-image { display: inline-block; position: relative; margin-bottom: 50px; max-width: 100%; } .fusion-image-hovers .hover-type-zoomin { overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .fusion-events-featured-image .tribe-events-event-image { margin: 0; } .fusion-image-hovers .hover-type-zoomin .fusion-column-inner-bg-image, .fusion-image-hovers .hover-type-zoomin .fusion-masonry-element-container, .fusion-image-hovers .hover-type-zoomin .tribe-events-event-image, .fusion-image-hovers .hover-type-zoomin img { opacity: 1; -webkit-transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,transform 1s; transition: opacity 1s,transform 1s,-webkit-transform 1s; } .hover-type-zoomin img { border-style: none; vertical-align: top; max-width: 100%; height: auto; } .fusion-image-hovers .hover-type-zoomin .fusion-column-inner-bg-image, .fusion-image-hovers .hover-type-zoomin .fusion-masonry-element-container, .fusion-image-hovers .hover-type-zoomin .tribe-events-event-image, .fusion-image-hovers .hover-type-zoomin img { opacity: 1; -webkit-transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,-webkit-transform 1s; transition: opacity 1s,transform 1s; transition: opacity 1s,transform 1s,-webkit-transform 1s; } body .datepicker.dropdown-menu table tr td span.month, body .datepicker.dropdown-menu table tr td.day, body .fusion-events-single-title-content, body .fusion-tribe-primary-info .tribe-events-list-event-title a, body .tribe-events-venue-widget .tribe-venue-widget-thumbnail .tribe-venue-widget-venue-name, body .tribe-mini-calendar div[id*=daynum-] a, body .tribe-mini-calendar div[id*=daynum-] span { background-color: rgba(132, 203, 213, 0.85); } .fusion-events-featured-image .fusion-events-single-title-content { position: absolute; bottom: 0; left: 0; width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; -ms-flex-align: baseline; -webkit-box-align: baseline; align-items: baseline; padding: 15px 20px; z-index: 1; } .fusion-events-featured-image .fusion-events-single-title-content h2, .fusion-events-featured-image .fusion-events-single-title-content h3 { color: white; margin-bottom: 5px; margin-top: 5px; } .sidebar { width: 100%; padding: 30px; background-color: #f2f2f2; } .sidebar .tribe-events-single-section-title { font-size: 17px !important; background-color: #f5821f; color: white !important; padding: 9px 15px !important; font-family: Raleway, Arial, Helvetica, sans-serif !important; font-weight: 300 !important; margin-top: 1.33em; margin-bottom: 1.33em; } .sidebar dd { float: none; margin: 0; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 10px; padding-bottom: 10px; border-color: #e0e0e0; } .sidebar dt { font-weight: 700 !important; } .hoverjob { cursor: pointer; } .hoverjob:hover .joblink { color: #f5821f !important; } .jobdesc { float: right; width: 50%; margin-left: 20px; margin-bottom: 20px; } @media (max-width: 991px) { .jobdesc { float: none; width: 100%; margin: 0 0 20px 0; } } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bannerhome .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next { right: 0px; left: auto; } .bannerhome .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev { left: 0px; } .bannerhome .owl-carousel:not(.nav-arrows-1):not(.show-nav-title) .owl-nav button[class*="owl-"] { color: #f5821f !important; } .bannerhome .owl-carousel .owl-nav { opacity: 1 !important; } @media (max-width: 568px) { .bannerhome .owl-carousel .owl-nav { bottom: 20px !important; top: auto !important; } .bannerhome .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-prev { left: auto; right: auto; margin-left: -45px; } .bannerhome .owl-carousel.nav-inside.nav-inside-plus .owl-nav button.owl-next { right: auto; left: auto; margin-left: 15px; } } .b-tooltip { border: none; border-radius: 5px; display: inline-block; font-size: .875em; padding: .75em; position: absolute; text-align: center; width: calc(100vw - 400px); opacity: 1 !important; max-width: 900px; z-index: 100000000; min-width: 250px; } .b-tooltip-light { background: #eaeaea; background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#eaeaea)); background: linear-gradient(to bottom, #fdfdfd 0%, #eaeaea 100%); -webkit-box-shadow: 0px 0px 2px 2px rgba(110, 110, 110, 0.4); box-shadow: 0px 0px 2px 2px rgba(110, 110, 110, 0.4); color: #242424; } .b-tooltip-dark { background: #f5821f; -webkit-box-shadow: none; box-shadow: none; color: #fff; } /* Arrow pointing rightward from the left-center of the tooltip */ .b-tooltip::before { content: ""; /* This is required for the pseudo-element to work */ position: absolute; left: -9px; /* Position it at the left of the tooltip */ top: 50%; /* Center it vertically */ -webkit-transform: translateY(-50%); transform: translateY(-50%); /* This ensures the arrow is perfectly centered vertically */ width: 0; height: 0; border-top: 6px solid transparent; /* Top side of the triangle */ border-bottom: 6px solid transparent; /* Bottom side of the triangle */ border-right: 10px solid #f5821f; /* Right side of the triangle (which is the color of the tooltip) */ } .grecaptcha-badge { visibility: hidden; }