@charset "UTF-8"; @charset "UTF-8"; .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; } @-webkit-keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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); transform: translate3d(0, -30px, 0); } 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); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 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); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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); transform: translate3d(0, -30px, 0); } 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); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-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: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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 { from, 11.1%, to { -webkit-transform: none; transform: none; } 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 bounceIn { from, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 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); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 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); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 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); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 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); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 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); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 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); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { 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 flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -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 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -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 { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -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-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -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-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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 { from { 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-transform-origin: center bottom; transform-origin: center bottom; -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-transform-origin: center bottom; transform-origin: center bottom; -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-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); -webkit-transform-origin: left center; transform-origin: left center; } } @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); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-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); -webkit-transform-origin: right center; transform-origin: right center; } } @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); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-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-transform-origin: center bottom; transform-origin: center bottom; -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-transform-origin: center bottom; transform-origin: center bottom; -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-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html *, html *:before, html *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @media (max-width: 767px) { .fg-breakpoint { width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .fg-breakpoint { width: 2px; } } @media (min-width: 992px) and (max-width: 1199px) { .fg-breakpoint { width: 3px; } } @media (min-width: 1200px) { .fg-breakpoint { width: 4px; } } .fg-section { position: relative; z-index: 1; } .fg-row { position: relative; } .fg-row-no-gutter { margin-right: 0 !important; margin-left: 0 !important; } .fg-row-no-gutter > .fg-col { padding-right: 0 !important; padding-left: 0 !important; } .fg-row-show-dividers > .fg-col:before { content: " "; display: block; position: absolute; left: 0; z-index: 1; } .fg-row-show-dividers > .fg-col:first-child:before { display: none; } @media (max-width: 767px) { .fg-row-show-dividers > .clearfix.visible-xs + .fg-col:before { display: none; } } @media (min-width: 768px) and (max-width: 991px) { .fg-row-show-dividers > .clearfix.visible-sm + .fg-col:before { display: none; } } @media (min-width: 992px) and (max-width: 1199px) { .fg-row-show-dividers > .clearfix.visible-md + .fg-col:before { display: none; } } @media (min-width: 1200px) { .fg-row-show-dividers > .clearfix.visible-lg + .fg-col:before { display: none; } } .fg-vcenter-wrapper { display: table; width: 100%; height: 100% !important; table-layout: fixed; } .fg-vcenter { display: table-cell; vertical-align: middle; } @media (max-width: 768px) { .fg-col.fg-overlap-xs { position: absolute; } } @media (min-width: 768px) and (max-width: 991px) { .fg-col.fg-overlap-sm { position: absolute; } } @media (min-width: 992px) and (max-width: 1199px) { .fg-col.fg-overlap-md { position: absolute; } } @media (min-width: 1200px) { .fg-col.fg-overlap-lg { position: absolute; } } .fg-container { max-width: 100%; } .fg-container-no-padding { padding-right: 0 !important; padding-left: 0 !important; } .fg-container-no-padding > .fg-row { margin-right: 0 !important; margin-left: 0 !important; } @media (min-width: 768px) { .fg-container-small { width: 750px !important; } } @media (min-width: 768px) { .fg-container-medium { width: 750px !important; } } @media (min-width: 992px) { .fg-container-medium { width: 970px !important; } } html body .fg-image { display: inline-block; } .fg-bg { z-index: -1; } .fg-bg, .fg-bg-layer { display: block; position: absolute; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; border-radius: inherit; } .fg-bg-layer-hover-only, .fg-bg-layer-hover-only { transition: opacity 0.3s ease; } .has-fg-bg { background: 0 0 !important; } .has-fg-bg:not(:hover) .fg-bg-layer-hover-only { opacity: 0 !important; } @media (max-width: 767px) { .fg-bg-layer.fg-bg-type-image { background-attachment: scroll !important; } } .fg-bg-layer.fg-bg-type-parallax { right: auto; bottom: auto; left: auto; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: scroll; } .fg-bg-layer.fg-bg-type-parallax.parallax-on { background-attachment: fixed; } .fg-bg-layer.fg-bg-type-video .fg-youtube-iframe { background-color: #000; } .fg-bg-layer.fg-bg-type-video iframe { width: 50%; height: 100%; display: block; } .fg-bg-layer.fg-bg-type-video .fg-bg-html-video-frame { width: 50%; height: 100%; display: block; } .fg-bg-layer.fg-bg-type-video.shield-on:after { content: " "; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .fg-match-column-inside-wrapper:before, .fg-match-column-inside-wrapper:after { content: ""; display: table-cell; } .fg-bg-clipped { height: 100%; } .fg-container .fg-section:not(.fg-force-fullwidth) .fg-container { max-width: 100%; padding-right: 0; padding-left: 0; } .ark-boxed__boxed-wrapper .fg-section:not(.fg-force-fullwidth) .fg-container { max-width: 100%; } [data-fg-wow="bounceIn"], [data-fg-wow="bounceInDown"], [data-fg-wow="bounceInLeft"], [data-fg-wow="bounceInRight"], [data-fg-wow="bounceInUp"], [data-fg-wow="fadeIn"], [data-fg-wow="fadeInDown"], [data-fg-wow="fadeInDownBig"], [data-fg-wow="fadeInLeft"], [data-fg-wow="fadeInLeftBig"], [data-fg-wow="fadeInRight"], [data-fg-wow="fadeInRightBig"], [data-fg-wow="fadeInUp"], [data-fg-wow="fadeInUpBig"], [data-fg-wow="flipInX"], [data-fg-wow="flipInY"], [data-fg-wow="lightSpeedIn"], [data-fg-wow="rotateIn"], [data-fg-wow="rotateInDownLeft"], [data-fg-wow="rotateInDownRight"], [data-fg-wow="rotateInUpLeft"], [data-fg-wow="rotateInUpRight"], [data-fg-wow="rollIn"], [data-fg-wow="zoomIn"], [data-fg-wow="zoomInDown"], [data-fg-wow="zoomInLeft"], [data-fg-wow="zoomInRight"], [data-fg-wow="zoomInUp"], [data-fg-wow="slideInDown"], [data-fg-wow="slideInLeft"], [data-fg-wow="slideInRight"], [data-fg-wow="slideInUp"] { opacity: 0 !important; } #start-resizable-editor-section { display: none; } .wp-block-audio { margin: 0 0 1em; } .wp-block-audio figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-audio audio { width: 100%; min-width: 300px; } .wp-block-button__link { color: #fff; background-color: #32373c; border-radius: 9999px; box-shadow: none; cursor: pointer; display: inline-block; font-size: 1.125em; padding: calc(0.667em + 2px) calc(1.333em + 2px); text-align: center; text-decoration: none; overflow-wrap: break-word; box-sizing: border-box; } .wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited { color: #fff; } .wp-block-button__link.aligncenter { text-align: center; } .wp-block-button__link.alignright { text-align: right; } .wp-block-buttons > .wp-block-button.has-custom-width { max-width: none; } .wp-block-buttons > .wp-block-button.has-custom-width .wp-block-button__link { width: 100%; } .wp-block-buttons > .wp-block-button.has-custom-font-size .wp-block-button__link { font-size: inherit; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: calc(100% - 0.5em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100:only-child { margin-right: 0; width: 100%; } @supports (column-gap: 0.5em) { .wp-block-buttons.is-content-justification-right > .wp-block-button.wp-block-button, .wp-block-buttons > .wp-block-button.wp-block-button { margin-right: 0; margin-left: 0; } .wp-block-buttons > .wp-block-button.wp-block-button__width-25 { width: calc(25% - 0.375em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-50 { width: calc(50% - 0.25em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-75 { width: calc(75% - 0.125em); } .wp-block-buttons > .wp-block-button.wp-block-button__width-100 { width: auto; flex-basis: 100%; } } .wp-block-button.is-style-squared, .wp-block-button__link.wp-block-button.is-style-squared { border-radius: 0; } .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius { border-radius: 0 !important; } .is-style-outline > .wp-block-button__link, .wp-block-button__link.is-style-outline { border: 2px solid; padding: 0.667em 1.333em; } .is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button__link.is-style-outline:not(.has-text-color) { color: currentColor; } .is-style-outline > .wp-block-button__link:not(.has-background), .wp-block-button__link.is-style-outline:not(.has-background) { background-color: transparent; } .wp-block-buttons { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 0.5em; } .wp-block-buttons.is-vertical { flex-direction: column; } .wp-block-buttons.is-vertical > .wp-block-button { margin-right: 0; } .wp-block-buttons.is-vertical > .wp-block-button:last-child { margin-bottom: 0; } .wp-block-buttons > .wp-block-button { display: inline-block; margin-left: 0; margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-buttons > .wp-block-button:last-child { margin-right: 0; } .wp-block-buttons.is-content-justification-left { justify-content: flex-start; } .wp-block-buttons.is-content-justification-left.is-vertical { align-items: flex-start; } .wp-block-buttons.is-content-justification-center { justify-content: center; } .wp-block-buttons.is-content-justification-center.is-vertical { align-items: center; } .wp-block-buttons.is-content-justification-right { justify-content: flex-end; } .wp-block-buttons.is-content-justification-right > .wp-block-button { margin-left: 0.5em; margin-right: 0; } .wp-block-buttons.is-content-justification-right > .wp-block-button:first-child { margin-left: 0; } .wp-block-buttons.is-content-justification-right.is-vertical { align-items: flex-end; } .wp-block-buttons.is-content-justification-space-between { justify-content: space-between; } .wp-block-buttons.aligncenter { text-align: center; } .wp-block-buttons.alignleft .wp-block-button { margin-left: 0; margin-right: 0.5em; } .wp-block-buttons.alignleft .wp-block-button:last-child { margin-right: 0; } .wp-block-buttons.alignright .wp-block-button { margin-right: 0; margin-left: 0.5em; } .wp-block-buttons.alignright .wp-block-button:first-child { margin-left: 0; } .wp-block-buttons:not( .is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center ) .wp-block-button.aligncenter { margin-left: auto; margin-right: auto; margin-bottom: 0.5em; width: 100%; } .wp-block-button.aligncenter, .wp-block-calendar { text-align: center; } .wp-block-calendar tbody td, .wp-block-calendar th { padding: 0.25em; border: 1px solid #ddd; } .wp-block-calendar tfoot td { border: none; } .wp-block-calendar table { width: 100%; border-collapse: collapse; } .wp-block-calendar table th { font-weight: 400; background: #ddd; } .wp-block-calendar a { text-decoration: underline; } .wp-block-calendar table caption, .wp-block-calendar table tbody { color: #40464d; } .wp-block-categories.alignleft { margin-right: 2em; } .wp-block-categories.alignright { margin-left: 2em; } .wp-block-code code { display: block; white-space: pre-wrap; overflow-wrap: break-word; } .wp-block-columns { display: flex; margin-bottom: 1.75em; box-sizing: border-box; flex-wrap: wrap; } @media (min-width: 782px) { .wp-block-columns { flex-wrap: nowrap; } } .wp-block-columns.has-background { padding: 1.25em 2.375em; } .wp-block-columns.are-vertically-aligned-top { align-items: flex-start; } .wp-block-columns.are-vertically-aligned-center { align-items: center; } .wp-block-columns.are-vertically-aligned-bottom { align-items: flex-end; } .wp-block-column { flex-grow: 1; min-width: 0; word-break: break-word; overflow-wrap: break-word; } @media (max-width: 599px) { .wp-block-column { flex-basis: 100% !important; } } @media (min-width: 600px) and (max-width: 781px) { .wp-block-column:not(:only-child) { flex-basis: calc(50% - 1em) !important; flex-grow: 0; } .wp-block-column:nth-child(2n) { margin-left: 2em; } } @media (min-width: 782px) { .wp-block-column { flex-basis: 0; flex-grow: 1; } .wp-block-column[style*="flex-basis"] { flex-grow: 0; } .wp-block-column:not(:first-child) { margin-left: 2em; } } .wp-block-column.is-vertically-aligned-top { align-self: flex-start; } .wp-block-column.is-vertically-aligned-center { align-self: center; } .wp-block-column.is-vertically-aligned-bottom { align-self: flex-end; } .wp-block-column.is-vertically-aligned-bottom, .wp-block-column.is-vertically-aligned-center, .wp-block-column.is-vertically-aligned-top { width: 100%; } .wp-block-cover, .wp-block-cover-image { position: relative; background-size: cover; background-position: 50%; min-height: 430px; width: 100%; display: flex; justify-content: center; align-items: center; padding: 1em; box-sizing: border-box; } .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: fixed; } @supports (-webkit-overflow-scrolling: touch) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } @media (prefers-reduced-motion: reduce) { .wp-block-cover-image.has-parallax, .wp-block-cover.has-parallax { background-attachment: scroll; } } .wp-block-cover-image.is-repeated, .wp-block-cover.is-repeated { background-repeat: repeat; background-size: auto; } .wp-block-cover-image.has-background-dim:not([class*="-background-color"]), .wp-block-cover.has-background-dim:not([class*="-background-color"]) { background-color: #000; } .wp-block-cover-image.has-background-dim:before, .wp-block-cover.has-background-dim:before { content: ""; background-color: inherit; } .wp-block-cover-image.has-background-dim:not(.has-background-gradient):before, .wp-block-cover-image .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim:not(.has-background-gradient):before, .wp-block-cover .wp-block-cover__gradient-background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-10:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-10:not( .has-background-gradient ):before { opacity: 0.1; } .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-20:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-20:not( .has-background-gradient ):before { opacity: 0.2; } .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-30:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-30:not( .has-background-gradient ):before { opacity: 0.3; } .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-40:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-40:not( .has-background-gradient ):before { opacity: 0.4; } .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-50:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-50:not( .has-background-gradient ):before { opacity: 0.5; } .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-60:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-60:not( .has-background-gradient ):before { opacity: 0.6; } .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-70:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-70:not( .has-background-gradient ):before { opacity: 0.7; } .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-80:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-80:not( .has-background-gradient ):before { opacity: 0.8; } .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-90:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-90:not( .has-background-gradient ):before { opacity: 0.9; } .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover-image.has-background-dim.has-background-dim-100:not( .has-background-gradient ):before, .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background, .wp-block-cover.has-background-dim.has-background-dim-100:not( .has-background-gradient ):before { opacity: 1; } .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.alignleft, .wp-block-cover.alignright { max-width: 420px; width: 100%; } .wp-block-cover-image:after, .wp-block-cover:after { display: block; content: ""; font-size: 0; min-height: inherit; } @supports (position: sticky) { .wp-block-cover-image:after, .wp-block-cover:after { content: none; } } .wp-block-cover-image.aligncenter, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright, .wp-block-cover.aligncenter, .wp-block-cover.alignleft, .wp-block-cover.alignright { display: flex; } .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container { width: 100%; z-index: 1; color: #fff; } .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) { color: inherit; } .wp-block-cover-image.is-position-top-left, .wp-block-cover.is-position-top-left { align-items: flex-start; justify-content: flex-start; } .wp-block-cover-image.is-position-top-center, .wp-block-cover.is-position-top-center { align-items: flex-start; justify-content: center; } .wp-block-cover-image.is-position-top-right, .wp-block-cover.is-position-top-right { align-items: flex-start; justify-content: flex-end; } .wp-block-cover-image.is-position-center-left, .wp-block-cover.is-position-center-left { align-items: center; justify-content: flex-start; } .wp-block-cover-image.is-position-center-center, .wp-block-cover.is-position-center-center { align-items: center; justify-content: center; } .wp-block-cover-image.is-position-center-right, .wp-block-cover.is-position-center-right { align-items: center; justify-content: flex-end; } .wp-block-cover-image.is-position-bottom-left, .wp-block-cover.is-position-bottom-left { align-items: flex-end; justify-content: flex-start; } .wp-block-cover-image.is-position-bottom-center, .wp-block-cover.is-position-bottom-center { align-items: flex-end; justify-content: center; } .wp-block-cover-image.is-position-bottom-right, .wp-block-cover.is-position-bottom-right { align-items: flex-end; justify-content: flex-end; } .wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container, .wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container { margin: 0; width: auto; } .wp-block-cover-image img.wp-block-cover__image-background, .wp-block-cover-image video.wp-block-cover__video-background, .wp-block-cover img.wp-block-cover__image-background, .wp-block-cover video.wp-block-cover__video-background { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 100%; height: 100%; max-width: none; max-height: none; -o-object-fit: cover; object-fit: cover; outline: none; border: none; box-shadow: none; } .wp-block-cover__image-background, .wp-block-cover__video-background { z-index: 0; } .wp-block-cover-image-text, .wp-block-cover-image-text a, .wp-block-cover-image-text a:active, .wp-block-cover-image-text a:focus, .wp-block-cover-image-text a:hover, .wp-block-cover-text, .wp-block-cover-text a, .wp-block-cover-text a:active, .wp-block-cover-text a:focus, .wp-block-cover-text a:hover, section.wp-block-cover-image h2, section.wp-block-cover-image h2 a, section.wp-block-cover-image h2 a:active, section.wp-block-cover-image h2 a:focus, section.wp-block-cover-image h2 a:hover { color: #fff; } .wp-block-cover-image .wp-block-cover.has-left-content { justify-content: flex-start; } .wp-block-cover-image .wp-block-cover.has-right-content { justify-content: flex-end; } .wp-block-cover-image.has-left-content .wp-block-cover-image-text, .wp-block-cover.has-left-content .wp-block-cover-text, section.wp-block-cover-image.has-left-content > h2 { margin-left: 0; text-align: left; } .wp-block-cover-image.has-right-content .wp-block-cover-image-text, .wp-block-cover.has-right-content .wp-block-cover-text, section.wp-block-cover-image.has-right-content > h2 { margin-right: 0; text-align: right; } .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, section.wp-block-cover-image > h2 { font-size: 2em; line-height: 1.25; z-index: 1; margin-bottom: 0; max-width: 840px; padding: 0.44em; text-align: center; } .wp-block-embed.alignleft, .wp-block-embed.alignright, .wp-block[data-align="left"] > [data-type="core/embed"], .wp-block[data-align="right"] > [data-type="core/embed"] { max-width: 360px; width: 100%; } .wp-block-embed.alignleft .wp-block-embed__wrapper, .wp-block-embed.alignright .wp-block-embed__wrapper, .wp-block[data-align="left"] > [data-type="core/embed"] .wp-block-embed__wrapper, .wp-block[data-align="right"] > [data-type="core/embed"] .wp-block-embed__wrapper { min-width: 280px; } .wp-block-cover .wp-block-embed { min-width: 320px; min-height: 240px; } .wp-block-embed { margin: 0 0 1em; } .wp-block-embed figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-embed iframe { max-width: 100%; } .wp-block-embed__wrapper { position: relative; } .wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before { content: ""; display: block; padding-top: 50%; } .wp-embed-responsive .wp-has-aspect-ratio iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } .wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before { padding-top: 42.85%; } .wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before { padding-top: 50%; } .wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before { padding-top: 56.25%; } .wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before { padding-top: 75%; } .wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before { padding-top: 100%; } .wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before { padding-top: 177.77%; } .wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before { padding-top: 200%; } .wp-block-file { margin-bottom: 1.5em; } .wp-block-file.aligncenter { text-align: center; } .wp-block-file.alignright { text-align: right; } .wp-block-file .wp-block-file__embed { margin-bottom: 1em; } .wp-block-file .wp-block-file__button { background: #32373c; border-radius: 2em; color: #fff; font-size: 0.8em; padding: 0.5em 1em; } .wp-block-file a.wp-block-file__button { text-decoration: none; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:visited { box-shadow: none; color: #fff; opacity: 0.85; text-decoration: none; } .wp-block-file * + .wp-block-file__button { margin-left: 0.75em; } .blocks-gallery-grid, .wp-block-gallery { display: flex; flex-wrap: wrap; list-style-type: none; padding: 0; margin: 0; } .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { margin: 0 1em 1em 0; display: flex; flex-grow: 1; flex-direction: column; justify-content: center; position: relative; align-self: flex-start; width: calc(50% - 1em); } .blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) { margin-right: 0; } .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { margin: 0; height: 100%; } @supports (position: sticky) { .blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure { display: flex; align-items: flex-end; justify-content: flex-start; } } .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { display: block; max-width: 100%; height: auto; width: 100%; } @supports (position: sticky) { .blocks-gallery-grid .blocks-gallery-image img, .blocks-gallery-grid .blocks-gallery-item img, .wp-block-gallery .blocks-gallery-image img, .wp-block-gallery .blocks-gallery-item img { width: auto; } } .blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { position: absolute; bottom: 0; width: 100%; max-height: 100%; overflow: auto; padding: 3em 0.77em 0.7em; color: #fff; text-align: center; font-size: 0.8em; background: linear-gradient( 0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 70%, transparent ); box-sizing: border-box; margin: 0; } .blocks-gallery-grid .blocks-gallery-image figcaption img, .blocks-gallery-grid .blocks-gallery-item figcaption img, .wp-block-gallery .blocks-gallery-image figcaption img, .wp-block-gallery .blocks-gallery-item figcaption img { display: inline; } .blocks-gallery-grid figcaption, .wp-block-gallery figcaption { flex-grow: 1; } .blocks-gallery-grid.is-cropped .blocks-gallery-image, .blocks-gallery-grid.is-cropped .blocks-gallery-item, .wp-block-gallery.is-cropped .blocks-gallery-image, .wp-block-gallery.is-cropped .blocks-gallery-item { align-self: inherit; } .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { width: 100%; } @supports (position: sticky) { .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: 100%; flex: 1; -o-object-fit: cover; object-fit: cover; } } .blocks-gallery-grid.columns-1 .blocks-gallery-image, .blocks-gallery-grid.columns-1 .blocks-gallery-item, .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item { width: 100%; margin-right: 0; } @media (min-width: 600px) { .blocks-gallery-grid.columns-3 .blocks-gallery-image, .blocks-gallery-grid.columns-3 .blocks-gallery-item, .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item { width: calc(33.33333% - 0.66667em); margin-right: 1em; } .blocks-gallery-grid.columns-4 .blocks-gallery-image, .blocks-gallery-grid.columns-4 .blocks-gallery-item, .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item { width: calc(25% - 0.75em); margin-right: 1em; } .blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item { width: calc(20% - 0.8em); margin-right: 1em; } .blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item { width: calc(16.66667% - 0.83333em); margin-right: 1em; } .blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item { width: calc(14.28571% - 0.85714em); margin-right: 1em; } .blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item { width: calc(12.5% - 0.875em); margin-right: 1em; } .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n), .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n), .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n), .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n), .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n), .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n), .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n), .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n), .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n), .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n), .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n), .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n), .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n), .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n), .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n), .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n), .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n), .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n), .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n), .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n), .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n), .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n), .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n), .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) { margin-right: 0; } } .blocks-gallery-grid .blocks-gallery-image:last-child, .blocks-gallery-grid .blocks-gallery-item:last-child, .wp-block-gallery .blocks-gallery-image:last-child, .wp-block-gallery .blocks-gallery-item:last-child { margin-right: 0; } .blocks-gallery-grid.alignleft, .blocks-gallery-grid.alignright, .wp-block-gallery.alignleft, .wp-block-gallery.alignright { max-width: 420px; width: 100%; } .blocks-gallery-grid.aligncenter .blocks-gallery-item figure, .wp-block-gallery.aligncenter .blocks-gallery-item figure { justify-content: center; } .wp-block-group { box-sizing: border-box; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1.25em 2.375em; } .wp-block-image { margin: 0 0 1em; } .wp-block-image img { max-width: 100%; } .wp-block-image:not(.is-style-rounded) img { border-radius: inherit; } .wp-block-image.aligncenter { text-align: center; } .wp-block-image.alignfull img, .wp-block-image.alignwide img { width: 100%; } .wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright { display: table; } .wp-block-image .aligncenter > figcaption, .wp-block-image .alignleft > figcaption, .wp-block-image .alignright > figcaption { display: table-caption; caption-side: bottom; } .wp-block-image .alignleft { float: left; margin: 0.5em 1em 0.5em 0; } .wp-block-image .alignright { float: right; margin: 0.5em 0 0.5em 1em; } .wp-block-image .aligncenter { margin-left: auto; margin-right: auto; } .wp-block-image figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-image.is-style-circle-mask img, .wp-block-image.is-style-rounded img { border-radius: 9999px; } @supports ((-webkit-mask-image: none) or (mask-image: none)) or (-webkit-mask-image: none) { .wp-block-image.is-style-circle-mask img { -webkit-mask-image: url('data:image/svg+xml;utf8,'); mask-image: url('data:image/svg+xml;utf8,'); mask-mode: alpha; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; border-radius: 0; } } .wp-block-image figure { margin: 0; } ol.wp-block-latest-comments { margin-left: 0; } .wp-block-latest-comments .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments__comment { line-height: 1.1; list-style: none; margin-bottom: 1em; } .has-avatars .wp-block-latest-comments__comment { min-height: 2.25em; list-style: none; } .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 3.25em; } .has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment { line-height: 1.5; } .wp-block-latest-comments__comment-excerpt p { font-size: 0.875em; line-height: 1.8; margin: 0.36em 0 1.4em; } .wp-block-latest-comments__comment-date { display: block; font-size: 0.75em; } .wp-block-latest-comments .avatar, .wp-block-latest-comments__comment-avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-latest-posts.alignleft { margin-right: 2em; } .wp-block-latest-posts.alignright { margin-left: 2em; } .wp-block-latest-posts.wp-block-latest-posts__list { list-style: none; padding-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list li { clear: both; } .wp-block-latest-posts.is-grid { display: flex; flex-wrap: wrap; padding: 0; } .wp-block-latest-posts.is-grid li { margin: 0 1.25em 1.25em 0; width: 100%; } @media (min-width: 600px) { .wp-block-latest-posts.columns-2 li { width: calc(50% - 0.625em); } .wp-block-latest-posts.columns-2 li:nth-child(2n) { margin-right: 0; } .wp-block-latest-posts.columns-3 li { width: calc(33.33333% - 0.83333em); } .wp-block-latest-posts.columns-3 li:nth-child(3n) { margin-right: 0; } .wp-block-latest-posts.columns-4 li { width: calc(25% - 0.9375em); } .wp-block-latest-posts.columns-4 li:nth-child(4n) { margin-right: 0; } .wp-block-latest-posts.columns-5 li { width: calc(20% - 1em); } .wp-block-latest-posts.columns-5 li:nth-child(5n) { margin-right: 0; } .wp-block-latest-posts.columns-6 li { width: calc(16.66667% - 1.04167em); } .wp-block-latest-posts.columns-6 li:nth-child(6n) { margin-right: 0; } } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { display: block; color: #555; font-size: 0.8125em; } .wp-block-latest-posts__post-excerpt { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-latest-posts__featured-image a { display: inline-block; } .wp-block-latest-posts__featured-image img { height: auto; width: auto; max-width: 100%; } .wp-block-latest-posts__featured-image.alignleft { margin-right: 1em; } .wp-block-latest-posts__featured-image.alignright { margin-left: 1em; } .wp-block-latest-posts__featured-image.aligncenter { margin-bottom: 1em; text-align: center; } .block-editor-image-alignment-control__row .components-base-control__field { display: flex; justify-content: space-between; align-items: center; } .block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label { margin-bottom: 0; } ol.has-background, ul.has-background { padding: 1.25em 2.375em; } .wp-block-media-text { direction: ltr; display: grid; grid-template-columns: 50% 1fr; grid-template-rows: auto; } .wp-block-media-text.has-media-on-the-right { grid-template-columns: 1fr 50%; } .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media { align-self: start; } .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, .wp-block-media-text .wp-block-media-text__content, .wp-block-media-text .wp-block-media-text__media { align-self: center; } .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content, .wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media { align-self: end; } .wp-block-media-text .wp-block-media-text__media { grid-column: 1; grid-row: 1; margin: 0; } .wp-block-media-text .wp-block-media-text__content { direction: ltr; grid-column: 2; grid-row: 1; padding: 0 8%; word-break: break-word; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { grid-column: 2; grid-row: 1; } .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { grid-column: 1; grid-row: 1; } .wp-block-media-text__media img, .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { height: 100%; min-height: 250px; background-size: cover; } .wp-block-media-text.is-image-fill .wp-block-media-text__media > a { display: block; height: 100%; } .wp-block-media-text.is-image-fill .wp-block-media-text__media img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } @media (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile { grid-template-columns: 100% !important; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media { grid-column: 1; grid-row: 1; } .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { grid-column: 1; grid-row: 2; } } .wp-block-navigation { position: relative; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; padding: 0; } .wp-block-navigation .wp-block-navigation-link, .wp-block-navigation .wp-block-pages-list__item { display: flex; align-items: center; position: relative; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty, .wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty { display: none; } .wp-block-navigation .wp-block-navigation-link__content, .wp-block-navigation .wp-block-pages-list__item__link { color: inherit; display: block; } .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__container, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__content, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__content:active, .wp-block-navigation[style*="text-decoration"] .wp-block-navigation-link__content:focus, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item__link, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item__link:active, .wp-block-navigation[style*="text-decoration"] .wp-block-pages-list__item__link:focus { text-decoration: inherit; } .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content:active, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-navigation-link__content:focus, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-pages-list__item__link, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-pages-list__item__link:active, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-pages-list__item__link:focus { text-decoration: none; } .wp-block-navigation .wp-block-navigation-link__submenu-icon, .wp-block-navigation .wp-block-page-list__submenu-icon { height: inherit; } .wp-block-navigation .wp-block-navigation-link__submenu-icon svg, .wp-block-navigation .wp-block-page-list__submenu-icon svg { stroke: currentColor; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content, .wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link { padding: 0; } .wp-block-navigation .has-child > .wp-block-navigation-link__content, .wp-block-navigation .has-child > .wp-block-pages-list__item__link { margin-right: 0.5em; } .wp-block-navigation .has-child .submenu-container, .wp-block-navigation .has-child .wp-block-navigation-link__container { background-color: inherit; color: inherit; position: absolute; z-index: 2; flex-direction: column; align-items: normal; min-width: 200px; display: none; opacity: 0; transition: opacity 0.1s linear; visibility: hidden; } .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__content, .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-pages-list__item__link, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__content, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-pages-list__item__link, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__content, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-pages-list__item__link, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__content, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-pages-list__item__link { flex-grow: 1; } .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .submenu-container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .submenu-container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-navigation-link > .wp-block-page-list__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-navigation-link__submenu-icon, .wp-block-navigation .has-child .wp-block-navigation-link__container > .wp-block-pages-list__item > .wp-block-page-list__submenu-icon { padding-right: 0.5em; } @media (min-width: 782px) { .wp-block-navigation .has-child .submenu-container .submenu-container:before, .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before, .wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before, .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before { content: ""; position: absolute; right: 100%; height: 100%; display: block; width: 0.5em; background: transparent; } .wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg, .wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg, .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg, .wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg { transform: rotate(-90deg); } } .wp-block-navigation .has-child:hover > .wp-block-navigation-link__container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation .has-child:focus-within > .wp-block-navigation-link__container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation .has-child:hover { cursor: pointer; } .wp-block-navigation .has-child:hover > .submenu-container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation .has-child:focus-within { cursor: pointer; } .wp-block-navigation .has-child:focus-within > .submenu-container { display: flex; visibility: visible; opacity: 1; } .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container { left: auto; right: 0; } .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-right > .wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .submenu-container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: auto; right: 100%; } .wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation .wp-block-page-list, .wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item { margin: 0 2em 0 0; } .wp-block-navigation.wp-block-navigation .wp-block-navigation__container > .wp-block-navigation-link:last-child, .wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child, .wp-block-navigation.wp-block-navigation .wp-block-page-list > .wp-block-pages-list__item:last-child { margin-right: 0; } .wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container > .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list, .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list > .wp-block-pages-list__item { margin: 0 0.5em 0 0; } .wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content, .wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link { padding: 0.5em 1em; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container { left: -1em; top: 100%; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item { margin: 0; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link { padding: 0.5em 1em; } .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: -1px; } @media (min-width: 782px) { .wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: 100%; top: -1px; } } .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container { left: 0; top: 100%; } .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: 0; } @media (min-width: 782px) { .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container, .wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container { left: 100%; top: 0; } } .wp-block-navigation:not(.has-background) .submenu-container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation__container { align-items: center; list-style: none; margin: 0; padding-left: 0; } .wp-block-navigation__container .is-responsive { display: none; } @media (min-width: 600px) { .wp-block-navigation__container { display: flex; flex-wrap: wrap; } .is-vertical .wp-block-navigation__container { display: block; flex-direction: column; align-items: flex-start; } } .items-justified-center .wp-block-navigation__container { justify-content: center; } .items-justified-right .wp-block-navigation__container { justify-content: flex-end; } .items-justified-space-between .wp-block-navigation__container { justify-content: space-between; } .is-vertical.items-justified-center > ul { align-items: center; } .is-vertical.items-justified-right > ul { align-items: flex-end; } .is-vertical.items-justified-right > ul .wp-block-navigation-link, .is-vertical.items-justified-right > ul .wp-block-pages-list__item { margin-right: 0; justify-content: flex-end; } .wp-block-navigation__responsive-container { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; align-items: flex-start; justify-content: flex-start; } .wp-block-navigation__responsive-container.is-menu-open { display: flex; flex-direction: column; overflow: auto; z-index: 100000; padding: 24px; background-color: inherit; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { display: flex; flex-direction: column; margin-left: auto; margin-right: auto; align-items: flex-start; line-height: 48px; padding: 0; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list { flex-direction: column; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container { background: transparent !important; } @media (min-width: 600px) { .wp-block-navigation__responsive-container:not(.is-menu-open) { display: flex; flex-direction: row; position: relative; background-color: inherit; } .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close { display: none; } .wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container { left: 0; } } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open { background-color: #fff; color: #000; } .wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open { vertical-align: middle; cursor: pointer; color: currentColor; background: transparent; border: none; margin: 0; padding: 0; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg { fill: currentColor; pointer-events: none; display: block; width: 24px; height: 24px; } .wp-block-navigation__responsive-container-open { display: flex; } @media (min-width: 600px) { .wp-block-navigation__responsive-container-open { display: none; } } .items-justified-left .wp-block-navigation__responsive-container-open { margin-left: 0; margin-right: auto; } .items-justified-center .wp-block-navigation__responsive-container-open { margin-left: auto; margin-right: auto; } .items-justified-right .wp-block-navigation__responsive-container-open { margin-left: auto; margin-right: 0; } .wp-block-navigation__responsive-container-close { position: absolute; top: 24px; right: 24px; z-index: 2; } .wp-block-navigation__responsive-close { width: 100%; } .is-menu-open .wp-block-navigation__responsive-close, .is-menu-open .wp-block-navigation__responsive-container-content, .is-menu-open .wp-block-navigation__responsive-dialog { width: 100%; height: 100%; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon { display: none; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container { position: relative; opacity: 1; visibility: visible; padding: 0 0 0 32px; border: none; } .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link, .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item { flex-direction: column; align-items: flex-start; } html.has-modal-open { overflow: hidden; } .wp-block-navigation .wp-block-navigation-link__label { word-break: normal; overflow-wrap: break-word; } .wp-block-navigation .wp-block-home-link__content { color: inherit; display: block; padding: 0.5em 1em; } .wp-block-navigation[style*="text-decoration"] .wp-block-home-link, .wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content, .wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content:active, .wp-block-navigation[style*="text-decoration"] .wp-block-home-link__content:focus { text-decoration: inherit; } .wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content:active, .wp-block-navigation:not([style*="text-decoration"]) .wp-block-home-link__content:focus { text-decoration: none; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container { background-color: #fff; color: #000; border: 1px solid rgba(0, 0, 0, 0.15); } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container { top: -1px; } .wp-block-navigation .wp-block-page-list { display: flex; flex-wrap: wrap; background-color: inherit; } .wp-block-navigation .wp-block-pages-list__item { background-color: inherit; } .wp-block-navigation .wp-block-page-list__submenu-icon { display: none; } .is-open .wp-block-navigation__container .wp-block-page-list, .is-vertical .wp-block-navigation__container .wp-block-page-list, .wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon { display: block; } @media (min-width: 480px) { .is-open .wp-block-navigation__container .wp-block-page-list { display: flex; } } .items-justified-space-between .wp-block-page-list { display: contents; } .is-small-text { font-size: 0.875em; } .is-regular-text { font-size: 1em; } .is-large-text { font-size: 2.25em; } .is-larger-text { font-size: 3em; } .has-drop-cap:not(:focus):first-letter { float: left; font-size: 8.4em; line-height: 0.68; font-weight: 100; margin: 0.05em 0.1em 0 0; text-transform: uppercase; font-style: normal; } p.has-drop-cap.has-background { overflow: hidden; } p.has-background { padding: 1.25em 2.375em; } p.has-text-color a { color: inherit; } .wp-block-post-author { display: flex; flex-wrap: wrap; } .wp-block-post-author__byline { width: 100%; margin-top: 0; margin-bottom: 0; font-size: 0.5em; } .wp-block-post-author__avatar { margin-right: 1em; } .wp-block-post-author__bio { margin-bottom: 0.7em; font-size: 0.7em; } .wp-block-post-author__content { flex-grow: 1; flex-basis: 0; } .wp-block-post-author__name { font-weight: 700; margin: 0; } .wp-block-post-comments .commentlist { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .commentlist .comment { min-height: 2.25em; padding-left: 3.25em; } .wp-block-post-comments .commentlist .comment p { font-size: 0.875em; line-height: 1.8; margin: 0.36em 0 1.4em; } .wp-block-post-comments .commentlist .children { list-style: none; margin: 0; padding: 0; } .wp-block-post-comments .comment-author { line-height: 1.5; margin-left: -3.25em; } .wp-block-post-comments .comment-author .avatar { border-radius: 1.5em; display: block; float: left; height: 2.5em; margin-right: 0.75em; width: 2.5em; } .wp-block-post-comments .comment-author cite { font-style: normal; } .wp-block-post-comments .comment-meta { line-height: 1.5; margin-left: -3.25em; } .wp-block-post-comments .comment-body .commentmetadata { font-size: 0.75em; } .wp-block-post-comments .comment-form-author label, .wp-block-post-comments .comment-form-comment label, .wp-block-post-comments .comment-form-email label, .wp-block-post-comments .comment-form-url label { display: block; } .wp-block-post-comments .comment-form-comment textarea { box-sizing: border-box; width: 100%; } .wp-block-post-comments .reply { font-size: 0.75em; margin-bottom: 1.4em; } .wp-block-post-comments input, .wp-block-post-comments textarea { border: 1px solid #949494; } .wp-block-post-comments-form input[type="submit"] { border: none; box-shadow: none; cursor: pointer; display: inline-block; text-align: center; overflow-wrap: break-word; } .wp-block-post-excerpt__more-link, .wp-block-post-title a { display: inline-block; } .wp-block-preformatted { white-space: pre-wrap; } .wp-block-preformatted.has-background { padding: 1.25em 2.375em; } .wp-block-pullquote { margin: 0 0 1em; padding: 3em 0; text-align: center; } .wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { max-width: 420px; } .wp-block-pullquote.alignleft p, .wp-block-pullquote.alignright p { font-size: 1.25em; } .wp-block-pullquote p { font-size: 1.75em; line-height: 1.6; } .wp-block-pullquote cite, .wp-block-pullquote footer { position: relative; } .wp-block-pullquote .has-text-color a { color: inherit; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-solid-color { border: none; } .wp-block-pullquote.is-style-solid-color blockquote { margin-left: auto; margin-right: auto; text-align: left; max-width: 60%; } .wp-block-pullquote.is-style-solid-color blockquote p { margin-top: 0; margin-bottom: 0; font-size: 2em; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; } .wp-block-pullquote cite { color: inherit; } .wp-block-post-template, .wp-block-query-loop { max-width: 100%; list-style: none; padding: 0; } .wp-block-post-template li, .wp-block-query-loop li { clear: both; } .wp-block-post-template.is-flex-container, .wp-block-query-loop.is-flex-container { flex-direction: row; display: flex; flex-wrap: wrap; } .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { margin: 0 0 1.25em; width: 100%; } @media (min-width: 600px) { .wp-block-post-template.is-flex-container li, .wp-block-query-loop.is-flex-container li { margin-right: 1.25em; } .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li { width: calc(50% - 0.625em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li { width: calc(33.33333% - 0.83333em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li { width: calc(25% - 0.9375em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li { width: calc(20% - 1em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) { margin-right: 0; } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li, .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li { width: calc(16.66667% - 1.04167em); } .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n), .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) { margin-right: 0; } } .wp-block-query-pagination { display: flex; flex-direction: row; flex-wrap: wrap; } .wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous { display: inline-block; margin-right: 0.5em; margin-bottom: 0.5em; } .wp-block-query-pagination > .wp-block-query-pagination-next:last-child, .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child, .wp-block-query-pagination > .wp-block-query-pagination-previous:last-child { margin-right: 0; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin-bottom: 1em; padding: 0 1em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 1.5em; font-style: italic; line-height: 1.6; } .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-size: 1.125em; text-align: right; } .wp-block-rss.wp-block-rss { box-sizing: border-box; } .wp-block-rss.alignleft { margin-right: 2em; } .wp-block-rss.alignright { margin-left: 2em; } .wp-block-rss.is-grid { display: flex; flex-wrap: wrap; padding: 0; list-style: none; } .wp-block-rss.is-grid li { margin: 0 1em 1em 0; width: 100%; } @media (min-width: 600px) { .wp-block-rss.columns-2 li { width: calc(50% - 1em); } .wp-block-rss.columns-3 li { width: calc(33.33333% - 1em); } .wp-block-rss.columns-4 li { width: calc(25% - 1em); } .wp-block-rss.columns-5 li { width: calc(20% - 1em); } .wp-block-rss.columns-6 li { width: calc(16.66667% - 1em); } } .wp-block-rss__item-author, .wp-block-rss__item-publish-date { display: block; color: #555; font-size: 0.8125em; } .wp-block-search .wp-block-search__button { background: #f7f7f7; border: 1px solid #ccc; padding: 0.375em 0.625em; color: #32373c; margin-left: 0.625em; word-break: normal; } .wp-block-search .wp-block-search__button.has-icon { line-height: 0; } .wp-block-search .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; } .wp-block-search .wp-block-search__inside-wrapper { display: flex; flex: auto; flex-wrap: nowrap; max-width: 100%; } .wp-block-search .wp-block-search__label { width: 100%; } .wp-block-search .wp-block-search__input { flex-grow: 1; min-width: 3em; border: 1px solid #949494; } .wp-block-search.wp-block-search__button-only .wp-block-search__button { margin-left: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 4px; border: 1px solid #949494; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: 0; border: none; padding: 0 0 0 0.25em; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: 0.125em 0.5em; } .wp-block-search.aligncenter .wp-block-search__inside-wrapper { margin: auto; } .wp-block-separator { border-top: 1px solid; border-bottom: 1px solid; } .wp-block-separator.is-style-wide { border-bottom-width: 1px; } .wp-block-separator.is-style-dots { background: none !important; border: none; text-align: center; width: none; line-height: 1; height: auto; } .wp-block-separator.is-style-dots:before { content: "···"; color: currentColor; font-size: 1.5em; letter-spacing: 2em; padding-left: 2em; font-family: serif; } .wp-block-site-logo { line-height: 0; } .wp-block-site-logo a { display: inline-block; } .wp-block-site-logo.is-default-size img { width: 120px; height: auto; } .wp-block-site-logo .aligncenter { display: table; } .wp-block-site-logo.is-style-rounded img { border-radius: 9999px; } .wp-block-social-links { display: flex; flex-wrap: wrap; padding-left: 0; padding-right: 0; text-indent: 0; margin-left: 0; } .wp-block-social-links .wp-social-link a, .wp-block-social-links .wp-social-link a:hover { text-decoration: none; border-bottom: 0; box-shadow: none; } .wp-block-social-links .wp-social-link.wp-social-link.wp-social-link { margin: 4px 8px 4px 0; } .wp-block-social-links .wp-social-link a { padding: 0.25em; } .wp-block-social-links .wp-social-link svg { width: 1em; height: 1em; } .wp-block-social-links.has-small-icon-size { font-size: 16px; } .wp-block-social-links, .wp-block-social-links.has-normal-icon-size { font-size: 24px; } .wp-block-social-links.has-large-icon-size { font-size: 36px; } .wp-block-social-links.has-huge-icon-size { font-size: 48px; } .wp-block-social-links.aligncenter { justify-content: center; display: flex; } .wp-block-social-links.alignright { justify-content: flex-end; } .wp-block-social-link { display: block; border-radius: 9999px; transition: transform 0.1s ease; height: auto; } @media (prefers-reduced-motion: reduce) { .wp-block-social-link { transition-duration: 0s; transition-delay: 0s; } } .wp-block-social-link a { display: block; line-height: 0; transition: transform 0.1s ease; } .wp-block-social-link:hover { transform: scale(1.1); } .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited, .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg { color: currentColor; fill: currentColor; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link { background-color: #f0f0f0; color: #444; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon { background-color: #f90; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp { background-color: #1ea0c3; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance { background-color: #0757fe; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen { background-color: #1e1f26; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart { background-color: #02e49b; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble { background-color: #e94c89; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox { background-color: #4280ff; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy { background-color: #f45800; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook { background-color: #1778f2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr { background-color: #0461dd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare { background-color: #e65678; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github { background-color: #24292d; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads { background-color: #eceadd; color: #382110; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google { background-color: #ea4434; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram { background-color: #f00075; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm { background-color: #e21b24; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin { background-color: #0d66c2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon { background-color: #3288d4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium { background-color: #02ab6c; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup { background-color: #f6405f; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon { background-color: #ff424d; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest { background-color: #e60122; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket { background-color: #ef4155; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit { background-color: #fe4500; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype { background-color: #0478d7; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat { background-color: #fefc00; color: #fff; stroke: #000; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud { background-color: #ff5600; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify { background-color: #1bd760; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram { background-color: #2aabee; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok { background-color: #000; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr { background-color: #011835; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch { background-color: #6440a4; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter { background-color: #1da1f2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo { background-color: #1eb7ea; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk { background-color: #4680c2; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress { background-color: #3499cd; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp { background-color: #d32422; color: #fff; } .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube { background-color: red; color: #fff; } .wp-block-social-links.is-style-logos-only .wp-social-link { background: none; padding: 4px; } .wp-block-social-links.is-style-logos-only .wp-social-link-amazon { color: #f90; } .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp { color: #1ea0c3; } .wp-block-social-links.is-style-logos-only .wp-social-link-behance { color: #0757fe; } .wp-block-social-links.is-style-logos-only .wp-social-link-codepen { color: #1e1f26; } .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart { color: #02e49b; } .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble { color: #e94c89; } .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox { color: #4280ff; } .wp-block-social-links.is-style-logos-only .wp-social-link-etsy { color: #f45800; } .wp-block-social-links.is-style-logos-only .wp-social-link-facebook { color: #1778f2; } .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-flickr { color: #0461dd; } .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare { color: #e65678; } .wp-block-social-links.is-style-logos-only .wp-social-link-github { color: #24292d; } .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads { color: #382110; } .wp-block-social-links.is-style-logos-only .wp-social-link-google { color: #ea4434; } .wp-block-social-links.is-style-logos-only .wp-social-link-instagram { color: #f00075; } .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm { color: #e21b24; } .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin { color: #0d66c2; } .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon { color: #3288d4; } .wp-block-social-links.is-style-logos-only .wp-social-link-medium { color: #02ab6c; } .wp-block-social-links.is-style-logos-only .wp-social-link-meetup { color: #f6405f; } .wp-block-social-links.is-style-logos-only .wp-social-link-patreon { color: #ff424d; } .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest { color: #e60122; } .wp-block-social-links.is-style-logos-only .wp-social-link-pocket { color: #ef4155; } .wp-block-social-links.is-style-logos-only .wp-social-link-reddit { color: #fe4500; } .wp-block-social-links.is-style-logos-only .wp-social-link-skype { color: #0478d7; } .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat { color: #fff; stroke: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud { color: #ff5600; } .wp-block-social-links.is-style-logos-only .wp-social-link-spotify { color: #1bd760; } .wp-block-social-links.is-style-logos-only .wp-social-link-telegram { color: #2aabee; } .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok { color: #000; } .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr { color: #011835; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitch { color: #6440a4; } .wp-block-social-links.is-style-logos-only .wp-social-link-twitter { color: #1da1f2; } .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo { color: #1eb7ea; } .wp-block-social-links.is-style-logos-only .wp-social-link-vk { color: #4680c2; } .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress { color: #3499cd; } .wp-block-social-links.is-style-logos-only .wp-social-link-yelp { color: #d32422; } .wp-block-social-links.is-style-logos-only .wp-social-link-youtube { color: red; } .wp-block-social-links.is-style-pill-shape .wp-social-link { width: auto; } .wp-block-social-links.is-style-pill-shape .wp-social-link a { padding-left: 0.66667em; padding-right: 0.66667em; } .wp-block-spacer { clear: both; } .wp-block-tag-cloud.aligncenter { text-align: center; } .wp-block-tag-cloud.alignfull { padding-left: 1em; padding-right: 1em; } .wp-block-table { margin: 0 0 1em; overflow-x: auto; } .wp-block-table table { border-collapse: collapse; width: 100%; } .wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; } .wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; } .wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright { display: table; width: auto; } .wp-block-table.aligncenter td, .wp-block-table.aligncenter th, .wp-block-table.alignleft td, .wp-block-table.alignleft th, .wp-block-table.alignright td, .wp-block-table.alignright th { word-break: break-word; } .wp-block-table .has-subtle-light-gray-background-color { background-color: #f3f4f5; } .wp-block-table .has-subtle-pale-green-background-color { background-color: #e9fbe5; } .wp-block-table .has-subtle-pale-blue-background-color { background-color: #e7f5fe; } .wp-block-table .has-subtle-pale-pink-background-color { background-color: #fcf0ef; } .wp-block-table.is-style-stripes { border-spacing: 0; border-collapse: inherit; background-color: transparent; border-bottom: 1px solid #f0f0f0; } .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; } .wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) { background-color: #f3f4f5; } .wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) { background-color: #e9fbe5; } .wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) { background-color: #e7f5fe; } .wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) { background-color: #fcf0ef; } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border-color: transparent; } .wp-block-table .has-border-color > *, .wp-block-table .has-border-color td, .wp-block-table .has-border-color th, .wp-block-table .has-border-color tr { border-color: inherit; } .wp-block-table table[style*="border-style"] > *, .wp-block-table table[style*="border-style"] td, .wp-block-table table[style*="border-style"] th, .wp-block-table table[style*="border-style"] tr { border-style: inherit; } .wp-block-table table[style*="border-width"] > *, .wp-block-table table[style*="border-width"] td, .wp-block-table table[style*="border-width"] th, .wp-block-table table[style*="border-width"] tr { border-width: inherit; } .wp-block-text-columns, .wp-block-text-columns.aligncenter { display: flex; } .wp-block-text-columns .wp-block-column { margin: 0 1em; padding: 0; } .wp-block-text-columns .wp-block-column:first-child { margin-left: 0; } .wp-block-text-columns .wp-block-column:last-child { margin-right: 0; } .wp-block-text-columns.columns-2 .wp-block-column { width: 50%; } .wp-block-text-columns.columns-3 .wp-block-column { width: 33.33333%; } .wp-block-text-columns.columns-4 .wp-block-column { width: 25%; } pre.wp-block-verse { font-family: inherit; overflow: auto; white-space: pre-wrap; } .wp-block-video { margin: 0 0 1em; } .wp-block-video video { width: 100%; } @supports (position: sticky) { .wp-block-video [poster] { -o-object-fit: cover; object-fit: cover; } } .wp-block-video.aligncenter { text-align: center; } .wp-block-video figcaption { margin-top: 0.5em; margin-bottom: 1em; } .wp-block-post-featured-image { margin-left: 0; margin-right: 0; } .wp-block-post-featured-image a { display: inline-block; } .wp-block-post-featured-image img { max-width: 100%; height: auto; } .wp-block-post-featured-image.alignfull img, .wp-block-post-featured-image.alignwide img { width: 100%; } :root .has-pale-pink-background-color { background-color: #f78da7; } :root .has-vivid-red-background-color { background-color: #cf2e2e; } :root .has-luminous-vivid-orange-background-color { background-color: #ff6900; } :root .has-luminous-vivid-amber-background-color { background-color: #fcb900; } :root .has-light-green-cyan-background-color { background-color: #7bdcb5; } :root .has-vivid-green-cyan-background-color { background-color: #00d084; } :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; } :root .has-vivid-purple-background-color { background-color: #9b51e0; } :root .has-white-background-color { background-color: #fff; } :root .has-very-light-gray-background-color { background-color: #eee; } :root .has-cyan-bluish-gray-background-color { background-color: #abb8c3; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-black-background-color { background-color: #000; } :root .has-pale-pink-color { color: #f78da7; } :root .has-vivid-red-color { color: #cf2e2e; } :root .has-luminous-vivid-orange-color { color: #ff6900; } :root .has-luminous-vivid-amber-color { color: #fcb900; } :root .has-light-green-cyan-color { color: #7bdcb5; } :root .has-vivid-green-cyan-color { color: #00d084; } :root .has-pale-cyan-blue-color { color: #8ed1fc; } :root .has-vivid-cyan-blue-color { color: #0693e3; } :root .has-vivid-purple-color { color: #9b51e0; } :root .has-white-color { color: #fff; } :root .has-very-light-gray-color { color: #eee; } :root .has-cyan-bluish-gray-color { color: #abb8c3; } :root .has-very-dark-gray-color { color: #313131; } :root .has-black-color { color: #000; } :root .has-vivid-cyan-blue-to-vivid-purple-gradient-background { background: linear-gradient(135deg, #0693e3, #9b51e0); } :root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { background: linear-gradient(135deg, #00d084, #0693e3); } :root .has-light-green-cyan-to-vivid-green-cyan-gradient-background { background: linear-gradient(135deg, #7adcb4, #00d082); } :root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { background: linear-gradient(135deg, #fcb900, #ff6900); } :root .has-luminous-vivid-orange-to-vivid-red-gradient-background { background: linear-gradient(135deg, #ff6900, #cf2e2e); } :root .has-very-light-gray-to-cyan-bluish-gray-gradient-background { background: linear-gradient(135deg, #eee, #a9b8c3); } :root .has-cool-to-warm-spectrum-gradient-background { background: linear-gradient( 135deg, #4aeadc, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c ); } :root .has-blush-light-purple-gradient-background { background: linear-gradient(135deg, #ffceec, #9896f0); } :root .has-blush-bordeaux-gradient-background { background: linear-gradient(135deg, #fecda5, #fe2d2d 50%, #6b003e); } :root .has-purple-crush-gradient-background { background: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); } :root .has-luminous-dusk-gradient-background { background: linear-gradient(135deg, #ffcb70, #c751c0 50%, #4158d0); } :root .has-hazy-dawn-gradient-background { background: linear-gradient(135deg, #faaca8, #dad0ec); } :root .has-pale-ocean-gradient-background { background: linear-gradient(135deg, #fff5cb, #b6e3d4 50%, #33a7b5); } :root .has-electric-grass-gradient-background { background: linear-gradient(135deg, #caf880, #71ce7e); } :root .has-subdued-olive-gradient-background { background: linear-gradient(135deg, #fafae1, #67a671); } :root .has-atomic-cream-gradient-background { background: linear-gradient(135deg, #fdd79a, #004a59); } :root .has-nightshade-gradient-background { background: linear-gradient(135deg, #330968, #31cdcf); } :root .has-midnight-gradient-background { background: linear-gradient(135deg, #020381, #2874fc); } .has-small-font-size { font-size: 0.8125em; } .has-normal-font-size, .has-regular-font-size { font-size: 1em; } .has-medium-font-size { font-size: 1.25em; } .has-large-font-size { font-size: 2.25em; } .has-huge-font-size, .has-larger-font-size { font-size: 2.625em; } .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } #end-resizable-editor-section { display: none; } .aligncenter { clear: both; } .items-justified-left { justify-content: flex-start; } .items-justified-center { justify-content: center; } .items-justified-right { justify-content: flex-end; } .items-justified-space-between { justify-content: space-between; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #ddd; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } h1 { margin: 0.67em 0; font-size: 2em; } mark { color: #000; background: #ff0; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid silver; } legend { padding: 0; border: 0; } textarea { overflow: auto; } optgroup { font-weight: 700; } table { border-spacing: 0; border-collapse: collapse; } td, th { padding: 0; } @media print { *, :after, :before { color: #000 !important; text-shadow: none !important; background: 0 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } h2, h3, p { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.eot); src: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.eot#iefix) format("embedded-opentype"), url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.woff) format("woff"), url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-eur:before, .glyphicon-euro:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #337ab7; text-decoration: none; } a:focus, a:hover { color: #23527c; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 400; line-height: 1; color: #777; } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small { font-size: 65%; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-size: 75%; } .h1, h1 { font-size: 36px; } .h2, h2 { font-size: 30px; } .h3, h3 { font-size: 24px; } .h4, h4 { font-size: 18px; } .h5, h5 { font-size: 14px; } .h6, h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } .small, small { font-size: 85%; } .mark, mark { padding: 0.2em; background-color: #fcf8e3; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777; } .text-primary { color: #337ab7; } a.text-primary:focus, a.text-primary:hover { color: #286090; } .text-success { color: #3c763d; } a.text-success:focus, a.text-success:hover { color: #2b542c; } .text-info { color: #31708f; } a.text-info:focus, a.text-info:hover { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:focus, a.text-warning:hover { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:focus, a.text-danger:hover { color: #843534; } .bg-primary { color: #fff; background-color: #337ab7; } a.bg-primary:focus, a.bg-primary:hover { background-color: #286090; } .bg-success { background-color: #dff0d8; } a.bg-success:focus, a.bg-success:hover { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:focus, a.bg-danger:hover { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } ol, ul { margin-top: 0; margin-bottom: 10px; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; list-style: none; } .list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dd, dt { line-height: 1.42857143; } dt { font-weight: 700; } dd { margin-left: 0; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777; } .initialism { font-size: 90%; text-transform: uppercase; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0; } blockquote .small, blockquote footer, blockquote small { display: block; font-size: 80%; line-height: 1.42857143; color: #777; } blockquote .small:before, blockquote footer:before, blockquote small:before { content: "\2014 \00A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; text-align: right; border-right: 5px solid #eee; border-left: 0; } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: ""; } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: "\00A0 \2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; -webkit-box-shadow: none; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { margin-right: -15px; margin-left: -15px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border: 1px solid #ddd; } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*="col-"] { position: static; display: table-column; float: none; } table td[class*="col-"], table th[class*="col-"] { position: static; display: table-cell; float: none; } .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active { background-color: #f5f5f5; } .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover { background-color: #e8e8e8; } .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > thead > tr > td.success, .table > thead > tr > th.success { background-color: #dff0d8; } .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr.success:hover > th, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover { background-color: #d0e9c6; } .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > thead > tr > td.info, .table > thead > tr > th.info { background-color: #d9edf7; } .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover { background-color: #c4e3f3; } .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > thead > tr > td.warning, .table > thead > tr > th.warning { background-color: #fcf8e3; } .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr.warning:hover > th, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover { background-color: #faf2cc; } .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > thead > tr > td.danger, .table > thead > tr > th.danger { background-color: #f2dede; } .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr.danger:hover > th, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover { background-color: #ebcccc; } .table-responsive { min-height: 0.01%; overflow-x: auto; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -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); -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-moz-placeholder { color: #999; opacity: 1; } .form-control:-ms-input-placeholder { color: #999; } .form-control::-webkit-input-placeholder { color: #999; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { line-height: 34px; } .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"], input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 30px; } .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"], input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 46px; } } .form-group { margin-bottom: 15px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: 400; cursor: pointer; } .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] { position: absolute; margin-top: 4px\9; margin-left: -20px; } .checkbox + .checkbox, .radio + .radio { margin-top: -5px; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-top: 0; margin-left: 10px; } fieldset[disabled] input[type="checkbox"], fieldset[disabled] input[type="radio"], input[type="checkbox"].disabled, input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="radio"][disabled] { cursor: not-allowed; } .checkbox-inline.disabled, .radio-inline.disabled, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio-inline { cursor: not-allowed; } .checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label { cursor: not-allowed; } .form-control-static { min-height: 34px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-right: 0; padding-left: 0; } .input-sm { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm { height: 30px; line-height: 30px; } select[multiple].input-sm, textarea.input-sm { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg { height: 46px; line-height: 46px; } select[multiple].input-lg, textarea.input-lg { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; -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); } .has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; background-color: #dff0d8; border-color: #3c763d; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; -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); } .has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; background-color: #fcf8e3; border-color: #8a6d3b; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #a94442; } .has-error .form-control { 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); } .has-error .form-control: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; } .has-error .input-group-addon { color: #a94442; background-color: #f2dede; border-color: #a94442; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0; } .form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { padding-top: 7px; margin-top: 0; margin-bottom: 0; } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 27px; } .form-horizontal .form-group { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { padding-top: 7px; margin-bottom: 0; text-align: right; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.focus, .btn:focus, .btn:hover { color: #333; text-decoration: none; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: 0.65; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default.focus, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #333; } .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #286090; border-color: #122b40; } .btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { color: #fff; background-color: #286090; border-color: #204d74; } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { color: #fff; background-color: #204d74; border-color: #122b40; } .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #337ab7; border-color: #2e6da4; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover { color: #fff; background-color: #398439; border-color: #255625; } .btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { font-weight: 400; color: #337ab7; border-radius: 0; } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #23527c; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none; } .btn-group-lg > .btn, .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-group-sm > .btn, .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-group-xs > .btn, .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type="button"].btn-block, input[type="reset"].btn-block, input[type="submit"].btn-block { width: 100%; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown, .dropup { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #262626; text-decoration: none; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { color: #fff; text-decoration: none; background-color: #337ab7; outline: 0; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #777; } .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { right: 0; left: auto; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { right: auto; left: 0; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; float: left; } .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle { padding-right: 12px; padding-left: 12px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { display: table-cell; float: none; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*="col-"] { float: none; padding-right: 0; padding-left: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px; } select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn { height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px; } select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn { height: auto; } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell; } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } .input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type="checkbox"], .input-group-addon input[type="radio"] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #eee; } .nav > li.disabled > a { color: #777; } .nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #eee; border-color: #337ab7; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eee #eee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { float: none; } .nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff; } } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #337ab7; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified { width: 100%; } .nav-justified > li { float: none; } .nav-justified > li > a { margin-bottom: 5px; text-align: center; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified { border-bottom: 0; } .nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px; } } .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-bottom, .navbar-fixed-top { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { padding: 10px 15px; margin-top: 8px; margin-right: -15px; margin-bottom: 8px; margin-left: -15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0; } .navbar-form .checkbox input[type="checkbox"], .navbar-form .radio input[type="radio"] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; padding-top: 0; padding-bottom: 0; margin-right: 0; margin-left: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-right: 15px; margin-left: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #555; background-color: #e7e7e7; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333; } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #080808; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { color: #fff; background-color: #080808; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover { color: #fff; background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff; } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } a.label:focus, a.label:hover { color: #fff; text-decoration: none; cursor: pointer; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } .label-default { background-color: #777; } .label-default[href]:focus, .label-default[href]:hover { background-color: #5e5e5e; } .label-primary { background-color: #337ab7; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #286090; } .label-success { background-color: #5cb85c; } .label-success[href]:focus, .label-success[href]:hover { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:focus, .label-info[href]:hover { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-group-xs > .btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px; } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } .jumbotron .h1, .jumbotron h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 15px; padding-left: 15px; border-radius: 6px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-right: 60px; padding-left: 60px; } .jumbotron .h1, .jumbotron h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail a > img, .thumbnail > img { margin-right: auto; margin-left: auto; } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #337ab7; } .thumbnail .caption { padding: 9px; color: #333; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 20px; margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #337ab7; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar-striped, .progress-striped .progress-bar { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress-bar.active, .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: -o-linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); background-image: linear-gradient( 45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent ); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { overflow: hidden; zoom: 1; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { padding-left: 0; margin-bottom: 20px; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { color: #555; text-decoration: none; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { color: #777; cursor: not-allowed; background-color: #eee; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777; } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #337ab7; border-color: #337ab7; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #c7ddef; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption { padding-right: 15px; padding-left: 15px; } .panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child { border-left: 0; } .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child { border-right: 0; } .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { margin-bottom: 0; border: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #ddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #337ab7; } .panel-primary > .panel-heading { color: #fff; background-color: #337ab7; border-color: #337ab7; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #337ab7; } .panel-primary > .panel-heading .badge { color: #337ab7; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #337ab7; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 0.2; } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; } button.close { -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } .modal-open { overflow: hidden; } .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { filter: alpha(opacity=0); opacity: 0; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857143; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; } .tooltip.in { filter: alpha(opacity=90); opacity: 0.9; } .tooltip.top { padding: 5px 0; margin-top: -3px; } .tooltip.right { padding: 0 5px; margin-left: 3px; } .tooltip.bottom { padding: 5px 0; margin-top: 3px; } .tooltip.left { padding: 0 5px; margin-left: -3px; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); line-break: auto; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.active.right, .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.active.left, .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: 0.5; } .carousel-control.left { background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); background-image: -o-linear-gradient( left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); background-image: -webkit-gradient( linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)) ); background-image: linear-gradient( to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:focus, .carousel-control:hover { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: 0.9; } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -10px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px; } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; font-family: serif; line-height: 1; } .carousel-control .icon-prev:before { content: "\2039"; } .carousel-control .icon-next:before { content: "\203a"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000\9; background-color: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { width: 12px; height: 12px; margin: 0; background-color: #fff; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { right: 20%; left: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { display: table; content: " "; } .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after { clear: both; } .center-block { display: block; margin-right: auto; margin-left: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-lg, .visible-md, .visible-sm, .visible-xs { display: none !important; } .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } td.visible-xs, th.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } td.visible-sm, th.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } td.visible-md, th.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } td.visible-lg, th.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } td.visible-print, th.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .mCustomScrollbar { -ms-touch-action: none; touch-action: none; } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr; } .mCSB_container { overflow: hidden; width: auto; height: auto; } .mCSB_inside > .mCSB_container { margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container { margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; } .mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_outside + .mCSB_scrollTools { right: -26px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; } .mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger { cursor: pointer; width: 100%; height: 30px; z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown { bottom: 0; } .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; } .mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; } .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; margin-left: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; } .mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; } .mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; } .mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; } .mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; } .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; } .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; } .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; } .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; } .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; } .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; } .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger { height: 14px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; height: 16px; margin: -1px 0; } .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; width: 16px; margin: 0 -1px; } .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)) ); background-image: -webkit-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: -o-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: -ms-linear-gradient( left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: linear-gradient( to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient( top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)) ); background-image: -webkit-linear-gradient( top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: -ms-linear-gradient( top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); background-image: linear-gradient( to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100% ); } .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; } .mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical { right: 1px; } .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #555; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; } .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical { left: 0; right: auto; } .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; } .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; } .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; } .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; } .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; } .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); } .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .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; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { -webkit-transition: height 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out; -ms-transition: height 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out; transition: height 0.5s ease-in-out; } .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .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(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .no-js .owl-carousel { display: block; } .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-item img { 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: scale 0.1s ease; -moz-transition: scale 0.1s ease; -ms-transition: scale 0.1s ease; -o-transition: scale 0.1s ease; transition: scale 0.1s ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: rgba(52, 52, 60, 0.8); border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 35px; height: 35px; line-height: 1.4; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 26px; border-radius: 3px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { position: absolute; top: 50px; right: 10px; color: #fff; text-align: center; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -15px; padding: 2px; width: 35px; height: 35px; border-radius: 3px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { font-family: ff-font-awesome; font-size: 18px; line-height: 1.7; color: #fff; margin-left: 12px; } .mfp-arrow-left { left: 60px; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { content: "\f104"; } .mfp-arrow-right { right: 60px; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { content: "\f105"; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .cbp, .cbp *, .cbp *:after, .cbp:after, .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignCenter .cbp-filter-counter:after, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-alignRight .cbp-filter-counter:after, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-button .cbp-filter-counter:after, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-buttonCenter .cbp-filter-counter:after, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-dropdownHeader:after, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-text .cbp-filter-counter:after, .cbp-l-filters-underline, .cbp-l-filters-underline *, .cbp-popup-wrap, .cbp-popup-wrap *, .cbp-popup-wrap:before, .cbp-popup-loadingBox:after, .cbp-l-loadMore-bgbutton, .cbp-l-loadMore-bgbutton *, .cbp-l-loadMore-button, .cbp-l-loadMore-button *, .cbp-l-loadMore-text, .cbp-l-loadMore-text *, .cbp-search, .cbp-search *, .cbp-search-icon:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cbp-l-filters-alignCenter, .cbp-l-filters-alignCenter *, .cbp-l-filters-alignLeft, .cbp-l-filters-alignLeft *, .cbp-l-filters-alignRight, .cbp-l-filters-alignRight *, .cbp-l-filters-button, .cbp-l-filters-button *, .cbp-l-filters-buttonCenter, .cbp-l-filters-buttonCenter *, .cbp-l-filters-dropdown, .cbp-l-filters-dropdown *, .cbp-l-filters-list, .cbp-l-filters-list *, .cbp-l-filters-work, .cbp-l-filters-work *, .cbp-l-filters-big, .cbp-l-filters-big *, .cbp-l-filters-text, .cbp-l-filters-text *, .cbp-l-filters-underline, .cbp-l-filters-underline * { -webkit-tap-highlight-color: transparent; } .cbp:after, .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after { content: ""; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation 0.8s infinite linear; animation: cbp-rotation 0.8s infinite linear; border-left: 3px solid rgba(114, 144, 182, 0.15); border-right: 3px solid rgba(114, 144, 182, 0.15); border-bottom: 3px solid rgba(114, 144, 182, 0.15); border-top: 3px solid rgba(114, 144, 182, 0.8); border-radius: 100%; } .cbp-item { display: inline-block; margin: 0 10px 20px 0; } .cbp { position: relative; margin: 0 auto; z-index: 1; height: 400px; } .cbp > * { visibility: hidden; } .cbp .cbp-item { position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 0; overflow: hidden; } .cbp img { display: block; border: 0; width: 100%; height: auto; } .cbp a, .cbp a:hover, .cbp a:active { text-decoration: none; outline: 0; } .cbp-ready > * { visibility: visible; } .cbp-ready:after { display: none; visibility: hidden; } .cbp-lazyload { position: relative; background: #fff; display: block; } .cbp-lazyload img { opacity: 1; } .cbp-lazyload img[data-cbp-src] { opacity: 0; } .cbp-lazyload img:not([data-cbp-src]) { -webkit-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out; } .cbp-lazyload:after { z-index: 0; } .cbp-wrapper-outer { overflow: hidden; position: relative; margin: 0 auto; } .cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper { list-style-type: none; padding: 0; width: 100%; height: 100%; z-index: 1; } .cbp-wrapper, .cbp-wrapper-helper { position: absolute; top: 0; left: 0; margin: 0; } .cbp-item-off { z-index: -1; pointer-events: none; visibility: hidden; } .cbp-item-on2off { z-index: 0; } .cbp-item-off2on { z-index: 1; } .cbp-item-on2on { z-index: 2; } .cbp-item-wrapper { width: 100%; height: 100%; position: relative; top: 0; left: 0; } .cbp-l-project-related-wrap img, .cbp-l-inline img { display: block; width: 100%; height: auto; border: 0; } .cbp-updateItems { -webkit-transition: height 0.5s ease-in-out !important; transition: height 0.5s ease-in-out !important; will-change: height; } .cbp-updateItems .cbp-item { -webkit-transition: top 0.5s ease-in-out, left 0.5s ease-in-out; transition: top 0.5s ease-in-out, left 0.5s ease-in-out; } .cbp-updateItems .cbp-item-loading { -webkit-animation: fadeIn 0.5s ease-in-out; animation: fadeIn 0.5s ease-in-out; -webkit-transition: none; transition: none; } .cbp-removeItem { -webkit-animation: fadeOut 0.5s ease-in-out; animation: fadeOut 0.5s ease-in-out; } .cbp-panel { width: 94%; max-width: 1170px; margin: 0 auto; } .cbp-misc-video { position: relative; height: 0; padding-bottom: 56.25%; background: #000; text-align: center; } .cbp-misc-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @-webkit-keyframes cbp-rotation { 0 { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes cbp-rotation { 0 { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .clearfix:after { content: " "; display: block; height: 0; clear: both; } .cbp-l-filters-left { float: left; } .cbp-l-filters-right { float: right; } .cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap { display: block; } .cbp-caption-activeWrap { background-color: #282727; } .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap { overflow: hidden; position: relative; z-index: 1; } .cbp-caption-active .cbp-caption-defaultWrap { top: 0; } .cbp-caption-active .cbp-caption-activeWrap { width: 100%; position: absolute; z-index: 2; height: 100%; } .cbp-l-caption-title { color: #fff; font: 400 16px/21px "Open Sans", sans-serif; } .cbp-l-caption-desc { color: #aaa; font: 400 12px/16px "Open Sans", sans-serif; } .cbp-l-caption-text { font: 400 14px/21px "Open Sans", sans-serif; color: #fff; letter-spacing: 3px; padding: 0 6px; } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight { background-color: #547eb1; color: #ffffff; display: inline-block; font: 400 12px/30px "Open Sans", sans-serif; min-width: 90px; text-align: center; margin: 4px; padding: 0 6px; } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover { opacity: 0.9; } .cbp-caption-none .cbp-caption-activeWrap { display: none; } .cbp-l-caption-alignLeft .cbp-l-caption-body { padding: 12px 30px; } .cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body { padding-top: 30px; } .cbp-l-caption-alignCenter { display: table; width: 100%; height: 100%; } .cbp-l-caption-alignCenter .cbp-l-caption-body { display: table-cell; vertical-align: middle; text-align: center; padding: 10px 0; } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { position: relative; -webkit-transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft { left: -20px; } .cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 20px; } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight { left: 0; } .cbp-caption-fadeIn .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-minimal .cbp-l-caption-title, .cbp-caption-minimal .cbp-l-caption-desc { position: relative; left: 0; opacity: 0; -webkit-transition: -webkit-transform 0.35s ease-out; transition: transform 0.35s ease-out; } .cbp-caption-minimal .cbp-l-caption-title { -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cbp-caption-minimal .cbp-l-caption-desc { -webkit-transform: translateY(70%); transform: translateY(70%); } .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-title, .cbp-caption-minimal .cbp-caption:hover .cbp-l-caption-desc { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .cbp-caption-minimal .cbp-caption-activeWrap { top: 0; background-color: #000; background-color: rgba(0, 0, 0, 0.8); opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .cbp-caption-minimal .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .cbp-caption-moveRight .cbp-caption-activeWrap { left: -100%; top: 0; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-moveRight .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-overlayBottom .cbp-caption-activeWrap { height: 60px; background-color: #181616; background-color: rgba(24, 22, 22, 0.7); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottom .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomAlong .cbp-caption-defaultWrap, .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap { height: 60px; } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-30px); transform: translateY(-30px); } .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-overlayBottomPush .cbp-caption-defaultWrap { -webkit-transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomPush .cbp-caption-activeWrap { bottom: -60px; height: 60px; -webkit-transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayBottomPush .cbp-caption:hover .cbp-caption-activeWrap { bottom: 0; } .cbp-caption-overlayBottomReveal .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayBottomReveal .cbp-caption-activeWrap { bottom: 0; z-index: 1; height: 60px; } .cbp-caption-overlayBottomReveal .cbp-caption:hover .cbp-caption-defaultWrap { top: -60px; } .cbp-caption-overlayRightAlong .cbp-caption-defaultWrap, .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-overlayRightAlong .cbp-caption-activeWrap { top: 0; left: -50%; width: 50%; } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateX(25%); transform: translateX(25%); } .cbp-caption-overlayRightAlong .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(100%); transform: translateX(100%); } .cbp-caption-pushDown .cbp-caption-defaultWrap, .cbp-caption-pushDown .cbp-caption-activeWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-pushDown .cbp-caption-activeWrap { top: -102%; height: 102%; } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(99%); transform: translateY(99%); } .cbp-caption-pushTop .cbp-caption-activeWrap, .cbp-caption-pushTop .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-pushTop .cbp-caption-activeWrap { height: 102%; } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateY(-99%); transform: translateY(-99%); } .cbp-caption-revealBottom .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealBottom .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealBottom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(-100%); transform: translateY(-100%); } .cbp-caption-revealLeft .cbp-caption-activeWrap { left: 100%; top: 0; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealLeft .cbp-caption:hover .cbp-caption-activeWrap { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .cbp-caption-revealTop .cbp-caption-defaultWrap { z-index: 2; -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-revealTop .cbp-caption-activeWrap { top: 0; z-index: 1; } .cbp-caption-revealTop .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: translateY(100%); transform: translateY(100%); } .cbp-caption-zoom .cbp-caption-defaultWrap { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.25); transform: scale(1.25); } .cbp-caption-zoom .cbp-caption-activeWrap { opacity: 0; top: 0; background-color: rgba(0, 0, 0, 0.9); -webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-zoom .cbp-caption:hover .cbp-caption-activeWrap { opacity: 1; } .cbp-caption-opacity .cbp-item { padding: 1px; } .cbp-caption-opacity .cbp-caption, .cbp-caption-opacity .cbp-caption-activeWrap, .cbp-caption-opacity .cbp-caption-defaultWrap { background-color: transparent; } .cbp-caption-opacity .cbp-caption { border: 1px solid transparent; } .cbp-caption-opacity .cbp-caption:hover { border-color: #ededed; } .cbp-caption-opacity .cbp-caption-defaultWrap { opacity: 1; -webkit-transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1); } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-defaultWrap { opacity: 0.8; } .cbp-caption-opacity .cbp-caption:hover .cbp-caption-activeWrap { top: 0; } .cbp-caption-expand .cbp-caption-activeWrap { height: auto; background-color: transparent; } .cbp-caption-expand .cbp-caption { border-bottom: 1px dotted #eaeaea; } .cbp-caption-expand .cbp-caption-defaultWrap { cursor: pointer; font: 500 15px/23px "Roboto", sans-serif; color: #474747; padding: 12px 0 11px 26px; } .cbp-caption-expand .cbp-caption-defaultWrap .fa { position: absolute; top: 16px; left: 0; width: 16px; text-align: center; font-size: 14px; } .cbp-caption-expand .cbp-l-caption-body { font: 400 13px/21px "Roboto", sans-serif; color: #888; padding: 0 0 20px 26px; } .cbp-caption-expand-active { -webkit-transition: height 0.4s !important; transition: height 0.4s !important; } .cbp-caption-expand-active .cbp-item { -webkit-transition: left 0.4s, top 0.4s !important; transition: left 0.4s, top 0.4s !important; } .cbp-caption-expand-open .cbp-caption-activeWrap { -webkit-transition: height 0.4s; transition: height 0.4s; } .cbp-l-filters-alignCenter { margin-bottom: 30px; text-align: center; font: 400 12px/21px sans-serif; color: #dadada; } .cbp-l-filters-alignCenter .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px "Open Sans", sans-serif; padding: 0 12px; transition: all 0.3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover { color: #2d2c2c; } .cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active { color: #2d2c2c; cursor: default; } .cbp-l-filters-alignCenter .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #ffffff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .cbp-l-filters-alignCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignLeft { margin-bottom: 30px; } .cbp-l-filters-alignLeft .cbp-filter-item { background-color: #fff; border: 1px solid #cdcdcd; cursor: pointer; font: 400 12px/30px "Open Sans", sans-serif; padding: 0 13px; position: relative; overflow: visible; margin: 0 8px 10px 0; display: inline-block; color: #888888; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cbp-l-filters-alignLeft .cbp-filter-item:hover { color: #111; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { background-color: #6c7a89; border: 1px solid #6c7a89; color: #fff; cursor: default; } .cbp-l-filters-alignLeft .cbp-filter-counter { display: inline; } .cbp-l-filters-alignRight { margin-bottom: 30px; text-align: right; } .cbp-l-filters-alignRight .cbp-filter-item { background-color: transparent; color: #8b8b8b; cursor: pointer; font: 400 11px/31px "Open Sans", sans-serif; padding: 0 14px; position: relative; overflow: visible; margin: 0 0 10px 5px; border: 1px solid #e4e2e2; text-transform: uppercase; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #2b3444; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-alignRight .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { color: #ffffff; background-color: #049372; border-color: #049372; cursor: default; } .cbp-l-filters-alignRight .cbp-filter-counter { background: none repeat scroll 0 0 #049372; border-radius: 3px; color: #fff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: opacity 0.25s ease, bottom 0.25s ease; transition: opacity 0.25s ease, bottom 0.25s ease; } .cbp-l-filters-alignRight .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #049372; display: none; } .cbp-l-filters-button { margin-bottom: 30px; } .cbp-l-filters-button .cbp-filter-item { background-color: #ffffff; border: 1px solid #ececec; color: #888888; cursor: pointer; font: 400 12px/32px "Open Sans", sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out; } .cbp-l-filters-button .cbp-filter-item:hover { color: #545454; border-color: #dadada; } .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active { background-color: #545454; color: #fff; border-color: #5d5d5d; cursor: default; } .cbp-l-filters-button .cbp-filter-counter { background-color: #545454; border-radius: 3px; color: #fff; font: 400 11px/18px "Open Sans", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.25s ease, bottom 0.25s ease; transition: opacity 0.25s ease, bottom 0.25s ease; } .cbp-l-filters-button .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #545454; display: none; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-button .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-buttonCenter { margin-bottom: 30px; text-align: center; } .cbp-l-filters-buttonCenter .cbp-filter-item { background-color: #ffffff; border: 1px solid #ececec; color: #888888; cursor: pointer; font: 400 12px/32px "Roboto", sans-serif; margin: 0 10px 10px 0; overflow: visible; padding: 0 17px; position: relative; display: inline-block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover { color: #5d5d5d; } .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active { color: #3b9cb3; border-color: #8cd2e5; cursor: default; } .cbp-l-filters-buttonCenter .cbp-filter-counter { background-color: #68abbc; border-radius: 3px; color: #fff; font: 400 11px/18px "Roboto", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 34px; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.25s ease, bottom 0.25s ease; transition: opacity 0.25s ease, bottom 0.25s ease; } .cbp-l-filters-buttonCenter .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #68abbc; display: none; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-buttonCenter .cbp-filter-item:hover .cbp-filter-counter { bottom: 44px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-dropdown { margin-bottom: 40px; height: 38px; position: relative; z-index: 5; } .cbp-l-filters-dropdownWrap { width: 200px; position: absolute; right: 0; background: #4d4c4d; } .cbp-l-filters-dropdownHeader { font: 400 12px/38px "Open Sans", sans-serif; margin: 0 17px; color: #fff; cursor: default; position: relative; } .cbp-l-filters-dropdownHeader:after { border-color: #fff transparent; border-style: solid; border-width: 5px 5px 0; content: ""; height: 0; position: absolute; right: 0; top: 50%; width: 0; margin-top: -1px; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after { border-width: 0 5px 5px; } .cbp-l-filters-dropdownList { display: none; list-style: none outside none; margin: 0; padding: 0; } .cbp-l-filters-dropdownList > li { margin: 0; list-style: none; } .cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList { display: block; margin: 0; } .cbp-l-filters-dropdownList .cbp-filter-item { background: transparent; color: #b3b3b3; width: 100%; text-align: left; font: 400 12px/40px "Open Sans", sans-serif; margin: 0; padding: 0 17px; cursor: pointer; border: none; border-top: 1px solid #595959; } .cbp-l-filters-dropdownList .cbp-filter-item:hover { color: #e6e6e6; } .cbp-l-filters-dropdownList .cbp-filter-item-active { color: #fff; cursor: default; } .cbp-l-filters-dropdownWrap .cbp-filter-counter { display: inline; } .cbp-l-filters-dropdown-floated { float: right; margin-top: -2px; margin-left: 20px; width: 200px; } .cbp-l-filters-list { margin-bottom: 30px; content: ""; display: table; clear: both; } .cbp-l-filters-list .cbp-filter-item { background-color: transparent; color: #585252; cursor: pointer; font: 400 12px/35px "Open Sans", sans-serif; padding: 0 18px; position: relative; overflow: visible; margin: 0 0 10px; float: left; border: 1px solid #3288c4; border-right-width: 0; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; } .cbp-l-filters-list .cbp-filter-item:hover { color: #000; } .cbp-l-filters-list .cbp-filter-item.cbp-filter-item-active { cursor: default; color: #ffffff; background-color: #3288c4; } .cbp-l-filters-list-first { border-radius: 6px 0 0 6px; } .cbp-l-filters-list-last { border-radius: 0 6px 6px 0; border-right-width: 1px !important; } .cbp-l-filters-list .cbp-filter-counter { display: inline; } @media only screen and (max-width: 600px) { .cbp-l-filters-list .cbp-filter-item { margin-right: 5px; border-radius: 6px; border-right-width: 1px; } } .cbp-l-filters-work { margin-bottom: 30px; text-align: center; } .cbp-l-filters-work .cbp-filter-item { background-color: #ffffff; color: #888; cursor: pointer; font: 600 11px/37px "Open Sans", sans-serif; margin: 0 5px 10px 0; overflow: visible; padding: 0 16px; position: relative; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-work .cbp-filter-item:hover { color: #fff; background: #607d8b; } .cbp-l-filters-work .cbp-filter-item.cbp-filter-item-active { background: #607d8b; color: #fff; cursor: default; } .cbp-l-filters-work .cbp-filter-counter { font: 600 11px/37px "Open Sans", sans-serif; text-align: center; display: inline-block; margin-left: 8px; } .cbp-l-filters-work .cbp-filter-counter:before { content: "("; } .cbp-l-filters-work .cbp-filter-counter:after { content: ")"; } .cbp-l-filters-big { margin-bottom: 30px; text-align: center; } .cbp-l-filters-big .cbp-filter-item { color: #444; cursor: pointer; font: 400 15px/22px "Roboto", sans-serif; margin: 0 15px 10px 0; padding: 10px 23px; position: relative; display: inline-block; border: 1px solid transparent; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cbp-l-filters-big .cbp-filter-item:hover { color: #888; } .cbp-l-filters-big .cbp-filter-item.cbp-filter-item-active { border-color: #d5d5d5; cursor: default; color: #444; } .cbp-l-filters-text { margin-bottom: 30px; text-align: center; font: 400 12px/21px "Lato", sans-serif; color: #dadada; padding: 0 15px; } .cbp-l-filters-text .cbp-filter-item { color: #949494; cursor: pointer; font: 400 13px/21px "Lato", sans-serif; padding: 0 12px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; overflow: visible; margin: 0 0 10px; display: inline-block; } .cbp-l-filters-text .cbp-filter-item:hover { color: #2d2c2c; } .cbp-l-filters-text .cbp-filter-item.cbp-filter-item-active { color: #2d2c2c; cursor: default; } .cbp-l-filters-text .cbp-filter-counter { background: none repeat scroll 0 0 #626161; border-radius: 3px; color: #ffffff; font: 400 11px/16px "Lato", sans-serif; margin: 0 auto; padding: 4px 0; text-align: center; width: 32px; position: absolute; bottom: 0; left: 0; right: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .cbp-l-filters-text .cbp-filter-counter:after { content: ""; position: absolute; bottom: -4px; left: 0; right: 0; margin: 0 auto; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #626161; display: none; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter:after { display: block; } .cbp-l-filters-text .cbp-filter-item:hover .cbp-filter-counter { bottom: 30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .cbp-l-filters-text-sort { display: inline-block; font: 400 13px/21px "Lato", sans-serif; color: #949494; margin-right: 15px; } .cbp-l-filters-underline { margin-bottom: 30px; } .cbp-l-filters-underline .cbp-filter-item { border-bottom: 3px solid transparent; cursor: pointer; font: 600 14px/21px "Open Sans", sans-serif; padding: 8px 10px; position: relative; overflow: visible; margin: 0 20px 10px 0; display: inline-block; color: #787878; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cbp-l-filters-underline .cbp-filter-item:hover { color: #111; } .cbp-l-filters-underline .cbp-filter-item.cbp-filter-item-active { border-bottom-color: #666; color: #444; cursor: default; } .cbp-l-filters-underline .cbp-filter-counter { display: inline; } .cbp-animation-quicksand { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-quicksand .cbp-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; } .cbp-animation-quicksand .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-quicksand .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-quicksand .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: quicksand-off 0.6s ease-out both; animation: quicksand-off 0.6s ease-out both; } .cbp-animation-quicksand .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: quicksand-on 0.6s ease-out both; animation: quicksand-on 0.6s ease-out both; } @-webkit-keyframes quicksand-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-off { 100% { opacity: 0; transform: scale3d(0, 0, 0); } } @-webkit-keyframes quicksand-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0); } } @keyframes quicksand-on { 0% { opacity: 0; transform: scale3d(0, 0, 0); } } .cbp-animation-fadeOut, .cbp-animation-boxShadow { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; } .cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-fadeOut .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: fadeOut-off 0.6s ease-in-out both; animation: fadeOut-off 0.6s ease-in-out both; } .cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: fadeOut-on 0.6s ease-in-out both; animation: fadeOut-on 0.6s ease-in-out both; } @-webkit-keyframes fadeOut-off { 0% { opacity: 1; } 80%, 100% { opacity: 0; } } @keyframes fadeOut-off { 0% { opacity: 1; } 80%, 100% { opacity: 0; } } @-webkit-keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeOut-on { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-animation-flipOut { -webkit-transition: height 0.7s ease-in-out; transition: height 0.7s ease-in-out; will-change: height; } .cbp-animation-flipOut .cbp-item { -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .cbp-animation-flipOut .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOut .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOut .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipOut-out 0.7s both ease-in; animation: flipOut-out 0.7s both ease-in; } .cbp-animation-flipOut .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipOut-in 0.7s ease-out both; animation: flipOut-in 0.7s ease-out both; } @-webkit-keyframes flipOut-out { 50%, 100% { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @keyframes flipOut-out { 50%, 100% { transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; } } @-webkit-keyframes flipOut-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } @keyframes flipOut-in { 0%, 50% { transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; } } .cbp-animation-flipBottom { -webkit-transition: height 0.7s ease-in-out; transition: height 0.7s ease-in-out; will-change: height; } .cbp-animation-flipBottom .cbp-item { -webkit-transition: -webkit-transform 0.7s ease-in-out; transition: transform 0.7s ease-in-out; } .cbp-animation-flipBottom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipBottom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipBottom .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: flipBottom-out 0.7s both ease-in; animation: flipBottom-out 0.7s both ease-in; } .cbp-animation-flipBottom .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: flipBottom-in 0.7s ease-out both; animation: flipBottom-in 0.7s ease-out both; } @-webkit-keyframes flipBottom-out { 50%, 100% { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @keyframes flipBottom-out { 50%, 100% { transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; } } @-webkit-keyframes flipBottom-in { 0%, 50% { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } @keyframes flipBottom-in { 0%, 50% { transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; } } .cbp-animation-scaleSides { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-scaleSides .cbp-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; } .cbp-animation-scaleSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleSides .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: scaleSides-out 0.9s ease both; animation: scaleSides-out 0.9s ease both; } .cbp-animation-scaleSides .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: scaleSides-in 0.9s ease both; animation: scaleSides-in 0.9s ease both; } @-webkit-keyframes scaleSides-out { 50%, 100% { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleSides-out { 50%, 100% { transform: scale(0.6); opacity: 0; } } @-webkit-keyframes scaleSides-in { 0%, 50% { -webkit-transform: scale(0.6); opacity: 0; } } @keyframes scaleSides-in { 0%, 50% { transform: scale(0.6); opacity: 0; } } .cbp-animation-skew { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-skew .cbp-item { -webkit-transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; } .cbp-animation-skew .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-skew .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-skew .cbp-item-on2off .cbp-item-wrapper { -webkit-animation: skew-off 0.6s ease-out both; animation: skew-off 0.6s ease-out both; } .cbp-animation-skew .cbp-item-off2on .cbp-item-wrapper { -webkit-animation: skew-on 0.6s ease-out both; animation: skew-on 0.6s ease-out both; } @-webkit-keyframes skew-off { 100% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(20deg, 0); } } @keyframes skew-off { 100% { opacity: 0; transform: scale3d(0, 0, 0) skew(20deg, 0); } } @-webkit-keyframes skew-on { 0% { opacity: 0; -webkit-transform: scale3d(0, 0, 0) skew(0, 20deg); } } @keyframes skew-on { 0% { opacity: 0; transform: scale3d(0, 0, 0) skew(0, 20deg); } } .cbp-animation-fadeOutTop { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-fadeOutTop .cbp-wrapper-outer { overflow: visible; } .cbp-animation-fadeOutTop .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-fadeOutTop .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-fadeOutTop .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out 0.6s both ease-in-out; animation: fadeOutTop-out 0.6s both ease-in-out; } .cbp-animation-fadeOutTop .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in 0.6s both ease-in-out; animation: fadeOutTop-in 0.6s both ease-in-out; } @-webkit-keyframes fadeOutTop-out { 0% { -webkit-transform: translateY(0); opacity: 1; } 50%, 100% { -webkit-transform: translateY(-30px); opacity: 0; } } @keyframes fadeOutTop-out { 0% { transform: translateY(0); opacity: 1; } 50%, 100% { transform: translateY(-30px); opacity: 0; } } @-webkit-keyframes fadeOutTop-in { 0%, 50% { -webkit-transform: translateY(-30px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes fadeOutTop-in { 0%, 50% { transform: translateY(-30px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-slideLeft { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-slideLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideLeft-out 0.8s both ease-in-out; animation: slideLeft-out 0.8s both ease-in-out; } .cbp-animation-slideLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideLeft-in 0.8s both ease-in-out; animation: slideLeft-in 0.8s both ease-in-out; } @-webkit-keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: 0.75; -webkit-transform: scale(0.8); } 75% { opacity: 0.75; -webkit-transform: scale(0.8) translateX(-200%); } 100% { opacity: 0.75; -webkit-transform: scale(0.8) translateX(-200%); } } @keyframes slideLeft-out { 0% { opacity: 1; transform: scale(1); } 25% { opacity: 0.75; transform: scale(0.8); } 75% { opacity: 0.75; transform: scale(0.8) translateX(-200%); } 100% { opacity: 0.75; transform: scale(0.8) translateX(-200%); } } @-webkit-keyframes slideLeft-in { 0%, 25% { opacity: 0.75; -webkit-transform: scale(0.8) translateX(200%); } 75% { opacity: 0.75; -webkit-transform: scale(0.8); } 100% { opacity: 1; -webkit-transform: scale(1) translateX(0); } } @keyframes slideLeft-in { 0%, 25% { opacity: 0.75; transform: scale(0.8) translateX(200%); } 75% { opacity: 0.75; transform: scale(0.8); } 100% { opacity: 1; transform: scale(1) translateX(0); } } .cbp-animation-sequentially { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-sequentially .cbp-wrapper-outer { overflow: visible; } .cbp-animation-sequentially .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; overflow: visible; } .cbp-animation-sequentially .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-sequentially .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: fadeOutTop-out 0.6s both ease; animation: fadeOutTop-out 0.6s both ease; } .cbp-animation-sequentially .cbp-wrapper .cbp-item-wrapper { -webkit-animation: fadeOutTop-in 0.6s both ease-out; animation: fadeOutTop-in 0.6s both ease-out; } .cbp-animation-3dflip { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-3dflip .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-3dflip .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-3dflip .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: flip-out 0.6s both ease-in-out; animation: flip-out 0.6s both ease-in-out; } .cbp-animation-3dflip .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: flip-in 0.6s both ease-in-out; animation: flip-in 0.6s both ease-in-out; } @-webkit-keyframes flip-out { 100% { opacity: 0; -webkit-transform: rotateY(90deg); } } @keyframes flip-out { 100% { opacity: 0; transform: rotateY(90deg); } } @-webkit-keyframes flip-in { 0% { opacity: 0; -webkit-transform: rotateY(-90deg); } 100% { opacity: 1; -webkit-transform: rotateY(0deg); } } @keyframes flip-in { 0% { opacity: 0; transform: rotateY(-90deg); } 100% { opacity: 1; transform: rotateY(0deg); } } .cbp-animation-flipOutDelay { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-flipOutDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-flipOutDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-flipOutDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: flipOut-out 1s both ease-in; animation: flipOut-out 1s both ease-in; } .cbp-animation-flipOutDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: flipOut-in 1s both ease-out; animation: flipOut-in 1s both ease-out; } .cbp-animation-slideDelay { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-slideDelay .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-slideDelay .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-slideDelay .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: slideDelay-out 0.5s both ease-in-out; animation: slideDelay-out 0.5s both ease-in-out; } .cbp-animation-slideDelay .cbp-wrapper .cbp-item-wrapper { -webkit-animation: slideDelay-in 0.5s both ease-in-out; animation: slideDelay-in 0.5s both ease-in-out; } @-webkit-keyframes slideDelay-out { 100% { -webkit-transform: translateX(-100%); } } @keyframes slideDelay-out { 100% { transform: translateX(-100%); } } @-webkit-keyframes slideDelay-in { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @keyframes slideDelay-in { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } .cbp-animation-rotateSides { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-rotateSides .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateSides .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateSides .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: -50% 50%; -webkit-animation: rotateSides-out 0.5s both ease-in; transform-origin: -50% 50%; animation: rotateSides-out 0.5s both ease-in; } .cbp-animation-rotateSides .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 150% 50%; -webkit-animation: rotateSides-in 0.6s both ease-out; transform-origin: 150% 50%; animation: rotateSides-in 0.6s both ease-out; } @-webkit-keyframes rotateSides-out { 100% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(90deg); } } @keyframes rotateSides-out { 100% { opacity: 0; transform: translateZ(-500px) rotateY(90deg); } } @-webkit-keyframes rotateSides-in { 0% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; -webkit-transform: translateZ(-500px) rotateY(-90deg); } } @keyframes rotateSides-in { 0% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } 40% { opacity: 0; transform: translateZ(-500px) rotateY(-90deg); } } .cbp-animation-foldLeft { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-foldLeft .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-foldLeft .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-foldLeft .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: foldLeft-out 0.7s both ease; animation: foldLeft-out 0.7s both ease; } .cbp-animation-foldLeft .cbp-wrapper .cbp-item-wrapper { -webkit-animation: foldLeft-in 0.7s both ease; animation: foldLeft-in 0.7s ease both; } @-webkit-keyframes foldLeft-out { 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(-90deg); } } @keyframes foldLeft-out { 100% { opacity: 0; transform: translateX(-100%) rotateY(-90deg); } } @-webkit-keyframes foldLeft-in { 0% { opacity: 0.3; -webkit-transform: translateX(100%); } } @keyframes foldLeft-in { 0% { opacity: 0.3; transform: translateX(100%); } } .cbp-animation-unfold { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-unfold .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-unfold .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-unfold .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: unfold-out 0.8s ease both; animation: unfold-out 0.8s ease both; } .cbp-animation-unfold .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; -webkit-animation: unfold-in 0.8s both ease; transform-origin: 0% 50%; animation: unfold-in 0.8s both ease; } @-webkit-keyframes unfold-out { 90% { opacity: 0.3; } 100% { opacity: 0; -webkit-transform: translateX(-100%); } } @keyframes unfold-out { 90% { opacity: 0.3; } 100% { opacity: 0; transform: translateX(-100%); } } @-webkit-keyframes unfold-in { 0% { opacity: 0; -webkit-transform: translateX(100%) rotateY(90deg); } } @keyframes unfold-in { 0% { opacity: 0; transform: translateX(100%) rotateY(90deg); } } .cbp-animation-scaleDown { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-scaleDown .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-scaleDown .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-scaleDown .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: scaleDown-out 0.7s ease both; animation: scaleDown-out 0.7s ease both; } .cbp-animation-scaleDown .cbp-wrapper .cbp-item-wrapper { -webkit-animation: scaleDown-in 0.6s ease both; animation: scaleDown-in 0.6s ease both; } @-webkit-keyframes scaleDown-out { 100% { opacity: 0; -webkit-transform: scale(0.8); } } @keyframes scaleDown-out { 100% { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes scaleDown-in { 0% { -webkit-transform: translateX(100%); } } @keyframes scaleDown-in { 0% { transform: translateX(100%); } } .cbp-animation-frontRow { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-frontRow .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-frontRow .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-frontRow .cbp-wrapper-helper .cbp-item-wrapper { -webkit-animation: frontRow-out 0.7s both ease; animation: frontRow-out 0.7s both ease; } .cbp-animation-frontRow .cbp-wrapper .cbp-item-wrapper { -webkit-animation: frontRow-in 0.6s both ease; animation: frontRow-in 0.6s both ease; } @-webkit-keyframes frontRow-out { 100% { -webkit-transform: translateX(-60%) scale(0.8); opacity: 0; } } @keyframes frontRow-out { 100% { transform: translateX(-60%) scale(0.8); opacity: 0; } } @-webkit-keyframes frontRow-in { 0% { -webkit-transform: translateX(100%) scale(0.8); } 100% { opacity: 1; -webkit-transform: translateX(0%) scale(1); } } @keyframes frontRow-in { 0% { transform: translateX(100%) scale(0.8); } 100% { opacity: 1; transform: translateX(0%) scale(1); } } .cbp-animation-rotateRoom { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-rotateRoom .cbp-item { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-animation-rotateRoom .cbp-item-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cbp-animation-rotateRoom .cbp-wrapper-helper .cbp-item-wrapper { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation: rotateRoom-out 0.8s both ease; animation: rotateRoom-out 0.8s both ease; } .cbp-animation-rotateRoom .cbp-wrapper .cbp-item-wrapper { -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-animation: rotateRoom-in 0.8s both ease; animation: rotateRoom-in 0.8s both ease; } @-webkit-keyframes rotateRoom-out { 90% { opacity: 0.3; } 100% { opacity: 0; -webkit-transform: translateX(-100%) rotateY(90deg); } } @keyframes rotateRoom-out { 90% { opacity: 0.3; } 100% { opacity: 0; transform: translateX(-100%) rotateY(90deg); } } @-webkit-keyframes rotateRoom-in { 0% { opacity: 0.3; -webkit-transform: translateX(100%) rotateY(-90deg); } } @keyframes rotateRoom-in { 0% { opacity: 0.3; transform: translateX(100%) rotateY(-90deg); } } .cbp-animation-bounceBottom { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-bounceBottom .cbp-wrapper-helper { -webkit-animation: bounceBottom-out 0.6s both ease-in-out; animation: bounceBottom-out 0.6s both ease-in-out; } .cbp-animation-bounceBottom .cbp-wrapper { -webkit-animation: bounceBottom-in 0.6s both ease-in-out; animation: bounceBottom-in 0.6s both ease-in-out; } @-webkit-keyframes bounceBottom-out { 100% { -webkit-transform: translateY(100%); opacity: 0; } } @keyframes bounceBottom-out { 100% { transform: translateY(100%); opacity: 0; } } @-webkit-keyframes bounceBottom-in { 0% { -webkit-transform: translateY(100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceBottom-in { 0% { transform: translateY(100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-bounceLeft { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-bounceLeft .cbp-wrapper-helper { -webkit-animation: bounceLeft-out 0.6s both ease-in-out; animation: bounceLeft-out 0.6s both ease-in-out; } .cbp-animation-bounceLeft .cbp-wrapper { -webkit-animation: bounceLeft-in 0.6s both ease-in-out; animation: bounceLeft-in 0.6s both ease-in-out; } @-webkit-keyframes bounceLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes bounceLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes bounceLeft-in { 0% { -webkit-transform: translateX(-100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes bounceLeft-in { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-animation-bounceTop { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-bounceTop .cbp-wrapper-helper { -webkit-animation: bounceTop-out 0.6s both ease-in-out; animation: bounceTop-out 0.6s both ease-in-out; } .cbp-animation-bounceTop .cbp-wrapper { -webkit-animation: bounceTop-in 0.6s both ease-in-out; animation: bounceTop-in 0.6s both ease-in-out; } @-webkit-keyframes bounceTop-out { 100% { -webkit-transform: translateY(-100%); opacity: 0; } } @keyframes bounceTop-out { 100% { transform: translateY(-100%); opacity: 0; } } @-webkit-keyframes bounceTop-in { 0% { -webkit-transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes bounceTop-in { 0% { transform: translateY(-100%); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .cbp-animation-moveLeft { -webkit-transition: height 0.6s ease-in-out; transition: height 0.6s ease-in-out; will-change: height; } .cbp-animation-moveLeft .cbp-wrapper-helper { -webkit-animation: moveLeft-out 0.6s both ease-in-out; animation: moveLeft-out 0.6s both ease-in-out; } .cbp-animation-moveLeft .cbp-wrapper { -webkit-animation: moveLeft-in 0.6s both ease-in-out; animation: moveLeft-in 0.6s both ease-in-out; } @-webkit-keyframes moveLeft-out { 100% { -webkit-transform: translateX(-100%); opacity: 0; } } @keyframes moveLeft-out { 100% { transform: translateX(-100%); opacity: 0; } } @-webkit-keyframes moveLeft-in { 0% { -webkit-transform: translateX(100%); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes moveLeft-in { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .cbp-displayType-bottomToTop { -webkit-perspective: 1000px; perspective: 1000px; } .cbp-displayType-bottomToTop .cbp-item { -webkit-animation: fadeInBottomToTop 0.3s both ease-in; animation: fadeInBottomToTop 0.3s both ease-in; } @-webkit-keyframes fadeInBottomToTop { 0% { opacity: 0; -webkit-transform: translateY(50px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInBottomToTop { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-fadeIn { -webkit-animation: fadeIn 0.5s both ease-in; animation: fadeIn 0.5s both ease-in; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .cbp-displayType-fadeInToTop { -webkit-perspective: 1000px; perspective: 1000px; -webkit-animation: fadeInToTop 0.5s both ease-in; animation: fadeInToTop 0.5s both ease-in; } @-webkit-keyframes fadeInToTop { 0% { opacity: 0; -webkit-transform: translateY(30px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInToTop { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } } .cbp-displayType-sequentially .cbp-item { -webkit-animation: fadeIn 0.5s both ease-in; animation: fadeIn 0.5s both ease-in; } .cbp-lightbox img { display: block; border: 0; width: 100%; height: auto; } .cbp-popup-ie8bg { position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; z-index: -1; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .cbp-popup-wrap { height: 100%; text-align: center; position: fixed; width: 100%; left: 0; top: 0; display: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 9990; padding: 0 10px; } .cbp-popup-wrap video { outline: 0 none; } .cbp-popup-lightbox { background: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; } .cbp-popup-singlePage { background: #fff; padding: 0; } .cbp-popup-wrap:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .cbp-popup-content { position: relative; display: inline-block; vertical-align: middle; text-align: left; max-width: 100%; } .cbp-popup-singlePage .cbp-popup-content { position: relative; z-index: 1; margin-top: 145px; max-width: 1024px; vertical-align: top; width: 94%; } .cbp-popup-singlePage .cbp-popup-content-basic { position: relative; z-index: 1; margin-top: 104px; vertical-align: top; width: 100%; display: inline-block; text-align: left; } .cbp-popup-lightbox-figure { position: relative; } .cbp-popup-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-title { padding-right: 70px; font: 400 12px/18px "Open Sans", sans-serif; color: #eee; } .cbp-popup-lightbox-counter { position: absolute; top: 0; right: 0; font: 400 12px/18px "Open Sans", sans-serif; color: #eee; } .cbp-popup-lightbox-img { width: auto; max-width: 100%; height: auto; display: block; margin: 40px 0 40px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .cbp-popup-lightbox-img[data-action] { cursor: pointer; } .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 75%; } @media only screen and (max-width: 768px) { .cbp-popup-lightbox-isIframe .cbp-popup-content { width: 95%; } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom { left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px; } .cbp-popup-lightbox-iframe { position: relative; height: 0; padding-bottom: 56.25%; background: #000; } .cbp-popup-lightbox-iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } .cbp-popup-lightbox-iframe audio { margin-top: 27%; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { position: absolute; top: 0; left: 0; width: 100%; z-index: 9990; height: 104px; background-color: #3d4750; } .cbp-popup-singlePage .cbp-popup-navigation { position: relative; width: 100%; height: 100%; } .cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap { position: fixed; top: 0 !important; } .cbp-popup-singlePage-counter { color: #fff; position: absolute; margin: auto; right: 40px; top: 0; bottom: 0; font: 400 13px/30px "Open Sans", sans-serif; height: 30px; } @media only screen and (max-width: 768px) { .cbp-popup-singlePage-counter { right: 3%; } } .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close { padding: 0; border: medium none; position: absolute; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-close { visibility: hidden; } .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-next, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-prev, .cbp-popup-ready.cbp-popup-lightbox .cbp-popup-close { visibility: visible; } .cbp-popup-lightbox .cbp-popup-prev { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll 0 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; left: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-prev:hover { background-position: 0 -46px; } .cbp-popup-singlePage .cbp-popup-prev { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll 0 -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 108px; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-prev:hover { background-position: 0 -138px; } .cbp-popup-lightbox .cbp-popup-next { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -46px 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; right: 20px; margin: auto; } .cbp-popup-lightbox .cbp-popup-next:hover { background-position: -46px -46px; } .cbp-popup-singlePage .cbp-popup-next { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -46px -92px transparent; width: 44px; height: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 108px; } .cbp-popup-singlePage .cbp-popup-next:hover { background-position: -46px -138px; } .cbp-popup-lightbox .cbp-popup-close { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 20px; } .cbp-popup-lightbox .cbp-popup-close:hover { background-position: -92px -46px; } .cbp-popup-singlePage .cbp-popup-close { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -92px -92px transparent; height: 44px; width: 44px; margin: auto; top: 0; right: 0; bottom: 0; left: 0; } .cbp-popup-singlePage .cbp-popup-close:hover { background-position: -92px -138px; } .cbp-popup-singlePage .cbp-popup-ie8bg { background-color: #fff; } @media only screen and (max-width: 360px), (max-height: 600px) { .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close { -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); } .cbp-popup-lightbox .cbp-popup-close { right: 10px; top: 10px; } .cbp-popup-lightbox .cbp-popup-next { right: 10px; } .cbp-popup-lightbox .cbp-popup-prev { left: 10px; } .cbp-popup-singlePage .cbp-popup-navigation-wrap { height: 84px; } .cbp-popup-singlePage .cbp-popup-content { margin-top: 120px; } } .cbp-popup-loadingBox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .cbp-popup-lightbox .cbp-popup-loadingBox:after { border-left: 3px solid rgba(255, 255, 255, 0.3); border-right: 3px solid rgba(255, 255, 255, 0.3); border-bottom: 3px solid rgba(255, 255, 255, 0.3); border-top: 3px solid rgba(255, 255, 255, 0.85); } .cbp-popup-ready .cbp-popup-loadingBox { visibility: hidden; display: none; } .cbp-popup-loading .cbp-popup-loadingBox { visibility: visible; display: block; } .cbp-popup-transitionend { overflow-y: scroll; } .cbp-popup-singlePage { left: 100%; -webkit-transition: left 0.6s ease-in-out; transition: left 0.6s ease-in-out; } .cbp-popup-singlePage.cbp-popup-loading .cbp-popup-content { opacity: 0; } .cbp-popup-singlePage-open { left: 0; } .cbp-popup-singlePage.cbp-popup-singlePage-fade { left: 0; opacity: 0; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-fade { opacity: 1; } .cbp-popup-singlePage.cbp-popup-singlePage-right { left: -100%; -webkit-transition: left 0.6s ease-in-out; transition: left 0.6s ease-in-out; } .cbp-popup-singlePage-open.cbp-popup-singlePage-right { left: 0; } .cbp-l-project-title { color: #454444; font: 600 42px/46px "Open Sans", sans-serif; letter-spacing: 2px; margin-bottom: 15px; text-align: center; text-transform: uppercase; } .cbp-l-project-subtitle { color: #787878; font: 400 14px/21px "Open Sans", sans-serif; margin: 0 auto 50px; max-width: 500px; text-align: center; } .cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img { display: block; margin: 0 auto; max-width: 100%; } .cbp-l-project-container { overflow: hidden; margin: 40px auto 0; clear: both; } .cbp-l-project-desc { float: left; width: 62%; } .cbp-l-project-details { float: right; width: 38%; padding-left: 60px; margin-bottom: 15px; } @media only screen and (max-width: 768px) { .cbp-l-project-title { font-size: 30px; line-height: 34px; } .cbp-l-project-desc { width: 100%; } .cbp-l-project-details { width: 100%; margin-top: 20px; padding-left: 0; } } .cbp-l-project-desc-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; color: #444; } .cbp-l-project-desc-title span, .cbp-l-project-details-title span { border-bottom: 1px solid #747474; display: inline-block; margin: 0 0 -1px 0; font: 400 16px/36px "Open Sans", sans-serif; padding: 0 5px 0 0; } .cbp-l-project-desc-text { font: 400 13px/20px "Open Sans", sans-serif; color: #555; margin-bottom: 20px; } .cbp-l-project-details-title { border-bottom: 1px solid #cdcdcd; margin-bottom: 19px; color: #444; } .cbp-l-project-details-list { margin: 0; padding: 0; list-style: none; } .cbp-l-project-details-list > li, .cbp-l-project-details-list > div { border-bottom: 1px dotted #dfdfdf; padding: inherit; color: #666; font: 400 12px/30px "Open Sans", sans-serif; } .cbp-l-project-details-list > li:last-child, .cbp-l-project-details-list > div:last-child { border: none; } .cbp-l-project-details-list strong { display: inline-block; color: #696969; font-weight: 600; min-width: 100px; } .cbp-l-project-details-visit { color: #ffffff; float: right; clear: both; text-decoration: none; font: 400 11px/18px "Open Sans", sans-serif; margin-top: 25px; background-color: #62b57b; padding: 8px 19px; text-transform: uppercase; letter-spacing: 0.5px; } .cbp-l-project-details-visit:hover { opacity: 0.9; color: #fff; } .cbp-l-project-related-wrap { font-size: 0; margin: 0; padding: 0; } .cbp-l-project-related-item { margin-left: 5%; max-width: 30%; float: left; } .cbp-l-project-related-item:first-child { margin-left: 0; } .cbp-l-project-related-title { font: 700 14px/18px "Open Sans", sans-serif; color: #474747; margin-top: 20px; } .cbp-l-project-related-link { text-decoration: none; } .cbp-l-project-related-link:hover { opacity: 0.9; } .cbp-l-member-img { float: left; width: 40%; margin-top: 20px; } .cbp-l-member-img img { border: 1px solid #e2e2e2; width: auto; max-width: 100%; height: auto; display: inline-block; border: 0; } .cbp-l-member-info { margin-top: 20px; padding-left: 25px; float: left; width: 60%; } @media only screen and (max-width: 768px) { .cbp-l-member-img { width: 100%; text-align: center; } .cbp-l-member-info { width: 100%; padding-left: 0; } } .cbp-l-member-name { font: 400 28px/28px "Open Sans", sans-serif; color: #474747; } .cbp-l-member-position { font: 400 13px/21px "Open Sans", sans-serif; color: #888; margin-top: 6px; } .cbp-l-member-desc { font: 400 12px/18px "Open Sans", sans-serif; margin-top: 25px; color: #474747; } .cbp-popup-singlePageInline-open { -webkit-transition: height 0.5s ease 0s !important; transition: height 0.5s ease 0s !important; } .cbp-popup-singlePageInline-open .cbp-item { -webkit-transition: -webkit-transform 0.5s ease 0s !important; transition: transform 0.5s ease 0s !important; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline:after { display: none; visibility: hidden; } .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline-close .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition-delay: 0; transition-delay: 0; } .cbp-popup-singlePageInline { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; overflow: hidden; } .cbp-popup-singlePageInline .cbp-popup-content { opacity: 0; width: 100%; z-index: 1; min-height: 300px; } .cbp-popup-singlePageInline .cbp-popup-content, .cbp-popup-singlePageInline .cbp-popup-navigation { -webkit-transition: opacity 0.4s ease-in 0.2s; transition: opacity 0.4s ease-in 0.2s; } .cbp-popup-singlePageInline .cbp-popup-navigation { opacity: 0; position: absolute; top: 0; right: 0; z-index: 2; width: 40px; height: 40px; } .cbp-popup-singlePageInline .cbp-popup-close { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 30px; } .cbp-popup-singlePageInline .cbp-popup-close:hover { opacity: 0.7; } .cbp-popup-singlePageInline-ready { z-index: 4; } .cbp-popup-singlePageInline-ready .cbp-popup-content, .cbp-popup-singlePageInline-ready .cbp-popup-navigation { opacity: 1; } .cbp-popup-singlePageInline-ready:after { display: none; visibility: hidden; } .cbp-singlePageInline-active { opacity: 0.6 !important; } .cbp-l-inline { margin: 20px 0; overflow: hidden; background: #fafafa; padding: 30px; } .cbp-l-inline-left { float: left; width: 44%; } .cbp-l-project-img { max-width: 100%; } .cbp-l-inline-right { float: right; width: 56%; padding-left: inherit; } @media only screen and (max-width: 768px) { .cbp-l-inline-left { width: 100%; text-align: center; margin-top: 40px; } .cbp-l-inline-right { width: 100%; padding-left: 0; margin-top: 20px; } } .cbp-l-inline-title { font: 400 28px/30px "Open Sans", sans-serif; color: #474747; } .cbp-l-inline-subtitle { font: 400 13px/21px "Open Sans", sans-serif; color: #888; margin-top: 7px; } .cbp-l-inline-desc { font: 400 13px/20px "Open Sans", sans-serif; color: #474747; margin-top: 25px; margin-bottom: 20px; } .cbp-l-inline-view-wrap { text-align: right; } .cbp-l-inline-view { font: 400 13px/35px "Open Sans", sans-serif; color: #9c9c9c; margin-top: 40px; display: inline-block; padding: 0 20px; border: 1px solid #ccc; text-decoration: none; } .cbp-l-inline-view:hover { color: #757575; } .cbp-l-inline-details { margin-top: 15px; font: 13px/22px "Open Sans", sans-serif; } .cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText { display: block; } .cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading { display: none; } .cbp-l-loadMore-loading .cbp-l-loadMore-loadingText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-loadingText { display: block; } .cbp-l-loadMore-loading .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-loading .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-loading .cbp-l-loadMore-button-noMoreLoading { display: none; } .cbp-l-loadMore-stop .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-stop .cbp-l-loadMore-button-noMoreLoading { display: block; } .cbp-l-loadMore-stop .cbp-l-loadMore-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-loadingText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-stop .cbp-l-loadMore-button-loadingText { display: none; } .cbp-l-loadMore-bgbutton { text-align: center; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link { border: 1px solid #dedede; color: #7e7b7b; display: inline-block; font: 400 13px/40px "Lato", sans-serif; min-width: 80px; text-decoration: none; padding: 0 50px; margin-top: 50px; outline: 0; box-shadow: none; letter-spacing: 1px; -webkit-transition: color 0.25s; transition: color 0.25s; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link:hover, .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-loading { color: #b0b0b0; } .cbp-l-loadMore-bgbutton .cbp-l-loadMore-link.cbp-l-loadMore-stop { cursor: default; color: #b0b0b0; } .cbp-l-loadMore-button { text-align: center; } .cbp-l-loadMore-button .cbp-l-loadMore-link, .cbp-l-loadMore-button .cbp-l-loadMore-button-link { border: 1px solid #dedede; color: #7e7b7b; display: inline-block; font: 400 12px/36px "Open Sans", sans-serif; min-width: 80px; text-decoration: none; padding: 0 30px; outline: 0; margin-top: 40px; box-shadow: none; -webkit-transition: color 0.25s; transition: color 0.25s; } .cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-loading { color: #b0b0b0; } .cbp-l-loadMore-button .cbp-l-loadMore-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-stop, .cbp-l-loadMore-button .cbp-l-loadMore-button-link.cbp-l-loadMore-button-stop { cursor: default; color: #b0b0b0; } .cbp-l-loadMore-text { text-align: center; } .cbp-l-loadMore-text .cbp-l-loadMore-link, .cbp-l-loadMore-text .cbp-l-loadMore-text-link { font: 400 15px "Open Sans", sans-serif; color: #7e7b7b; text-decoration: none; cursor: pointer; margin-top: 50px; display: block; } .cbp-l-loadMore-text .cbp-l-loadMore-stop, .cbp-l-loadMore-text .cbp-l-loadMore-text-stop { color: #b0b0b0; cursor: default; } .cbp-mode-slider { -webkit-transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper, .cbp-mode-slider .cbp-item { -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); transition: transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1); } .cbp-mode-slider .cbp-wrapper { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .cbp-mode-slider-dragStart * { cursor: move !important; cursor: -ms-grabbing !important; cursor: -webkit-grabbing !important; cursor: -moz-grabbing !important; cursor: grabbing !important; } .cbp-mode-slider-dragStart .cbp-wrapper { -webkit-transition: none; transition: none; } .cbp-nav-next, .cbp-nav-prev { position: relative; background: #7c8b90; cursor: pointer; display: inline-block; margin-left: 1px; height: 22px; width: 21px; } .cbp-nav-next { border-radius: 0 2px 2px 0; } .cbp-nav-prev { border-radius: 2px 0 0 2px; } .cbp-nav-next:hover, .cbp-nav-prev:hover { opacity: 0.8; } .cbp-nav-next:after, .cbp-nav-prev:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat; height: 10px; width: 7px; } .cbp-nav-next:after { background-position: -134px 0; } .cbp-nav-prev:after { background-position: -134px -12px; } .cbp-nav-stop { opacity: 0.5 !important; cursor: default !important; } .cbp-nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cbp-nav-controls { position: absolute; top: -51px; right: 0; z-index: 100; } .cbp-nav-pagination { position: absolute; bottom: -30px; right: 0; z-index: 100; left: 0; text-align: center; } .cbp-nav-pagination-item { position: relative; width: 10px; height: 10px; border-radius: 50%; margin: 0 4px; display: inline-block; cursor: pointer; background: #c2c2c2; -webkit-transition: background 0.5s; transition: background 0.5s; } .cbp-nav-pagination-active { background: #797979; } .cbp-pagination-item { max-width: 100px; display: inline-block; cursor: pointer; margin-top: 10px; margin-right: 5px; position: relative; } .cbp-pagination-item img { display: block; width: 100%; height: auto; border: 0; } .cbp-pagination-item:after { content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); -webkit-transition: background 0.5s ease-in-out; transition: background 0.5s ease-in-out; } .cbp-pagination-active:after { background: transparent; } .cbp-slider-wrap, .cbp-slider-item { margin: 0; padding: 0; list-style-type: none; } .cbp-slider .cbp-nav-controls { position: static; } .cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next { right: 25px; left: auto; } .cbp-slider .cbp-nav-prev { left: 25px; right: auto; } .cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat; width: 44px; height: 44px; } .cbp-slider .cbp-nav-next:after { background-position: -46px -92px; } .cbp-slider .cbp-nav-next:hover:after { background-position: -46px -46px; } .cbp-slider .cbp-nav-prev:after { background-position: 0 -92px; } .cbp-slider .cbp-nav-prev:hover:after { background-position: 0 -46px; } .cbp-slider .cbp-nav-pagination { text-align: right; bottom: 20px; right: 25px; left: auto; } .cbp-slider-edge .cbp-nav-controls { position: static; } .cbp-slider-edge .cbp-nav-next, .cbp-slider-edge .cbp-nav-prev { background: transparent; position: absolute; margin: auto; top: 0; bottom: 0; z-index: 100; width: 44px; height: 44px; } .cbp-slider-edge .cbp-nav-next { right: -14px; left: auto; } .cbp-slider-edge .cbp-nav-prev { left: -14px; right: auto; } .cbp-slider-edge .cbp-nav-next:after, .cbp-slider-edge .cbp-nav-prev:after { background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat; width: 9px; height: 16px; } .cbp-slider-edge .cbp-nav-next:after { background-position: -134px -24px; } .cbp-slider-edge .cbp-nav-prev:after { background-position: -134px -42px; } .cbp-slider-edge .cbp-nav-pagination { bottom: -50px; } .cbp-slider-edge .cbp-nav-pagination-item { border: 2px solid #0f0f0f; opacity: 0.4; background: transparent; } .cbp-slider-edge .cbp-nav-pagination-active { background: #000; } .cbp-slider-inline { position: relative; } .cbp-slider-inline .cbp-slider-item { position: absolute; width: 100%; top: 0; transition: left 0.5s ease; } .cbp-slider-inline .cbp-slider-item--active { position: relative; z-index: 2; } .cbp-slider-wrapper { position: relative; overflow: hidden; } .cbp-slider-controls { position: absolute; top: 0; right: 0; z-index: 100; opacity: 0; -webkit-transition: opacity 0.7s ease-in-out; transition: opacity 0.7s ease-in-out; } .cbp-slider-inline-ready .cbp-slider-controls { opacity: 1; } .cbp-slider-next, .cbp-slider-prev { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; cursor: pointer; position: relative; width: 36px; height: 36px; background: #547eb1; } .cbp-slider-next { margin-left: 1px; } .cbp-slider-next:after, .cbp-slider-prev:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: url(//https://csbmb2021.cz/wp-content/themes/ark/assets/plugins/cubeportfolio/img/cbp-sprite.png) no-repeat; width: 9px; height: 16px; } .cbp-slider-next:after { background-position: -134px -60px; } .cbp-slider-prev:after { background-position: -134px -78px; } .cbp-l-grid-agency .cbp-caption:after { position: absolute; content: ""; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: 0px; left: 50%; margin-left: -5px; z-index: 1; } .cbp-l-grid-agency.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap { -webkit-transform: scale(1.15); transform: scale(1.15); } .cbp-l-grid-agency-title { margin-top: 18px; font: 700 17px/24px "Lato", sans-serif; color: #666; text-align: center; } .cbp-item:hover .cbp-l-grid-agency-title { color: #222; } .cbp-l-grid-agency-desc { font: 400 12px/21px "Open Sans", sans-serif; color: #aaa; text-align: center; } .cbp-l-grid-work.cbp-caption-zoom .cbp-caption-activeWrap { background-color: rgba(0, 0, 0, 0.7); } .cbp-l-grid-work .cbp-item { padding: 3px; } .cbp-l-grid-work .cbp-item-wrapper { background-color: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); padding: 7px 7px 27px; border-top: 1px solid #f4f4f4; } .cbp-l-grid-work-title { margin-top: 17px; font: 400 17px/25px "Roboto Condensed", sans-serif; color: #607d8b; text-align: center; text-transform: uppercase; display: block; } .cbp-l-grid-work-title:hover { color: #365d67; } .cbp-l-grid-work-desc { font: 400 11px/16px "Open Sans", sans-serif; color: #888888; text-align: center; text-transform: uppercase; } .cbp-l-grid-blog-title { font: 400 18px/30px "Open Sans", sans-serif; color: #444; display: block; margin-top: 17px; } .cbp-l-grid-blog-title:hover { color: #787878; } .cbp-l-grid-blog-date { font: 400 12px/18px "Open Sans", sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-blog-comments { font: 400 12px/18px "Open Sans", sans-serif; color: #3c6fbb; display: inline-block; } .cbp-l-grid-blog-comments:hover { opacity: 0.8; } .cbp-l-grid-blog-desc { font: 400 13px/18px "Open Sans", sans-serif; color: #9b9b9b; margin-top: 9px; } .cbp-l-grid-blog-split { margin: 0 4px; font: 400 13px/16px "Open Sans", sans-serif; color: #787878; display: inline-block; } .cbp-l-grid-clients { height: 180px; } .cbp-l-clients-title-block { font: 400 32px/53px "Roboto", sans-serif; color: #666464; text-align: center; margin-bottom: 40px; } .cbp-l-grid-faq .cbp-item { width: 100%; } .cbp-l-grid-projects-title { font: 700 14px/21px "Open Sans", sans-serif; color: #474747; margin-top: 15px; } .cbp-l-grid-projects-desc { font: 400 12px/18px "Open Sans", sans-serif; color: #888888; margin-top: 5px; } .cbp-l-grid-masonry-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89, 163, 182, 0.95); } .cbp-l-grid-masonry-projects .cbp-l-caption-buttonLeft, .cbp-l-grid-masonry-projects .cbp-l-caption-buttonRight { background-color: #545454; } .cbp-l-grid-masonry-projects-title { font: 500 15px/22px "Roboto", sans-serif; color: #59a3b6; text-align: center; display: block; margin-top: 12px; } .cbp-l-grid-masonry-projects-title:hover { color: #457c8b; } .cbp-l-grid-masonry-projects-desc { font: 400 12px/18px "Roboto", sans-serif; color: #b2b2b2; text-align: center; } .cbp-l-grid-team-name { font: 400 17px/24px "Open Sans", sans-serif; color: #456297; display: block; text-align: center; margin-top: 18px; } .cbp-l-grid-team-name:hover { color: #34425c; } .cbp-l-grid-team-position { font: italic 400 13px/21px "Open Sans", sans-serif; color: #999; text-align: center; } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap { background-color: #64c28e; background-color: rgba(101, 199, 150, 0.95); } .cbp-l-grid-mosaic-flat .cbp-l-caption-title { color: #ffffff; font: 400 14px/21px "Lato", sans-serif; text-transform: uppercase; letter-spacing: 2px; display: inline-block; } .cbp-l-grid-mosaic-flat .cbp-l-caption-title:after { content: ""; display: block; width: 40%; height: 1px; background-color: #fff; margin: 8px auto 0; } .cbp-l-grid-mosaic-projects .cbp-caption-activeWrap { background-color: #59a3b6; background-color: rgba(89, 163, 182, 0.97); } .cbp-l-grid-mosaic .cbp-caption-activeWrap { background-color: #ffea71; background-color: rgba(255, 234, 113, 0.95); } .cbp-l-grid-mosaic .cbp-l-caption-title { color: #5a5a5a; font: 500 18px/22px "Roboto", sans-serif; text-transform: uppercase; margin-bottom: 5px; } .cbp-l-grid-mosaic .cbp-l-caption-desc { color: #585858; font: 400 13px/20px "Roboto", sans-serif; } .cbp-l-slider-title-block { border-bottom: 1px solid #cdcdcd; margin-bottom: 22px; } .cbp-l-slider-title-block div { padding: 0 2px 6px 0; display: inline-block; border-bottom: 1px solid #a9a5a5; color: #5e5e5e; margin-bottom: -1px; font: 15px/21px "Roboto", sans-serif; } .cbp-l-grid-slider-team-name { float: left; font: 20px/30px "Roboto", sans-serif; color: #494949; margin-top: 16px; } .cbp-l-grid-slider-team-position { clear: both; font: 14px/21px "Roboto", sans-serif; color: #a6a6a6; } .cbp-l-grid-slider-team-desc { font: 13px/20px "Roboto", sans-serif; color: #969696; margin-top: 15px; } .cbp-l-grid-slider-team-social { float: right; margin-top: 16px; } .cbp-l-grid-slider-team-social a { color: #737373; line-height: 30px; margin-left: 6px; } .cbp-l-grid-slider-team-social a:hover { opacity: 0.8; } .cbp-l-slider-testimonials-wrap { background: #f8f9f9; padding: 80px 0 110px; border-width: 1px 0; border-style: solid; border-color: #dce1e2; } .cbp-l-grid-slider-testimonials-body { color: #424242; max-width: 800px; margin: 0 auto; font: 20px/32px sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-slider-testimonials-footer { font: 12px/19px "Roboto", sans-serif; color: #777; text-align: center; margin-bottom: 10px; margin-top: 30px; } .cbp-l-grid-tabs { height: 100px; } .cbp-l-grid-tabs .cbp-item { font: 14px/24px "Lato", sans-serif; max-width: 700px; width: 100%; margin: 0 auto; right: 0; text-align: center; color: #5a5a5a; } .cbp-l-testimonials-title-block { position: relative; text-align: center; font: 26px/36px "Roboto", sans-serif; color: #e7e7e7; margin-bottom: 60px; } .cbp-l-testimonials-title-block:after { content: ""; position: absolute; margin: 0 auto; width: 23px; height: 2px; bottom: -6px; background-color: #c2c2c2; left: 0; right: 0; } .cbp-l-testimonials-wrap { background: #2d2d2d; padding: 60px 0 110px; } .cbp-l-grid-testimonials-body { color: #e7e7e7; max-width: 800px; margin: 0 auto; font: 20px/32px "Roboto", sans-serif; text-align: center; padding: 0 20px; } .cbp-l-grid-testimonials-footer { font: 12px/19px "Roboto", sans-serif; color: #c2c2c2; text-align: center; margin-bottom: 40px; margin-top: 35px; } .cbp-search { position: relative; width: 220px; margin-bottom: 40px; } .cbp-search .cbp-search-nothing { display: none; } .cbp-search-icon { position: absolute; width: 32px; height: 100%; top: 0; right: 0; text-align: center; cursor: pointer; pointer-events: none; } .cbp-search-icon:after { content: "\f002"; font-family: "FontAwesome"; font-size: 14px; color: #797979; line-height: 36px; pointer-events: none; } .cbp-search-input { height: 36px; padding: 0 32px 0 12px; margin: 0; border-radius: 1px; border: 1px solid #c6c3c4; font: 400 12px "Open Sans", sans-serif; width: 100%; } .cbp-search-input[value] + .cbp-search-icon { pointer-events: auto; } .cbp-search-input[value] + .cbp-search-icon:after { content: "\f00d"; } .cbp-search-nothing { position: absolute; top: 0; padding: 0 0 30px; text-align: center; width: 100%; font: 13px "Open Sans", sans-serif; } .cbp-l-project-social { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb, .cbp-social-twitter, .cbp-social-googleplus, .cbp-social-pinterest { margin-right: 9px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .cbp-social-fb:hover, .cbp-social-twitter:hover, .cbp-social-googleplus:hover, .cbp-social-pinterest:hover { opacity: 0.8; } .cbp-social-fb:focus, .cbp-social-twitter:focus, .cbp-social-googleplus:focus, .cbp-social-pinterest:focus { outline: none; } .cbp-social-fb path { fill: #415c9b; } .cbp-social-twitter path { fill: #55acee; } .cbp-social-googleplus path { fill: #e57371; } .cbp-social-pinterest path { fill: #cb2027; } @font-face { font-family: "ff-font-awesome"; src: url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-awesome4/ff-font-awesome4.eot?v=4.2.0); src: url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-awesome4/ff-font-awesome4.eot#iefix&v=4.2.0) format("embedded-opentype"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-awesome4/ff-font-awesome4.woff?v=4.2.0) format("woff"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-awesome4/ff-font-awesome4.ttf?v=4.2.0) format("truetype"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-awesome4/ff-font-awesome4.svg?v=4.2.0) format("svg"); font-weight: 400; font-style: normal; } .ff-font-awesome4 { display: inline-block; font-family: "ff-font-awesome"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ff-font-awesome4[class*="icon"]:before { font-family: "ff-font-awesome" !important; } .fa { display: inline-block; font: normal normal normal 14px/1 "ff-font-awesome"; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-glass:before, .ff-font-awesome4.icon-glass:before { content: "\f000"; } .fa-music:before, .ff-font-awesome4.icon-music:before { content: "\f001"; } .fa-search:before, .ff-font-awesome4.icon-search:before { content: "\f002"; } .fa-envelope-o:before, .ff-font-awesome4.icon-envelope-o:before { content: "\f003"; } .fa-heart:before, .ff-font-awesome4.icon-heart:before { content: "\f004"; } .fa-star:before, .ff-font-awesome4.icon-star:before { content: "\f005"; } .fa-star-o:before, .ff-font-awesome4.icon-star-o:before { content: "\f006"; } .fa-user:before, .ff-font-awesome4.icon-user:before { content: "\f007"; } .fa-film:before, .ff-font-awesome4.icon-film:before { content: "\f008"; } .fa-th-large:before, .ff-font-awesome4.icon-th-large:before { content: "\f009"; } .fa-th:before, .ff-font-awesome4.icon-th:before { content: "\f00a"; } .fa-th-list:before, .ff-font-awesome4.icon-th-list:before { content: "\f00b"; } .fa-check:before, .ff-font-awesome4.icon-check:before { content: "\f00c"; } .fa-remove:before, .ff-font-awesome4.icon-remove:before { content: "\f00d"; } .fa-close:before, .ff-font-awesome4.icon-close:before { content: "\f00d"; } .fa-times:before, .ff-font-awesome4.icon-times:before { content: "\f00d"; } .fa-search-plus:before, .ff-font-awesome4.icon-search-plus:before { content: "\f00e"; } .fa-search-minus:before, .ff-font-awesome4.icon-search-minus:before { content: "\f010"; } .fa-power-off:before, .ff-font-awesome4.icon-power-off:before { content: "\f011"; } .fa-signal:before, .ff-font-awesome4.icon-signal:before { content: "\f012"; } .fa-gear:before, .ff-font-awesome4.icon-gear:before { content: "\f013"; } .fa-cog:before, .ff-font-awesome4.icon-cog:before { content: "\f013"; } .fa-trash-o:before, .ff-font-awesome4.icon-trash-o:before { content: "\f014"; } .fa-home:before, .ff-font-awesome4.icon-home:before { content: "\f015"; } .fa-file-o:before, .ff-font-awesome4.icon-file-o:before { content: "\f016"; } .fa-clock-o:before, .ff-font-awesome4.icon-clock-o:before { content: "\f017"; } .fa-road:before, .ff-font-awesome4.icon-road:before { content: "\f018"; } .fa-download:before, .ff-font-awesome4.icon-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before, .ff-font-awesome4.icon-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before, .ff-font-awesome4.icon-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before, .ff-font-awesome4.icon-inbox:before { content: "\f01c"; } .fa-play-circle-o:before, .ff-font-awesome4.icon-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .ff-font-awesome4.icon-rotate-right:before { content: "\f01e"; } .fa-repeat:before, .ff-font-awesome4.icon-repeat:before { content: "\f01e"; } .fa-refresh:before, .ff-font-awesome4.icon-refresh:before { content: "\f021"; } .fa-list-alt:before, .ff-font-awesome4.icon-list-alt:before { content: "\f022"; } .fa-lock:before, .ff-font-awesome4.icon-lock:before { content: "\f023"; } .fa-flag:before, .ff-font-awesome4.icon-flag:before { content: "\f024"; } .fa-headphones:before, .ff-font-awesome4.icon-headphones:before { content: "\f025"; } .fa-volume-off:before, .ff-font-awesome4.icon-volume-off:before { content: "\f026"; } .fa-volume-down:before, .ff-font-awesome4.icon-volume-down:before { content: "\f027"; } .fa-volume-up:before, .ff-font-awesome4.icon-volume-up:before { content: "\f028"; } .fa-qrcode:before, .ff-font-awesome4.icon-qrcode:before { content: "\f029"; } .fa-barcode:before, .ff-font-awesome4.icon-barcode:before { content: "\f02a"; } .fa-tag:before, .ff-font-awesome4.icon-tag:before { content: "\f02b"; } .fa-tags:before, .ff-font-awesome4.icon-tags:before { content: "\f02c"; } .fa-book:before, .ff-font-awesome4.icon-book:before { content: "\f02d"; } .fa-bookmark:before, .ff-font-awesome4.icon-bookmark:before { content: "\f02e"; } .fa-print:before, .ff-font-awesome4.icon-print:before { content: "\f02f"; } .fa-camera:before, .ff-font-awesome4.icon-camera:before { content: "\f030"; } .fa-font:before, .ff-font-awesome4.icon-font:before { content: "\f031"; } .fa-bold:before, .ff-font-awesome4.icon-bold:before { content: "\f032"; } .fa-italic:before, .ff-font-awesome4.icon-italic:before { content: "\f033"; } .fa-text-height:before, .ff-font-awesome4.icon-text-height:before { content: "\f034"; } .fa-text-width:before, .ff-font-awesome4.icon-text-width:before { content: "\f035"; } .fa-align-left:before, .ff-font-awesome4.icon-align-left:before { content: "\f036"; } .fa-align-center:before, .ff-font-awesome4.icon-align-center:before { content: "\f037"; } .fa-align-right:before, .ff-font-awesome4.icon-align-right:before { content: "\f038"; } .fa-align-justify:before, .ff-font-awesome4.icon-align-justify:before { content: "\f039"; } .fa-list:before, .ff-font-awesome4.icon-list:before { content: "\f03a"; } .fa-dedent:before, .ff-font-awesome4.icon-dedent:before { content: "\f03b"; } .fa-outdent:before, .ff-font-awesome4.icon-outdent:before { content: "\f03b"; } .fa-indent:before, .ff-font-awesome4.icon-indent:before { content: "\f03c"; } .fa-video-camera:before, .ff-font-awesome4.icon-video-camera:before { content: "\f03d"; } .fa-photo:before, .ff-font-awesome4.icon-photo:before { content: "\f03e"; } .fa-image:before, .ff-font-awesome4.icon-image:before { content: "\f03e"; } .fa-picture-o:before, .ff-font-awesome4.icon-picture-o:before { content: "\f03e"; } .fa-pencil:before, .ff-font-awesome4.icon-pencil:before { content: "\f040"; } .fa-map-marker:before, .ff-font-awesome4.icon-map-marker:before { content: "\f041"; } .fa-adjust:before, .ff-font-awesome4.icon-adjust:before { content: "\f042"; } .fa-tint:before, .ff-font-awesome4.icon-tint:before { content: "\f043"; } .fa-edit:before, .ff-font-awesome4.icon-edit:before { content: "\f044"; } .fa-pencil-square-o:before, .ff-font-awesome4.icon-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before, .ff-font-awesome4.icon-share-square-o:before { content: "\f045"; } .fa-check-square-o:before, .ff-font-awesome4.icon-check-square-o:before { content: "\f046"; } .fa-arrows:before, .ff-font-awesome4.icon-arrows:before { content: "\f047"; } .fa-step-backward:before, .ff-font-awesome4.icon-step-backward:before { content: "\f048"; } .fa-fast-backward:before, .ff-font-awesome4.icon-fast-backward:before { content: "\f049"; } .fa-backward:before, .ff-font-awesome4.icon-backward:before { content: "\f04a"; } .fa-play:before, .ff-font-awesome4.icon-play:before { content: "\f04b"; } .fa-pause:before, .ff-font-awesome4.icon-pause:before { content: "\f04c"; } .fa-stop:before, .ff-font-awesome4.icon-stop:before { content: "\f04d"; } .fa-forward:before, .ff-font-awesome4.icon-forward:before { content: "\f04e"; } .fa-fast-forward:before, .ff-font-awesome4.icon-fast-forward:before { content: "\f050"; } .fa-step-forward:before, .ff-font-awesome4.icon-step-forward:before { content: "\f051"; } .fa-eject:before, .ff-font-awesome4.icon-eject:before { content: "\f052"; } .fa-chevron-left:before, .ff-font-awesome4.icon-chevron-left:before { content: "\f053"; } .fa-chevron-right:before, .ff-font-awesome4.icon-chevron-right:before { content: "\f054"; } .fa-plus-circle:before, .ff-font-awesome4.icon-plus-circle:before { content: "\f055"; } .fa-minus-circle:before, .ff-font-awesome4.icon-minus-circle:before { content: "\f056"; } .fa-times-circle:before, .ff-font-awesome4.icon-times-circle:before { content: "\f057"; } .fa-check-circle:before, .ff-font-awesome4.icon-check-circle:before { content: "\f058"; } .fa-question-circle:before, .ff-font-awesome4.icon-question-circle:before { content: "\f059"; } .fa-info-circle:before, .ff-font-awesome4.icon-info-circle:before { content: "\f05a"; } .fa-crosshairs:before, .ff-font-awesome4.icon-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before, .ff-font-awesome4.icon-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before, .ff-font-awesome4.icon-check-circle-o:before { content: "\f05d"; } .fa-ban:before, .ff-font-awesome4.icon-ban:before { content: "\f05e"; } .fa-arrow-left:before, .ff-font-awesome4.icon-arrow-left:before { content: "\f060"; } .fa-arrow-right:before, .ff-font-awesome4.icon-arrow-right:before { content: "\f061"; } .fa-arrow-up:before, .ff-font-awesome4.icon-arrow-up:before { content: "\f062"; } .fa-arrow-down:before, .ff-font-awesome4.icon-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .ff-font-awesome4.icon-mail-forward:before { content: "\f064"; } .fa-share:before, .ff-font-awesome4.icon-share:before { content: "\f064"; } .fa-expand:before, .ff-font-awesome4.icon-expand:before { content: "\f065"; } .fa-compress:before, .ff-font-awesome4.icon-compress:before { content: "\f066"; } .fa-plus:before, .ff-font-awesome4.icon-plus:before { content: "\f067"; } .fa-minus:before, .ff-font-awesome4.icon-minus:before { content: "\f068"; } .fa-asterisk:before, .ff-font-awesome4.icon-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before, .ff-font-awesome4.icon-exclamation-circle:before { content: "\f06a"; } .fa-gift:before, .ff-font-awesome4.icon-gift:before { content: "\f06b"; } .fa-leaf:before, .ff-font-awesome4.icon-leaf:before { content: "\f06c"; } .fa-fire:before, .ff-font-awesome4.icon-fire:before { content: "\f06d"; } .fa-eye:before, .ff-font-awesome4.icon-eye:before { content: "\f06e"; } .fa-eye-slash:before, .ff-font-awesome4.icon-eye-slash:before { content: "\f070"; } .fa-warning:before, .ff-font-awesome4.icon-warning:before { content: "\f071"; } .fa-exclamation-triangle:before, .ff-font-awesome4.icon-exclamation-triangle:before { content: "\f071"; } .fa-plane:before, .ff-font-awesome4.icon-plane:before { content: "\f072"; } .fa-calendar:before, .ff-font-awesome4.icon-calendar:before { content: "\f073"; } .fa-random:before, .ff-font-awesome4.icon-random:before { content: "\f074"; } .fa-comment:before, .ff-font-awesome4.icon-comment:before { content: "\f075"; } .fa-magnet:before, .ff-font-awesome4.icon-magnet:before { content: "\f076"; } .fa-chevron-up:before, .ff-font-awesome4.icon-chevron-up:before { content: "\f077"; } .fa-chevron-down:before, .ff-font-awesome4.icon-chevron-down:before { content: "\f078"; } .fa-retweet:before, .ff-font-awesome4.icon-retweet:before { content: "\f079"; } .fa-shopping-cart:before, .ff-font-awesome4.icon-shopping-cart:before { content: "\f07a"; } .fa-folder:before, .ff-font-awesome4.icon-folder:before { content: "\f07b"; } .fa-folder-open:before, .ff-font-awesome4.icon-folder-open:before { content: "\f07c"; } .fa-arrows-v:before, .ff-font-awesome4.icon-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before, .ff-font-awesome4.icon-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .ff-font-awesome4.icon-bar-chart-o:before { content: "\f080"; } .fa-bar-chart:before, .ff-font-awesome4.icon-bar-chart:before { content: "\f080"; } .fa-twitter-square:before, .ff-font-awesome4.icon-twitter-square:before { content: "\f081"; } .fa-facebook-square:before, .ff-font-awesome4.icon-facebook-square:before { content: "\f082"; } .fa-camera-retro:before, .ff-font-awesome4.icon-camera-retro:before { content: "\f083"; } .fa-key:before, .ff-font-awesome4.icon-key:before { content: "\f084"; } .fa-gears:before, .ff-font-awesome4.icon-gears:before { content: "\f085"; } .fa-cogs:before, .ff-font-awesome4.icon-cogs:before { content: "\f085"; } .fa-comments:before, .ff-font-awesome4.icon-comments:before { content: "\f086"; } .fa-thumbs-o-up:before, .ff-font-awesome4.icon-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before, .ff-font-awesome4.icon-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before, .ff-font-awesome4.icon-star-half:before { content: "\f089"; } .fa-heart-o:before, .ff-font-awesome4.icon-heart-o:before { content: "\f08a"; } .fa-sign-out:before, .ff-font-awesome4.icon-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before, .ff-font-awesome4.icon-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before, .ff-font-awesome4.icon-thumb-tack:before { content: "\f08d"; } .fa-external-link:before, .ff-font-awesome4.icon-external-link:before { content: "\f08e"; } .fa-sign-in:before, .ff-font-awesome4.icon-sign-in:before { content: "\f090"; } .fa-trophy:before, .ff-font-awesome4.icon-trophy:before { content: "\f091"; } .fa-github-square:before, .ff-font-awesome4.icon-github-square:before { content: "\f092"; } .fa-upload:before, .ff-font-awesome4.icon-upload:before { content: "\f093"; } .fa-lemon-o:before, .ff-font-awesome4.icon-lemon-o:before { content: "\f094"; } .fa-phone:before, .ff-font-awesome4.icon-phone:before { content: "\f095"; } .fa-square-o:before, .ff-font-awesome4.icon-square-o:before { content: "\f096"; } .fa-bookmark-o:before, .ff-font-awesome4.icon-bookmark-o:before { content: "\f097"; } .fa-phone-square:before, .ff-font-awesome4.icon-phone-square:before { content: "\f098"; } .fa-twitter:before, .ff-font-awesome4.icon-twitter:before { content: "\f099"; } .fa-facebook-f:before, .ff-font-awesome4.icon-facebook-f:before { content: "\f09a"; } .fa-facebook:before, .ff-font-awesome4.icon-facebook:before { content: "\f09a"; } .fa-github:before, .ff-font-awesome4.icon-github:before { content: "\f09b"; } .fa-unlock:before, .ff-font-awesome4.icon-unlock:before { content: "\f09c"; } .fa-credit-card:before, .ff-font-awesome4.icon-credit-card:before { content: "\f09d"; } .fa-feed:before, .ff-font-awesome4.icon-feed:before { content: "\f09e"; } .fa-rss:before, .ff-font-awesome4.icon-rss:before { content: "\f09e"; } .fa-hdd-o:before, .ff-font-awesome4.icon-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before, .ff-font-awesome4.icon-bullhorn:before { content: "\f0a1"; } .fa-bell:before, .ff-font-awesome4.icon-bell:before { content: "\f0f3"; } .fa-certificate:before, .ff-font-awesome4.icon-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before, .ff-font-awesome4.icon-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before, .ff-font-awesome4.icon-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before, .ff-font-awesome4.icon-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before, .ff-font-awesome4.icon-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before, .ff-font-awesome4.icon-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before, .ff-font-awesome4.icon-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before, .ff-font-awesome4.icon-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before, .ff-font-awesome4.icon-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before, .ff-font-awesome4.icon-globe:before { content: "\f0ac"; } .fa-wrench:before, .ff-font-awesome4.icon-wrench:before { content: "\f0ad"; } .fa-tasks:before, .ff-font-awesome4.icon-tasks:before { content: "\f0ae"; } .fa-filter:before, .ff-font-awesome4.icon-filter:before { content: "\f0b0"; } .fa-briefcase:before, .ff-font-awesome4.icon-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before, .ff-font-awesome4.icon-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .ff-font-awesome4.icon-group:before { content: "\f0c0"; } .fa-users:before, .ff-font-awesome4.icon-users:before { content: "\f0c0"; } .fa-chain:before, .ff-font-awesome4.icon-chain:before { content: "\f0c1"; } .fa-link:before, .ff-font-awesome4.icon-link:before { content: "\f0c1"; } .fa-cloud:before, .ff-font-awesome4.icon-cloud:before { content: "\f0c2"; } .fa-flask:before, .ff-font-awesome4.icon-flask:before { content: "\f0c3"; } .fa-cut:before, .ff-font-awesome4.icon-cut:before { content: "\f0c4"; } .fa-scissors:before, .ff-font-awesome4.icon-scissors:before { content: "\f0c4"; } .fa-copy:before, .ff-font-awesome4.icon-copy:before { content: "\f0c5"; } .fa-files-o:before, .ff-font-awesome4.icon-files-o:before { content: "\f0c5"; } .fa-paperclip:before, .ff-font-awesome4.icon-paperclip:before { content: "\f0c6"; } .fa-save:before, .ff-font-awesome4.icon-save:before { content: "\f0c7"; } .fa-floppy-o:before, .ff-font-awesome4.icon-floppy-o:before { content: "\f0c7"; } .fa-square:before, .ff-font-awesome4.icon-square:before { content: "\f0c8"; } .fa-navicon:before, .ff-font-awesome4.icon-navicon:before { content: "\f0c9"; } .fa-reorder:before, .ff-font-awesome4.icon-reorder:before { content: "\f0c9"; } .fa-bars:before, .ff-font-awesome4.icon-bars:before { content: "\f0c9"; } .fa-list-ul:before, .ff-font-awesome4.icon-list-ul:before { content: "\f0ca"; } .fa-list-ol:before, .ff-font-awesome4.icon-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before, .ff-font-awesome4.icon-strikethrough:before { content: "\f0cc"; } .fa-underline:before, .ff-font-awesome4.icon-underline:before { content: "\f0cd"; } .fa-table:before, .ff-font-awesome4.icon-table:before { content: "\f0ce"; } .fa-magic:before, .ff-font-awesome4.icon-magic:before { content: "\f0d0"; } .fa-truck:before, .ff-font-awesome4.icon-truck:before { content: "\f0d1"; } .fa-pinterest:before, .ff-font-awesome4.icon-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before, .ff-font-awesome4.icon-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before, .ff-font-awesome4.icon-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before, .ff-font-awesome4.icon-google-plus:before { content: "\f0d5"; } .fa-money:before, .ff-font-awesome4.icon-money:before { content: "\f0d6"; } .fa-caret-down:before, .ff-font-awesome4.icon-caret-down:before { content: "\f0d7"; } .fa-caret-up:before, .ff-font-awesome4.icon-caret-up:before { content: "\f0d8"; } .fa-caret-left:before, .ff-font-awesome4.icon-caret-left:before { content: "\f0d9"; } .fa-caret-right:before, .ff-font-awesome4.icon-caret-right:before { content: "\f0da"; } .fa-columns:before, .ff-font-awesome4.icon-columns:before { content: "\f0db"; } .fa-unsorted:before, .ff-font-awesome4.icon-unsorted:before { content: "\f0dc"; } .fa-sort:before, .ff-font-awesome4.icon-sort:before { content: "\f0dc"; } .fa-sort-down:before, .ff-font-awesome4.icon-sort-down:before { content: "\f0dd"; } .fa-sort-desc:before, .ff-font-awesome4.icon-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .ff-font-awesome4.icon-sort-up:before { content: "\f0de"; } .fa-sort-asc:before, .ff-font-awesome4.icon-sort-asc:before { content: "\f0de"; } .fa-envelope:before, .ff-font-awesome4.icon-envelope:before { content: "\f0e0"; } .fa-linkedin:before, .ff-font-awesome4.icon-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .ff-font-awesome4.icon-rotate-left:before { content: "\f0e2"; } .fa-undo:before, .ff-font-awesome4.icon-undo:before { content: "\f0e2"; } .fa-legal:before, .ff-font-awesome4.icon-legal:before { content: "\f0e3"; } .fa-gavel:before, .ff-font-awesome4.icon-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .ff-font-awesome4.icon-dashboard:before { content: "\f0e4"; } .fa-tachometer:before, .ff-font-awesome4.icon-tachometer:before { content: "\f0e4"; } .fa-comment-o:before, .ff-font-awesome4.icon-comment-o:before { content: "\f0e5"; } .fa-comments-o:before, .ff-font-awesome4.icon-comments-o:before { content: "\f0e6"; } .fa-flash:before, .ff-font-awesome4.icon-flash:before { content: "\f0e7"; } .fa-bolt:before, .ff-font-awesome4.icon-bolt:before { content: "\f0e7"; } .fa-sitemap:before, .ff-font-awesome4.icon-sitemap:before { content: "\f0e8"; } .fa-umbrella:before, .ff-font-awesome4.icon-umbrella:before { content: "\f0e9"; } .fa-paste:before, .ff-font-awesome4.icon-paste:before { content: "\f0ea"; } .fa-clipboard:before, .ff-font-awesome4.icon-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before, .ff-font-awesome4.icon-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before, .ff-font-awesome4.icon-exchange:before { content: "\f0ec"; } .fa-cloud-download:before, .ff-font-awesome4.icon-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before, .ff-font-awesome4.icon-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before, .ff-font-awesome4.icon-user-md:before { content: "\f0f0"; } .fa-stethoscope:before, .ff-font-awesome4.icon-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before, .ff-font-awesome4.icon-suitcase:before { content: "\f0f2"; } .fa-bell-o:before, .ff-font-awesome4.icon-bell-o:before { content: "\f0a2"; } .fa-coffee:before, .ff-font-awesome4.icon-coffee:before { content: "\f0f4"; } .fa-cutlery:before, .ff-font-awesome4.icon-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before, .ff-font-awesome4.icon-file-text-o:before { content: "\f0f6"; } .fa-building-o:before, .ff-font-awesome4.icon-building-o:before { content: "\f0f7"; } .fa-hospital-o:before, .ff-font-awesome4.icon-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before, .ff-font-awesome4.icon-ambulance:before { content: "\f0f9"; } .fa-medkit:before, .ff-font-awesome4.icon-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before, .ff-font-awesome4.icon-fighter-jet:before { content: "\f0fb"; } .fa-beer:before, .ff-font-awesome4.icon-beer:before { content: "\f0fc"; } .fa-h-square:before, .ff-font-awesome4.icon-h-square:before { content: "\f0fd"; } .fa-plus-square:before, .ff-font-awesome4.icon-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before, .ff-font-awesome4.icon-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before, .ff-font-awesome4.icon-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before, .ff-font-awesome4.icon-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before, .ff-font-awesome4.icon-angle-double-down:before { content: "\f103"; } .fa-angle-left:before, .ff-font-awesome4.icon-angle-left:before { content: "\f104"; } .fa-angle-right:before, .ff-font-awesome4.icon-angle-right:before { content: "\f105"; } .fa-angle-up:before, .ff-font-awesome4.icon-angle-up:before { content: "\f106"; } .fa-angle-down:before, .ff-font-awesome4.icon-angle-down:before { content: "\f107"; } .fa-desktop:before, .ff-font-awesome4.icon-desktop:before { content: "\f108"; } .fa-laptop:before, .ff-font-awesome4.icon-laptop:before { content: "\f109"; } .fa-tablet:before, .ff-font-awesome4.icon-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .ff-font-awesome4.icon-mobile-phone:before { content: "\f10b"; } .fa-mobile:before, .ff-font-awesome4.icon-mobile:before { content: "\f10b"; } .fa-circle-o:before, .ff-font-awesome4.icon-circle-o:before { content: "\f10c"; } .fa-quote-left:before, .ff-font-awesome4.icon-quote-left:before { content: "\f10d"; } .fa-quote-right:before, .ff-font-awesome4.icon-quote-right:before { content: "\f10e"; } .fa-spinner:before, .ff-font-awesome4.icon-spinner:before { content: "\f110"; } .fa-circle:before, .ff-font-awesome4.icon-circle:before { content: "\f111"; } .fa-mail-reply:before, .ff-font-awesome4.icon-mail-reply:before { content: "\f112"; } .fa-reply:before, .ff-font-awesome4.icon-reply:before { content: "\f112"; } .fa-github-alt:before, .ff-font-awesome4.icon-github-alt:before { content: "\f113"; } .fa-folder-o:before, .ff-font-awesome4.icon-folder-o:before { content: "\f114"; } .fa-folder-open-o:before, .ff-font-awesome4.icon-folder-open-o:before { content: "\f115"; } .fa-smile-o:before, .ff-font-awesome4.icon-smile-o:before { content: "\f118"; } .fa-frown-o:before, .ff-font-awesome4.icon-frown-o:before { content: "\f119"; } .fa-meh-o:before, .ff-font-awesome4.icon-meh-o:before { content: "\f11a"; } .fa-gamepad:before, .ff-font-awesome4.icon-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before, .ff-font-awesome4.icon-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before, .ff-font-awesome4.icon-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before, .ff-font-awesome4.icon-flag-checkered:before { content: "\f11e"; } .fa-terminal:before, .ff-font-awesome4.icon-terminal:before { content: "\f120"; } .fa-code:before, .ff-font-awesome4.icon-code:before { content: "\f121"; } .fa-mail-reply-all:before, .ff-font-awesome4.icon-mail-reply-all:before { content: "\f122"; } .fa-reply-all:before, .ff-font-awesome4.icon-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .ff-font-awesome4.icon-star-half-empty:before { content: "\f123"; } .fa-star-half-full:before, .ff-font-awesome4.icon-star-half-full:before { content: "\f123"; } .fa-star-half-o:before, .ff-font-awesome4.icon-star-half-o:before { content: "\f123"; } .fa-location-arrow:before, .ff-font-awesome4.icon-location-arrow:before { content: "\f124"; } .fa-crop:before, .ff-font-awesome4.icon-crop:before { content: "\f125"; } .fa-code-fork:before, .ff-font-awesome4.icon-code-fork:before { content: "\f126"; } .fa-unlink:before, .ff-font-awesome4.icon-unlink:before { content: "\f127"; } .fa-chain-broken:before, .ff-font-awesome4.icon-chain-broken:before { content: "\f127"; } .fa-question:before, .ff-font-awesome4.icon-question:before { content: "\f128"; } .fa-info:before, .ff-font-awesome4.icon-info:before { content: "\f129"; } .fa-exclamation:before, .ff-font-awesome4.icon-exclamation:before { content: "\f12a"; } .fa-superscript:before, .ff-font-awesome4.icon-superscript:before { content: "\f12b"; } .fa-subscript:before, .ff-font-awesome4.icon-subscript:before { content: "\f12c"; } .fa-eraser:before, .ff-font-awesome4.icon-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before, .ff-font-awesome4.icon-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before, .ff-font-awesome4.icon-microphone:before { content: "\f130"; } .fa-microphone-slash:before, .ff-font-awesome4.icon-microphone-slash:before { content: "\f131"; } .fa-shield:before, .ff-font-awesome4.icon-shield:before { content: "\f132"; } .fa-calendar-o:before, .ff-font-awesome4.icon-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before, .ff-font-awesome4.icon-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before, .ff-font-awesome4.icon-rocket:before { content: "\f135"; } .fa-maxcdn:before, .ff-font-awesome4.icon-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before, .ff-font-awesome4.icon-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before, .ff-font-awesome4.icon-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before, .ff-font-awesome4.icon-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before, .ff-font-awesome4.icon-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before, .ff-font-awesome4.icon-html5:before { content: "\f13b"; } .fa-css3:before, .ff-font-awesome4.icon-css3:before { content: "\f13c"; } .fa-anchor:before, .ff-font-awesome4.icon-anchor:before { content: "\f13d"; } .fa-unlock-alt:before, .ff-font-awesome4.icon-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before, .ff-font-awesome4.icon-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before, .ff-font-awesome4.icon-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before, .ff-font-awesome4.icon-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before, .ff-font-awesome4.icon-rss-square:before { content: "\f143"; } .fa-play-circle:before, .ff-font-awesome4.icon-play-circle:before { content: "\f144"; } .fa-ticket:before, .ff-font-awesome4.icon-ticket:before { content: "\f145"; } .fa-minus-square:before, .ff-font-awesome4.icon-minus-square:before { content: "\f146"; } .fa-minus-square-o:before, .ff-font-awesome4.icon-minus-square-o:before { content: "\f147"; } .fa-level-up:before, .ff-font-awesome4.icon-level-up:before { content: "\f148"; } .fa-level-down:before, .ff-font-awesome4.icon-level-down:before { content: "\f149"; } .fa-check-square:before, .ff-font-awesome4.icon-check-square:before { content: "\f14a"; } .fa-pencil-square:before, .ff-font-awesome4.icon-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before, .ff-font-awesome4.icon-external-link-square:before { content: "\f14c"; } .fa-share-square:before, .ff-font-awesome4.icon-share-square:before { content: "\f14d"; } .fa-compass:before, .ff-font-awesome4.icon-compass:before { content: "\f14e"; } .fa-toggle-down:before, .ff-font-awesome4.icon-toggle-down:before { content: "\f150"; } .fa-caret-square-o-down:before, .ff-font-awesome4.icon-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .ff-font-awesome4.icon-toggle-up:before { content: "\f151"; } .fa-caret-square-o-up:before, .ff-font-awesome4.icon-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .ff-font-awesome4.icon-toggle-right:before { content: "\f152"; } .fa-caret-square-o-right:before, .ff-font-awesome4.icon-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .ff-font-awesome4.icon-euro:before { content: "\f153"; } .fa-eur:before, .ff-font-awesome4.icon-eur:before { content: "\f153"; } .fa-gbp:before, .ff-font-awesome4.icon-gbp:before { content: "\f154"; } .fa-dollar:before, .ff-font-awesome4.icon-dollar:before { content: "\f155"; } .fa-usd:before, .ff-font-awesome4.icon-usd:before { content: "\f155"; } .fa-rupee:before, .ff-font-awesome4.icon-rupee:before { content: "\f156"; } .fa-inr:before, .ff-font-awesome4.icon-inr:before { content: "\f156"; } .fa-cny:before, .ff-font-awesome4.icon-cny:before { content: "\f157"; } .fa-rmb:before, .ff-font-awesome4.icon-rmb:before { content: "\f157"; } .fa-yen:before, .ff-font-awesome4.icon-yen:before { content: "\f157"; } .fa-jpy:before, .ff-font-awesome4.icon-jpy:before { content: "\f157"; } .fa-ruble:before, .ff-font-awesome4.icon-ruble:before { content: "\f158"; } .fa-rouble:before, .ff-font-awesome4.icon-rouble:before { content: "\f158"; } .fa-rub:before, .ff-font-awesome4.icon-rub:before { content: "\f158"; } .fa-won:before, .ff-font-awesome4.icon-won:before { content: "\f159"; } .fa-krw:before, .ff-font-awesome4.icon-krw:before { content: "\f159"; } .fa-bitcoin:before, .ff-font-awesome4.icon-bitcoin:before { content: "\f15a"; } .fa-btc:before, .ff-font-awesome4.icon-btc:before { content: "\f15a"; } .fa-file:before, .ff-font-awesome4.icon-file:before { content: "\f15b"; } .fa-file-text:before, .ff-font-awesome4.icon-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before, .ff-font-awesome4.icon-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before, .ff-font-awesome4.icon-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before, .ff-font-awesome4.icon-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before, .ff-font-awesome4.icon-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before, .ff-font-awesome4.icon-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before, .ff-font-awesome4.icon-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before, .ff-font-awesome4.icon-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before, .ff-font-awesome4.icon-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before, .ff-font-awesome4.icon-youtube-square:before { content: "\f166"; } .fa-youtube:before, .ff-font-awesome4.icon-youtube:before { content: "\f167"; } .fa-xing:before, .ff-font-awesome4.icon-xing:before { content: "\f168"; } .fa-xing-square:before, .ff-font-awesome4.icon-xing-square:before { content: "\f169"; } .fa-youtube-play:before, .ff-font-awesome4.icon-youtube-play:before { content: "\f16a"; } .fa-dropbox:before, .ff-font-awesome4.icon-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before, .ff-font-awesome4.icon-stack-overflow:before { content: "\f16c"; } .fa-instagram:before, .ff-font-awesome4.icon-instagram:before { content: "\f16d"; } .fa-flickr:before, .ff-font-awesome4.icon-flickr:before { content: "\f16e"; } .fa-adn:before, .ff-font-awesome4.icon-adn:before { content: "\f170"; } .fa-bitbucket:before, .ff-font-awesome4.icon-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before, .ff-font-awesome4.icon-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before, .ff-font-awesome4.icon-tumblr:before { content: "\f173"; } .fa-tumblr-square:before, .ff-font-awesome4.icon-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before, .ff-font-awesome4.icon-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before, .ff-font-awesome4.icon-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before, .ff-font-awesome4.icon-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before, .ff-font-awesome4.icon-long-arrow-right:before { content: "\f178"; } .fa-apple:before, .ff-font-awesome4.icon-apple:before { content: "\f179"; } .fa-windows:before, .ff-font-awesome4.icon-windows:before { content: "\f17a"; } .fa-android:before, .ff-font-awesome4.icon-android:before { content: "\f17b"; } .fa-linux:before, .ff-font-awesome4.icon-linux:before { content: "\f17c"; } .fa-dribbble:before, .ff-font-awesome4.icon-dribbble:before { content: "\f17d"; } .fa-skype:before, .ff-font-awesome4.icon-skype:before { content: "\f17e"; } .fa-foursquare:before, .ff-font-awesome4.icon-foursquare:before { content: "\f180"; } .fa-trello:before, .ff-font-awesome4.icon-trello:before { content: "\f181"; } .fa-female:before, .ff-font-awesome4.icon-female:before { content: "\f182"; } .fa-male:before, .ff-font-awesome4.icon-male:before { content: "\f183"; } .fa-gittip:before, .ff-font-awesome4.icon-gittip:before { content: "\f184"; } .fa-gratipay:before, .ff-font-awesome4.icon-gratipay:before { content: "\f184"; } .fa-sun-o:before, .ff-font-awesome4.icon-sun-o:before { content: "\f185"; } .fa-moon-o:before, .ff-font-awesome4.icon-moon-o:before { content: "\f186"; } .fa-archive:before, .ff-font-awesome4.icon-archive:before { content: "\f187"; } .fa-bug:before, .ff-font-awesome4.icon-bug:before { content: "\f188"; } .fa-vk:before, .ff-font-awesome4.icon-vk:before { content: "\f189"; } .fa-weibo:before, .ff-font-awesome4.icon-weibo:before { content: "\f18a"; } .fa-renren:before, .ff-font-awesome4.icon-renren:before { content: "\f18b"; } .fa-pagelines:before, .ff-font-awesome4.icon-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before, .ff-font-awesome4.icon-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before, .ff-font-awesome4.icon-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before, .ff-font-awesome4.icon-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .ff-font-awesome4.icon-toggle-left:before { content: "\f191"; } .fa-caret-square-o-left:before, .ff-font-awesome4.icon-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before, .ff-font-awesome4.icon-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before, .ff-font-awesome4.icon-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before, .ff-font-awesome4.icon-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .ff-font-awesome4.icon-turkish-lira:before { content: "\f195"; } .fa-try:before, .ff-font-awesome4.icon-try:before { content: "\f195"; } .fa-plus-square-o:before, .ff-font-awesome4.icon-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before, .ff-font-awesome4.icon-space-shuttle:before { content: "\f197"; } .fa-slack:before, .ff-font-awesome4.icon-slack:before { content: "\f198"; } .fa-envelope-square:before, .ff-font-awesome4.icon-envelope-square:before { content: "\f199"; } .fa-wordpress:before, .ff-font-awesome4.icon-wordpress:before { content: "\f19a"; } .fa-openid:before, .ff-font-awesome4.icon-openid:before { content: "\f19b"; } .fa-institution:before, .ff-font-awesome4.icon-institution:before { content: "\f19c"; } .fa-bank:before, .ff-font-awesome4.icon-bank:before { content: "\f19c"; } .fa-university:before, .ff-font-awesome4.icon-university:before { content: "\f19c"; } .fa-mortar-board:before, .ff-font-awesome4.icon-mortar-board:before { content: "\f19d"; } .fa-graduation-cap:before, .ff-font-awesome4.icon-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before, .ff-font-awesome4.icon-yahoo:before { content: "\f19e"; } .fa-google:before, .ff-font-awesome4.icon-google:before { content: "\f1a0"; } .fa-reddit:before, .ff-font-awesome4.icon-reddit:before { content: "\f1a1"; } .fa-reddit-square:before, .ff-font-awesome4.icon-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before, .ff-font-awesome4.icon-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before, .ff-font-awesome4.icon-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before, .ff-font-awesome4.icon-delicious:before { content: "\f1a5"; } .fa-digg:before, .ff-font-awesome4.icon-digg:before { content: "\f1a6"; } .fa-pied-piper-pp:before, .ff-font-awesome4.icon-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-alt:before, .ff-font-awesome4.icon-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before, .ff-font-awesome4.icon-drupal:before { content: "\f1a9"; } .fa-joomla:before, .ff-font-awesome4.icon-joomla:before { content: "\f1aa"; } .fa-language:before, .ff-font-awesome4.icon-language:before { content: "\f1ab"; } .fa-fax:before, .ff-font-awesome4.icon-fax:before { content: "\f1ac"; } .fa-building:before, .ff-font-awesome4.icon-building:before { content: "\f1ad"; } .fa-child:before, .ff-font-awesome4.icon-child:before { content: "\f1ae"; } .fa-paw:before, .ff-font-awesome4.icon-paw:before { content: "\f1b0"; } .fa-spoon:before, .ff-font-awesome4.icon-spoon:before { content: "\f1b1"; } .fa-cube:before, .ff-font-awesome4.icon-cube:before { content: "\f1b2"; } .fa-cubes:before, .ff-font-awesome4.icon-cubes:before { content: "\f1b3"; } .fa-behance:before, .ff-font-awesome4.icon-behance:before { content: "\f1b4"; } .fa-behance-square:before, .ff-font-awesome4.icon-behance-square:before { content: "\f1b5"; } .fa-steam:before, .ff-font-awesome4.icon-steam:before { content: "\f1b6"; } .fa-steam-square:before, .ff-font-awesome4.icon-steam-square:before { content: "\f1b7"; } .fa-recycle:before, .ff-font-awesome4.icon-recycle:before { content: "\f1b8"; } .fa-automobile:before, .ff-font-awesome4.icon-automobile:before { content: "\f1b9"; } .fa-car:before, .ff-font-awesome4.icon-car:before { content: "\f1b9"; } .fa-cab:before, .ff-font-awesome4.icon-cab:before { content: "\f1ba"; } .fa-taxi:before, .ff-font-awesome4.icon-taxi:before { content: "\f1ba"; } .fa-tree:before, .ff-font-awesome4.icon-tree:before { content: "\f1bb"; } .fa-spotify:before, .ff-font-awesome4.icon-spotify:before { content: "\f1bc"; } .fa-deviantart:before, .ff-font-awesome4.icon-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before, .ff-font-awesome4.icon-soundcloud:before { content: "\f1be"; } .fa-database:before, .ff-font-awesome4.icon-database:before { content: "\f1c0"; } .fa-file-pdf-o:before, .ff-font-awesome4.icon-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before, .ff-font-awesome4.icon-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before, .ff-font-awesome4.icon-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before, .ff-font-awesome4.icon-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .ff-font-awesome4.icon-file-photo-o:before { content: "\f1c5"; } .fa-file-picture-o:before, .ff-font-awesome4.icon-file-picture-o:before { content: "\f1c5"; } .fa-file-image-o:before, .ff-font-awesome4.icon-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .ff-font-awesome4.icon-file-zip-o:before { content: "\f1c6"; } .fa-file-archive-o:before, .ff-font-awesome4.icon-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .ff-font-awesome4.icon-file-sound-o:before { content: "\f1c7"; } .fa-file-audio-o:before, .ff-font-awesome4.icon-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .ff-font-awesome4.icon-file-movie-o:before { content: "\f1c8"; } .fa-file-video-o:before, .ff-font-awesome4.icon-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before, .ff-font-awesome4.icon-file-code-o:before { content: "\f1c9"; } .fa-vine:before, .ff-font-awesome4.icon-vine:before { content: "\f1ca"; } .fa-codepen:before, .ff-font-awesome4.icon-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before, .ff-font-awesome4.icon-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .ff-font-awesome4.icon-life-bouy:before { content: "\f1cd"; } .fa-life-buoy:before, .ff-font-awesome4.icon-life-buoy:before { content: "\f1cd"; } .fa-life-saver:before, .ff-font-awesome4.icon-life-saver:before { content: "\f1cd"; } .fa-support:before, .ff-font-awesome4.icon-support:before { content: "\f1cd"; } .fa-life-ring:before, .ff-font-awesome4.icon-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before, .ff-font-awesome4.icon-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .ff-font-awesome4.icon-ra:before { content: "\f1d0"; } .fa-resistance:before, .ff-font-awesome4.icon-resistance:before { content: "\f1d0"; } .fa-rebel:before, .ff-font-awesome4.icon-rebel:before { content: "\f1d0"; } .fa-ge:before, .ff-font-awesome4.icon-ge:before { content: "\f1d1"; } .fa-empire:before, .ff-font-awesome4.icon-empire:before { content: "\f1d1"; } .fa-git-square:before, .ff-font-awesome4.icon-git-square:before { content: "\f1d2"; } .fa-git:before, .ff-font-awesome4.icon-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .ff-font-awesome4.icon-y-combinator-square:before { content: "\f1d4"; } .fa-yc-square:before, .ff-font-awesome4.icon-yc-square:before { content: "\f1d4"; } .fa-hacker-news:before, .ff-font-awesome4.icon-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before, .ff-font-awesome4.icon-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before, .ff-font-awesome4.icon-qq:before { content: "\f1d6"; } .fa-wechat:before, .ff-font-awesome4.icon-wechat:before { content: "\f1d7"; } .fa-weixin:before, .ff-font-awesome4.icon-weixin:before { content: "\f1d7"; } .fa-send:before, .ff-font-awesome4.icon-send:before { content: "\f1d8"; } .fa-paper-plane:before, .ff-font-awesome4.icon-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .ff-font-awesome4.icon-send-o:before { content: "\f1d9"; } .fa-paper-plane-o:before, .ff-font-awesome4.icon-paper-plane-o:before { content: "\f1d9"; } .fa-history:before, .ff-font-awesome4.icon-history:before { content: "\f1da"; } .fa-circle-thin:before, .ff-font-awesome4.icon-circle-thin:before { content: "\f1db"; } .fa-header:before, .ff-font-awesome4.icon-header:before { content: "\f1dc"; } .fa-paragraph:before, .ff-font-awesome4.icon-paragraph:before { content: "\f1dd"; } .fa-sliders:before, .ff-font-awesome4.icon-sliders:before { content: "\f1de"; } .fa-share-alt:before, .ff-font-awesome4.icon-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before, .ff-font-awesome4.icon-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before, .ff-font-awesome4.icon-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .ff-font-awesome4.icon-soccer-ball-o:before { content: "\f1e3"; } .fa-futbol-o:before, .ff-font-awesome4.icon-futbol-o:before { content: "\f1e3"; } .fa-tty:before, .ff-font-awesome4.icon-tty:before { content: "\f1e4"; } .fa-binoculars:before, .ff-font-awesome4.icon-binoculars:before { content: "\f1e5"; } .fa-plug:before, .ff-font-awesome4.icon-plug:before { content: "\f1e6"; } .fa-slideshare:before, .ff-font-awesome4.icon-slideshare:before { content: "\f1e7"; } .fa-twitch:before, .ff-font-awesome4.icon-twitch:before { content: "\f1e8"; } .fa-yelp:before, .ff-font-awesome4.icon-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before, .ff-font-awesome4.icon-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before, .ff-font-awesome4.icon-wifi:before { content: "\f1eb"; } .fa-calculator:before, .ff-font-awesome4.icon-calculator:before { content: "\f1ec"; } .fa-paypal:before, .ff-font-awesome4.icon-paypal:before { content: "\f1ed"; } .fa-google-wallet:before, .ff-font-awesome4.icon-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before, .ff-font-awesome4.icon-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before, .ff-font-awesome4.icon-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before, .ff-font-awesome4.icon-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before, .ff-font-awesome4.icon-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before, .ff-font-awesome4.icon-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before, .ff-font-awesome4.icon-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before, .ff-font-awesome4.icon-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before, .ff-font-awesome4.icon-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before, .ff-font-awesome4.icon-trash:before { content: "\f1f8"; } .fa-copyright:before, .ff-font-awesome4.icon-copyright:before { content: "\f1f9"; } .fa-at:before, .ff-font-awesome4.icon-at:before { content: "\f1fa"; } .fa-eyedropper:before, .ff-font-awesome4.icon-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before, .ff-font-awesome4.icon-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before, .ff-font-awesome4.icon-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before, .ff-font-awesome4.icon-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before, .ff-font-awesome4.icon-pie-chart:before { content: "\f200"; } .fa-line-chart:before, .ff-font-awesome4.icon-line-chart:before { content: "\f201"; } .fa-lastfm:before, .ff-font-awesome4.icon-lastfm:before { content: "\f202"; } .fa-lastfm-square:before, .ff-font-awesome4.icon-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before, .ff-font-awesome4.icon-toggle-off:before { content: "\f204"; } .fa-toggle-on:before, .ff-font-awesome4.icon-toggle-on:before { content: "\f205"; } .fa-bicycle:before, .ff-font-awesome4.icon-bicycle:before { content: "\f206"; } .fa-bus:before, .ff-font-awesome4.icon-bus:before { content: "\f207"; } .fa-ioxhost:before, .ff-font-awesome4.icon-ioxhost:before { content: "\f208"; } .fa-angellist:before, .ff-font-awesome4.icon-angellist:before { content: "\f209"; } .fa-cc:before, .ff-font-awesome4.icon-cc:before { content: "\f20a"; } .fa-shekel:before, .ff-font-awesome4.icon-shekel:before { content: "\f20b"; } .fa-sheqel:before, .ff-font-awesome4.icon-sheqel:before { content: "\f20b"; } .fa-ils:before, .ff-font-awesome4.icon-ils:before { content: "\f20b"; } .fa-meanpath:before, .ff-font-awesome4.icon-meanpath:before { content: "\f20c"; } .fa-buysellads:before, .ff-font-awesome4.icon-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before, .ff-font-awesome4.icon-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before, .ff-font-awesome4.icon-dashcube:before { content: "\f210"; } .fa-forumbee:before, .ff-font-awesome4.icon-forumbee:before { content: "\f211"; } .fa-leanpub:before, .ff-font-awesome4.icon-leanpub:before { content: "\f212"; } .fa-sellsy:before, .ff-font-awesome4.icon-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before, .ff-font-awesome4.icon-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before, .ff-font-awesome4.icon-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before, .ff-font-awesome4.icon-skyatlas:before { content: "\f216"; } .fa-cart-plus:before, .ff-font-awesome4.icon-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before, .ff-font-awesome4.icon-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before, .ff-font-awesome4.icon-diamond:before { content: "\f219"; } .fa-ship:before, .ff-font-awesome4.icon-ship:before { content: "\f21a"; } .fa-user-secret:before, .ff-font-awesome4.icon-user-secret:before { content: "\f21b"; } .fa-motorcycle:before, .ff-font-awesome4.icon-motorcycle:before { content: "\f21c"; } .fa-street-view:before, .ff-font-awesome4.icon-street-view:before { content: "\f21d"; } .fa-heartbeat:before, .ff-font-awesome4.icon-heartbeat:before { content: "\f21e"; } .fa-venus:before, .ff-font-awesome4.icon-venus:before { content: "\f221"; } .fa-mars:before, .ff-font-awesome4.icon-mars:before { content: "\f222"; } .fa-mercury:before, .ff-font-awesome4.icon-mercury:before { content: "\f223"; } .fa-intersex:before, .ff-font-awesome4.icon-intersex:before { content: "\f224"; } .fa-transgender:before, .ff-font-awesome4.icon-transgender:before { content: "\f224"; } .fa-transgender-alt:before, .ff-font-awesome4.icon-transgender-alt:before { content: "\f225"; } .fa-venus-double:before, .ff-font-awesome4.icon-venus-double:before { content: "\f226"; } .fa-mars-double:before, .ff-font-awesome4.icon-mars-double:before { content: "\f227"; } .fa-venus-mars:before, .ff-font-awesome4.icon-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before, .ff-font-awesome4.icon-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before, .ff-font-awesome4.icon-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before, .ff-font-awesome4.icon-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before, .ff-font-awesome4.icon-neuter:before { content: "\f22c"; } .fa-genderless:before, .ff-font-awesome4.icon-genderless:before { content: "\f22d"; } .fa-facebook-official:before, .ff-font-awesome4.icon-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before, .ff-font-awesome4.icon-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before, .ff-font-awesome4.icon-whatsapp:before { content: "\f232"; } .fa-server:before, .ff-font-awesome4.icon-server:before { content: "\f233"; } .fa-user-plus:before, .ff-font-awesome4.icon-user-plus:before { content: "\f234"; } .fa-user-times:before, .ff-font-awesome4.icon-user-times:before { content: "\f235"; } .fa-hotel:before, .ff-font-awesome4.icon-hotel:before { content: "\f236"; } .fa-bed:before, .ff-font-awesome4.icon-bed:before { content: "\f236"; } .fa-viacoin:before, .ff-font-awesome4.icon-viacoin:before { content: "\f237"; } .fa-train:before, .ff-font-awesome4.icon-train:before { content: "\f238"; } .fa-subway:before, .ff-font-awesome4.icon-subway:before { content: "\f239"; } .fa-medium:before, .ff-font-awesome4.icon-medium:before { content: "\f23a"; } .fa-yc:before, .ff-font-awesome4.icon-yc:before { content: "\f23b"; } .fa-y-combinator:before, .ff-font-awesome4.icon-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before, .ff-font-awesome4.icon-optin-monster:before { content: "\f23c"; } .fa-opencart:before, .ff-font-awesome4.icon-opencart:before { content: "\f23d"; } .fa-expeditedssl:before, .ff-font-awesome4.icon-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .ff-font-awesome4.icon-battery-4:before { content: "\f240"; } .fa-battery:before, .ff-font-awesome4.icon-battery:before { content: "\f240"; } .fa-battery-full:before, .ff-font-awesome4.icon-battery-full:before { content: "\f240"; } .fa-battery-3:before, .ff-font-awesome4.icon-battery-3:before { content: "\f241"; } .fa-battery-three-quarters:before, .ff-font-awesome4.icon-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .ff-font-awesome4.icon-battery-2:before { content: "\f242"; } .fa-battery-half:before, .ff-font-awesome4.icon-battery-half:before { content: "\f242"; } .fa-battery-1:before, .ff-font-awesome4.icon-battery-1:before { content: "\f243"; } .fa-battery-quarter:before, .ff-font-awesome4.icon-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .ff-font-awesome4.icon-battery-0:before { content: "\f244"; } .fa-battery-empty:before, .ff-font-awesome4.icon-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before, .ff-font-awesome4.icon-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before, .ff-font-awesome4.icon-i-cursor:before { content: "\f246"; } .fa-object-group:before, .ff-font-awesome4.icon-object-group:before { content: "\f247"; } .fa-object-ungroup:before, .ff-font-awesome4.icon-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before, .ff-font-awesome4.icon-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before, .ff-font-awesome4.icon-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before, .ff-font-awesome4.icon-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before, .ff-font-awesome4.icon-cc-diners-club:before { content: "\f24c"; } .fa-clone:before, .ff-font-awesome4.icon-clone:before { content: "\f24d"; } .fa-balance-scale:before, .ff-font-awesome4.icon-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before, .ff-font-awesome4.icon-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .ff-font-awesome4.icon-hourglass-1:before { content: "\f251"; } .fa-hourglass-start:before, .ff-font-awesome4.icon-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .ff-font-awesome4.icon-hourglass-2:before { content: "\f252"; } .fa-hourglass-half:before, .ff-font-awesome4.icon-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .ff-font-awesome4.icon-hourglass-3:before { content: "\f253"; } .fa-hourglass-end:before, .ff-font-awesome4.icon-hourglass-end:before { content: "\f253"; } .fa-hourglass:before, .ff-font-awesome4.icon-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .ff-font-awesome4.icon-hand-grab-o:before { content: "\f255"; } .fa-hand-rock-o:before, .ff-font-awesome4.icon-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .ff-font-awesome4.icon-hand-stop-o:before { content: "\f256"; } .fa-hand-paper-o:before, .ff-font-awesome4.icon-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before, .ff-font-awesome4.icon-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before, .ff-font-awesome4.icon-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before, .ff-font-awesome4.icon-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before, .ff-font-awesome4.icon-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before, .ff-font-awesome4.icon-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before, .ff-font-awesome4.icon-trademark:before { content: "\f25c"; } .fa-registered:before, .ff-font-awesome4.icon-registered:before { content: "\f25d"; } .fa-creative-commons:before, .ff-font-awesome4.icon-creative-commons:before { content: "\f25e"; } .fa-gg:before, .ff-font-awesome4.icon-gg:before { content: "\f260"; } .fa-gg-circle:before, .ff-font-awesome4.icon-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before, .ff-font-awesome4.icon-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before, .ff-font-awesome4.icon-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before, .ff-font-awesome4.icon-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before, .ff-font-awesome4.icon-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before, .ff-font-awesome4.icon-wikipedia-w:before { content: "\f266"; } .fa-safari:before, .ff-font-awesome4.icon-safari:before { content: "\f267"; } .fa-chrome:before, .ff-font-awesome4.icon-chrome:before { content: "\f268"; } .fa-firefox:before, .ff-font-awesome4.icon-firefox:before { content: "\f269"; } .fa-opera:before, .ff-font-awesome4.icon-opera:before { content: "\f26a"; } .fa-internet-explorer:before, .ff-font-awesome4.icon-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .ff-font-awesome4.icon-tv:before { content: "\f26c"; } .fa-television:before, .ff-font-awesome4.icon-television:before { content: "\f26c"; } .fa-contao:before, .ff-font-awesome4.icon-contao:before { content: "\f26d"; } .fa-500px:before, .ff-font-awesome4.icon-500px:before { content: "\f26e"; } .fa-amazon:before, .ff-font-awesome4.icon-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before, .ff-font-awesome4.icon-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before, .ff-font-awesome4.icon-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before, .ff-font-awesome4.icon-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before, .ff-font-awesome4.icon-calendar-check-o:before { content: "\f274"; } .fa-industry:before, .ff-font-awesome4.icon-industry:before { content: "\f275"; } .fa-map-pin:before, .ff-font-awesome4.icon-map-pin:before { content: "\f276"; } .fa-map-signs:before, .ff-font-awesome4.icon-map-signs:before { content: "\f277"; } .fa-map-o:before, .ff-font-awesome4.icon-map-o:before { content: "\f278"; } .fa-map:before, .ff-font-awesome4.icon-map:before { content: "\f279"; } .fa-commenting:before, .ff-font-awesome4.icon-commenting:before { content: "\f27a"; } .fa-commenting-o:before, .ff-font-awesome4.icon-commenting-o:before { content: "\f27b"; } .fa-houzz:before, .ff-font-awesome4.icon-houzz:before { content: "\f27c"; } .fa-vimeo:before, .ff-font-awesome4.icon-vimeo:before { content: "\f27d"; } .fa-black-tie:before, .ff-font-awesome4.icon-black-tie:before { content: "\f27e"; } .fa-fonticons:before, .ff-font-awesome4.icon-fonticons:before { content: "\f280"; } .fa-reddit-alien:before, .ff-font-awesome4.icon-reddit-alien:before { content: "\f281"; } .fa-edge:before, .ff-font-awesome4.icon-edge:before { content: "\f282"; } .fa-credit-card-alt:before, .ff-font-awesome4.icon-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before, .ff-font-awesome4.icon-codiepie:before { content: "\f284"; } .fa-modx:before, .ff-font-awesome4.icon-modx:before { content: "\f285"; } .fa-fort-awesome:before, .ff-font-awesome4.icon-fort-awesome:before { content: "\f286"; } .fa-usb:before, .ff-font-awesome4.icon-usb:before { content: "\f287"; } .fa-product-hunt:before, .ff-font-awesome4.icon-product-hunt:before { content: "\f288"; } .fa-mixcloud:before, .ff-font-awesome4.icon-mixcloud:before { content: "\f289"; } .fa-scribd:before, .ff-font-awesome4.icon-scribd:before { content: "\f28a"; } .fa-pause-circle:before, .ff-font-awesome4.icon-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before, .ff-font-awesome4.icon-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before, .ff-font-awesome4.icon-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before, .ff-font-awesome4.icon-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before, .ff-font-awesome4.icon-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before, .ff-font-awesome4.icon-shopping-basket:before { content: "\f291"; } .fa-hashtag:before, .ff-font-awesome4.icon-hashtag:before { content: "\f292"; } .fa-bluetooth:before, .ff-font-awesome4.icon-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before, .ff-font-awesome4.icon-bluetooth-b:before { content: "\f294"; } .fa-percent:before, .ff-font-awesome4.icon-percent:before { content: "\f295"; } .fa-gitlab:before, .ff-font-awesome4.icon-gitlab:before { content: "\f296"; } .fa-wpbeginner:before, .ff-font-awesome4.icon-wpbeginner:before { content: "\f297"; } .fa-wpforms:before, .ff-font-awesome4.icon-wpforms:before { content: "\f298"; } .fa-envira:before, .ff-font-awesome4.icon-envira:before { content: "\f299"; } .fa-universal-access:before, .ff-font-awesome4.icon-universal-access:before { content: "\f29a"; } .fa-wheelchair-alt:before, .ff-font-awesome4.icon-wheelchair-alt:before { content: "\f29b"; } .fa-question-circle-o:before, .ff-font-awesome4.icon-question-circle-o:before { content: "\f29c"; } .fa-blind:before, .ff-font-awesome4.icon-blind:before { content: "\f29d"; } .fa-audio-description:before, .ff-font-awesome4.icon-audio-description:before { content: "\f29e"; } .fa-volume-control-phone:before, .ff-font-awesome4.icon-volume-control-phone:before { content: "\f2a0"; } .fa-braille:before, .ff-font-awesome4.icon-braille:before { content: "\f2a1"; } .fa-assistive-listening-systems:before, .ff-font-awesome4.icon-assistive-listening-systems:before { content: "\f2a2"; } .fa-asl-interpreting:before, .ff-font-awesome4.icon-asl-interpreting:before { content: "\f2a3"; } .fa-american-sign-language-interpreting:before, .ff-font-awesome4.icon-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-deafness:before, .ff-font-awesome4.icon-deafness:before { content: "\f2a4"; } .fa-hard-of-hearing:before, .ff-font-awesome4.icon-hard-of-hearing:before { content: "\f2a4"; } .fa-deaf:before, .ff-font-awesome4.icon-deaf:before { content: "\f2a4"; } .fa-glide:before, .ff-font-awesome4.icon-glide:before { content: "\f2a5"; } .fa-glide-g:before, .ff-font-awesome4.icon-glide-g:before { content: "\f2a6"; } .fa-signing:before, .ff-font-awesome4.icon-signing:before { content: "\f2a7"; } .fa-sign-language:before, .ff-font-awesome4.icon-sign-language:before { content: "\f2a7"; } .fa-low-vision:before, .ff-font-awesome4.icon-low-vision:before { content: "\f2a8"; } .fa-viadeo:before, .ff-font-awesome4.icon-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before, .ff-font-awesome4.icon-viadeo-square:before { content: "\f2aa"; } .fa-snapchat:before, .ff-font-awesome4.icon-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before, .ff-font-awesome4.icon-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before, .ff-font-awesome4.icon-snapchat-square:before { content: "\f2ad"; } .fa-pied-piper:before, .ff-font-awesome4.icon-pied-piper:before { content: "\f2ae"; } .fa-first-order:before, .ff-font-awesome4.icon-first-order:before { content: "\f2b0"; } .fa-yoast:before, .ff-font-awesome4.icon-yoast:before { content: "\f2b1"; } .fa-themeisle:before, .ff-font-awesome4.icon-themeisle:before { content: "\f2b2"; } .fa-google-plus-circle:before, .ff-font-awesome4.icon-google-plus-circle:before { content: "\f2b3"; } .fa-google-plus-official:before, .ff-font-awesome4.icon-google-plus-official:before { content: "\f2b3"; } .fa-fa:before, .ff-font-awesome4.icon-fa:before { content: "\f2b4"; } .fa-font-awesome:before, .ff-font-awesome4.icon-font-awesome:before { content: "\f2b4"; } .fa-handshake-o:before, .ff-font-awesome4.icon-handshake-o:before { content: "\f2b5"; } .fa-envelope-open:before, .ff-font-awesome4.icon-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-o:before, .ff-font-awesome4.icon-envelope-open-o:before { content: "\f2b7"; } .fa-linode:before, .ff-font-awesome4.icon-linode:before { content: "\f2b8"; } .fa-address-book:before, .ff-font-awesome4.icon-address-book:before { content: "\f2b9"; } .fa-address-book-o:before, .ff-font-awesome4.icon-address-book-o:before { content: "\f2ba"; } .fa-vcard:before, .ff-font-awesome4.icon-vcard:before { content: "\f2bb"; } .fa-address-card:before, .ff-font-awesome4.icon-address-card:before { content: "\f2bb"; } .fa-vcard-o:before, .ff-font-awesome4.icon-vcard-o:before { content: "\f2bc"; } .fa-address-card-o:before, .ff-font-awesome4.icon-address-card-o:before { content: "\f2bc"; } .fa-user-circle:before, .ff-font-awesome4.icon-user-circle:before { content: "\f2bd"; } .fa-user-circle-o:before, .ff-font-awesome4.icon-user-circle-o:before { content: "\f2be"; } .fa-user-o:before, .ff-font-awesome4.icon-user-o:before { content: "\f2c0"; } .fa-id-badge:before, .ff-font-awesome4.icon-id-badge:before { content: "\f2c1"; } .fa-drivers-license:before, .ff-font-awesome4.icon-drivers-license:before { content: "\f2c2"; } .fa-id-card:before, .ff-font-awesome4.icon-id-card:before { content: "\f2c2"; } .fa-drivers-license-o:before, .ff-font-awesome4.icon-drivers-license-o:before { content: "\f2c3"; } .fa-id-card-o:before, .ff-font-awesome4.icon-id-card-o:before { content: "\f2c3"; } .fa-quora:before, .ff-font-awesome4.icon-quora:before { content: "\f2c4"; } .fa-free-code-camp:before, .ff-font-awesome4.icon-free-code-camp:before { content: "\f2c5"; } .fa-telegram:before, .ff-font-awesome4.icon-telegram:before { content: "\f2c6"; } .fa-thermometer-4:before, .ff-font-awesome4.icon-thermometer-4:before { content: "\f2c7"; } .fa-thermometer:before, .ff-font-awesome4.icon-thermometer:before { content: "\f2c7"; } .fa-thermometer-full:before, .ff-font-awesome4.icon-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-3:before, .ff-font-awesome4.icon-thermometer-3:before { content: "\f2c8"; } .fa-thermometer-three-quarters:before, .ff-font-awesome4.icon-thermometer-three-quarters:before { content: "\f2c8"; } .fa-thermometer-2:before, .ff-font-awesome4.icon-thermometer-2:before { content: "\f2c9"; } .fa-thermometer-half:before, .ff-font-awesome4.icon-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-1:before, .ff-font-awesome4.icon-thermometer-1:before { content: "\f2ca"; } .fa-thermometer-quarter:before, .ff-font-awesome4.icon-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-0:before, .ff-font-awesome4.icon-thermometer-0:before { content: "\f2cb"; } .fa-thermometer-empty:before, .ff-font-awesome4.icon-thermometer-empty:before { content: "\f2cb"; } .fa-shower:before, .ff-font-awesome4.icon-shower:before { content: "\f2cc"; } .fa-bathtub:before, .ff-font-awesome4.icon-bathtub:before { content: "\f2cd"; } .fa-s15:before, .ff-font-awesome4.icon-s15:before { content: "\f2cd"; } .fa-bath:before, .ff-font-awesome4.icon-bath:before { content: "\f2cd"; } .fa-podcast:before, .ff-font-awesome4.icon-podcast:before { content: "\f2ce"; } .fa-window-maximize:before, .ff-font-awesome4.icon-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before, .ff-font-awesome4.icon-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before, .ff-font-awesome4.icon-window-restore:before { content: "\f2d2"; } .fa-times-rectangle:before, .ff-font-awesome4.icon-times-rectangle:before { content: "\f2d3"; } .fa-window-close:before, .ff-font-awesome4.icon-window-close:before { content: "\f2d3"; } .fa-times-rectangle-o:before, .ff-font-awesome4.icon-times-rectangle-o:before { content: "\f2d4"; } .fa-window-close-o:before, .ff-font-awesome4.icon-window-close-o:before { content: "\f2d4"; } .fa-bandcamp:before, .ff-font-awesome4.icon-bandcamp:before { content: "\f2d5"; } .fa-grav:before, .ff-font-awesome4.icon-grav:before { content: "\f2d6"; } .fa-etsy:before, .ff-font-awesome4.icon-etsy:before { content: "\f2d7"; } .fa-imdb:before, .ff-font-awesome4.icon-imdb:before { content: "\f2d8"; } .fa-ravelry:before, .ff-font-awesome4.icon-ravelry:before { content: "\f2d9"; } .fa-eercast:before, .ff-font-awesome4.icon-eercast:before { content: "\f2da"; } .fa-microchip:before, .ff-font-awesome4.icon-microchip:before { content: "\f2db"; } .fa-snowflake-o:before, .ff-font-awesome4.icon-snowflake-o:before { content: "\f2dc"; } .fa-superpowers:before, .ff-font-awesome4.icon-superpowers:before { content: "\f2dd"; } .fa-wpexplorer:before, .ff-font-awesome4.icon-wpexplorer:before { content: "\f2de"; } .fa-meetup:before, .ff-font-awesome4.icon-meetup:before { content: "\f2e0"; } @font-face { font-family: "ff-font-et-line"; src: url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-et-line/./ff-font-et-line.eot); src: url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-et-line/./ff-font-et-line.eot#iefix) format("embedded-opentype"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-et-line/./ff-font-et-line.woff) format("woff"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-et-line/./ff-font-et-line.ttf) format("truetype"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-et-line/./ff-font-et-line.svg#et-line) format("svg"); font-weight: 400; font-style: normal; } .ff-font-et-line { display: inline-block; font-family: "ff-font-et-line"; speak: none; text-transform: none; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ff-font-et-line[class*="icon"]:before { font-family: "ff-font-et-line" !important; } .ff-font-et-line.icon-mobile:before { content: "\e000"; } .ff-font-et-line.icon-laptop:before { content: "\e001"; } .ff-font-et-line.icon-desktop:before { content: "\e002"; } .ff-font-et-line.icon-tablet:before { content: "\e003"; } .ff-font-et-line.icon-phone:before { content: "\e004"; } .ff-font-et-line.icon-document:before { content: "\e005"; } .ff-font-et-line.icon-documents:before { content: "\e006"; } .ff-font-et-line.icon-search:before { content: "\e007"; } .ff-font-et-line.icon-clipboard:before { content: "\e008"; } .ff-font-et-line.icon-newspaper:before { content: "\e009"; } .ff-font-et-line.icon-notebook:before { content: "\e00a"; } .ff-font-et-line.icon-book-open:before { content: "\e00b"; } .ff-font-et-line.icon-browser:before { content: "\e00c"; } .ff-font-et-line.icon-calendar:before { content: "\e00d"; } .ff-font-et-line.icon-presentation:before { content: "\e00e"; } .ff-font-et-line.icon-picture:before { content: "\e00f"; } .ff-font-et-line.icon-pictures:before { content: "\e010"; } .ff-font-et-line.icon-video:before { content: "\e011"; } .ff-font-et-line.icon-camera:before { content: "\e012"; } .ff-font-et-line.icon-printer:before { content: "\e013"; } .ff-font-et-line.icon-toolbox:before { content: "\e014"; } .ff-font-et-line.icon-briefcase:before { content: "\e015"; } .ff-font-et-line.icon-wallet:before { content: "\e016"; } .ff-font-et-line.icon-gift:before { content: "\e017"; } .ff-font-et-line.icon-bargraph:before { content: "\e018"; } .ff-font-et-line.icon-grid:before { content: "\e019"; } .ff-font-et-line.icon-expand:before { content: "\e01a"; } .ff-font-et-line.icon-focus:before { content: "\e01b"; } .ff-font-et-line.icon-edit:before { content: "\e01c"; } .ff-font-et-line.icon-adjustments:before { content: "\e01d"; } .ff-font-et-line.icon-ribbon:before { content: "\e01e"; } .ff-font-et-line.icon-hourglass:before { content: "\e01f"; } .ff-font-et-line.icon-lock:before { content: "\e020"; } .ff-font-et-line.icon-megaphone:before { content: "\e021"; } .ff-font-et-line.icon-shield:before { content: "\e022"; } .ff-font-et-line.icon-trophy:before { content: "\e023"; } .ff-font-et-line.icon-flag:before { content: "\e024"; } .ff-font-et-line.icon-map:before { content: "\e025"; } .ff-font-et-line.icon-puzzle:before { content: "\e026"; } .ff-font-et-line.icon-basket:before { content: "\e027"; } .ff-font-et-line.icon-envelope:before { content: "\e028"; } .ff-font-et-line.icon-streetsign:before { content: "\e029"; } .ff-font-et-line.icon-telescope:before { content: "\e02a"; } .ff-font-et-line.icon-gears:before { content: "\e02b"; } .ff-font-et-line.icon-key:before { content: "\e02c"; } .ff-font-et-line.icon-paperclip:before { content: "\e02d"; } .ff-font-et-line.icon-attachment:before { content: "\e02e"; } .ff-font-et-line.icon-pricetags:before { content: "\e02f"; } .ff-font-et-line.icon-lightbulb:before { content: "\e030"; } .ff-font-et-line.icon-layers:before { content: "\e031"; } .ff-font-et-line.icon-pencil:before { content: "\e032"; } .ff-font-et-line.icon-tools:before { content: "\e033"; } .ff-font-et-line.icon-tools-2:before { content: "\e034"; } .ff-font-et-line.icon-scissors:before { content: "\e035"; } .ff-font-et-line.icon-paintbrush:before { content: "\e036"; } .ff-font-et-line.icon-magnifying-glass:before { content: "\e037"; } .ff-font-et-line.icon-circle-compass:before { content: "\e038"; } .ff-font-et-line.icon-linegraph:before { content: "\e039"; } .ff-font-et-line.icon-mic:before { content: "\e03a"; } .ff-font-et-line.icon-strategy:before { content: "\e03b"; } .ff-font-et-line.icon-beaker:before { content: "\e03c"; } .ff-font-et-line.icon-caution:before { content: "\e03d"; } .ff-font-et-line.icon-recycle:before { content: "\e03e"; } .ff-font-et-line.icon-anchor:before { content: "\e03f"; } .ff-font-et-line.icon-profile-male:before { content: "\e040"; } .ff-font-et-line.icon-profile-female:before { content: "\e041"; } .ff-font-et-line.icon-bike:before { content: "\e042"; } .ff-font-et-line.icon-wine:before { content: "\e043"; } .ff-font-et-line.icon-hotairballoon:before { content: "\e044"; } .ff-font-et-line.icon-globe:before { content: "\e045"; } .ff-font-et-line.icon-genius:before { content: "\e046"; } .ff-font-et-line.icon-map-pin:before { content: "\e047"; } .ff-font-et-line.icon-dial:before { content: "\e048"; } .ff-font-et-line.icon-chat:before { content: "\e049"; } .ff-font-et-line.icon-heart:before { content: "\e04a"; } .ff-font-et-line.icon-cloud:before { content: "\e04b"; } .ff-font-et-line.icon-upload:before { content: "\e04c"; } .ff-font-et-line.icon-download:before { content: "\e04d"; } .ff-font-et-line.icon-target:before { content: "\e04e"; } .ff-font-et-line.icon-hazardous:before { content: "\e04f"; } .ff-font-et-line.icon-piechart:before { content: "\e050"; } .ff-font-et-line.icon-speedometer:before { content: "\e051"; } .ff-font-et-line.icon-global:before { content: "\e052"; } .ff-font-et-line.icon-compass:before { content: "\e053"; } .ff-font-et-line.icon-lifesaver:before { content: "\e054"; } .ff-font-et-line.icon-clock:before { content: "\e055"; } .ff-font-et-line.icon-aperture:before { content: "\e056"; } .ff-font-et-line.icon-quote:before { content: "\e057"; } .ff-font-et-line.icon-scope:before { content: "\e058"; } .ff-font-et-line.icon-alarmclock:before { content: "\e059"; } .ff-font-et-line.icon-refresh:before { content: "\e05a"; } .ff-font-et-line.icon-happy:before { content: "\e05b"; } .ff-font-et-line.icon-sad:before { content: "\e05c"; } .ff-font-et-line.icon-facebook:before { content: "\e05d"; } .ff-font-et-line.icon-twitter:before { content: "\e05e"; } .ff-font-et-line.icon-googleplus:before { content: "\e05f"; } .ff-font-et-line.icon-rss:before { content: "\e060"; } .ff-font-et-line.icon-tumblr:before { content: "\e061"; } .ff-font-et-line.icon-linkedin:before { content: "\e062"; } .ff-font-et-line.icon-dribbble:before { content: "\e063"; } @font-face { font-family: "ff-font-simple-line-icons"; src: url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-simple-line-icons/./ff-font-simple-line-icons.eot); src: url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-simple-line-icons/./ff-font-simple-line-icons.eot#iefix) format("embedded-opentype"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-simple-line-icons/./ff-font-simple-line-icons.woff) format("woff"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-simple-line-icons/./ff-font-simple-line-icons.ttf) format("truetype"), url(//https://csbmb2021.cz/wp-content/plugins/fresh-framework/framework/extern/iconfonts/ff-font-simple-line-icons/./ff-font-simple-line-icons.svg#openweb_iconsregular) format("svg"); font-weight: 400; font-style: normal; } .ff-font-simple-line-icons { display: inline-block; font-family: "ff-font-simple-line-icons"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ff-font-simple-line-icons[class*="icon"]:before { font-family: "ff-font-simple-line-icons" !important; } .ff-font-simple-line-icons.icon-user-female:before { content: "\e000"; } .ff-font-simple-line-icons.icon-user-follow:before { content: "\e002"; } .ff-font-simple-line-icons.icon-user-following:before { content: "\e003"; } .ff-font-simple-line-icons.icon-user-unfollow:before { content: "\e004"; } .ff-font-simple-line-icons.icon-trophy:before { content: "\e006"; } .ff-font-simple-line-icons.icon-screen-smartphone:before { content: "\e010"; } .ff-font-simple-line-icons.icon-screen-desktop:before { content: "\e011"; } .ff-font-simple-line-icons.icon-plane:before { content: "\e012"; } .ff-font-simple-line-icons.icon-notebook:before { content: "\e013"; } .ff-font-simple-line-icons.icon-moustache:before { content: "\e014"; } .ff-font-simple-line-icons.icon-mouse:before { content: "\e015"; } .ff-font-simple-line-icons.icon-magnet:before { content: "\e016"; } .ff-font-simple-line-icons.icon-energy:before { content: "\e020"; } .ff-font-simple-line-icons.icon-emoticon-smile:before { content: "\e021"; } .ff-font-simple-line-icons.icon-disc:before { content: "\e022"; } .ff-font-simple-line-icons.icon-cursor-move:before { content: "\e023"; } .ff-font-simple-line-icons.icon-crop:before { content: "\e024"; } .ff-font-simple-line-icons.icon-credit-card:before { content: "\e025"; } .ff-font-simple-line-icons.icon-chemistry:before { content: "\e026"; } .ff-font-simple-line-icons.icon-user:before { content: "\e005"; } .ff-font-simple-line-icons.icon-speedometer:before { content: "\e007"; } .ff-font-simple-line-icons.icon-social-youtube:before { content: "\e008"; } .ff-font-simple-line-icons.icon-social-twitter:before { content: "\e009"; } .ff-font-simple-line-icons.icon-social-tumblr:before { content: "\e00a"; } .ff-font-simple-line-icons.icon-social-facebook:before { content: "\e00b"; } .ff-font-simple-line-icons.icon-social-dropbox:before { content: "\e00c"; } .ff-font-simple-line-icons.icon-social-dribbble:before { content: "\e00d"; } .ff-font-simple-line-icons.icon-shield:before { content: "\e00e"; } .ff-font-simple-line-icons.icon-screen-tablet:before { content: "\e00f"; } .ff-font-simple-line-icons.icon-magic-wand:before { content: "\e017"; } .ff-font-simple-line-icons.icon-hourglass:before { content: "\e018"; } .ff-font-simple-line-icons.icon-graduation:before { content: "\e019"; } .ff-font-simple-line-icons.icon-ghost:before { content: "\e01a"; } .ff-font-simple-line-icons.icon-game-controller:before { content: "\e01b"; } .ff-font-simple-line-icons.icon-fire:before { content: "\e01c"; } .ff-font-simple-line-icons.icon-eyeglasses:before { content: "\e01d"; } .ff-font-simple-line-icons.icon-envelope-open:before { content: "\e01e"; } .ff-font-simple-line-icons.icon-envelope-letter:before { content: "\e01f"; } .ff-font-simple-line-icons.icon-bell:before { content: "\e027"; } .ff-font-simple-line-icons.icon-badge:before { content: "\e028"; } .ff-font-simple-line-icons.icon-anchor:before { content: "\e029"; } .ff-font-simple-line-icons.icon-wallet:before { content: "\e02a"; } .ff-font-simple-line-icons.icon-vector:before { content: "\e02b"; } .ff-font-simple-line-icons.icon-speech:before { content: "\e02c"; } .ff-font-simple-line-icons.icon-puzzle:before { content: "\e02d"; } .ff-font-simple-line-icons.icon-printer:before { content: "\e02e"; } .ff-font-simple-line-icons.icon-present:before { content: "\e02f"; } .ff-font-simple-line-icons.icon-playlist:before { content: "\e030"; } .ff-font-simple-line-icons.icon-pin:before { content: "\e031"; } .ff-font-simple-line-icons.icon-picture:before { content: "\e032"; } .ff-font-simple-line-icons.icon-map:before { content: "\e033"; } .ff-font-simple-line-icons.icon-layers:before { content: "\e034"; } .ff-font-simple-line-icons.icon-handbag:before { content: "\e035"; } .ff-font-simple-line-icons.icon-globe-alt:before { content: "\e036"; } .ff-font-simple-line-icons.icon-globe:before { content: "\e037"; } .ff-font-simple-line-icons.icon-frame:before { content: "\e038"; } .ff-font-simple-line-icons.icon-folder-alt:before { content: "\e039"; } .ff-font-simple-line-icons.icon-film:before { content: "\e03a"; } .ff-font-simple-line-icons.icon-feed:before { content: "\e03b"; } .ff-font-simple-line-icons.icon-earphones-alt:before { content: "\e03c"; } .ff-font-simple-line-icons.icon-earphones:before { content: "\e03d"; } .ff-font-simple-line-icons.icon-drop:before { content: "\e03e"; } .ff-font-simple-line-icons.icon-drawer:before { content: "\e03f"; } .ff-font-simple-line-icons.icon-docs:before { content: "\e040"; } .ff-font-simple-line-icons.icon-directions:before { content: "\e041"; } .ff-font-simple-line-icons.icon-direction:before { content: "\e042"; } .ff-font-simple-line-icons.icon-diamond:before { content: "\e043"; } .ff-font-simple-line-icons.icon-cup:before { content: "\e044"; } .ff-font-simple-line-icons.icon-compass:before { content: "\e045"; } .ff-font-simple-line-icons.icon-call-out:before { content: "\e046"; } .ff-font-simple-line-icons.icon-call-in:before { content: "\e047"; } .ff-font-simple-line-icons.icon-call-end:before { content: "\e048"; } .ff-font-simple-line-icons.icon-calculator:before { content: "\e049"; } .ff-font-simple-line-icons.icon-bubbles:before { content: "\e04a"; } .ff-font-simple-line-icons.icon-briefcase:before { content: "\e04b"; } .ff-font-simple-line-icons.icon-book-open:before { content: "\e04c"; } .ff-font-simple-line-icons.icon-basket-loaded:before { content: "\e04d"; } .ff-font-simple-line-icons.icon-basket:before { content: "\e04e"; } .ff-font-simple-line-icons.icon-bag:before { content: "\e04f"; } .ff-font-simple-line-icons.icon-action-undo:before { content: "\e050"; } .ff-font-simple-line-icons.icon-action-redo:before { content: "\e051"; } .ff-font-simple-line-icons.icon-wrench:before { content: "\e052"; } .ff-font-simple-line-icons.icon-umbrella:before { content: "\e053"; } .ff-font-simple-line-icons.icon-trash:before { content: "\e054"; } .ff-font-simple-line-icons.icon-tag:before { content: "\e055"; } .ff-font-simple-line-icons.icon-support:before { content: "\e056"; } .ff-font-simple-line-icons.icon-size-fullscreen:before { content: "\e057"; } .ff-font-simple-line-icons.icon-size-actual:before { content: "\e058"; } .ff-font-simple-line-icons.icon-shuffle:before { content: "\e059"; } .ff-font-simple-line-icons.icon-share-alt:before { content: "\e05a"; } .ff-font-simple-line-icons.icon-share:before { content: "\e05b"; } .ff-font-simple-line-icons.icon-rocket:before { content: "\e05c"; } .ff-font-simple-line-icons.icon-question:before { content: "\e05d"; } .ff-font-simple-line-icons.icon-pie-chart:before { content: "\e05e"; } .ff-font-simple-line-icons.icon-pencil:before { content: "\e05f"; } .ff-font-simple-line-icons.icon-note:before { content: "\e060"; } .ff-font-simple-line-icons.icon-music-tone-alt:before { content: "\e061"; } .ff-font-simple-line-icons.icon-music-tone:before { content: "\e062"; } .ff-font-simple-line-icons.icon-microphone:before { content: "\e063"; } .ff-font-simple-line-icons.icon-loop:before { content: "\e064"; } .ff-font-simple-line-icons.icon-logout:before { content: "\e065"; } .ff-font-simple-line-icons.icon-login:before { content: "\e066"; } .ff-font-simple-line-icons.icon-list:before { content: "\e067"; } .ff-font-simple-line-icons.icon-like:before { content: "\e068"; } .ff-font-simple-line-icons.icon-home:before { content: "\e069"; } .ff-font-simple-line-icons.icon-grid:before { content: "\e06a"; } .ff-font-simple-line-icons.icon-graph:before { content: "\e06b"; } .ff-font-simple-line-icons.icon-equalizer:before { content: "\e06c"; } .ff-font-simple-line-icons.icon-dislike:before { content: "\e06d"; } .ff-font-simple-line-icons.icon-cursor:before { content: "\e06e"; } .ff-font-simple-line-icons.icon-control-start:before { content: "\e06f"; } .ff-font-simple-line-icons.icon-control-rewind:before { content: "\e070"; } .ff-font-simple-line-icons.icon-control-play:before { content: "\e071"; } .ff-font-simple-line-icons.icon-control-pause:before { content: "\e072"; } .ff-font-simple-line-icons.icon-control-forward:before { content: "\e073"; } .ff-font-simple-line-icons.icon-control-end:before { content: "\e074"; } .ff-font-simple-line-icons.icon-calendar:before { content: "\e075"; } .ff-font-simple-line-icons.icon-bulb:before { content: "\e076"; } .ff-font-simple-line-icons.icon-bar-chart:before { content: "\e077"; } .ff-font-simple-line-icons.icon-arrow-up:before { content: "\e078"; } .ff-font-simple-line-icons.icon-arrow-right:before { content: "\e079"; } .ff-font-simple-line-icons.icon-arrow-left:before { content: "\e07a"; } .ff-font-simple-line-icons.icon-arrow-down:before { content: "\e07b"; } .ff-font-simple-line-icons.icon-ban:before { content: "\e07c"; } .ff-font-simple-line-icons.icon-bubble:before { content: "\e07d"; } .ff-font-simple-line-icons.icon-camcorder:before { content: "\e07e"; } .ff-font-simple-line-icons.icon-camera:before { content: "\e07f"; } .ff-font-simple-line-icons.icon-check:before { content: "\e080"; } .ff-font-simple-line-icons.icon-clock:before { content: "\e081"; } .ff-font-simple-line-icons.icon-close:before { content: "\e082"; } .ff-font-simple-line-icons.icon-cloud-download:before { content: "\e083"; } .ff-font-simple-line-icons.icon-cloud-upload:before { content: "\e084"; } .ff-font-simple-line-icons.icon-doc:before { content: "\e085"; } .ff-font-simple-line-icons.icon-envelope:before { content: "\e086"; } .ff-font-simple-line-icons.icon-eye:before { content: "\e087"; } .ff-font-simple-line-icons.icon-flag:before { content: "\e088"; } .ff-font-simple-line-icons.icon-folder:before { content: "\e089"; } .ff-font-simple-line-icons.icon-heart:before { content: "\e08a"; } .ff-font-simple-line-icons.icon-info:before { content: "\e08b"; } .ff-font-simple-line-icons.icon-key:before { content: "\e08c"; } .ff-font-simple-line-icons.icon-link:before { content: "\e08d"; } .ff-font-simple-line-icons.icon-lock:before { content: "\e08e"; } .ff-font-simple-line-icons.icon-lock-open:before { content: "\e08f"; } .ff-font-simple-line-icons.icon-magnifier:before { content: "\e090"; } .ff-font-simple-line-icons.icon-magnifier-add:before { content: "\e091"; } .ff-font-simple-line-icons.icon-magnifier-remove:before { content: "\e092"; } .ff-font-simple-line-icons.icon-paper-clip:before { content: "\e093"; } .ff-font-simple-line-icons.icon-paper-plane:before { content: "\e094"; } .ff-font-simple-line-icons.icon-plus:before { content: "\e095"; } .ff-font-simple-line-icons.icon-pointer:before { content: "\e096"; } .ff-font-simple-line-icons.icon-power:before { content: "\e097"; } .ff-font-simple-line-icons.icon-refresh:before { content: "\e098"; } .ff-font-simple-line-icons.icon-reload:before { content: "\e099"; } .ff-font-simple-line-icons.icon-settings:before { content: "\e09a"; } .ff-font-simple-line-icons.icon-star:before { content: "\e09b"; } .ff-font-simple-line-icons.icon-symbol-female:before { content: "\e09c"; } .ff-font-simple-line-icons.icon-symbol-male:before { content: "\e09d"; } .ff-font-simple-line-icons.icon-target:before { content: "\e09e"; } .ff-font-simple-line-icons.icon-volume-1:before { content: "\e09f"; } .ff-font-simple-line-icons.icon-volume-2:before { content: "\e0a0"; } .ff-font-simple-line-icons.icon-volume-off:before { content: "\e0a1"; } .ff-font-simple-line-icons.icon-users:before { content: "\e001"; } html { overflow-x: hidden; } body { overflow: hidden; } .nav > li > a:focus, .nav > li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; } p { font-size: 15px; font-weight: 300; color: #606060; line-height: 1.4; } .ff-richtext { font-size: 15px; font-weight: 300; color: #606060; line-height: 1.4; } li, li a { font-size: 15px; font-weight: 300; color: #34343c; } .ff-richtext li { color: #606060; } a { color: #00bcd4; outline: 0; font-weight: 400; } a:focus, a:hover, a:active { outline: 0; color: #00bcd4; } h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #34343c; line-height: 1.4; margin: 0 0 15px; } h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a { color: #34343c; font-weight: 300; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: #00bcd4; text-decoration: none; } h1 > a:focus, h2 > a:focus, h3 > a:focus, h4 > a:focus, h5 > a:focus, h6 > a:focus { text-decoration: none; } ::selection { color: #fff; background: #00bcd4; text-shadow: none; } ::-webkit-selection { color: #fff; background: #00bcd4; text-shadow: none; } ::-moz-selection { color: #fff; background: #00bcd4; text-shadow: none; } :active, :focus { outline: 0; } .op-b-blog { padding: 50px 40px; } .op-b-blog .op-b-blog-title { font-size: 26px; margin-bottom: 30px; font-style: italic; font-weight: 400; line-height: 1.2; } .op-b-counters { text-align: center; margin-bottom: 50px; padding-top: 80px; padding-bottom: 80px; } .op-b-counters .op-b-counters-no, .op-b-counters .op-b-counters-title { color: #fff; } .op-b-counters .op-b-counters-icon, .op-b-counters .op-b-counters-icon-overlay { color: rgba(255, 255, 255, 0.5); } .op-b-counters .op-b-counters-icon { display: block; font-size: 36px; margin-bottom: 20px; } .op-b-counters .op-b-counters-icon { font-size: 50px; } .op-b-counters .op-b-counters-icon-overlay { position: relative; top: 35px; right: 40px; font-size: 50px; margin-top: -80px; } .op-b-counters .op-b-counters-no { font-size: 50px; font-weight: 500; margin-bottom: 10px; position: relative; } .op-b-counters .op-b-counters-title { font-size: 24px; margin-bottom: 0; } .op-b-pricing-v1 { position: relative; text-align: center; overflow: hidden; padding: 50px; } .op-b-pricing-v1.op-b-pricing-v1-bg-one { background: #c6e5d9; } .op-b-pricing-v1.op-b-pricing-v1-bg-two { background: #a5dff9; } .op-b-pricing-v1.op-b-pricing-v1-active { z-index: 1; -webkit-transform: scale(1.03, 1.1); -moz-transform: scale(1.03, 1.1); transform: scale(1.03, 1.1); } .op-b-pricing-v1 .op-b-pricing-v1-title { font-size: 36px; color: #fff; } .op-b-pricing-v1 .op-b-pricing-v1-subtitle { position: absolute; width: 90px; top: 0; left: -45px; margin-top: 45px; font-size: 18px; font-style: italic; font-weight: 400; color: #34343c; padding: 5px 20px; border-top-left-radius: 50px; border-bottom-left-radius: 50px; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); transform: rotate(270deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; } .op-b-pricing-v1 .op-b-pricing-v1-price, .op-b-pricing-v1 .op-b-pricing-v1-subprice { font-style: italic; font-weight: 700; color: #fff; line-height: 1; } .op-b-pricing-v1 .op-b-pricing-v1-price { font-size: 150px; letter-spacing: -5px; } .op-b-pricing-v1 .op-b-pricing-v1-price-sign { font-size: 26px; display: inline-block; color: #fff; vertical-align: top; } .op-b-pricing-v1 .op-b-pricing-v1-subprice { font-size: 40px; } .op-b-promo-b-v2 { background: #eef4f4; padding-top: 150px; } .op-b-promo-b-v2 .op-b-promo-b-v2-title { font-size: 50px; } .op-b-promo-b-v2 .op-b-promo-b-v2-text { font-size: 18px; opacity: 0.8; } .op-b-promo-b-v2 .op-b-promo-b-relative { position: relative; height: 300px; } .op-b-promo-b-v2 .op-b-promo-b-v2-overlay { position: absolute; bottom: -50px; } @media (max-width: 768px) { .op-b-promo-b-v2 { padding-top: 50px; } .op-b-promo-b-v2 .op-b-promo-b-relative { height: 100%; } .op-b-promo-b-v2 .op-b-promo-b-v2-overlay { position: relative; } } @media (max-width: 480px) { .op-b-promo-b-v2 .op-b-promo-b-v2-title { font-size: 36px; } } .op-b-team { text-align: center; margin-bottom: 30px; } .op-b-team .op-b-team-wrap { position: relative; overflow: hidden; } .op-b-team .op-b-team-media { margin-bottom: -1px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .op-b-team .op-b-team-member { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: auto; padding: 20px; } .op-b-team .op-b-team-name { font-size: 24px; color: #fff; margin-bottom: 5px; } .op-b-team .op-b-team-position { font-size: 16px; font-weight: 300; color: #fff; } .op-b-team .op-b-team-social { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: auto; padding: 20px 12px; margin-bottom: 0; -webkit-transform: translate3d(0, 74px, 0); -moz-transform: translate3d(0, 74px, 0); transform: translate3d(0, 74px, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .op-b-team .op-b-team-social .op-b-team-social-item { padding: 0 10px; } .op-b-team .op-b-team-social .op-b-team-social-link { font-size: 24px; text-decoration: none; color: rgba(255, 255, 255, 0.8); } .op-b-team .op-b-team-social .op-b-team-social-link:hover { color: rgba(255, 255, 255, 1); } .op-b-team:hover .op-b-team-media { -webkit-transform: translate3d(0, -74px, 0); -moz-transform: translate3d(0, -74px, 0); transform: translate3d(0, -74px, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .op-b-team:hover .op-b-team-social { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .op-b-testimonials { text-align: center; } .op-b-testimonials .op-b-testimonials-star { display: block; font-size: 26px; margin-bottom: 5px; } .op-b-testimonials .op-b-testimonials-star-no { display: block; font-size: 26px; font-style: italic; font-weight: 400; font-family: Lora, serif; } .op-b-testimonials .op-b-testimonials-quote, .op-b-testimonials .op-b-testimonials-quote p { font-size: 20px; font-style: italic; font-weight: 400; font-family: Lora, serif; color: #fff; margin-bottom: 30px; } .op-b-testimonials .op-b-testimonials-author { font-size: 24px; margin-bottom: 0; } .l-download { padding: 30px; } .l-download .l-download-icon { display: block; font-size: 100px; margin-bottom: 40px; } .l-download .l-download-title { font-size: 26px; } .l-download .l-download-text { opacity: 0.8; } .l-download-bg { background: #4c4c61; } .l-download-bg .l-download .l-download-icon, .l-download-bg .l-download .l-download-title, .l-download-bg .l-download .l-download-text { color: #fff; } .l-icon-box-v2 { display: table; margin-right: -10px; margin-left: -10px; } .l-icon-box-v2 .l-icon-box-v2-col { display: table-cell; vertical-align: middle; } .l-icon-box-v2 .l-icon-box-v2-col { padding: 0 10px; } .l-icon-box-v2 .l-icon-box-v2-icon { font-size: 40px; color: #34343c; } .l-icon-box-v2 .l-icon-box-v2-title { font-size: 18px; margin-bottom: 0; } .l-news-v1 { padding: 10px; } .l-news-v1 .l-news-v1-media { padding: 19px 10px 1px; } .l-news-v1 .l-news-v1-title { position: relative; display: inline-block; font-size: 18px; margin-bottom: 4px; } .l-news-v1 .l-news-v1-title a:before { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: " "; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-news-v1 .l-news-v1-title:hover { color: #009688; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-news-v1 .l-news-v1-title a:hover:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-news-v1 .l-news-v1-day { display: block; font-size: 13px; color: #727272; } .l-pricing-list-v1 { position: relative; background: #fff; box-shadow: 7px 7px 5px 0 transparent; overflow: hidden; padding: 30px; } .l-pricing-list-v1.text-left.icon-right { padding-right: 90px; } .l-pricing-list-v1.text-right.icon-right { padding-right: 90px; } .l-pricing-list-v1.text-left.icon-left { padding-left: 90px; } .l-pricing-list-v1.text-right.icon-left { padding-left: 90px; } .l-pricing-list-v1.text-center.icon-left, .l-pricing-list-v1.text-center.icon-right { padding-right: 90px; padding-left: 90px; } .l-pricing-list-v1 .l-pricing-list-v1-title { font-size: 26px; margin-bottom: 0; } .l-pricing-list-v1 .l-pricing-list-v1-price-sign, .l-pricing-list-v1 .l-pricing-list-v1-price, .l-pricing-list-v1 .l-pricing-list-v1-subprice, .l-pricing-list-v1 .l-pricing-list-v1-price-info { color: #34343c; } .l-pricing-list-v1 .l-pricing-list-v1-price-sign { font-size: 20px; } .l-pricing-list-v1 .l-pricing-list-v1-price { font-size: 50px; } .l-pricing-list-v1 .l-pricing-list-v1-subprice { font-size: 30px; } .l-pricing-list-v1 .l-pricing-list-v1-price-info { position: relative; font-size: 16px; } .l-pricing-list-v1 .l-pricing-list-v1-price-info:before { font-size: 22px; content: "/"; margin-right: 3px; } .l-pricing-list-v1 .l-pricing-list-v1-effect-wrap { text-align: left; position: absolute; top: 2px; right: 2px; } .l-pricing-list-v1.icon-left .l-pricing-list-v1-effect-wrap { left: 2px; right: auto; } .l-pricing-list-v1 .l-pricing-list-v1-effect { position: relative; display: inline-block; } .l-pricing-list-v1 .l-pricing-list-v1-effect span.before, .l-pricing-list-v1 .l-pricing-list-v1-effect span.after { border-radius: 50%; content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-pricing-list-v1 .l-pricing-list-v1-effect span.before { position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; } .l-pricing-list-v1 .l-pricing-list-v1-effect span.after { position: absolute; top: -35px; left: -35px; right: -35px; bottom: -35px; } .l-pricing-list-v1 .l-pricing-list-v1-icon { position: relative; display: inline-block; width: 60px; height: 60px; z-index: 2; font-size: 26px; color: #fff; text-align: center; vertical-align: middle; padding: 16px; box-shadow: none; border-radius: 50%; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-one span.before { border-width: 1px; border-style: solid; opacity: 0.4; } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-one span.after { border-width: 1px; border-style: solid; opacity: 0.2; } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-two:before { border: 1px solid rgba(178, 96, 206, 0.4); } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-two:after { border: 1px solid rgba(178, 96, 206, 0.2); } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-two .l-pricing-list-v1-icon { background: #b260ce; box-shadow: 0 0 5px 2px rgba(178, 96, 206, 0.4); } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-three:before { border: 1px solid rgba(88, 88, 129, 0.4); } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-three:after { border: 1px solid rgba(88, 88, 129, 0.2); } .l-pricing-list-v1 .l-pricing-list-v1-effect.l-pricing-list-v1-effect-three .l-pricing-list-v1-icon { background: #585881; box-shadow: 0 0 5px 2px rgba(88, 88, 129, 0.4); } .l-pricing-list-v2-bg { background: #4c4c61; } .l-pricing-list-v2 { position: relative; text-align: center; overflow: hidden; padding: 60px 30px; } .l-pricing-list-v2 .l-pricing-list-v2-title { font-size: 26px; color: #fff; margin-bottom: 5px; } .l-pricing-list-v2 .l-pricing-list-v2-text { color: #fff; opacity: 0.7; } .l-pricing-list-v2 .l-pricing-list-v2-price-sign, .l-pricing-list-v2 .l-pricing-list-v2-price, .l-pricing-list-v2 .l-pricing-list-v2-subprice, .l-pricing-list-v2 .l-pricing-list-v2-price-info { color: #fff; } .l-pricing-list-v2 .l-pricing-list-v2-price-sign { font-size: 20px; } .l-pricing-list-v2 .l-pricing-list-v2-price { font-size: 50px; } .l-pricing-list-v2 .l-pricing-list-v2-subprice { font-size: 30px; } .l-pricing-list-v2 .l-pricing-list-v2-price-info { position: relative; font-size: 16px; font-weight: 300; } .l-pricing-list-v2 .l-pricing-list-v2-price-info:before { font-size: 22px; content: "/"; margin-right: 3px; } .l-pricing-list-v2 .l-pricing-list-v2-checkbox { display: block; margin-bottom: 25px; } .l-pricing-list-v2 .l-pricing-list-v2-checkbox label { position: relative; vertical-align: middle; } .l-pricing-list-v2 .l-pricing-list-v2-checkbox label:before { width: 35px; height: 35px; display: inline-block; border-radius: 50%; content: " "; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-pricing-list-v2 .l-pricing-list-v2-checkbox label:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 35px; height: 35px; display: inline-block; border-radius: 50%; box-shadow: 0 0 0 8px transparent; content: " "; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-pricing-list-v2 .l-pricing-list-v2-checkbox input[type="checkbox"], .l-pricing-list-v2 .l-pricing-list-v2-checkbox input[type="radio"] { position: absolute; z-index: 1; width: 35px; height: 35px; border-radius: 50%; opacity: 0; cursor: pointer; } .l-pricing-list-v2 .l-pricing-list-v2-checkbox input[type="checkbox"]:focus + label:before, .l-pricing-list-v2 .l-pricing-list-v2-checkbox input[type="radio"]:focus + label:before { outline: 0; } .l-pricing-list-v2 .l-pricing-list-v2-btn { visibility: hidden; opacity: 0; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-pricing-list-v2:hover .l-pricing-list-v2-btn { visibility: visible; opacity: 1; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v1 { overflow: hidden; margin-bottom: 30px; border-radius: 5px; position: relative; } .l-services-v1-button-wrapper { display: inline-block; margin-top: 10px; } .l-services-v1 .l-services-v1-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .l-services-v1.icon-left .l-services-v1-media { float: left; } .l-services-v1.icon-right .l-services-v1-media { float: right; } .l-services-v1 .l-services-v1-effect { position: relative; display: inline-block; padding: 5px; } .l-services-v1 .l-services-v1-effect .before, .l-services-v1 .l-services-v1-effect .after { border-radius: 50%; content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v1 .l-services-v1-effect .before { position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; } .l-services-v1 .l-services-v1-effect .after { position: absolute; top: -35px; left: -35px; right: -35px; bottom: -35px; } .l-services-v1 .l-services-v1-icon { position: relative; display: inline-block; width: 60px; height: 60px; z-index: 2; font-size: 26px; color: #fff; text-align: center; vertical-align: middle; padding: 16px; box-shadow: 0 0 5px 2px rgba(0, 188, 212, 0.7); border-radius: 50%; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v1 .before { border-width: 1px; border-style: solid; border-color: #b260ce; opacity: 0.4; } .l-services-v1 .after { border-width: 1px; border-style: solid; border-color: #b260ce; opacity: 0.2; } .l-services-v1 .l-services-v1-effect .l-services-v1-icon { background: #b260ce; box-shadow: 0 0 5px 2px rgba(178, 96, 206, 0.4); } .l-services-v1:hover .l-services-v1-effect .before, .l-services-v1:hover .l-services-v1-effect.after { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v1:hover .l-services-v1-effect .before { border-color: rgba(0, 150, 136, 0.4); } .l-services-v1:hover .l-services-v1-effect .after { border-color: rgba(0, 150, 136, 0.2); } .l-services-v1:hover .l-services-v1-icon { background: #009688; box-shadow: 0 0 5px 2px rgba(0, 150, 136, 0.4); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v1 .l-services-v1-content { padding: 30px; overflow: hidden; } @media (min-width: 768px) { .l-services-v1.icon-left .l-services-v1-content { padding-left: 60px; } .l-services-v1.icon-right .l-services-v1-content { padding-right: 60px; } } .l-services-v1 .l-services-v1-title { font-size: 26px; line-height: 1.3; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v1.l-services-v1-icon-one .l-services-v1-title { color: #00bcd4; } .l-services-v1.l-services-v1-icon-three .l-services-v1-title { color: #585881; } .l-services-v1 .l-services-v1-text { line-height: 1.6; } .l-services-v1:hover.l-services-v1-icon-one .l-services-v1-title, .l-services-v1:hover.l-services-v1-icon-two .l-services-v1-title, .l-services-v1:hover.l-services-v1-icon-three .l-services-v1-title { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (max-width: 480px) { .l-services-v1 .l-services-v1-media { min-width: 100%; float: none; margin-bottom: 30px; } } .l-services-v2 { text-align: center; padding: 50px 30px; position: relative; border-radius: 5px; } .l-services-v2 .l-services-v2-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .l-services-v2 .l-services-v2-title { font-size: 26px; } .l-services-v2-buttons-wrapper { margin-top: 21px; } .l-services-v2 .l-services-v2-icon-wrap { position: relative; display: inline-block; width: 120px; height: 120px; text-align: center; vertical-align: middle; margin-bottom: 50px; border-radius: 50%; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v2 .l-services-v2-icon-wrap:before { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; width: 160px; height: 160px; border: 1px solid transparent; border-radius: 50%; content: " "; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v2 .l-services-v2-icon { width: 70px; height: auto; } .l-services-v2 .l-services-v2-icon-wrap i { line-height: 120px; } .l-services-v2:hover .l-services-v2-icon-wrap { transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v2:hover .l-services-v2-icon-wrap:before { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-services-v2-bg-image { background-repeat: no-repeat; background-position: center center; transition: none !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; } .l-services-v2-bg-image-size-auto { background-size: auto; } .l-services-v2-bg-image-size-cover { background-size: cover; } .l-services-v4 { margin-bottom: 30px; border-radius: 5px; overflow: hidden; } .l-services-v4 .l-services-v4-media { padding: 20px; } .l-services-v4 .l-services-v4-title { font-size: 18px; margin-bottom: 0; } .l-testimonials-v1 { text-align: center; padding: 30px; margin-bottom: 30px; } .l-testimonials-v1 .l-testimonials-v1-user-picture { display: block; margin: 0 auto 15px auto; } .l-testimonials-v1.text-right .l-testimonials-v1-user-picture { margin-right: 0; } .l-testimonials-v1.text-left .l-testimonials-v1-user-picture { margin-left: 0; } .l-testimonials-v1 .l-testimonials-v1-icon { font-size: 36px; margin-bottom: 15px; padding: 12px; } .l-testimonials-v1 .l-testimonials-v1-quote, .l-testimonials-v1 .l-testimonials-v1-quote p { font-size: 14px; } .l-testimonials-v1 .l-testimonials-v1-quote-mark { position: relative; display: block; padding-top: 75px; } .l-testimonials-v1 .l-testimonials-v1-quote-mark:before { position: absolute; top: -12px; left: 50%; display: inline-block; font-size: 100px; font-family: Droid Serif, serif; color: #34343c; content: "“"; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .l-testimonials-v1 .l-testimonials-v1-author { display: inline-block; position: relative; font-size: 18px; color: #34343c; margin-bottom: 3px; text-decoration: none; font-weight: 400; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-testimonials-v1 .l-testimonials-v1-author:before { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #009688; content: " "; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-testimonials-v1 .l-testimonials-v1-author:hover { color: #009688; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .l-testimonials-v1 .l-testimonials-v1-author:hover:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-block--blog-featured-area--audio iframe { max-width: 100%; } .video-responsive { display: block; max-width: 100%; height: auto; } .blog-classic { position: relative; overflow: hidden; } .blog-classic .blog-classic-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .blog-classic .blog-classic-hover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; opacity: 0; transition-duration: 0.4s; transition-property: opacity; background-size: cover; background-position: center center; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); background-color: #444; } .blog-classic .blog-classic-hover:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 60, 0.3); content: " "; } .blog-classic .blog-classic-hover .blog-classic-hover-img { width: auto; height: 100%; opacity: 0; visibility: hidden; } .blog-classic .blog-classic-body { position: relative; padding: 40px 30px 60px; word-wrap: break-word; } .blog-classic .img-responsive + .blog-classic-body { position: relative; padding: 40px 30px 60px; } .blog-classic .blog-classic-body-part .blog-classic-featured-image { width: 100%; } .blog-classic .img-responsive + .blog-classic-body .blog-classic-label { position: absolute; top: 0; right: 30px; width: 60px; height: 60px; display: block; font-size: 16px; color: #fff; line-height: 3.3; text-align: center; background: #34343c; border-radius: 3px; text-transform: uppercase; padding: 5px; margin-top: -30px; } .blog-classic .blog-classic-label { position: absolute; top: 0; right: 30px; width: 60px; height: 60px; display: block; font-size: 16px; color: #fff; line-height: 3.3; text-align: center; background: #34343c; border-radius: 3px; text-transform: uppercase; padding: 5px; margin-top: -30px; } .blog-classic .blog-classic-title { font-size: 28px; margin-bottom: 15px; word-wrap: break-word; } .blog-classic .blog-classic-title.blog-classic-title-sm { font-size: 24px; } .blog-classic .blog-classic-subtitle { display: block; font-size: 15px; font-weight: 300; color: #606060; line-height: 1.4; word-wrap: break-word; } .blog-classic .blog-classic-subtitle.blog-classic-subtitle-sm { font-size: 16px; } .blog-classic .blog-classic-subtitle.blog-classic-subtitle-sm { font-size: 16px; } .blog-classic .blog-classic-paragraph { position: relative; display: block; font-size: 13px; text-decoration: none; } .blog-classic .blog-classic-divider { width: 40px; height: 1px; margin: 5px 0 9px; display: inline-block; } .blog-classic .blog-classic-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .blog-classic > .img-responsivem, .blog-classic > a > img { width: 100%; } .blog-classic .blog-classic-overlay:before, .blog-classic .blog-classic-overlay:after { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; z-index: 2; content: " "; opacity: 0; transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-classic .blog-classic-overlay:before { -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } .blog-classic .blog-classic-overlay:after { -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } .blog-classic .blog-classic-overlay-body { position: absolute; left: 40px; right: 40px; bottom: 40px; width: auto; height: auto; z-index: 2; opacity: 0; -webkit-transform: translate3d(-20%, 0, 0); -moz-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-classic .blog-classic-overlay-body .blog-classic-title, .blog-classic .blog-classic-overlay-body .blog-classic-subtitle { color: #fff; } .blog-classic .blog-classic-overlay-body .blog-classic-paragraph { color: #fff; } .blog-classic:hover .blog-classic-hover { opacity: 1; transition-duration: 0.4s; transition-property: opacity; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-classic:hover .blog-classic-hover .blog-classic-hover-img { opacity: 1; visibility: visible; } .blog-classic:hover .blog-classic-overlay:before, .blog-classic:hover .blog-classic-overlay:after { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-classic:hover .blog-classic-overlay-body { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-classic-v2 .fg-blog-col-main, .blog-default-v1 .fg-blog-col-main, .blog-default-v2 .fg-blog-col-main, .blog-default-v3 .fg-blog-col-main { margin-bottom: 30px; } .blog-grid { position: relative; } .no-ff .blog-grid { background-color: #fff; } .blog-single-view .blog-grid { background-color: #fff; } .blog-grid .blog-grid-video { position: relative; } .blog-grid .blog-grid-video .blog-grid-video-player { text-align: center; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .blog-grid .blog-grid-box-shadow { -ms-word-wrap: break-word; word-wrap: break-word; } .blog-grid .blog-grid-box-shadow:empty { box-shadow: none; } .blog-grid .blog-grid-content { padding: 20px; } .blog-grid .blog-grid-content:empty { padding: 0; } .blog-grid .blog-grid-content.blog-grid-content-no-gutter { padding: 20px 0; } .blog-grid .blog-grid-title-sm { font-size: 20px; } .blog-grid .blog-grid-title-sm > a { font-size: 20px; -ms-word-wrap: break-word; word-wrap: break-word; } .blog-grid .blog-grid-title-md { font-size: 24px; } .blog-grid .blog-grid-title-md > a { font-size: 24px; } .blog-grid .blog-grid-title-el { font-size: 28px; } .blog-grid .blog-grid-title-el .blog-grid-title-link { font-size: 30px; text-decoration: none; } .blog-grid .blog-grid-separator { border-top: 1px solid #ebeef6; } .blog-grid .blog-grid-supplemental { padding: 20px; } section.blog-single .blog-grid .blog-grid-supplemental { padding: 20px 0; } section.blog-single .featured-area img { width: 100%; height: auto; } .blog-grid .blog-grid-supplemental-title { font-size: 12px; color: #606060; } .blog-grid .blog-grid-supplemental-category, .blog-grid .blog-grid-supplemental-category a { font-size: 13px; color: #00bcd4; } @media (max-width: 480px) { .blog-grid .blog-grid-title-lg { font-size: 24px; } } .ark-sidebar:not(.ark-element-sidebar) .widget { background-color: #fff; } .footer.fg-text-light .ark-sidebar:not(.ark-element-sidebar) .widget { background-color: transparent; } .ark-sidebar:not(.widget-title-big) .widget { padding: 15px 20px 15px 15px; margin-bottom: 30px; } .ark-sidebar:not(.widget-title-big) .widget-title { border-bottom: 1px solid #ebeef6; font-size: 16px; padding: 15px; margin: -15px -20px 15px -15px; } .ark-sidebar.widget-title-big .widget-title { border-bottom: 0; font-size: 24px; padding: 0; margin: 0 0 20px; } .ark-sidebar .widget.ffWidgetLatestPost .widget { padding: 0; } .ark-sidebar .widget.ffWidgetLatestPost .widget-body img { width: 100%; } .widget, .widget p, .widget em, .widget li, .widget li a { font-size: 14px; } .widget-body em, .widget-body li, .widget-body a, .widget-body div { word-wrap: break-word; } .widget-body select, .widget-body div, .widget-body img { max-width: 100%; height: auto; } .widget-body > ul { margin-top: -10px !important; } .widget-body select { margin: 5px 0 6px; } .widget-body .searchform { margin: 15px 0 6px; } .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul, .widget_nav_menu ul, .woocommerce.widget_product_categories ul, .widget_rss ul { margin: 0; padding: 0; list-style: none; } .widget_archive li, .widget_categories li, .widget_pages li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .widget_nav_menu li, .woocommerce.widget_product_categories li, .widget_rss li { padding: 8px 0 0 15px; margin: 0; position: relative; } .widget_archive li:before, .widget_categories li:before, .widget_pages li:before, .widget_meta li:before, .widget_recent_comments li:before, .widget_recent_entries li:before, .widget_nav_menu li:before, .woocommerce.widget_product_categories li:before, .widget_rss li:before { position: absolute; left: 0; content: "\f105"; font-family: "ff-font-awesome" !important; } .widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_comments li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover, .woocommerce.widget_product_categories li a:hover, .widget_rss li a:hover { text-decoration: none; color: #00bcd4; } #searchsubmit { line-height: 26px; color: #333; } #searchform #searchsubmit { color: #00bcd4; background-color: #fff; border: 1px solid #ebeef6; border-left: 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } #searchform #searchsubmit:hover { color: #fff; background-color: #00bcd4; border-color: #00bcd4; } .widget_calendar .widget-body table { width: 100%; text-align: center; line-height: 33px; } .widget_calendar .widget-body table caption { text-align: center; } .widget_calendar .widget-body table th, .widget_calendar .widget-body table td { padding: 5px; text-align: center; } .widget_calendar .widget-body table tfoot td, .widget_calendar .widget-body table tfoot td:last-child, .widget_calendar .widget-body table tfoot tr:last-child td { border: 0; } .widget_tag_cloud .widget-body a { display: inline-block; font-size: 13px !important; color: #3a3a44; border: 1px solid #606060; text-decoration: none; padding: 4px 9px; margin: 5px 2px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); border-radius: 50px; background-color: transparent; } .widget_tag_cloud .widget-body a:hover { color: #fff !important; background: #00bcd4; border-color: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-sidebar-content-height { max-width: none !important; max-height: 290px; margin: -15px -20px -15px -15px; padding: 15px 20px 15px 15px; } .widget_icl_lang_sel_widget #lang_sel, .widget_icl_lang_sel_widget #lang_sel ul, .widget_icl_lang_sel_widget #lang_sel li { min-width: 100%; } .twitter-feed .twitter-feed-item { border-top: 1px solid rgba(128, 128, 128, 0.19); padding-top: 10px; margin-top: 10px; } .twitter-feed .twitter-feed-item:before, .twitter-feed .twitter-feed-item:after { content: " "; display: table; } .twitter-feed .twitter-feed-item:after { clear: both; } .twitter-feed .twitter-feed-item:first-child { border-top: 0; padding-top: 0; margin-top: 0; } .twitter-feed .twitter-feed-item .twitter-feed-media { float: left; margin-right: 10px; } .twitter-feed .twitter-feed-item .twitter-feed-media .twitter-feed-media-img { width: 45px; height: 45px; } .twitter-feed .twitter-feed-item .twitter-feed-content { overflow: hidden; } .twitter-feed .twitter-feed-item .twitter-feed-content a, .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-name, .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-nickname, .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-nickname-link, .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-posted-time, .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-paragraph, .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-link { font-size: 12px; line-height: 17px; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-info { position: relative; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile { padding: 0 60px 3px 0; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-name { font-weight: 500; padding-right: 10px; } .footer .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-name { color: #fbfbfb; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-nickname { color: #606060; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-posted-time { color: #9e9e9e; position: absolute; top: 0; right: 0; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-paragraph { margin-bottom: 5px; } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-link { color: #00bcd4; } .latest-tuts { overflow: hidden; border-bottom: 1px solid #f7f8fa; border-bottom: 1px solid rgba(128, 128, 128, 0.1); padding-bottom: 10px; margin-bottom: 10px; } .latest-tuts:last-child { border-bottom: 0; } .latest-tuts .latest-tuts-media { float: left; margin-right: 10px; min-width: 45px; min-height: 45px; } .latest-tuts .latest-tuts-media .latest-tuts-media-img { width: 45px; height: 45px; } .latest-tuts .latest-tuts-content { overflow: hidden; } .latest-tuts .latest-tuts-content .latest-tuts-content-title { font-size: 14px; text-transform: inherit; letter-spacing: 0; margin: 0 0 3px; } .footer .latest-tuts .latest-tuts-content .latest-tuts-content-title { font-size: 15px; } .latest-tuts .latest-tuts-content .latest-tuts-content-time { font-size: 11px; display: block; color: #606060; } .footer .latest-tuts .latest-tuts-content .latest-tuts-content-time { color: #fbfbfb; font-weight: 300; } .featured-article { position: relative; display: block; overflow: hidden; } .featured-article .featured-article-content-wrap { position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(52, 52, 60, 0); background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(rgba(52, 52, 60, 0.9)) ); background-image: -webkit-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -moz-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -ms-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -o-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); } .featured-article .featured-article-content { padding: 20px; } .featured-article .featured-article-content .featured-article-content-title { font-size: 15px; color: #fff; text-transform: inherit; letter-spacing: 0; margin: 0 0 5px; } .featured-article .featured-article-content .featured-article-content-title > a { color: #fff; } .featured-article .featured-article-content .featured-article-content-title > a:hover { color: #00bcd4; text-decoration: none; } .featured-article .featured-article-content .featured-article-content-time { display: block; font-size: 12px; color: #fff; } .featured-article:hover { text-decoration: none; } .blog-sidebar-tags { margin: -5px 0 0; } .blog-sidebar-tags > li { padding: 5px 2px; } .blog-sidebar-tags > li > a { display: inline-block; font-size: 13px; color: #3a3a44; border: 1px solid #606060; text-decoration: none; padding: 3px 8px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); border-radius: 50px; } .blog-sidebar-tags > li > a:hover { color: #fff; background: #00bcd4; border-color: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-single-post-source { display: block; margin: 20px 0; } .blog-single-post-content { padding: 60px 20px 40px; } #respond #reply-title { margin-bottom: 50px; text-align: center; font-size: 28px; } .blog-single-post-form { color: #34343c; background: #f7f8fa; border-color: #f7f8fa; } .blog-single-post-form::-moz-placeholder { color: #34343c; } .blog-single-post-form:-ms-input-placeholder { color: #34343c; } .blog-single-post-form::-webkit-input-placeholder { color: #34343c; } .blog-single-post-form:focus { color: #34343c; background: #f7f8fa; border-color: #eff1f8; } .blog-single-post-form:focus::-moz-placeholder { color: #34343c; } .blog-single-post-form:focus:-ms-input-placeholder { color: #34343c; } .blog-single-post-form:focus::-webkit-input-placeholder { color: #34343c; } .comments { padding: 60px 0 5px; margin: 0 -15px; } .ark-comment-list { padding: 0 20px; } .blog-single-post-comment { overflow: hidden; border-top: 1px solid #f1f1f1; padding-top: 20px; margin-top: 10px; } .blog-single-post-comment.blog-single-post-comment-first-child { border-top: 0; padding-top: 0; margin-top: 0; } .blog-single-post-comment .blog-single-post-comment { margin-left: 30px; } .blog-single-post-comment .blog-single-post-comment-media { float: left; margin-right: 15px; } .blog-single-post-comment .blog-single-post-comment-media .blog-single-post-comment-media-img { width: 50px; height: 50px; } .blog-single-post-comment-media.radius-circle img { border-radius: 50%; } .blog-single-post-comment .blog-single-post-comment-content { overflow: hidden; } .blog-single-post-comment .blog-single-post-comment-content .blog-single-post-comment-username { display: inline-block; font-size: 16px; font-weight: 400; text-transform: inherit; margin: 0 0 5px; } .blog-single-post-comment .blog-single-post-comment-content .blog-single-post-comment-time { float: right; color: #606060; font-size: 11px; } .blog-single-post-comment .blog-single-post-comment-content .blog-single-post-comment-text { color: #34343c; } .blog-single-post-comment .blog-single-post-comment-share { overflow: hidden; } .blog-single-post-comment .blog-single-post-comment-share .blog-single-post-comment-share-item { font-size: 12px; padding: 0; } .comment-reply-link, .blog-single-post-comment .blog-single-post-comment-share .blog-single-post-comment-share-link { font-size: 12px; text-decoration: none; } @media (max-width: 480px) { .blog-single-post-comment .blog-single-post-comment-media { float: none; margin-right: 0; } .blog-single-post-comment .blog-single-post-comment-media .blog-single-post-comment-media-img { margin-bottom: 15px; } } .blog-teaser { position: relative; text-align: center; overflow: hidden; } .blog-teaser .blog-teaser-overlay { word-wrap: break-word; left: 0; */width: 100%; height: 100%; content: " "; padding: 180px 10%; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser .blog-teaser-title { position: relative; font-size: 50px; line-height: 1.2; color: #fff; margin-bottom: 12px; margin-top: 18px; } .blog-teaser .blog-teaser-divider { display: block; margin: 0 auto 14px auto; width: 50px; height: 2px; background-color: #fff; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser:hover .blog-teaser-divider { -webkit-transform: scale(3, 1); -moz-transform: scale(3, 1); transform: scale(3, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser .blog-teaser-text p { font-size: 18px; } .blog-teaser .blog-teaser-category { position: absolute; left: 0; right: 0; bottom: 20px; margin-bottom: 0; opacity: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser:hover .blog-teaser-category { opacity: 1; } .blog-teaser .blog-teaser-category .blog-teaser-category-title { position: relative; font-size: 15px; text-transform: uppercase; letter-spacing: 1px; opacity: 0; padding: 0 15px 0 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .blog-teaser .blog-teaser-category .blog-teaser-category-title:before { position: absolute; top: 3px; left: -9px; width: 1px; height: 12px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); background-color: #2c2c2c; content: " "; } .blog-teaser .blog-teaser-category .blog-teaser-category-title:first-child:before { display: none; } .blog-teaser .blog-teaser-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .blog-teaser:hover .blog-teaser-overlay { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(1) { opacity: 1; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(2) { opacity: 1; -webkit-transition: all 0.8s ease-in; -moz-transition: all 0.8s ease-in; transition: all 0.8s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(3) { opacity: 1; -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; transition: all 1s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(4) { opacity: 1; -webkit-transition: all 1.3s ease-in; -moz-transition: all 1.3s ease-in; transition: all 1.3s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(5) { opacity: 1; -webkit-transition: all 1.6s ease-in; -moz-transition: all 1.6s ease-in; transition: all 1.6s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(6) { opacity: 1; -webkit-transition: all 1.9s ease-in; -moz-transition: all 1.9s ease-in; transition: all 1.9s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(7) { opacity: 1; -webkit-transition: all 2.2s ease-in; -moz-transition: all 2.2s ease-in; transition: all 2.2s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(8) { opacity: 1; -webkit-transition: all 2.5s ease-in; -moz-transition: all 2.5s ease-in; transition: all 2.5s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(9) { opacity: 1; -webkit-transition: all 2.8s ease-in; -moz-transition: all 2.8s ease-in; transition: all 2.8s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(10) { opacity: 1; -webkit-transition: all 3s ease-in; -moz-transition: all 3s ease-in; transition: all 3s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(11) { opacity: 1; -webkit-transition: all 3.3s ease-in; -moz-transition: all 3.3s ease-in; transition: all 3.3s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(12) { opacity: 1; -webkit-transition: all 3.6s ease-in; -moz-transition: all 3.6s ease-in; transition: all 3.6s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(13) { opacity: 1; -webkit-transition: all 3.9s ease-in; -moz-transition: all 3.9s ease-in; transition: all 3.9s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(14) { opacity: 1; -webkit-transition: all 4.2s ease-in; -moz-transition: all 4.2s ease-in; transition: all 4.2s ease-in; } .blog-teaser:hover .blog-teaser-category .blog-teaser-category-title:nth-child(15) { opacity: 1; -webkit-transition: all 4.5s ease-in; -moz-transition: all 4.5s ease-in; transition: all 4.5s ease-in; } .blog-teaser-v2 { position: relative; overflow: hidden; text-decoration: none; } .blog-teaser-v2 .blog-teaser-v2-spacer { height: 150px; } .blog-teaser-v2 .blog-teaser-v2-img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser-v2 .blog-teaser-v2-overlay { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser-v2 .blog-teaser-v2-content { padding: 20px; word-wrap: break-word; } .blog-teaser-v2 .blog-teaser-v2-subtitle { font-size: 14px; color: #fff; margin-bottom: 5px; } .blog-teaser-v2 .blog-teaser-v2-title { position: relative; font-size: 28px; color: #fff; margin-bottom: 8px; } .blog-teaser-v2 .blog-teaser-v2-title.blog-teaser-v2-title-sm { font-size: 22px; } .blog-teaser-v2 .blog-teaser-v2-media { overflow: hidden; } .blog-teaser-v2 .blog-teaser-v2-media-content { overflow: hidden; } .blog-teaser-v2-author-name { font-size: 13px; font-weight: 400; color: #fff; letter-spacing: 0; margin-top: 10px; } .blog-latest .blog-teaser-v2-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .blog-teaser-v2:hover .blog-teaser-v2-img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser-v2:hover .blog-teaser-v2-overlay { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v1 .news-v1-heading { padding: 22px 20px; } .news-v1 .news-v1-heading .news-v1-heading-tag, .news-v1 .news-v1-heading .meta { font-size: 14px; font-style: italic; text-decoration: none; margin-bottom: 5px; } .news-v1 .news-v1-heading .news-v1-heading-tag:hover { color: #00bcd4; } .news-v1 .news-v1-element { position: relative; display: inline-block; font-size: 13px; color: #34343c; } .news-v1 .news-v1-element:before, .news-v1 .news-v1-element:after { position: absolute; top: 50%; margin-top: -0.5px; display: inline-block; width: 30px; height: 1px; background-color: #34343c; content: " "; } .news-v1 .news-v1-element:before { right: 100%; margin-right: 10px; } .news-v1 .news-v1-element:after { left: 100%; margin-left: 10px; } .news-v1 .news-v1-element-icon { display: inline-block; font-size: 6px; color: #606060; line-height: 20px; } .news-v1 .news-v1-heading .news-v1-heading-title { font-size: 20px; font-style: italic; margin-bottom: 0; } .news-v1 .news-v1-heading .news-v1-heading-title > a { text-decoration: none; } .news-v1 .news-v1-img-gradient { position: relative; overflow: hidden; } .news-v1 .news-v1-img-gradient .news-v1-img-content { position: absolute; left: 0; bottom: 0; background-color: rgba(52, 52, 60, 0); background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(rgba(52, 52, 60, 0.9)) ); background-image: -webkit-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -moz-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -ms-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -o-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); } .news-v1 .news-v1-img-gradient .news-v1-img-title { font-size: 16px; font-style: italic; font-weight: 400; color: #fff; text-transform: inherit; letter-spacing: 0; padding: 30px; margin-bottom: 0; } .news-v1 .news-v1-content { padding: 20px; } .news-v1 .news-v1-lists { text-align: center; margin-bottom: 0; padding: 10px; } .news-v1 .news-v1-lists .news-v1-lists-item { position: relative; font-size: 13px; font-style: italic; } .news-v1 .news-v1-lists .news-v1-lists-item.fg-text-dark { color: #34343c; } .news-v1 .list-inline.news-v1-lists > li.news-v1-lists-item { padding-right: 0; padding-left: 0; } .news-v1 .news-v1-lists .news-v1-lists-item:first-child:before { display: none; content: " "; } .news-v1 .news-v1-lists .news-v1-lists-item .news-v1-lists-link { position: relative; z-index: 1; font-size: 13px; font-style: italic; color: #34343c; text-decoration: none; } .news-v1 .news-v1-lists .news-v1-lists-item .news-v1-lists-link:hover { color: #00bcd4; } .news-v1 .news-v1-quote { position: relative; display: block; font-size: 15px; color: #3a3a44; line-height: 1.6; padding-left: 45px; margin-bottom: 0; } .news-v1 .news-v1-quote:before { position: absolute; top: -20px; left: 0; display: inline-block; font-size: 70px; color: #34343c; content: "“"; } .news-v2 { padding: 50px; } .news-v2 { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v2 .news-v2-title, .news-v2 .news-v2-subtitle, .news-v2 .news-v2-link { transition-duration: 0.1s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v2 .news-v2-title { font-size: 26px; margin-bottom: 10px; word-wrap: break-word; } .news-v2 .ff-news-v2-post-content { word-wrap: break-word; } .news-v2 .news-v2-subtitle { display: block; font-size: 14px; font-style: italic; margin-bottom: 10px; } .news-v2 .news-v2-subtitle a { color: #606060; } .news-v2 .news-v2-subtitle a, .news-v2 .news-v2-subtitle a:focus, .news-v2 .news-v2-subtitle a:hover, .news-v2 .news-v2-subtitle a:active { text-decoration: none !important; } .news-v2 .news-v2-link { color: #606060; display: inline-block; margin-top: 40px; } .news-v2:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v2:hover .news-v2-title a:hover { text-decoration: none; } .news-v2:hover .news-v2-title a, .news-v2:hover .news-v2-link, .news-v2:hover .news-v2-subtitle .ff-meta-item a, .news-v2:hover .news-v2-subtitle .ff-date-meta { color: #fff; } .news-v3 .news-v3-content { padding: 30px; word-wrap: break-word; } .news-v3 .news-v3-content .news-v3-subtitle { display: block; font-size: 15px; font-style: italic; color: #333; margin-bottom: 5px; } .news-v3 .news-v3-content .news-v3-subtitle a { font-style: italic; color: #00bcd4; margin-bottom: 5px; } .news-v3 .news-v3-content .news-v3-subtitle a:hover { text-decoration: underline; } .news-v3 .news-v3-content .news-v3-title { font-size: 24px; margin-bottom: 7px; } .news-v3 .news-v3-content .news-v3-element { position: relative; display: inline-block; font-size: 13px; margin: 0 0 17px; color: #606060; line-height: 0; } .news-v3.text-right .news-v3-content .news-v3-element { margin-right: 40px; } .news-v3.text-left .news-v3-content .news-v3-element { margin-left: 40px; } .news-v3 .news-v3-content .news-v3-element:before, .news-v3 .news-v3-content .news-v3-element:after { position: absolute; top: 50%; width: 30px; height: 1px; margin-top: -0.5px; content: " "; } .news-v3 .news-v3-content .news-v3-element:before { right: 100%; margin-right: 10px; } .news-v3 .news-v3-content .news-v3-element:after { left: 100%; margin-left: 10px; } .news-v3 .news-v3-content .news-v3-element .news-v3-element-icon { position: relative; font-size: 5px; color: transparent; line-height: 1; } .blog-simple-2 .blog-simple-2-separator { height: 1px; width: 100%; } .blog-simple-2 .blog-simple-2-separator { margin: 50px 0; } .news-v4 { word-wrap: break-word; } .blog-simple-2 .news-v4 { padding-bottom: 0; } .news-v4 .news-v4-title { font-size: 24px; } .news-v4 .news-v4-title-element-left { position: relative; margin-top: 7px; margin-bottom: 12px; } .news-v4 .news-v4-divider { display: inline-block; width: 30px; height: 1px; margin-top: 25px; border-bottom: 1px solid #00bcd4; } .news-v4 .news-v4-title-element-right { position: relative; margin-top: 7px; } .news-v4 .blog-grid-supplemental-title, .op-b-blog .blog-grid-supplemental-title, .news-v12 .blog-grid-supplemental-title { font-size: 13px; font-weight: 300; color: #606060; margin: 10px 0; } .blog-grid-supplemental .blog-grid-supplemental-title a { color: #00bcd4; margin: 10px 0; } .news-v5 { width: 100%; margin-bottom: 30px; position: relative; } .news-v5:before, .news-v5:after { content: " "; display: table; } .news-v5:after { clear: both; } @media (min-width: 768px) { .news-v5 .news-v5-col { position: absolute; top: 15px; right: auto; bottom: 15px; left: 50px; width: calc(43% - 50px); background-size: cover; background-position: center center; } .news-v5 .news-v5-col-p-right { top: 15px; right: 50px; bottom: 15px; left: auto; } } @media (max-width: 767px) { .news-v5 .news-v5-col { background-image: none !important; } } @media (min-width: 768px) { .news-v5-col img { opacity: 0; } } .news-v5 .news-v5-col a, .news-v5 .news-v5-col .news-v5-img-wrapper, .news-v5 .news-v5-col a img, .news-v5 .news-v5-col img { height: 100% !important; display: block !important; width: 100% !important; max-width: 100% !important; } .news-v5 .news-v5-content { position: relative; display: table; float: right; width: 57%; height: 100%; min-height: 1px; padding: 0; text-align: center; } .news-v5 .news-v5-content .news-v2-subtitle { margin-bottom: 15px; } .news-v5 .news-v5-border-right, .news-v5 .news-v5-border-left { position: absolute; width: 100%; height: 100%; } .news-v5 .news-v5-border-right:before, .news-v5 .news-v5-border-right:after, .news-v5 .news-v5-border-left:before, .news-v5 .news-v5-border-left:after { content: " "; position: absolute; top: 0; height: 1px; left: 0; right: 0; width: 100%; } .news-v5 .news-v5-border-right:after, .news-v5 .news-v5-border-left:after { top: auto; bottom: 0; } .news-v5 .news-v5-border-left:before, .news-v5 .news-v5-border-left:after { left: auto; right: 0; } @media (max-width: 767px) { .news-v5 .news-v5-border-right, .news-v5 .news-v5-border-left { display: none; } } .news-v5 .news-v5-inner { position: relative; display: table-cell; vertical-align: middle; padding: 80px 0; } .news-v5 .news-v5-inner-body { padding: 0 50px; } .news-v5 .news-v5-icon { display: block; font-size: 36px; color: #00bcd4; margin-bottom: 20px; } .news-v5 .news-v5-order-name { font-size: 32px; color: #34343c; margin-bottom: 5px; word-wrap: break-word; } .news-v5 .news-v5-post-content { margin-bottom: 20px; color: #606060; word-wrap: break-word; } @media (min-width: 769px) { .news-v5 .news-v5-content-sm-pull { right: 43%; } } @media (max-width: 768px) { .news-v5 { width: 100%; height: 100%; text-align: center; margin: 0 auto; display: block; } .news-v5 .news-v5-col-p-left, .news-v5 .news-v5-col-p-right { padding: 15px; } .news-v5 .news-v5-border-right, .news-v5 .news-v5-border-left { border: 0; } .news-v5 .news-v5-col, .news-v5 .news-v5-content { width: 100%; height: 100%; float: none; } .news-v5 .news-v5-border-right:before, .news-v5 .news-v5-border-left:before { position: static; top: 0; left: 0; right: 0; bottom: 0; background-image: none; background-image: none; } .news-v5 .news-v5-inner { padding: 10px 0 0; } } .news-v6 { background: #fff; padding: 40px; } .news-v6 .news-v6-title { font-size: 24px; } .news-v6 .news-v6-subtitle { max-width: 350px; font-style: italic; color: #00bcd4; } .news-v7.news-v7-lg { position: relative; z-index: 1; box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.07); margin-top: -20px; } .news-v7.news-v7-lg .news-v7-content { padding: 30px 20px; } .news-v7 .news-v7-content { background: #fff; padding: 20px; box-shadow: 0 4px 3px -1px rgba(52, 52, 60, 0.03); } .news-v7 .news-v7-title { font-size: 22px; margin-bottom: 5px; } .news-v7 .news-v7-subtitle { font-size: 14px; font-style: italic; color: #606060; margin-bottom: 0; } .news-v8 .news-v8-img-effect { position: relative; } .news-v8 .news-v8-img-effect:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(52, 52, 60, 0); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v8 .news-v8-img-effect-center-align { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .news-v8 .theme-icons-wrap { opacity: 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v8:hover .news-v8-img-effect:before { background-color: rgba(0, 188, 212, 0.7); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v8:hover .theme-icons-wrap { opacity: 1; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v8 .news-v8-wrap { position: relative; z-index: 1; overflow: hidden; padding: 0 30px; } .news-v8 .news-v8-content { position: relative; } .news-v8 .news-v8-category { margin: 30px 0 10px; } .news-v8 .news-v8-category a { display: inline-block; font-size: 16px; font-style: italic; line-height: 1.3; color: #7a7a7a; } .news-v8 .news-v8-title { font-size: 20px; margin-bottom: 30px; word-wrap: break-word; } .news-v8 .news-v8-footer { background-color: #fff; padding: 15px 20px; } .news-v8 .news-v8-separator { height: 1px; width: 100%; margin: 0 -30px; padding: 0 30px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } .news-v8 .news-v8-paragraph { margin: -10px 0 30px; word-wrap: break-word; } .news-v8 .news-v8-footer-list { margin-bottom: 0; } .news-v8 .news-v8-footer-list .news-v8-footer-list-item { font-size: 13px; color: #606060; } .news-v8 .news-v8-footer-list .news-v8-footer-list-item .ff-meta-item { font-size: 13px; } .news-v8 .ff-meta-item { color: #606060; } .news-v8 .news-v8-footer-list .news-v8-footer-list-icon { position: relative; top: 1px; font-size: 14px; color: #606060; margin-right: 5px; } .news-v8 .news-v8-footer-list .news-v8-footer-list-link { font-size: 13px; color: #606060; text-decoration: none; } .news-v8 .news-v8-footer-list .news-v8-footer-list-link:hover, .fg-text-light.news-v8-footer .news-v8-footer-list-item .ff-meta-item a:hover, .fg-text-light.news-v9-title a:hover { color: #00bcd4; } .news-v8 .news-v8-more .news-v8-more-link { position: absolute; left: 50%; bottom: 30px; font-size: 14px; font-weight: 300; background-color: #00bcd4; color: #fff; cursor: pointer; padding: 8px 20px; margin-bottom: 0; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v8 .news-v8-more .news-v8-more-info { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; width: auto; height: 0; text-align: left; overflow: hidden; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); pointer-events: none; } .news-v8 .news-v8-more .news-v8-more-info-body { padding: 30px; } .news-v8 .news-v8-more .news-v8-more-info-title { font-size: 18px; color: #fff; margin-bottom: 5px; } .news-v8 .news-v8-more .news-v8-more-info-subtitle { display: block; font-size: 14px; font-weight: 300; color: #c4c4c4; } .news-v8 .news-v8-more .news-v8-more-info-text { font-size: 14px; color: #c4c4c4; margin-bottom: 0; } .news-v8 .news-v8-more:hover .news-v8-more-info { width: auto; height: 100%; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v8:hover .news-v8-more .news-v8-more-link { bottom: -35px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-classic-v6 { margin-bottom: 30px; } .news-v9-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -1; padding: inherit !important; } .news-v9-bg-inner { position: relative; width: 100% !important; height: 100% !important; background-position: center center; background-size: cover; background-repeat: no-repeat; } .news-v9-bg-inner:before { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .news-v9.news-v9-box-shadow { box-shadow: 0 3px 7px 3px rgba(52, 52, 60, 0.3); } .news-v9 .news-v9-img { width: 100%; height: auto; } .news-v9 .news-v9-spacer { height: 180px; } .news-v9 { padding: 30px 30px 50px; } .ff-news-v9-button { margin-bottom: 20px; } .news-v9 .news-v9-title { font-size: 30px; color: #fff; margin-bottom: 20px; word-wrap: break-word; } .news-v9 .news-v9-meta { margin-bottom: 20px; } .news-v9 .news-v9-text { color: #fff; margin-bottom: 20px; word-wrap: break-word; } .news-v9 .news-v9-separator { height: 1px; width: 100%; background-color: rgba(255, 255, 255, 0.6); margin: 40px 0 20px; } .blog-classic-v6 .news-v9-link { position: absolute; left: 30px; bottom: 30px; display: block; font-weight: 300; color: #fff; padding-left: inherit; } .blog-classic-v6.text-right .news-v9-link { right: 30px; left: auto; } .blog-classic-v6.text-center .news-v9-link { left: auto; width: 100%; } .news-v10 { overflow: hidden; padding: 20px 0; word-wrap: break-word; } .news-v10:first-child { padding-top: 0; } .news-v10 .news-v10-media { float: left; margin-right: 20px; } .news-v10-featured-image { height: auto; display: inline-block; } .news-v10 .news-v10-content { overflow: hidden; } .news-v10 .news-v10-title { font-size: 18px; margin: 0 0 5px; } .news-v10 .news-v10-lists { margin-bottom: 0; } .news-v10 .news-v10-lists .news-v10-lists-item { position: relative; font-size: 13px; color: #34343c; } .news-v10 .news-v10-lists .news-v10-lists-item:first-child { padding-left: 1px; } .news-v10 .news-v10-lists .news-v10-lists-item:first-child:before { display: none; } .news-v10 .news-v10-lists .news-v10-lists-item .news-v10-lists-icon { position: relative; top: 1px; font-size: 13px; margin-right: 3px; } .news-v10 .news-v10-lists .news-v10-lists-item .news-v10-lists-link { font-size: 13px; } @media (max-width: 768px) { .news-v10 .news-v10-media { float: none; margin: 0 0 20px; } } .news-v11 { background: #fff; } .blog-classic-4 .row .news-v11 { height: 100%; } .news-v11 .news-v11-content { position: relative; padding: 20px; } .news-v11 .news-v11-content.news-v11-content-arrow-bottom:after { position: absolute; top: 93%; left: 50%; width: 0; height: 0; z-index: 1; border-style: solid; border-width: 0 20px 25px; border-color: transparent transparent #fff; content: " "; margin-left: -22.5px; } .news-v11 .news-v11-content.news-v11-content-arrow-left:after { position: absolute; top: 50%; right: 99%; width: 0; height: 0; z-index: 1; border-style: solid; border-width: 20px 25px 20px 0; border-color: transparent #fff transparent transparent; content: " "; margin-top: -20px; } .news-v11 .news-v11-content.news-v11-content-arrow-right:after { position: absolute; top: 50%; left: 99%; width: 0; height: 0; z-index: 1; border-style: solid; border-width: 20px 0 20px 25px; border-color: transparent transparent transparent #fff; content: " "; margin-top: -20px; } .news-v11 .news-v11-title { position: relative; font-size: 20px; margin-bottom: 0; } .news-v11 .news-v11-separator { left: 50%; bottom: -12px; width: 20px; height: 1px; background-color: #34343c; margin: 10px auto 5px auto; display: inline-block; } .news-v11 .news-v11-subtitle a, .news-v11 .news-v11-subtitle { font-weight: 400; font-size: 12px; margin-bottom: 15px; } .news-v11-prev-img { width: 100%; } .news-v11 .news-v11-paragraph { margin-bottom: 0; font-size: 15px; font-weight: 300; } @media (max-width: 768px) { .news-v11 .news-v11-content.news-v11-content-arrow-bottom:after { position: absolute; top: 97%; } .news-v11 .news-v11-content.news-v11-content-arrow-left:after, .news-v11 .news-v11-content.news-v11-content-arrow-right:after { position: absolute; top: -15%; right: 50%; border-width: 0 20px 25px; border-color: transparent transparent #fff; margin: 0 -20px 0 0; } } .news-v12 .news-v12-content { position: relative; padding: 30px; } .news-v12 .news-v12-title { font-size: 24px; color: #34343c; word-wrap: break-word; } .news-v12 .news-v12-text { line-height: 1.6; word-wrap: break-word; } .news-v12 .news-v12-video { position: relative; top: -20px; overflow: visible; z-index: 10; } .news-v12 .news-v12-video .news-v12-video-link { position: absolute; top: -30px; right: 0; width: 40px; height: 40px; display: block; font-size: 14px; color: #fff; text-align: center; background: #f7f8fa; text-decoration: none; padding: 0; } .news-v12 .news-v12-video .news-v12-video-link i { line-height: 40px; } .news-v12 .news-v12-video .news-v12-video-tooltip { position: absolute; top: -80px; right: 0; display: inline-block; font-size: 14px; font-weight: 300; color: #fff; visibility: hidden; opacity: 0; padding: 10px 20px; transform: translateY(-20px); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .news-v12 .news-v12-video .news-v12-video-tooltip:after { position: absolute; right: 10px; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 15px 10px 0; border-color: #45bbff transparent transparent; content: " "; } .news-v12 .news-v12-video:hover .news-v12-video-tooltip { z-index: 1; visibility: visible; opacity: 1; transform: translateY(-5px); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-controls-news-v12-arrow-controls .carousel-control { z-index: 2; transform: translate3d(0, 0, 0); } .owl-controls-news-v12-prev { left: 0; } .owl-controls-news-v12-next { right: 0; } .accordion-v1 { margin-bottom: 30px; } .accordion-v1 .panel-group { margin-bottom: 0; } .accordion-v1 .panel { border: 0; border-radius: 0; box-shadow: none; background-color: transparent; } .accordion-v1 .panel-default .panel-heading { border-radius: 0; padding: 0; } .accordion-v1 .panel-default .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .accordion-v1 .panel-title > a { position: relative; display: inline-block; width: 100%; font-size: 15px; font-weight: 300; color: #34343c; background: #f7f8fa; padding: 15px 50px 15px 15px; } .accordion-v1 .panel-title > a:after { position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; right: 20px; font-size: 24px; font-weight: 200; color: #34343c; content: "\2B"; } .accordion-v1 .panel-title > a[aria-expanded="true"] { color: #fff; background: #00bcd4; } .accordion-v1 .panel-title > a[aria-expanded="true"]:after { color: #fff; position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; right: 20px; content: "\2013"; } .accordion-v1 .panel-title > a:hover { color: #fff; background: #00bcd4; text-decoration: none; } .accordion-v1 .panel-title > a:hover:after { color: #fff; } .accordion-v1 .panel-body { font-size: 15px; font-weight: 300; color: #606060; } .accordion-v1.accordion-v1-active-left .panel-title > a { padding: 15px 15px 15px 50px; } .accordion-v1.accordion-v1-active-left .panel-title > a:after { position: absolute; top: 7.5px; left: 20px; right: auto; } .accordion-v1.accordion-v1-active-left .panel-title > a[aria-expanded="true"]:after { position: absolute; top: 6px; left: 20px; right: auto; } .accordion-v2 { margin-bottom: 30px; } .accordion-v2 .panel-group { margin-bottom: 0; } .accordion-v2 .panel { background: 0 0; border: 0; border-radius: 0; box-shadow: none; } .accordion-v2 .panel + .panel { margin: 0; } .accordion-v2 .panel-default .panel-heading { background: #fff; border-radius: 0; box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.07); padding: 0; margin-bottom: 15px; } .accordion-v2 .panel-default .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .accordion-v2 .panel-title > a { position: relative; display: inline-block; width: 100%; font-size: 15px; font-weight: 300; color: #34343c; padding: 15px 50px 15px 15px; } .accordion-v2 .panel-title > a:after { position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; right: 15px; display: inline-block; width: 30px; font-size: 18px; font-weight: 200; color: #34343c; text-align: center; vertical-align: middle; content: "\2B"; } .accordion-v2 .panel-title > a[aria-expanded="true"]:after { content: "\2013"; } .accordion-v2 .panel-title > a:hover { color: #00bcd4; text-decoration: none; } .accordion-v2 .panel-title > a:hover:after { color: #00bcd4; } .accordion-v2 .panel-title > a .panel-title-icon { position: relative; top: 3px; min-width: 30px; height: auto; text-align: center; font-size: 18px; margin-right: 8px; } .accordion-v2 .panel-body { font-size: 15px; font-weight: 300; color: #606060; border: 0; } .accordion-v2.accordion-v2-active-left .panel-title > a { padding: 15px 15px 15px 70px; } .accordion-v2.accordion-v2-active-left .panel-title > a:after { position: absolute; top: 10px; left: 15px; } .accordion-v3 { margin-bottom: 30px; } .accordion-v3 .panel-group { margin-bottom: 0; } .accordion-v3 .panel { border: 0; border-radius: 0; box-shadow: none; } .accordion-v3 .panel-default { background: 0 0; } .accordion-v3 .panel-default .panel-heading { border-radius: 0; background: 0 0; padding: 0; } .accordion-v3 .panel-default .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .accordion-v3 .panel-title > a { position: relative; display: inline-block; width: 100%; font-size: 15px; color: #fff; border: 1px solid #fff; padding: 15px 15px 15px 45px; } .accordion-v3 .panel-title > a:before { position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; left: 15px; font-size: 24px; font-weight: 200; color: #fff; content: "\2B"; } .accordion-v3 .panel-title > a[aria-expanded="true"]:before { position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; left: 15px; content: "\2013"; } .accordion-v3 .panel-title > a:hover:before, .accordion-v3 .panel-title > a:hover { text-decoration: none; } .accordion-v3 .panel-body { font-size: 15px; font-weight: 300; color: #fff; } .accordion-v3.accordion-v3-active-right .panel-title > a { padding: 15px 50px 15px 15px; } .accordion-v3.accordion-v3-active-right .panel-title > a:before { position: absolute; top: 8px; left: auto; right: 15px; } .accordion-v4 { padding-left: 50px; margin-bottom: 30px; } .accordion-v4 .panel-group { margin-bottom: 0; } .accordion-v4 .panel { border: 0; border-radius: 0; box-shadow: none; } .accordion-v4 .panel-default { background: 0 0; } .accordion-v4 .panel-default .panel-heading { border-radius: 0; background: 0 0; padding: 0; } .accordion-v4 .panel-default .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .accordion-v4 .panel-title > a { position: relative; display: inline-block; width: 100%; font-size: 15px; color: #fff; padding: 10px; border: 1px solid #fff; } .accordion-v4 .panel-title > a:before { position: absolute; top: 0; left: -50px; width: 40px; height: 40px; font-size: 24px; font-weight: 200; color: #00bcd4; line-height: 0.5; border: 1px solid #fff; content: "\2B"; padding: 13px; } .accordion-v4 .panel-title > a[aria-expanded="true"]:before { line-height: 0.6; content: "\2013"; } .accordion-v4 .panel-title > a:hover:before, .accordion-v4 .panel-title > a:hover { text-decoration: none; } .accordion-v4 .panel-title > a:hover:before { color: #00bcd4; } .accordion-v4 .panel-body { font-size: 15px; font-weight: 300; color: #fff; } .accordion-v4.accordion-v4-active-right { padding: 0 50px 0 0; } .accordion-v4.accordion-v4-active-right .panel-title > a:before { position: absolute; top: 0; left: auto; right: -50px; } .accordion-v5 { margin-bottom: 30px; } .accordion-v5 .panel-group { margin-bottom: 0; } .accordion-v5 .panel { border: 0; border-radius: 0; box-shadow: none; background: 0 0; } .accordion-v5 .panel + .panel { margin-top: 0; } .accordion-v5 .panel-default .panel-heading { background: 0; border-radius: 0; padding: 0; background: #fff; } .accordion-v5 .panel-default .panel-heading + .panel-collapse > .panel-body { border-top: 0; } .accordion-v5 .panel-title > a { position: relative; display: inline-block; width: 100%; font-size: 15px; font-weight: 300; color: #34343c; padding: 15px 35px; } .accordion-v5 .panel-title > a:after { position: absolute; top: 50%; height: 30px; line-height: 30px; margin-top: -15px; right: 20px; display: inline-block; font-size: 24px; font-weight: 200; color: #34343c; vertical-align: middle; content: "\2B"; } .accordion-v5 .panel-title > a[aria-expanded="true"]:after { position: absolute; right: 20px; content: "\2013"; } .accordion-v5 .panel-title > a:hover { color: #00bcd4; text-decoration: none; } .accordion-v5 .panel-title > a:hover:after { color: #00bcd4; } .accordion-v5 .panel-body { font-size: 15px; font-weight: 300; color: #5d5d5d; border-top: 0; padding: 50px; } .accordion-v5-active-left .panel-title > a { padding: 15px 15px 15px 50px; } .accordion-v5-active-left .panel-title > a:after { position: absolute; left: 20px; right: auto; } .accordion-v5-active-left .panel-title > a[aria-expanded="true"]:after { position: absolute; left: 20px; right: auto; } .alert-box { font-size: 14px; } .alert-box .alert-box-element { margin: 0 10px; color: #eb90a1; } .alert-box-general { overflow: hidden; } .alert-box-general .alert-box-element { float: left; margin-right: 20px; } .alert-box-general .alert-box-body { overflow: hidden; } .alert-box-general .alert-box-body .alert-box-title { display: block; font-size: 16px; font-weight: 400; margin-bottom: 5px; } .alert-box-general .alert-box-body .alert-box-paragraph p, .alert-box-general .alert-box-body .alert-box-paragraph { font-size: 14px; margin-bottom: 0; } .alert-box-general .alert-box-body .alert-box-paragraph p:not(:last-child) { margin-bottom: 10px; } .alert-box-vertical { position: relative; color: #fff; border: 0; overflow: hidden; padding: 30px 10px; } .alert-box-vertical .close { position: absolute; top: 5px; right: 10px; z-index: 1; float: none; opacity: 0.6; } .alert-box-vertical .close:hover { opacity: 0.9; } .alert-box-vertical .close-overlay { position: absolute; top: 0; right: -40px; width: 100px; height: auto; padding: 20px; background-color: rgba(255, 255, 255, 0.2); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .alert-box-vertical .alert-box-element { display: block; font-size: 24px; margin-bottom: 10px; } .alert-box-vertical .alert-box-title { display: block; font-size: 18px; font-weight: 400; margin-bottom: 10px; } .blockquotes-v1 { position: relative; font-size: 20px; font-style: italic; color: #00bcd4; border-left: 0; clear: left; padding: 10px 0; margin-right: 60px; } .blockquotes-v1-o { display: inline-block; font-size: 26px; padding-right: 5px; } .blockquotes-v1:after { position: absolute; left: 0; bottom: -5px; width: 120px; height: 2px; background-color: #00bcd4; content: " "; } .blockquotes-v2 { font-size: 20px; font-style: italic; color: #e55973; border-left: 0; border-right-width: 2px; border-right-style: solid; border-right-color: #e55973; text-transform: uppercase; clear: right; padding: 10px 20px 10px 10px; } .blockquotes-v3 { position: relative; z-index: 1; font-size: 24px; font-weight: 300; color: #606060; text-transform: uppercase; border-left: 0; clear: left; padding: 15px 0 15px 20px; margin: 0 60px 0 0; } .blockquotes-v3-icon { position: absolute; top: -5px; left: 10px; z-index: -1; display: inline-block; font-size: 50px; color: #f7f7f7; } .blockquotes-v4 { border-left: 0; margin: 0 0 15px; } .blockquotes-v4 .blockquotes-v4-text { position: relative; font-size: 15px; font-weight: 300; color: #606060; margin: 30px 0; } .blockquotes-v4 .blockquotes-v4-text:before, .blockquotes-v4 .blockquotes-v4-text:after { position: absolute; left: 50%; width: 20px; height: 1px; background-color: #cbcbcb; content: " "; margin-left: -10px; } .blockquotes-v4 .blockquotes-v4-text:before { top: -15px; } .blockquotes-v4 .blockquotes-v4-text:after { bottom: -15px; } .blockquotes-v4 .blockquotes-v4-by { display: block; color: #34343c; } .breadcrumbs-v1 { padding: 50px 0; } .breadcrumbs-v1 .breadcrumbs-v1-title { display: inline-block; font-size: 20px; margin: 0; } .breadcrumbs-v1 .breadcrumbs-v1-links { list-style: none; float: right; margin-top: 3px; } .breadcrumbs-v1 .breadcrumbs-v1-links > li { display: inline-block; } .breadcrumbs-v1 a { color: #757589; } .breadcrumbs-v1 a:hover { color: #00bcd4; text-decoration: none; } .breadcrumbs-v1 li.active { color: #00bcd4; } .breadcrumbs-v1 li + li:before { color: #757589; content: "/"; padding: 0 5px; } @media (max-width: 480px) { .breadcrumbs-v1 .breadcrumbs-v1-title { float: none; margin-bottom: 10px; } .breadcrumbs-v1 .breadcrumbs-v1-links { text-align: left; padding-left: 0; } } .breadcrumbs-v2 { overflow: hidden; padding: 50px 0; } .breadcrumbs-v2 .breadcrumbs-v2-title { font-size: 20px; margin: 0; } .breadcrumbs-v2 .breadcrumbs-v2-links { list-style: none; padding-left: 0; } .breadcrumbs-v2 li { display: inline-block; } .breadcrumbs-v2 a { color: #757589; } .breadcrumbs-v2 a:hover { color: #00bcd4; text-decoration: none; } .breadcrumbs-v2 li.active { color: #00bcd4; } .breadcrumbs-v2 li + li:before { color: #757589; content: "/"; padding: 0 5px; } .breadcrumbs-v3 { position: relative; z-index: 1; overflow: hidden; padding: 80px 0; } .breadcrumbs-v3 .breadcrumbs-v3-left-wing { float: left; margin-right: 15px; } .breadcrumbs-v3 h1, .breadcrumbs-v3 h2 { font-size: 26px; color: #fff; margin: 0; } .breadcrumbs-v3 .breadcrumbs-v3-links { list-style: none; text-align: right; overflow: hidden; margin-top: 6px; } .breadcrumbs-v3 li { display: inline-block; font-size: 15px; } .breadcrumbs-v3 a { color: #fff; } .breadcrumbs-v3 a:hover { color: #00bcd4; text-decoration: none; } .breadcrumbs-v3 li.active { color: #00bcd4; } .breadcrumbs-v3 li + li:before { color: #fff; content: "/"; padding: 0 5px; } @media (max-width: 480px) { .breadcrumbs-v3 .breadcrumbs-v3-title { float: none; margin-bottom: 10px; } .breadcrumbs-v3 .breadcrumbs-v3-links { text-align: left; padding-left: 0; } } .breadcrumbs-v4 { position: relative; text-align: center; padding: 170px 0 100px; } .breadcrumbs-v4 .breadcrumbs-v4-title { font-size: 50px; color: #fff; margin: 0 0 10px; } .breadcrumbs-v4 .breadcrumbs-v4-subtitle { display: block; font-size: 22px; font-style: italic; color: #fff; } .breadcrumbs-v4 a { color: #fff; text-decoration: none; } .breadcrumbs-v4 a:hover { color: #00bcd4; } @media (max-width: 480px) { .breadcrumbs-v4 .breadcrumbs-v4-title { font-size: 22px; } .breadcrumbs-v4 .breadcrumbs-v4-subtitle { font-size: 13px; } } .breadcrumbs-v5 { position: relative; z-index: 1; padding: 0; background-size: cover; background-position: 50% 50%; } .single-post-breadcrumbs.breadcrumbs-v5 { padding: 30px 0; background-color: #34343c; } @media (min-width: 481px) { .single-post-breadcrumbs.breadcrumbs-v5 { padding: 100px 0; } } .breadcrumbs-v5 .breadcrumbs-v5-title { display: block; font-size: 70px; font-weight: 300; color: #fff; line-height: 1.1; margin-bottom: 10px; } .breadcrumbs-v5 .breadcrumbs-v5-subtitle { display: block; font-size: 18px; color: #fff; opacity: 0.8; } .breadcrumbs-v5 .breadcrumbs-v5-subtitle p { font-size: 18px; color: #fff; } .breadcrumbs-v5 a { color: #fff; text-decoration: none; } .breadcrumbs-v5 a:hover { color: #00bcd4; } @media (max-width: 480px) { .breadcrumbs-v5 .breadcrumbs-v5-title { font-size: 50px; } } .breadcrumbs-v6 { padding: 150px 0; } .breadcrumbs-v6 .breadcrumbs-v6-title { font-size: 70px; font-weight: 700; margin: 0; line-height: 1.1; } .breadcrumbs-v6 .breadcrumbs-v6-title-child { font-size: 100px; font-style: italic; } @media (max-width: 480px) { .breadcrumbs-v6 .breadcrumbs-v6-title { font-size: 50px; } .breadcrumbs-v6 .breadcrumbs-v6-title-child { font-size: 70px; } } .btn-base { position: relative; display: inline-block; line-height: 1.4; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base:focus, .btn-base:active:focus, .btn-base.active:focus, .btn-base.focus, .btn-base:active.focus, .btn-base.active.focus { outline: 0; } .btn-base:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base:hover, .btn-base:focus, .btn-base.focus { text-decoration: none; } .btn-base:after, .btn-base:before { background: 0 0; } .btn-base:active, .btn-base.active { background-image: none; outline: 0; } .btn-base.disabled, .btn-base[disabled], fieldset[disabled] .btn-base { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 6px 9px; } .btn-base .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 9px 11px; } .btn-base .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 12px 13px; } .btn-base .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 15px; } .btn-white-brd { position: relative; display: inline-block; line-height: 1.4; color: #fff; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; border-color: #fff; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-white-brd:focus, .btn-white-brd:active:focus, .btn-white-brd.active:focus, .btn-white-brd.focus, .btn-white-brd:active.focus, .btn-white-brd.active.focus { outline: 0; } .btn-white-brd:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-white-brd:hover, .btn-white-brd:focus, .btn-white-brd.focus { color: #34343c; background: #fff; border-color: #fff; text-decoration: none; } .btn-white-brd:after, .btn-white-brd:before { background: 0 0; } .btn-white-brd:active, .btn-white-brd.active { background-image: none; outline: 0; } .btn-white-brd.disabled, .btn-white-brd[disabled], fieldset[disabled] .btn-white-brd { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-white-brd .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 6px 9px; } .btn-white-brd .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 9px 11px; } .btn-white-brd .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 12px 13px; } .btn-white-brd .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 15px; } .btn-dark-brd { position: relative; display: inline-block; line-height: 1.4; color: #34343c; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; border-color: #34343c; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-dark-brd:focus, .btn-dark-brd:active:focus, .btn-dark-brd.active:focus, .btn-dark-brd.focus, .btn-dark-brd:active.focus, .btn-dark-brd.active.focus { outline: 0; } .btn-dark-brd:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-dark-brd:hover, .btn-dark-brd:focus, .btn-dark-brd.focus { color: #fff; background: #34343c; border-color: #34343c; text-decoration: none; } .btn-dark-brd:after, .btn-dark-brd:before { background: 0 0; } .btn-dark-brd:active, .btn-dark-brd.active { background-image: none; outline: 0; } .btn-dark-brd.disabled, .btn-dark-brd[disabled], fieldset[disabled] .btn-dark-brd { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-dark-brd .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #2b2b31; padding: 6px 9px; } .btn-dark-brd .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #2b2b31; padding: 9px 11px; } .btn-dark-brd .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #2b2b31; padding: 12px 13px; } .btn-dark-brd .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #2b2b31; padding: 15px; } .btn-slide { position: relative; z-index: 1; overflow: hidden; } .btn-slide:after { z-index: -1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; } .btn-slide-top:after { position: absolute; top: 0; left: 0; width: 100%; height: 0; } .btn-slide-top:hover:after, .btn-slide-top:focus:after, .btn-slide-top:active:after { height: 100%; } .btn-slide-right:after { position: absolute; top: 0; right: 0; width: 0; height: 100%; } .btn-slide-right:hover:after, .btn-slide-right:focus:after, .btn-slide-right:active:after { width: 100%; } .btn-slide-bottom:after { position: absolute; left: 0; bottom: 0; width: 100%; height: 0; } .btn-slide-bottom:hover:after, .btn-slide-bottom:focus:after, .btn-slide-bottom:active:after { height: 100%; } .btn-slide-left:after { position: absolute; top: 0; left: 0; width: 0; height: 100%; } .btn-slide-left:hover:after, .btn-slide-left:focus:after, .btn-slide-left:active:after { width: 100%; } .btn-slide-corner { overflow: hidden; } .btn-slide-corner:after { position: absolute; top: 50%; left: 50%; width: 100%; height: 0; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .btn-slide-corner:hover:after, .btn-slide-corner:focus:after, .btn-slide-corner:active:after { height: 160%; opacity: 1; } .btn-slide-corner:active:after { height: 200%; } .btn-slide-center-v1 { overflow: hidden; } .btn-slide-center-v1:after { position: absolute; top: 50%; left: 50%; width: 0; height: 103%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .btn-slide-center-v1:hover:after, .btn-slide-center-v1:focus:after, .btn-slide-center-v1:active:after { opacity: 1; width: 101%; } .btn-slide-center-v1:active:after { width: 101%; } .btn-slide-center-v2 { overflow: hidden; } .btn-slide-center-v2:after { position: absolute; top: 50%; left: 50%; width: 0; height: 103%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .btn-slide-center-v2:hover:after, .btn-slide-center-v2:focus:after, .btn-slide-center-v2:active:after { opacity: 1; width: 90%; } .btn-slide-center-v2:active:after { width: 101%; } .btn-slide-center-v3 { overflow: hidden; } .btn-slide-center-v3:after { position: absolute; top: 50%; left: 50%; width: 101%; height: 0; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .btn-slide-center-v3:hover:after, .btn-slide-center-v3:focus:after, .btn-slide-center-v3:active:after { height: 75%; opacity: 1; } .btn-slide-center-v3:active:after { height: 130%; } .animate-btn-wrap { overflow: hidden; } .animate-btn-wrap .btn-icon { color: #fff; } .animate-btn-wrap .btn-text { top: 0; } .animate-btn-wrap .btn-icon, .animate-btn-wrap .btn-text { display: block; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .animate-btn-t-xs:hover .btn-text { top: -45px; } .animate-btn-t-xs .btn-icon { bottom: -45px; } .animate-btn-t-xs:hover .btn-icon { bottom: 18px; } .animate-btn-t-sm:hover .btn-text { top: -45px; } .animate-btn-t-sm .btn-icon { bottom: -45px; } .animate-btn-t-sm:hover .btn-icon { bottom: 18px; } .animate-btn-t-md:hover .btn-text { top: -55px; } .animate-btn-t-md .btn-icon { bottom: -55px; } .animate-btn-t-md:hover .btn-icon { bottom: 20px; } .animate-btn-t-lg:hover .btn-text { top: -70px; } .animate-btn-t-lg .btn-icon { bottom: -70px; } .animate-btn-t-lg:hover .btn-icon { bottom: 28px; } .animate-btn-b-xs:hover .btn-text { top: 45px; } .animate-btn-b-xs .btn-icon { top: -45px; } .animate-btn-b-xs:hover .btn-icon { top: -20px; } .animate-btn-b-sm:hover .btn-text { top: 45px; } .animate-btn-b-sm .btn-icon { top: -45px; } .animate-btn-b-sm:hover .btn-icon { top: -18px; } .animate-btn-b-md:hover .btn-text { top: 55px; } .animate-btn-b-md .btn-icon { top: -55px; } .animate-btn-b-md:hover .btn-icon { top: -20px; } .animate-btn-b-lg:hover .btn-text { top: 70px; } .animate-btn-b-lg .btn-icon { top: -70px; } .animate-btn-b-lg:hover .btn-icon { top: -28px; } .animate-btn-r-xs .btn-text, .animate-btn-r-sm .btn-text, .animate-btn-r-md .btn-text, .animate-btn-r-lg .btn-text { right: 0; } .animate-btn-r-xs:hover .btn-text, .animate-btn-r-sm:hover .btn-text, .animate-btn-r-md:hover .btn-text, .animate-btn-r-lg:hover .btn-text { right: -90px; opacity: 0; } .animate-btn-r-xs .btn-icon, .animate-btn-r-sm .btn-icon, .animate-btn-r-md .btn-icon, .animate-btn-r-lg .btn-icon { top: -20px; left: -90px; opacity: 0; } .animate-btn-r-xs:hover .btn-icon, .animate-btn-r-sm:hover .btn-icon, .animate-btn-r-md:hover .btn-icon, .animate-btn-r-lg:hover .btn-icon { left: 0; opacity: 1; } .animate-btn-r-lg .btn-icon { top: -28px; } .animate-btn-l-xs .btn-text, .animate-btn-l-sm .btn-text, .animate-btn-l-md .btn-text, .animate-btn-l-lg .btn-text { left: 0; } .animate-btn-l-xs:hover .btn-text, .animate-btn-l-sm:hover .btn-text, .animate-btn-l-md:hover .btn-text, .animate-btn-l-lg:hover .btn-text { left: -90px; opacity: 0; } .animate-btn-l-xs .btn-icon, .animate-btn-l-sm .btn-icon, .animate-btn-l-md .btn-icon, .animate-btn-l-lg .btn-icon { top: -20px; right: -90px; opacity: 0; } .animate-btn-l-xs:hover .btn-icon, .animate-btn-l-sm:hover .btn-icon, .animate-btn-l-md:hover .btn-icon, .animate-btn-l-lg:hover .btn-icon { right: 0; opacity: 1; } .animate-btn-l-lg .btn-icon { top: -28px; } .animate-btn-bg-hover:hover:after, .animate-btn-bg-hover:hover:before { width: 100%; height: 50%; } .animate-btn-bg-hover:before, .animate-btn-bg-hover:after { position: absolute; width: 0; height: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; content: ""; } .animate-btn-bg-hover:before { left: 0; bottom: 0; } .animate-btn-bg-hover:after { right: 0; top: 0; } .animate-btn-base-xs { height: 35px; font-size: 14px; font-style: 300; padding: 8px 15px; } .animate-btn-base-sm { height: 40px; font-size: 14px; font-style: 300; padding: 9px 22px; } .animate-btn-base-md { height: 50px; font-size: 16px; font-style: 300; padding: 12px 25px; } .animate-btn-base-lg { height: 60px; font-size: 20px; font-style: 300; padding: 15px 30px; } .btn-base-brd-slide { position: relative; display: inline-block; line-height: 1.4; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base-brd-slide:focus, .btn-base-brd-slide:active:focus, .btn-base-brd-slide.active:focus, .btn-base-brd-slide.focus, .btn-base-brd-slide:active.focus, .btn-base-brd-slide.active.focus { outline: 0; } .btn-base-brd-slide:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-brd-slide:hover, .btn-base-brd-slide:focus, .btn-base-brd-slide.focus { background: 0 0; text-decoration: none; } .btn-base-brd-slide:active, .btn-base-brd-slide.active { background-image: none; outline: 0; } .btn-base-brd-slide.disabled, .btn-base-brd-slide[disabled], fieldset[disabled] .btn-base-brd-slide { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base-brd-slide .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 6px 9px; } .btn-base-brd-slide .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 9px 11px; } .btn-base-brd-slide .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 12px 13px; } .btn-base-brd-slide .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 15px; } .btn-base-bg { position: relative; display: inline-block; line-height: 1.4; text-align: center; background-image: none; border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base-bg:focus, .btn-base-bg:active:focus, .btn-base-bg.active:focus, .btn-base-bg.focus, .btn-base-bg:active.focus, .btn-base-bg.active.focus { outline: 0; } .btn-base-bg:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus { border-color: transparent; text-decoration: none; } .btn-base-bg:after, .btn-base-bg:before { background: 0 0; } .btn-base-bg:active, .btn-base-bg.active { background-image: none; outline: 0; } .btn-base-bg.disabled, .btn-base-bg[disabled], fieldset[disabled] .btn-base-bg { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base-bg .btn-base-element-xs { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 8px 9px; } .btn-base-bg .btn-base-element-sm { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 9px 11px; } .btn-base-bg .btn-base-element-md { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 12px 13px; } .btn-base-bg .btn-base-element-lg { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 15px; } .btn-dark-bg { position: relative; display: inline-block; line-height: 1.4; color: #fff; text-align: center; background: #34343c; background-image: none; border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-dark-bg:focus, .btn-dark-bg:active:focus, .btn-dark-bg.active:focus, .btn-dark-bg.focus, .btn-dark-bg:active.focus, .btn-dark-bg.active.focus { outline: 0; } .btn-dark-bg:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-dark-bg:hover, .btn-dark-bg:focus, .btn-dark-bg.focus { color: #fff; background: #3a3a44; border-color: transparent; text-decoration: none; } .btn-dark-bg:after, .btn-dark-bg:before { background: 0 0; } .btn-dark-bg:active, .btn-dark-bg.active { background-image: none; outline: 0; } .btn-dark-bg.disabled, .btn-dark-bg[disabled], fieldset[disabled] .btn-dark-bg { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-dark-bg .btn-base-element-xs { position: absolute; top: 0; right: 0; background: #2b2b31; border-left: 1px solid transparent; padding: 6px 9px; } .btn-dark-bg .btn-base-element-sm { position: absolute; top: 0; right: 0; background: #2b2b31; border-left: 1px solid transparent; padding: 9px 11px; } .btn-dark-bg .btn-base-element-md { position: absolute; top: 0; right: 0; background: #2b2b31; border-left: 1px solid transparent; padding: 12px 13px; } .btn-dark-bg .btn-base-element-lg { position: absolute; top: 0; right: 0; background: #2b2b31; border-left: 1px solid transparent; padding: 15px; } .btn-base-xs { font-size: 12px; font-weight: 300; padding: 8px 15px; } .btn-base-xs.btn-base-animate-to-top, .btn-base-xs.btn-base-animate-to-right { padding-right: 40px; } .btn-base-sm { font-size: 14px; font-weight: 300; padding: 9px 22px; } .btn-base-sm.btn-base-animate-to-top, .btn-base-sm.btn-base-animate-to-right { padding-right: 50px; } .btn-base-md { font-size: 16px; font-weight: 300; padding: 12px 25px; } .btn-base-md.btn-base-animate-to-top, .btn-base-md.btn-base-animate-to-right { padding-right: 65px; } .btn-base-lg { font-size: 20px; font-weight: 300; padding: 15px 30px; } .btn-base-lg.btn-base-animate-to-top, .btn-base-lg.btn-base-animate-to-right { padding-right: 75px; } .ffb-btn-link:hover .btn-base-element-icon { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-animate-to-top { z-index: 1; display: inline-block; text-align: center; overflow: hidden; } .btn-base-animate-to-top:hover .btn-base-element-icon { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 1; } } .btn-base-animate-to-right { z-index: 1; display: inline-block; text-align: center; overflow: hidden; } .btn-base-animate-to-right:hover .btn-base-element-icon { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 51% { opacity: 1; } } .divider-v1, .divider-v2, .divider-v3, .divider-v3-5 { position: relative; width: 100%; font-size: 18px; text-align: center; text-transform: uppercase; overflow: hidden; margin: 30px auto; } .divider-v1 .divider-v1-element, .divider-v2 .divider-v2-element, .divider-v3 .divider-v3-element, .divider-v3-5 .divider-v3-5-element { position: relative; display: inline-block; } .divider-v1 .divider-v1-element:before, .divider-v2 .divider-v2-element:before, .divider-v3 .divider-v3-element:before, .divider-v3-5 .divider-v3-5-element:before, .divider-v1 .divider-v1-element:after, .divider-v2 .divider-v2-element:after, .divider-v3 .divider-v3-element:after, .divider-v3-5 .divider-v3-5-element:after { position: absolute; top: 50%; display: block; width: 2000px; height: 0; border-top-style: solid; border-top-width: 1px; border-color: #c4c4c4; content: " "; } .divider-v1 .divider-v1-element:before, .divider-v2 .divider-v2-element:before, .divider-v3 .divider-v3-element:before, .divider-v3-5 .divider-v3-5-element:before { right: 100%; margin-right: 15px; } .divider-v1 .divider-v1-element:after, .divider-v2 .divider-v2-element:after, .divider-v3 .divider-v3-element:after, .divider-v3-5 .divider-v3-5-element:after { left: 100%; margin-left: 15px; } .divider-v1 .divider-v1-element-bg, .divider-v2 .divider-v2-element-bg, .divider-v3 .divider-v3-element-bg, .divider-v3-5 .divider-v3-5-element-bg { font-size: 14px; color: #fff; background: #00bcd4; padding: 3px 10px; } .divider-v1 .divider-v1-icon, .divider-v2 .divider-v2-icon, .divider-v3 .divider-v3-icon, .divider-v3-5 .divider-v3-5-icon { font-size: 30px; color: #00bcd4; } .divider-custom { font-size: 0; } .divider-custom.divider-alignment-left { text-align: left; } .divider-custom.divider-alignment-center { text-align: center; } .divider-custom.divider-alignment-right { text-align: right; } .divider-custom-line { vertical-align: middle; display: inline-block; width: 50px; height: 2px; margin-bottom: 20px; } .divider-v2 .divider-v2-element:before, .divider-v2 .divider-v2-element:after { border-top-style: dashed; border-top-width: 1px; } .divider-v3 .divider-v3-element:before, .divider-v3 .divider-v3-element:after { border-top-style: double; border-top-width: 3px; } .divider-v3-5 .divider-v3-5-element:before, .divider-v3-5 .divider-v3-5-element:after { border-top-style: dotted; border-top-width: 2px; } .divider-v4 { height: 20px; } .divider-v4 .divider-v4-title { position: relative; } .divider-v4.divider-v4-center-single .divider-v4-title span.after, .divider-v4.divider-v4-center-double .divider-v4-title span.after { position: absolute; left: 50%; bottom: -10px; width: 15%; height: 1px; margin-left: -7.5%; } .divider-v4-white.divider-v4-center-single .divider-v4-title span.before, .divider-v4-white.divider-v4-center-single .divider-v4-title span.after, .divider-v4-white.divider-v4-center-double .divider-v4-title span.before, .divider-v4-white.divider-v4-center-double .divider-v4-title span.after { background: #fff; } .divider-v4.divider-v4-center-double .divider-v4-title span.before { position: absolute; left: 50%; bottom: -15px; width: 11%; height: 1px; margin-left: -5.5%; } .divider-v4.divider-v4-left-single .divider-v4-title span.after, .divider-v4.divider-v4-left-double .divider-v4-title span.after { position: absolute; left: 0; bottom: -10px; width: 15%; height: 1px; } .divider-v4-white.divider-v4-left-single .divider-v4-title span.before, .divider-v4-white.divider-v4-left-single .divider-v4-title span.after, .divider-v4-white.divider-v4-left-double .divider-v4-title span.before, .divider-v4-white.divider-v4-left-double .divider-v4-title span.after { background: #fff; } .divider-v4.divider-v4-left-double .divider-v4-title span.before { position: absolute; left: 0; bottom: -15px; width: 10%; height: 1px; } .divider-v4.divider-v4-right-single .divider-v4-title span.after, .divider-v4.divider-v4-right-double .divider-v4-title span.after { position: absolute; right: 0; bottom: -10px; width: 15%; height: 1px; } .divider-v4-white.divider-v4-right-single .divider-v4-title span.before, .divider-v4-white.divider-v4-right-single .divider-v4-title span.after, .divider-v4-white.divider-v4-right-double .divider-v4-title span.before, .divider-v4-white.divider-v4-right-double .divider-v4-title span.after { background: #fff; } .divider-v4.divider-v4-right-double .divider-v4-title span.before { position: absolute; right: 0; bottom: -15px; width: 10%; height: 1px; } .divider-v4-white .divider-v4-title, .divider-v4-white .divider-v4-text { color: #fff; } .divider-v4 .dashed span { border-top-style: dashed; } .divider-v4 .solid span { border-top-style: solid; border-top-width: 1px; } .divider-v4 .double span { border-top-style: double; border-top-width: 3px; } .divider-v4 .double span { border-top-style: double; border-top-width: 3px; } .divider-v4 .dotted span { border-top-style: dotted; border-color: #c69f73; } .divider-v5 { overflow: hidden; } .divider-v5 .divider-v5-title { font-size: 22px; margin: 0 0 10px; } .divider-v5 .divider-v5-element { position: relative; display: inline-block; color: #00bcd4; } .divider-v5 .divider-v5-element .divider-v5-element-icon { position: relative; top: -1px; font-size: 18px; } .divider-v5 span.before, .divider-v5 span.after { border-color: #00bcd4; } .divider-v5 .divider-v5-element-center span.before, .divider-v5 .divider-v5-element-center span.after { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: solid; border-top-width: 1px; } .divider-v5 .divider-v5-element-center span.before { right: 100%; margin-right: 10px; } .divider-v5 .divider-v5-element-center span.after { left: 100%; margin-left: 10px; } .divider-v5 .center-wrap span.before, .divider-v5 .center-wrap span.after { width: 2000px !important; height: 1px; } .divider-v5 .divider-v5-element-center-dashed span.before, .divider-v5 .divider-v5-element-center-dashed span.after { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: dashed; border-top-width: 2px; } .divider-v5 .divider-v5-element-center-dashed span.before { right: 100%; margin-right: 10px; } .divider-v5 .divider-v5-element-center-dashed span.after { left: 100%; margin-left: 10px; } .divider-v5 .divider-v5-element-center-double span.before, .divider-v5 .divider-v5-element-center-double span.after { position: absolute; top: 8px; width: 50px; height: 3px; border-top-style: double; } .divider-v5 .divider-v5-element-center-double span.before { right: 100%; margin-right: 10px; } .divider-v5 .divider-v5-element-center-double span.after { left: 100%; margin-left: 10px; } .divider-v5 .divider-v5-element-center-dotted span.before, .divider-v5 .divider-v5-element-center-dotted span.after { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: dotted; border-top-width: 2px; } .divider-v5 .divider-v5-element-center-dotted span.before { right: 100%; margin-right: 10px; } .divider-v5 .divider-v5-element-center-dotted span.after { left: 100%; margin-left: 10px; } .divider-v5 .divider-v5-element-left span.after { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: solid; border-top-width: 1px; } .divider-v5 .divider-v5-element-left span.after { left: 100%; margin-left: 10px; } .divider-v5 .left-wrap span.after { width: 2000px !important; height: 1px; } .divider-v5 .divider-v5-element-left-dashed span.after { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: dashed; border-top-width: 2px; } .divider-v5 .divider-v5-element-left-dashed span.after { left: 100%; margin-left: 10px; } .divider-v5 .divider-v5-element-left-dotted span.after { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: dotted; border-top-width: 2px; } .divider-v5 .divider-v5-element-left-dotted span.after { left: 100%; margin-left: 10px; } .divider-v5 .divider-v5-element-left-double span.after { position: absolute; top: 8px; width: 50px; height: 3px; border-top-style: double; } .divider-v5 .divider-v5-element-left-double span.after { left: 100%; margin-left: 10px; } .divider-v5 .divider-v5-element-right span.before { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: solid; border-top-width: 1px; } .divider-v5 .divider-v5-element-right span.before { right: 100%; margin-right: 10px; } .divider-v5 .right-wrap span.before { width: 2000px !important; height: 1px; } .divider-v5 .divider-v5-element-right-dashed span.before { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: dashed; border-top-width: 2px; } .divider-v5 .divider-v5-element-right-dashed span.before { right: 100%; margin-right: 10px; } .divider-v5 .divider-v5-element-right-dotted span.before { position: absolute; top: 8px; width: 50px; height: 1px; border-top-style: dotted; border-top-width: 2px; } .divider-v5 .divider-v5-element-right-dotted span.before { right: 100%; margin-right: 10px; } .divider-v5 .divider-v5-element-right-double span.before { position: absolute; top: 8px; width: 50px; height: 3px; border-top-style: double; } .divider-v5 .divider-v5-element-right-double span.before { right: 100%; margin-right: 10px; } .divider-v5-white .divider-v5-title, .divider-v5-white .divider-v5-element, .divider-v5-white .divider-v5-text { color: #fff; } .divider-v5-white .divider-v5-element span.before, .divider-v5-white .divider-v5-element span.after { border-bottom-color: #fff; } .divider-v6 { overflow: hidden; } .divider-v6 .divider-v6-element { position: relative; display: inline-block; } .divider-v6 .divider-v6-element-title { font-size: 22px; padding: 5px 15px; margin-bottom: 20px; } .divider-v6 .divider-v6-element-center span.before, .divider-v6 .divider-v6-element-center span.after { position: absolute; top: 20px; width: 2000px; height: 1px; content: " "; } .divider-v6 .divider-v6-element-center span.before { right: 100%; } .divider-v6 .divider-v6-element-center span.after { left: 100%; } .divider-v6 .divider-v6-element-left .divider-v6-element-title { padding-left: 0; } .divider-v6 .divider-v6-element-left span.after { position: absolute; top: 20px; width: 2000px; height: 1px; content: " "; } .divider-v6 .divider-v6-element-left span.after { left: 100%; } .divider-v6 .divider-v6-element-right .divider-v6-element-title { padding-right: 0; } .divider-v6 .divider-v6-element-right span.before { position: absolute; top: 20px; width: 2000px; height: 1px; content: " "; } .divider-v6 .divider-v6-element-right span.before { right: 100%; } .divider-v6 .divider-v6-element-title.divider-v6-element-title-brd { border-width: 1px; border-style: solid; padding: 5px 15px; margin-bottom: 30px; } .divider-v6 .divider-v6-element-title.divider-v6-element-title-brd.double { border-width: 3px; border-style: double; } .divider-v6 .divider-v6-element-title.divider-v6-element-title-brd.dashed { border-width: 1px; border-style: dashed; } .divider-v6 .divider-v6-element-title.divider-v6-element-title-brd.dotted { border-width: 1px; border-style: dotted; } .divider-v6-white .divider-v6-element-title, .divider-v6-white .divider-v6-text { color: #fff; } .divider-v6-white .divider-v6-element-title-brd { border-color: #f7f8fa; } .divider-v6-white .divider-v6-element span.before, .divider-v6-white .divider-v6-element span.after { border-bottom-color: #fff; } .divider-v6 .divider-v6-element-title { color: #34343c; border-color: #d1d1d1; } .divider-v6 .before, .divider-v6 .after { background-color: #d1d1d1; } .divider-v7 { text-align: center; margin: 30px auto; } .divider-v7 .divider-v7-title { position: relative; height: 22px !important; } .divider-v7 .divider-v7-title span.after { position: absolute; left: 35%; top: 11px; width: 30%; border-top-width: 2px; border-color: #c4c4c4; } .divider-v7 .full-width span.after { left: 0; width: 100% !important; } .divider-v7 .divider-v7-title-dashed span.after { border-top-style: dashed; } .divider-v7 .divider-v7-title-solid span.after { border-top-style: solid; border-top-width: 1px; } .divider-v7 .divider-v7-title-double span.after { border-color: #34343c; } .divider-v7 .divider-v7-title-double span.after:after { border-color: #34343c; } .divider-v7 .divider-v7-title-dotted span.after { border-top-style: dotted; border-color: #c69f73; } .divider-v7.divider-size-small span.after { width: 15%; left: 42.5%; } .divider-v7.divider-alignment-left span.after { left: 0; } .divider-v7.divider-alignment-right span.after { left: auto; right: 0; } .divider-v7 .divider-v7-title-double span.after { border-top-width: 1px; border-top-style: solid; } .divider-v7 .divider-v7-title-double span.after:after { content: " "; position: absolute; top: 4px; display: block; height: 1px; border-top-width: 1px; border-top-style: solid; } .divider-v7.divider-size-small .divider-v7-title-double span.after { width: 15%; left: 42.5%; } .divider-v7.divider-size-medium .divider-v7-title-double span.after { width: 29%; left: 35.5%; } .divider-v7.divider-size-fullwidth .divider-v7-title-double span.after { width: 100%; left: 0; } .divider-v7 .divider-v7-title-double span.after:after { width: 74%; left: 13%; } .divider-v7.divider-size-small.divider-alignment-left .divider-v7-title-double span.after, .divider-v7.divider-size-medium.divider-alignment-left .divider-v7-title-double span.after { left: 0; } .divider-v7.divider-size-small.divider-alignment-right .divider-v7-title-double span.after, .divider-v7.divider-size-medium.divider-alignment-right .divider-v7-title-double span.after { right: 0; left: auto; } .divider-v7.divider-alignment-left .divider-v7-title-double span.after:after { left: 0; } .divider-v7.divider-alignment-right .divider-v7-title-double span.after:after { right: 0; left: auto; } .divider-v7.divider-weight-bold .divider-v7-title span.after { border-top-width: 2px; } .divider-v7.divider-weight-bold .divider-v7-title span.after:after { border-top-width: 2px; } .before-after-brd-bold span.before, .before-after-brd-bold span.after { height: 2px !important; } .dropcap-base, .dropcap-base-bg, .dropcap-base-bordered, .dropcap-dark, .dropcap-dark-bg, .dropcap-dark-bordered { width: 40px; height: 40px; float: left; clear: left; font-size: 36px; font-weight: 600; line-height: 1.1; text-align: center; text-transform: uppercase; padding: 1px; margin: 5px 10px 0 0; } .dropcap-dark { color: #34343c; } .dropcap-dark-bg { color: #fff; background: #34343c; } .dropcap-dark-bordered { color: #34343c; border: 1px solid #34343c; } .section-heading { text-align: center; vertical-align: middle; line-height: 0; margin: 0 0 80px; } .section-heading .divider { background-color: #606060; height: 1px; line-height: 0; vertical-align: middle; width: 100%; max-width: 50px; display: inline-block; margin: 0 0 18px; } .section-heading .divider.fg-text-light { background-color: #c0c0c8; } .section-heading h1, .section-heading .h1, .section-heading h2, .section-heading .h2, .section-heading h3, .section-heading .h3, .section-heading h4, .section-heading .h4, .section-heading h5, .section-heading .h5 { margin: 0 0 13px; } .section-heading p { margin: 0 0 18px; } .section-heading > p.fg-text-light, .section-heading > p.fg-text-light *, .section-heading > .ff-richtext.paragraph.fg-text-light *, .section-heading h1.fg-text-light, .section-heading h1.fg-text-light *, .section-heading .h1.fg-text-light *, .section-heading h2.fg-text-light, .section-heading h2.fg-text-light *, .section-heading .h2.fg-text-light *, .section-heading h3.fg-text-light, .section-heading h3.fg-text-light *, .section-heading .h3.fg-text-light *, .section-heading h4.fg-text-light, .section-heading h4.fg-text-light *, .section-heading .h4.fg-text-light *, .section-heading h5.fg-text-light, .section-heading h5.fg-text-light *, .section-heading .h5.fg-text-light * { color: #f7f8fa; } .section-heading > p, .section-heading > p *, .section-heading > .ff-richtext.paragraph * { font-size: 15px; font-weight: 300; } .section-heading h1, .section-heading h1 *, .section-heading .h1 * { font-size: 32px; font-weight: 300; } .section-heading h2, .section-heading h2 *, .section-heading .h2 * { font-size: 24px; font-weight: 300; } .section-heading h3, .section-heading h3 *, .section-heading .h3 * { font-size: 22px; font-weight: 300; } .section-heading h4, .section-heading h4 *, .section-heading .h4 * { font-size: 20px; font-weight: 300; } .section-heading h5, .section-heading h5 *, .section-heading .h5 * { font-size: 18px; font-weight: 300; } @media (min-width: 768px) { .section-heading > p, .section-heading > p *, .section-heading > .ff-richtext.paragraph * { font-size: 17px; font-weight: 300; } .section-heading h1, .section-heading h1 *, .section-heading .h1 * { font-size: 48px; font-weight: 300; } .section-heading h2, .section-heading h2 *, .section-heading .h2 * { font-size: 36px; font-weight: 300; } .section-heading h3, .section-heading h3 *, .section-heading .h3 * { font-size: 32px; font-weight: 300; } .section-heading h4, .section-heading h4 *, .section-heading .h4 * { font-size: 24px; font-weight: 300; } .section-heading h5, .section-heading h5 *, .section-heading .h5 * { font-size: 18px; font-weight: 300; } } .section-heading b, .section-heading strong { font-weight: 700 !important; } .heading-v1 { margin-bottom: 80px; } .heading-v1 .heading-v1-title, .heading-v1 .heading-v1-title p { font-size: 28px; color: #34343c; font-style: italic; margin-bottom: 15px; } .heading-v1 .heading-v1-subtitle, .heading-v1 .heading-v1-subtitle p { max-width: 350px; font-size: 16px; font-style: italic; color: #606060; margin-bottom: 20px; } .heading-v1.text-center .heading-v1-subtitle { margin-right: auto; margin-left: auto; } .heading-v1.text-right .heading-v1-subtitle { margin-left: auto; } .heading-v1 .heading-v1-text, .heading-v1 .heading-v1-text p { font-size: 18px; margin-bottom: 15px; font-style: italic; } .heading-v1 .heading-v1-bigger-text { font-size: 16px; font-style: italic; margin-bottom: 15px; } .heading-v2 { text-align: center; overflow: hidden; margin-bottom: 80px; } .heading-v2 .heading-v2-title, .heading-v2 .heading-v2-title p { font-size: 36px; line-height: 1.4; margin: 0 0 10px; color: #34343c; } .heading-v2 .heading-v2-text, .heading-v2 .heading-v2-text p { position: relative; margin-bottom: 0; } .heading-v2 .heading-v2-text { display: inline-block; } .heading-v2 .heading-v2-text p:not(:last-child) { margin-bottom: 10px; } .heading-v2 .heading-v2-text:before, .heading-v2 .heading-v2-text:after { position: absolute; top: 10px; width: 30px; height: 1px; background: #d1d1d1; content: " "; } .heading-v2 .heading-v2-text:before { right: 100%; margin-right: 15px; } .heading-v2 .heading-v2-text:after { left: 100%; margin-left: 15px; } .heading-v3 { text-align: center; margin-bottom: 80px; overflow: hidden; } .heading-v3 .heading-v3-title, .heading-v3 .heading-v3-title p { font-size: 34px; margin: 0 0 10px; } .heading-v3 .heading-v3-element { position: relative; display: inline-block; font-size: 12px; color: #606060; } .heading-v3 .heading-v3-element:before, .heading-v3 .heading-v3-element:after { position: absolute; top: 8px; width: 30px; height: 1px; border-bottom: 1px solid #d1d1d1; content: " "; } .heading-v3 .heading-v3-element:before { right: 100%; margin-right: 10px; } .heading-v3 .heading-v3-element:after { left: 100%; margin-left: 10px; } .heading-v3 .heading-v3-element .heading-v3-element-icon { position: relative; top: -1px; font-size: 8px; color: #606060; } .heading-v3 .heading-v3-text { margin-bottom: 0; } .heading-v4 { margin-bottom: 80px; } .heading-v4 .heading-v4-subtitle, .heading-v4 .heading-v4-subtitle p { display: block; font-size: 16px; margin-bottom: 0; } .heading-v4 .heading-v4-subtitle p:not(:last-child) { margin-bottom: 10px; } .heading-v4 .heading-v4-title, .heading-v4 .heading-v4-title p { font-size: 28px; color: #34343c; } .heading-v4 .heading-v4-text { font-size: 16px; margin-bottom: 0; } .theme-image-popup-v1 { position: relative; } .theme-image-popup-v1 .theme-image-popup-v1-child { position: absolute; right: 20px; bottom: 20px; text-decoration: none; } .theme-image-popup-v1 .theme-image-popup-v1-toggle { position: relative; display: block; width: 30px; height: 30px; border: 2px solid #fff; border-radius: 50%; } .theme-image-popup-v1 .theme-image-popup-v1-toggle:before, .theme-image-popup-v1 .theme-image-popup-v1-toggle:after { position: absolute; top: 50%; left: 50%; background: #fff; content: " "; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-image-popup-v1 .theme-image-popup-v1-toggle:before { width: 16px; height: 2px; margin: -1px 0 0 -8px; -webkit-transform: scale(0.5, 1); -moz-transform: scale(0.5, 1); transform: scale(0.5, 1); } .theme-image-popup-v1 .theme-image-popup-v1-toggle:after { width: 2px; height: 16px; margin: -8px 0 0 -1px; -webkit-transform: scale(1, 0.5); -moz-transform: scale(1, 0.5); transform: scale(1, 0.5); } .theme-image-popup-v1:hover .theme-image-popup-v1-toggle:before, .theme-image-popup-v1:hover .theme-image-popup-v1-toggle:after { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .lists-base > li, .lists-dark > li { font-size: 14px; font-weight: 300; margin-bottom: 5px; color: #606060; } .lists-base > li > a, .lists-dark > li > a { font-size: 14px; font-weight: 300; color: #606060; } .lists-base > li > a:hover, .lists-dark > li > a:hover { color: #00bcd4; text-decoration: none; } .lists-base > li .lists-item-element, .lists-dark > li .lists-base .lists-item-element, .lists-base .lists-dark > li .lists-item-element { min-width: 15px; color: #00bcd4; text-align: center; margin-right: 10px; } .lists-base > li .lists-item-element-brd, .lists-base .lists-dark > li .lists-item-element-brd, .lists-dark .lists-base > li .lists-item-element-brd, .lists-dark > li .lists-item-element-brd { width: 15px; height: 15px; font-size: 11px; line-height: 3px; padding: 5px; margin-right: 10px; } .lists-base > li .lists-item-element-bg, .lists-base .lists-dark > li .lists-item-element-bg, .lists-dark .lists-base > li .lists-item-element-bg, .lists-dark > li .lists-item-element-bg { width: 15px; height: 15px; font-size: 11px; color: #fff; line-height: 3px; padding: 6px; margin-right: 10px; } .lists-base .lists-item-element-brd { color: #00bcd4; border: 1px solid #00bcd4; } .lists-base .lists-item-element-bg { background: #00bcd4; } .lists-dark .lists-item-element { margin-right: 10px; } .lists-dark .lists-item-element-brd { color: #34343c; border: 1px solid #34343c; } .lists-dark .lists-item-element-bg { background: #34343c; } .paginations-v1 { position: relative; margin: 20px 0; } .paginations-v1-list { display: inline-block; padding-left: 0; } .paginations-v1-list > li { display: inline-block; } .paginations-v1-list > li > a, .paginations-v1-list > li > span { position: relative; min-width: 35px; min-height: 35px; float: left; font-size: 14px; color: #34343c; background: 0 0; border-radius: 50%; text-decoration: none; padding: 7px 12.5px; margin-left: -1px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .paginations-v1-list > li > a:hover, .paginations-v1-list > li > span:hover { color: #fff; background: rgba(0, 188, 212, 0.7); transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .paginations-v1-list > li.next, .paginations-v1-list > li.previous { position: absolute; } .paginations-v1-list > li.next > a, .paginations-v1-list > li.next > span, .paginations-v1-list > li.previous > a, .paginations-v1-list > li.previous > span { font-size: 20px; color: #7a7a7a; background: 0; padding: 1px 5px; } .paginations-v1-list > li.next > a:hover, .paginations-v1-list > li.next > span:hover, .paginations-v1-list > li.previous > a:hover, .paginations-v1-list > li.previous > span:hover { color: #00bcd4; background: 0; } .paginations-v1-list > li.previous { top: 0; left: 0; } .paginations-v1-list > li.next { top: 0; right: 0; } .paginations-v1-list > li.active > a, .paginations-v1-list > li.active > span { z-index: 2; color: #fff; background: #00bcd4; cursor: default; } .paginations-v1-list > li.active > a:hover, .paginations-v1-list > li.active > span:hover { color: #fff; } .paginations-v1-list > li.disabled > a, .paginations-v1-list > li.disabled > a:hover, .paginations-v1-list > li.disabled > a:focus, .paginations-v1-list > li.disabled > span, .paginations-v1-list > li.disabled > span:hover, .paginations-v1-list > li.disabled > span:focus { color: #e9e9e9; cursor: not-allowed; background: 0 0; } .paginations-v2 { position: relative; margin: 20px 0; } .paginations-v2-list { display: inline-block; padding-left: 0; } .paginations-v2-list > li { display: inline-block; } .paginations-v2-list > li > a, .paginations-v2-list > li > span { position: relative; min-width: 30px; min-height: 30px; float: left; font-size: 14px; color: #34343c; border-bottom: 2px solid transparent; text-decoration: none; padding: 7px 9px; margin-left: -1px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .paginations-v2-list > li > a:hover, .paginations-v2-list > li > span:hover { color: #00bcd4; border-bottom-color: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .paginations-v2-list > li.next, .paginations-v2-list > li.previous { position: absolute; } .paginations-v2-list > li.previous { top: 0; left: 0; } .paginations-v2-list > li.next { top: 0; right: 0; } .paginations-v2-list > li.active > a, .paginations-v2-list > li.active > span { z-index: 2; color: #00bcd4; border-bottom-color: #00bcd4; cursor: default; } .paginations-v2-list > li.active > a:hover, .paginations-v2-list > li.active > span:hover { color: #00bcd4; } .paginations-v2-list > li.disabled > a, .paginations-v2-list > li.disabled > a:hover, .paginations-v2-list > li.disabled > a:focus, .paginations-v2-list > li.disabled > span, .paginations-v2-list > li.disabled > span:hover, .paginations-v2-list > li.disabled > span:focus { color: #e9e9e9; cursor: not-allowed; border-bottom: 0; } .paginations-v3 { position: relative; margin: 20px 0; } .paginations-v3-list { display: inline-block; padding-left: 0; } .paginations-v3-list li { display: inline-block; } .paginations-v3-list li > a, .paginations-v3-list li > span { position: relative; float: left; font-size: 16px; color: #34343c; background: #fff; text-decoration: none; padding: 10px 16px; margin-left: 2px; } .paginations-v3-list li > a:empty, .paginations-v3-list li > span:empty { display: none; } .paginations-v3-list li > a:hover, .paginations-v3-list li > span:hover { color: #00bcd4; background: #fff; } .paginations-v3-list li.previous > a:hover i { -webkit-animation: toLeftFromRight 0.3s forwards; -moz-animation: toLeftFromRight 0.3s forwards; animation: toLeftFromRight 0.3s forwards; } .paginations-v3-list li.next > a:hover i { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } .paginations-v3-list li > .current, .paginations-v3-list.page-numbers-single li > span, .paginations-v3-list li.active > a, .paginations-v3-list li.active > span { z-index: 2; color: #fff; background: #00bcd4; cursor: default; } .paginations-v3-list li > .current:hover, .paginations-v3-list.page-numbers-single li > span:hover, .paginations-v3-list li.active > a:hover, .paginations-v3-list li.active > span:hover { color: #fff; background: #00bcd4; } .paginations-v3-list li.disabled > a, .paginations-v3-list li.disabled > a:hover, .paginations-v3-list li.disabled > a:focus, .paginations-v3-list li.disabled > span, .paginations-v3-list li.disabled > span:hover, .paginations-v3-list li.disabled > span:focus { color: #e9e9e9; cursor: not-allowed; background: 0 0; } @-webkit-keyframes toLeftFromRight { 49% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 50% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 51% { opacity: 1; } } @-moz-keyframes toLeftFromRight { 49% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 50% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 51% { opacity: 1; } } @keyframes toLeftFromRight { 49% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 50% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 51% { opacity: 1; } } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 50% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 50% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 50% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 51% { opacity: 1; } } .progress-box { overflow: hidden; } .progress-box .progress-title { font-size: 18px; font-style: italic; text-align: left; text-transform: inherit; margin: 0 0 10px 2px; } .progress-box .progress-title > .pull-right { float: right !important; } .progress-box .progress { box-shadow: none; margin-bottom: 15px; } .progress-box .progress-xs { height: 3px; } .progress-box .progress-sm { height: 6px; } .progress-box .progress-md { height: 11px; } .progress-box .progress-bar { -webkit-transition: all 3s ease-in; -moz-transition: all 3s ease-in; transition: all 3s ease-in; } .progress-vertical { position: relative; width: 100%; height: 200px; } .progress-vertical .progress-bar { position: absolute; bottom: 0; width: 100%; height: 0; -webkit-transition: height 3s ease; -moz-transition: height 3s ease; transition: height 3s ease; } input[type="checkbox"]:not(.sr-only)&:checked ~ label:before, input[type="radio"]:not(.sr-only)&:checked ~ label:before { font-size: 8px; color: #fff; line-height: 1em; padding-top: 2px; padding-left: 1px; content: "\f00c"; } .scroll-to-section-v1 { position: absolute; left: 50%; bottom: 40px; } .scroll-to-section-v1 .scroll-to-section-click-icon { position: absolute; left: 0; right: 0; width: 20px; height: 20px; font-size: 30px; color: #fff; margin-left: -10px; -webkit-animation-name: scroll-to-section-v1; -moz-animation-name: scroll-to-section-v1; animation-name: scroll-to-section-v1; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes scroll-to-section-v1 { 0% { top: 0; bottom: 0; } 25% { top: -20px; bottom: 25px; } 50% { top: -20px; bottom: 50px; } 75% { top: -20px; bottom: 75px; } 100% { top: 0; bottom: 100px; } } @-moz-keyframes scroll-to-section-v1 { 0% { top: 0; bottom: 0; } 25% { top: -20px; bottom: 25px; } 50% { top: -20px; bottom: 50px; } 75% { top: -20px; bottom: 75px; } 100% { top: 0; bottom: 100px; } } @keyframes scroll-to-section-v1 { 0% { top: 0; bottom: 0; } 25% { top: -20px; bottom: 25px; } 50% { top: -20px; bottom: 50px; } 75% { top: -20px; bottom: 75px; } 100% { top: 0; bottom: 100px; } } .rating-container .rating { display: inline-block; position: relative; vertical-align: middle; cursor: default; overflow: hidden; white-space: nowrap; } .rating-disabled .rating { cursor: not-allowed; } .rating-container .star { display: inline-block; text-align: center; margin: 0 3px; } .rating-container .empty-stars { color: #d9dfee; } .rating-container .filled-stars { position: absolute; top: 0; left: 0; color: #ffc300; white-space: nowrap; overflow: hidden; margin: auto; } .rating-animate .filled-stars { transition-duration: 0.3s; transition-property: width; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .rating-xs { font-size: 18px; } .rating-sm { font-size: 30px; } .rating-md { font-size: 36px; } .rating-container .clear-rating { font-size: 16px; display: inline-block; color: #a0a0a0; vertical-align: middle; cursor: not-allowed; padding-right: 5px; } .clear-rating-active { cursor: pointer !important; } .clear-rating-active:hover { color: #e55973; } .rating-container .caption { color: #999; display: inline-block; vertical-align: middle; font-size: 60%; margin: -6px 0 0 5px; } .rating-container .caption > .label { font-weight: 400; } @media print { .rating-container .clear-rating { display: none; } } .nav-wrapper { font-size: 0; } .tab-v1 { margin-bottom: 30px; } .tab-v1 .nav-wrapper { width: 100%; margin-bottom: 21px; } .tab-v1 .nav-tabs { display: inline-block; border-bottom: 0; } .tab-v1 .nav-tabs > li { margin: 0; } .tab-v1 .nav-tabs > li:first-child { margin-left: 0; } .tab-v1 .nav-tabs > li > a { font-size: 15px; color: #34343c; border-radius: 0; border: 0; padding: 15px 20px; margin-right: 0; } .tab-v1 .nav-tabs > li.active > a, .tab-v1 .nav-tabs > li:focus > a, .tab-v1 .nav-tabs > li:hover > a { background: inherit; } .tab-v1 .nav-tabs > li:hover > a { color: #00bcd4; border: 0; } .tab-v1 .nav-tabs > li.active > a { color: #00bcd4; border: 0; } .tab-v1 .tab-pane .tab-pane-content { background: inherit; font-size: 15px; color: #606060; padding: 20px; } @media (max-width: 480px) { .tab-v1 .nav-tabs { display: block; width: 100%; } .tab-v1 .nav-tabs > li { width: 100%; float: none; margin: 5px 0 0; } .tab-v1 .nav-tabs > li:first-child { margin-top: 0; } } .tab-v2 { margin-bottom: 30px; } .tab-v2 .nav-wrapper { margin-bottom: 6px; } .tab-v2 .nav-tabs { display: inline-block; border-bottom: 0; } .tab-v2 .nav-tabs > li { margin-left: 10px; margin-right: 10px; } .tab-v2 .nav-tabs > li:first-child { margin-left: 0; } .tab-v2 .nav-tabs > li > a { font-size: 15px; color: #9e9e9e; border-radius: 0; border: 0; padding: 8px 20px; } .tab-v2 .nav-tabs > li:active > a, .tab-v2 .nav-tabs > li:focus > a, .tab-v2 .nav-tabs > li:hover > a { background: inherit; } .tab-v2 .nav-tabs > li:hover > a { color: #34343c; } .tab-v2 .nav-tabs > li.active > a { color: #34343c; background: 0 0; border: 0; } .tab-v2 .tab-pane { font-size: 15px; color: #606060; padding: 20px 0; } .tab-v2 .tab-pane .tab-pane-content { padding: 20px; } @media (max-width: 480px) { .tab-v2 .nav-tabs { display: block; width: 100%; } .tab-v2 .nav-tabs > li { width: 100%; float: none; margin: 5px 0 0; } .tab-v2 .nav-tabs > li:first-child { margin-top: 0; } } .tab-v3 { position: relative; margin-bottom: 30px; } .tab-v3-content-title { font-size: 22px; } .tab-v3 .nav-tabs-wrap { position: absolute; z-index: 2; top: 0; left: 0; display: inline-block; width: 100%; text-align: center; background: rgba(255, 255, 255, 0.4); padding: 10px 20px; } .tab-v3 .nav-tabs { display: inline-block; border-bottom: 0; } .tab-v3 .nav-tabs > li { margin: 0 1px 0; } .tab-v3 .nav-tabs > li > a { font-size: 15px; color: #34343c; background: #fff; border: 0; border-radius: 3px; padding: 8px 20px; } .tab-v3 .nav-tabs > li:active > a, .tab-v3 .nav-tabs > li:focus > a, .tab-v3 .nav-tabs > li:hover > a { background: inherit; } .tab-v3 .nav-tabs > li:hover > a { color: #00bcd4; background: #fff; } .tab-v3 .nav-tabs > li.active > a { color: #fff; background: #00bcd4; border: 0; } .tab-v3 .tab-pane { text-align: left; border: 1px solid #ebeef6; } .tab-v3 .tab-pane .tab-pane-content { font-size: 15px; color: #606060; padding: 20px; } @media (max-width: 480px) { .tab-v3 .nav-tabs-wrap { position: static; } .tab-v3 .nav-tabs { display: block; width: 100%; } .tab-v3 .nav-tabs > li { width: 100%; float: none; margin: 5px 0 0; } .tab-v3 .nav-tabs > li:first-child { margin-top: 0; } .tab-v3 .nav-tabs > li > a { margin-right: 0; } } .tab-v4 { overflow: hidden; margin-bottom: 30px; } .tab-v4 .nav-tabs { border-bottom: 0; background: #00bcd4; padding: 7px 0; } .tab-v4 .nav-tabs.nav-tabs-left { float: left; } .tab-v4 .nav-tabs.nav-tabs-left > li { margin: 0; float: none; } .tab-v4 .nav-tabs.nav-tabs-left > li > a { min-width: 170px; font-size: 16px; color: #fff; border: 0; border-radius: 0; padding: 12px 20px; margin-right: 0; } .tab-v4 .nav-tabs.nav-tabs-left > li:active > a, .tab-v4 .nav-tabs.nav-tabs-left > li:focus > a, .tab-v4 .nav-tabs.nav-tabs-left > li:hover > a { background: inherit; } .tab-v4 .nav-tabs.nav-tabs-left > li:hover > a { color: #fff; background: #0098ab; } .tab-v4 .nav-tabs.nav-tabs-left > li.active { border: 0; } .tab-v4 .nav-tabs.nav-tabs-left > li.active > a { color: #fff; background: #0098ab; } .tab-v4 .tab-content { overflow: hidden; } .tab-v4 .tab-content .tab-pane { font-size: 15px; color: #606060; padding: 0; } @media (max-width: 480px) { .tab-v4 .nav-tabs.nav-tabs-left { float: none; } } .tab-v5 { overflow: hidden; margin-bottom: 30px; } .tab-v5 .nav-tabs { border-bottom: 0; } .tab-v5 .nav-tabs.nav-tabs-left { float: left; } .tab-v5 .nav-tabs.nav-tabs-left > li { margin: 0; float: none; } .tab-v5 .nav-tabs.nav-tabs-left > li > a { font-size: 15px; color: #34343c; border-radius: 0; padding: 12px 20px; border: 0; margin-right: 0; } .tab-v5 .nav-tabs.nav-tabs-left > li.active > a, .tab-v5 .nav-tabs.nav-tabs-left > li:hover > a { background: #fff; color: #00bcd4; } .tab-v5 .tab-content { overflow: hidden; } .tab-v5 .tab-content .tab-pane { font-size: 15px; color: #606060; } .tab-v5 .tab-content .tab-pane-content { padding: 20px 25px; } @media (max-width: 480px) { .tab-v5 .nav-tabs.nav-tabs-left { float: none; } .tab-v5 .tab-content > .tab-pane { margin-left: 0 !important; } } .tab-v6 { overflow: hidden; margin-bottom: 30px; } .tab-v6 .nav-tabs { border-bottom: 0; } .tab-v6 .nav-tabs.nav-tabs-right { float: right; } .tab-v6 .nav-tabs.nav-tabs-right > li { margin: 0; float: none; } .tab-v6 .nav-tabs.nav-tabs-right > li > a { font-size: 15px; color: #34343c; border-radius: 0; padding: 12px 20px; border: 0; margin-right: 0; } .tab-v6 .nav-tabs.nav-tabs-right > li:active > a, .tab-v6 .nav-tabs.nav-tabs-right > li:hover > a { background: #fff; color: #00bcd4; } .tab-v6 .tab-content { overflow: hidden; } .tab-v6 .tab-content .tab-pane { font-size: 15px; color: #606060; } .tab-v6 .tab-content .tab-pane-content { padding: 20px 25px; } @media (max-width: 480px) { .tab-v6 .nav-tabs.nav-tabs-right { float: none; } .tab-v6 .tab-content > .tab-pane { margin-right: 0 !important; } } .tab-v7 { margin-bottom: 30px; } .tab-v7 .nav-tabs { border-bottom: 0; } .tab-v7 .nav-tabs > li { margin: 0 2px -1px -1px; } .tab-v7 .nav-tabs > li:first-child { margin-left: 0; } .tab-v7 .nav-tabs > li > a { font-size: 15px; color: #fff; background: #34343c; border-radius: 0; border-color: #f7f8fa; padding: 13px 22px 11px; } .tab-v7 .nav-tabs > li.active > a { padding: 12px 22px; } .tab-v7 .nav-tabs > li.active > a, .tab-v7 .nav-tabs > li:hover > a { background: inherit; } .tab-v7 .nav-tabs > li.active > a { border-color: #f7f8fa; } .tab-v7 .nav-tabs > li:hover > a { color: #fff; background: #34343c; } .tab-v7 .nav-tabs > li.active > a { color: #34343c; background: #fff; border-top: 2px solid #34343c; border-bottom: 0; } .tab-v7 .nav-wrapper { position: relative; z-index: 1; } .tab-v7 .tab-content { position: relative; } .tab-v7 .tab-pane { font-size: 15px; font-weight: 300; color: #606060; border: 1px solid #f7f8fa; } .tab-v7 .tab-pane .tab-pane-content { padding: 20px; } @media (max-width: 480px) { .tab-v7 .nav-tabs { display: block; width: 100%; } .tab-v7 .nav-tabs > li { width: 100%; float: none; margin: 5px 0 0; } .tab-v7 .nav-tabs > li:first-child { margin-top: 0; } .tab-v7 .nav-tabs > li > a { margin-right: 0; } } .tab-v8 { margin-bottom: 30px; } .tab-v8 .nav-tabs { border-bottom: 0; } .tab-v8 .nav-tabs > li > a { font-size: 15px; color: #34343c; background: #f7f8fa; border-radius: 0; border: 0; padding: 12px 22px; } .tab-v8 .nav-tabs > li:active > a, .tab-v8 .nav-tabs > li:focus > a, .tab-v8 .nav-tabs > li:hover > a { background: inherit; } .tab-v8 .nav-tabs > li:hover > a { color: #fff; background: #34343c; } .tab-v8 .nav-tabs > li.active > a { color: #fff; background: #34343c; border: 0; } .tab-v8 .tab-pane { font-size: 15px; font-weight: 300; color: #606060; } .tab-v8 .tab-pane .tab-pane-content { padding: 20px 0; } .tab-v8 .nav-tabs > li { margin-bottom: 0; } .tab-v8 .nav-tabs > li > a { margin-right: 0; } @media (min-width: 481px) { .tab-v8 .nav-tabs.tab-count-1 > li { width: 100%; } .tab-v8 .nav-tabs.tab-count-2 > li { width: 50%; } .tab-v8 .nav-tabs.tab-count-3 > li { width: 33.3333%; } .tab-v8 .nav-tabs.tab-count-4 > li { width: 25%; } .tab-v8 .nav-tabs.tab-count-5 > li { width: 20%; } .tab-v8 .nav-tabs.tab-count-6 > li { width: 16.6666%; } .tab-v8 .nav-tabs.tab-count-7 > li { width: 14.2857%; } .tab-v8 .nav-tabs.tab-count-8 > li { width: 12.5%; } .tab-v8 .nav-tabs.tab-count-9 > li { width: 11.1111%; } } @media (max-width: 480px) { .tab-v8 .nav-tabs { display: block; width: 100%; } .tab-v8 .nav-tabs > li { width: 100%; float: none; margin-top: 5px; } .tab-v8 .nav-tabs > li:first-child { margin-top: 0; } } .table { margin-bottom: 0; } .table thead tr th { font-weight: 300; color: #3a3a44; border-top: 0; border-width: 1px; padding: 10px; } .table thead tr > td.active, .table thead tr > th.active { background: #f7f8fa; } .table thead tr.active > td, .table thead tr.active > th { background: #f7f8fa; } .table tbody tr td { font-weight: 300; color: #3a3a44; border-top: 0; vertical-align: middle; padding: 10px; } .table tbody tr > td.active, .table tbody tr > th.active { background: #f7f8fa; } .table tbody tr.active > td, .table tbody tr.active > th { background: #f7f8fa; } .table tbody tr:nth-of-type(odd) { background: #f7f8fa; } .table tfoot tr > td.active, .table tfoot tr > th.active { background: #f7f8fa; } .table tfoot tr.active > td, .table tfoot tr.active > th { background: #f7f8fa; } .table-advance { overflow: hidden; } .table-advance .table-advance-body .table-advance-body-user-img { float: left; width: 24px; height: 24px; margin-right: 10px; } .table-advance .table-advance-body .table-advance-body-user-name { position: relative; top: 2px; color: #34343c; } .table-advance .table-advance-element .progress { position: relative; top: 11px; } .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-color: #ebeef6; } .table-wrap { background: #fff; border: 1px solid #f2f4f9; } .table-wrap .table-wrap-header { padding: 15px 20px; border-bottom: 1px solid #ebeef6; } .table-wrap .table-wrap-header .table-wrap-header-title { font-size: 18px; margin: 8px 0 0; } .table-wrap .table-wrap-header-tools { position: relative; top: 2px; text-align: right; margin-bottom: 0; } .table-wrap .table-wrap-header-tools .table-wrap-header-tools-item { padding: 0; } .table-wrap .table-wrap-body { padding: 20px; } .theme-icons-wrap { z-index: 1; } .theme-icons-wrap .theme-icons { text-align: center; margin-bottom: 5px; display: inline-block; } .theme-icons-wrap a[href]:hover .theme-icons { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-icons-base { display: inline-block; color: #00bcd4; background: 0 0; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-base-hover:hover { color: #fff; background: #00bcd4; border-color: transparent; } .theme-icons-white { display: inline-block; color: #fff; background: 0 0; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-dark { display: inline-block; color: #3a3a44; background: 0 0; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-dark-hover:hover { color: #fff; background: #34343c; border-color: #34343c; } .theme-icons-base-bg { display: inline-block; color: #fff; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-base-bg:hover { color: #fff; background: #4ed7e8; border-color: transparent; } .theme-icons-white-bg, .team-v9 .theme-icons { display: inline-block; color: #3a3a44; background-color: #fff; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-white-bg:hover, .team-v9 .theme-icons:hover { color: #fff; background-color: #00bcd4; border-color: transparent; } .theme-icons-dark-bg { display: inline-block; color: #fff; background: #34343c; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-dark-bg:hover { color: #fff; background: #3a3a44; border-color: transparent; } .theme-icons-base-brd { display: inline-block; color: #00bcd4; background: 0 0; border-width: 1px; border-style: solid; border-color: #00bcd4; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-base-brd:hover { color: #fff; background: #00bcd4; border-color: #00bcd4; } .theme-icons-white-brd { display: inline-block; color: #fff; background: 0 0; border-width: 1px; border-style: solid; border-color: #fff; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-white-brd:hover { color: #3a3a44; background: #fff; border-color: #fff; } .theme-icons-wrap .theme-icons-white-brd-hover-base:hover { color: #3a3a44; background: #fff; } .theme-icons-dark-brd { display: inline-block; color: #34343c; background: 0 0; border-width: 1px; border-style: solid; border-color: #34343c; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-dark-brd:hover { color: #fff; background: #34343c; border-color: #34343c; } .theme-icons-xs { min-width: 30px; min-height: 30px; font-size: 14px; line-height: 1.4; padding: 5px; } .theme-icons-sm { min-width: 35px; min-height: 35px; font-size: 16px; line-height: 1.4; padding: 6px; } .theme-icons-md { min-width: 45px; min-height: 45px; font-size: 20px; line-height: 1.5; padding: 8px; } .theme-icons-lg { min-width: 55px; min-height: 55px; font-size: 24px; line-height: 1.15; padding: 14px; } li.animate-theme-icons { font-size: 0; } .animate-theme-icons .animate-theme-icons-body { z-index: 1; display: inline-block; text-align: center; overflow: hidden; } .animate-theme-icons:hover .animate-theme-icons-body .animate-theme-icons-element { -webkit-animation: toTopFromBottom 0.3s forwards; -moz-animation: toTopFromBottom 0.3s forwards; animation: toTopFromBottom 0.3s forwards; } @-webkit-keyframes toTopFromBottom { 49% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 1; } } @-moz-keyframes toTopFromBottom { 49% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 1; } } @keyframes toTopFromBottom { 49% { -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 50% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 51% { opacity: 1; } } .theme-icons-elegant { margin-bottom: 30px; } .theme-icons-elegant:before, .theme-icons-elegant:after { content: " "; display: table; } .theme-icons-elegant:after { clear: both; } .theme-icons-elegant .theme-icons-element { float: left; margin-right: 15px; } .theme-icons-elegant .theme-icons-element .theme-icons-wrap > a[href] > .theme-icons:hover { color: #fff; background: #00bcd4; border-color: transparent; } .theme-icons-elegant .theme-icons-body { overflow: hidden; } .theme-icons-elegant .theme-icons-body .theme-icons-body-title { display: block; font-size: 14px; margin-bottom: 5px; font-weight: 400; } .theme-icons-elegant .theme-icons-body .them-icon-body-paragraph { font-size: 12px; margin-bottom: 0; } .theme-icons-elegant-right { text-align: right; } .theme-icons-elegant-right .theme-icons-element { float: right; margin: 0 0 0 15px; } .icons .theme-icons-elegant { display: block; } @media (max-width: 480px) { .theme-icons-elegant .theme-icons-element { float: none; text-align: center; margin: 0 0 5px; } .theme-icons-elegant .theme-icons-body { text-align: center; } } .animate-icon { margin: 5px 0; } .animate-icon .animate-icon-wrap { display: block; overflow: hidden; text-align: center; cursor: pointer; color: #3a3a44; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin: 0; } .animate-icon .animate-icon-wrap:hover { color: #fff; } .team-v10 .animate-icon .animate-icon-wrap, .team-v10 .animate-icon .animate-icon-wrap:hover, .team-v11 .animate-icon .animate-icon-wrap, .team-v11 .animate-icon .animate-icon-wrap:hover, .team-v12 .animate-icon .animate-icon-wrap, .team-v12 .animate-icon .animate-icon-wrap:hover { background-color: #44619d; color: #fff; } .animate-icon .animate-icon-wrap:hover, .animate-icon .animate-icon-wrap:focus { text-decoration: none; } .animate-icon .animate-icon-item { position: relative; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .animate-icon-wrap .animate-icon-item { -webkit-transition: margin 0.3s ease; -moz-transition: margin 0.3s ease; transition: margin 0.3s ease; } .animate-icon-item-shadow { text-shadow: 1px 1px 1px rgba(35, 35, 62, 0.4); } .animate-icon .animate-icon-xs { width: 30px; height: 30px; font-size: 14px; } .animate-icon .animate-icon-xs .animate-icon-item { padding: 8px 0; } .animate-icon .animate-icon-xs:hover .animate-icon-item:first-child { margin-top: -30px; } .animate-icon .animate-icon-sm { width: 35px; height: 35px; font-size: 16px; } .animate-icon .animate-icon-sm .animate-icon-item { padding: 10px 0; } .animate-icon .animate-icon-sm:hover .animate-icon-item:first-child { margin-top: -35px; } .animate-icon .animate-icon-md { width: 45px; height: 45px; font-size: 22px; } .animate-icon .animate-icon-md .animate-icon-item { padding: 12px 0; } .animate-icon .animate-icon-md:hover .animate-icon-item:first-child { margin-top: -45px; } .animate-icon .animate-icon-lg { width: 55px; height: 55px; font-size: 26px; } .animate-icon .animate-icon-lg .animate-icon-item { padding: 15px 0; } .animate-icon .animate-icon-lg:hover .animate-icon-item:first-child { margin-top: -55px; } .animate-icon { position: relative; } .animate-icon .icon-tooltip { display: block; font-size: 14px; color: #fff; background-color: #3a3a44; visibility: hidden; opacity: 0; white-space: nowrap; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); padding: 15px 25px; } .animate-icon:hover .icon-tooltip-top, .animate-icon:hover .icon-tooltip-bottom { z-index: 1; visibility: visible; opacity: 1; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .animate-icon:hover .icon-tooltip-top { transform: translateX(-50%) translateY(-80%); } .animate-icon:hover .icon-tooltip-bottom { transform: translateX(-50%) translateY(80%); } .animate-icon .icon-tooltip-top { position: absolute; top: 0; left: 50%; transform: translateX(-50%) translateY(-100%); margin-top: -30px; } .animate-icon .icon-tooltip-arrow-top { bottom: -14px; border-bottom-color: transparent !important; } .animate-icon .icon-tooltip-bottom { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) translateY(100%); margin-bottom: -30px; } .animate-icon .icon-tooltip-arrow-bottom { top: -14px; border-top-color: transparent !important; } .animate-icon .icon-tooltip-arrow { position: absolute; left: 50%; border-color: #3a3a44; border-right-color: transparent !important; border-left-color: transparent !important; border-style: solid; border-width: 7px; margin-left: -7px; } .animate-icon .animate-icon-horizontal { position: relative; display: inline-block; overflow: hidden; transform: translate3d(0, 0, 0); text-align: center; vertical-align: middle; } .animate-icon .animate-icon-horizontal:hover, .animate-icon .animate-icon-horizontal:focus { text-decoration: none; color: #3a3a43; } .animate-icon .animate-icon-horizontal-wrap { position: relative; top: 0; left: 0; display: block; width: 80px; height: 80px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; padding: 20px; } .animate-icon .animate-icon-horizontal:hover .animate-icon-left-to-right:first-child { transform: translate(100%, 0); } .animate-icon .animate-icon-horizontal:hover .animate-icon-left-to-right:last-child { transform: translate(0, 0); } .animate-icon .animate-icon-left-to-right:first-child { transform: translate(0, 0); } .animate-icon .animate-icon-left-to-right:last-child { position: absolute; top: 0; left: 0; display: block; transform: translate(-100%, 0); } .animate-icon .animate-icon-horizontal:hover .animate-icon-right-to-left:first-child { transform: translate(-100%, 0); } .animate-icon .animate-icon-horizontal:hover .animate-icon-right-to-left:last-child { transform: translate(0, 0); } .animate-icon .animate-icon-right-to-left:first-child { transform: translate(0, 0); } .animate-icon .animate-icon-right-to-left:last-child { position: absolute; top: 0; left: 0; display: block; transform: translate(100%, 0); } .border-solid { border-width: 1px; border-style: solid; border-color: #858585; } .animate-icon .brd-solid { border: 1px solid #858585; } .animate-icon .brd-dashed { border: 1px dashed #858585; } .animate-icon .brd-dotted { border: 1px dotted #858585; } .animate-icon .brd-double-square, .animate-icon .brd-double-circle { position: relative; border: 1px double #858585; } .animate-icon .brd-double-square:after, .animate-icon .brd-double-circle:after { position: absolute; top: 2px; left: 2px; right: 2px; bottom: 2px; z-index: -1; width: auto; height: auto; border: 1px solid #858585; content: " "; } .animate-icon .brd-double-circle:after { border-radius: 50%; } .timeline-v1-current-date { margin-bottom: 30px; } .timeline-v1-current-date .timeline-v1-current-day { font-size: 30px; font-weight: 400; margin: 0; } .timeline-v1-current-date .timeline-v1-current-time { display: block; font-size: 11px; font-weight: 400; } .timeline-v1 { position: relative; list-style: none; padding: 10px 0 0; } .lectures-v1 { margin-bottom: 30px; } .timeline-v1:before { position: absolute; top: 0; left: 20px; bottom: 0; width: 1px; content: " "; } .timeline-v1 .timeline-v1-list-item { position: relative; padding-left: 40px; margin-bottom: 15px; } .timeline-v1 .timeline-v1-list-item:before, .timeline-v1 .timeline-v1-list-item:after { content: " "; display: table; } .timeline-v1 .timeline-v1-list-item:after { clear: both; } .timeline-v1 .timeline-v1-list-item .timeline-v1-badge-icon { position: absolute; top: 5px; left: 15.5px; display: block; width: 10px; font-size: 13px; } .timeline-v1 .timeline-v1-list-item .timeline-v1-news-label { font-size: 13px; font-weight: 400; padding-right: 15px; } .timeline-v1 .timeline-v1-list-item .timeline-v1-news-time { font-size: 12px; color: #565656; padding-right: 15px; } .timeline-v1 .timeline-v1-list-item .timeline-v1-news-title { font-size: 13px; color: #3a3a3a; letter-spacing: 0; text-transform: inherit; margin: 0; } .timeline-v1 .timeline-v1-list-item .timeline-v1-news-title > a { font-size: 13px; color: #3a3a3a; } .timeline-v1 .timeline-v1-list-item .timeline-v1-news-title > a:hover { color: #00bcd4; text-decoration: none; } .timeline-v2 { position: relative; list-style: none; overflow: hidden; padding: 0; margin-top: 15px; } .lectures-v2 { margin-bottom: 30px; } .timeline-v2:before { position: absolute; top: 0; left: 20px; bottom: 0; width: 1px; content: " "; background: rgba(128, 128, 128, 0.19); } .timeline-v2 .timeline-v2-list-item { position: relative; padding-left: 45px; margin-bottom: 25px; } .timeline-v2 .timeline-v2-list-item:before, .timeline-v2 .timeline-v2-list-item:after { content: " "; display: table; } .timeline-v2 .timeline-v2-list-item:after { clear: both; } .timeline-v2 .timeline-v2-current-date { position: relative; border-top: 1px solid transparent; padding: 15px 0 0 40px; margin: 20px 0 25px; } .timeline-v2 .timeline-v2-current-date:before, .timeline-v2 .timeline-v2-current-date:after { content: " "; display: table; } .timeline-v2 .timeline-v2-current-date:after { clear: both; } .timeline-v2 .timeline-v2-badge-icon { position: absolute; top: 0; left: 5px; display: block; width: 30px; height: 30px; font-size: 13px; text-align: center; padding: 8px; } .timeline-v2 .timeline-v2-news-date { display: block; font-size: 13px; font-weight: 400; color: #e57287; } .timeline-v2 .timeline-v2-news-title { font-size: 13px; font-weight: 300; color: #3a3a3a; letter-spacing: 0; text-transform: inherit; margin: 0; } .timeline-v2 .timeline-v2-news-title > a { font-size: 13px; color: #3a3a3a; } .footer .timeline-v2 .timeline-v2-news-title > a { color: #ccc; } .timeline-v2 .timeline-v2-news-title > a:hover { color: #00bcd4; text-decoration: none; } .timeline-v2 .timeline-v2-current-day { font-size: 26px; font-weight: 400; margin: 0; } .timeline-v2 .timeline-v2-current-time { display: block; font-size: 12px; font-weight: 400; } .timeline-v3 { overflow: hidden; position: relative; list-style: none; padding: 20px 0 20px; } .timeline-v3:before { position: absolute; top: 0; left: 50%; bottom: 0; width: 2px; background: 0 0; margin-left: -1px; content: " "; } .timeline-v3 .timeline-v3-list-item { position: relative; width: 50%; float: left; clear: left; padding-right: 30px; margin-top: 50px; } .timeline-v3 .timeline-v3-list-item:before, .timeline-v3 .timeline-v3-list-item:after { content: " "; display: table; } .timeline-v3 .timeline-v3-list-item:after { clear: both; } .timeline-v3 .timeline-v3-list-item:first-child { margin-top: 0 !important; } .timeline-v3 .timeline-v3-list-item .timeline-v3-badge-icon { position: absolute; top: 30px; right: 0; display: block; width: 12px; height: 12px; border: 2px solid transparent; margin-right: -6px; } .timeline-v3 .timeline-v3-list-item .timeline-v3-badge { position: relative; } .timeline-v3 .timeline-v3-list-item .timeline-v3-badge:before { position: absolute; top: 35px; right: -22px; width: 18px; border-top: 2px dotted transparent; content: " "; } .timeline-v3 .timeline-v3-right-wing { float: right; clear: right; padding: 0 0 0 30px; } .timeline-v3 .timeline-v3-right-wing .timeline-v3-badge-icon { left: 0; right: auto; margin-left: -6px; } .timeline-v3 .timeline-v3-right-wing .timeline-v3-badge:before { position: absolute; top: 35px; left: auto; right: 100.6%; } .timeline-v3 .timeline-v3-right-wing .timeline-v3-panel { float: right; } .timeline-v3 .timeline-v3-panel { float: left; width: 100%; } @media (max-width: 768px) { .timeline-v3:before { left: 15px; } .timeline-v3 .timeline-v3-list-item { position: relative; width: 100%; float: left; clear: left; padding: 0 0 0 50px; } .timeline-v3 .timeline-v3-list-item .timeline-v3-badge-icon { position: absolute; top: 30px; left: 9px; right: auto; } .timeline-v3 .timeline-v3-list-item .timeline-v3-badge:before { position: absolute; top: 35px; left: -24px; right: auto; } .timeline-v3 .timeline-v3-right-wing { padding: 0 0 0 50px; } .timeline-v3 .timeline-v3-right-wing .timeline-v3-badge-icon { margin-left: 0; } } .timeline-v4 { overflow: hidden; position: relative; list-style: none; padding: 20px 0 20px; } .timeline-v4:before { position: absolute; top: 0; left: 50%; bottom: 0; width: 2px; margin-left: -1px; content: " "; } .timeline-v4-top-icon { position: absolute; top: 0; left: 50%; width: 30px; height: 30px; display: inline-block; font-size: 18px; border-radius: 50%; color: #fff; line-height: 30px; margin-left: -15px; text-align: center; } .timeline-v4 .timeline-v4-list-item { position: relative; width: 50%; float: left; clear: left; padding-right: 50px; margin-top: 50px; } .timeline-v4 .timeline-v4-list-item:before, .timeline-v4 .timeline-v4-list-item:after { content: " "; display: table; } .timeline-v4 .timeline-v4-list-item:after { clear: both; } .timeline-v4 .timeline-v4-list-item:first-child { margin-top: 0 !important; } .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon { position: absolute; top: 57px; right: 0; display: block; width: 14px; height: 14px; border: 2px solid transparent; margin-right: -7px; } .timeline-v4 .timeline-v4-right-wing { float: right; clear: right; padding: 0 0 0 50px; } .timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon { left: 0; right: auto; margin-left: -7px; } .timeline-v4 .timeline-v4-right-wing .timeline-v4-badge:before { position: absolute; top: 31px; left: auto; right: 100.4%; } .timeline-v4 .timeline-v4-right-wing .timeline-v4-panel { float: right; } .timeline-v4 .timeline-v4-right-wing .timeline-v4-panel { position: relative; } .timeline-v4 .timeline-v4-panel:before { position: absolute; top: 48px; right: 100%; width: 0; height: 0; border-style: solid; border-width: 15px 20px 15px 0; border-color: transparent; content: " "; margin-right: -3px; } .timeline-v4 .timeline-v4-panel { float: left; width: 100%; padding: 20px; word-wrap: break-word; } .timeline-v4 .timeline-v4-panel { position: relative; } .timeline-v4 .timeline-v4-panel:after { position: absolute; top: 48px; left: 100%; width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 20px; border-color: transparent; content: " "; margin-left: -3px; } .timeline-v4 .timeline-v4-subtitle { display: block; font-size: 15px; font-style: italic; color: #606060; margin-bottom: 5px; margin-top: 1px; } .timeline-v4 .timeline-v4-subtitle a { font-style: italic; color: #00bcd4; } .timeline-v4 .timeline-v4-title { font-size: 24px; } .timeline-v4 .timeline-v4-title .timeline-v4-title-link { font-size: 24px; } .timeline-v4 .timeline-v4-featured-image, .timeline-v4 .ff-block--blog-featured-area { margin-bottom: 21px; } @media (max-width: 768px) { .timeline-v4:before { left: 15px; } .timeline-v4-top-icon { left: 15px; } .timeline-v4 .timeline-v4-list-item { position: relative; width: 100%; float: left; clear: left; padding: 0 0 0 50px; } .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon { position: absolute; top: 57px; left: 8px; right: auto; } .timeline-v4 .timeline-v4-list-item .timeline-v4-badge:before { position: absolute; top: 30px; left: -24px; right: auto; } .timeline-v4 .timeline-v4-right-wing .timeline-v4-badge-icon { margin-left: 0; } .timeline-v4 .timeline-v4-panel:after { position: absolute; top: 48px; left: auto; right: 100%; border-width: 15px 20px 15px 0; border-color: transparent #fff transparent transparent; margin-left: -3px; } } @media (max-width: 767px) { .timeline-v4 .timeline-v4-panel:after { display: none; } } @media (min-width: 768px) { .timeline-v4-panel-right.timeline-v4-panel:after { display: none; } .timeline-v4-panel-left.timeline-v4-panel:before { display: none; } } .blog-timeline-2.grid-layout-2 .timeline-v4 .timeline-v4-list-item, .blog-timeline-2.grid-layout-3 .timeline-v4 .timeline-v4-list-item { width: 100%; } .blog-timeline-2.grid-layout-2 .timeline-v4 .timeline-v4-top-icon, .blog-timeline-2.grid-layout-3 .timeline-v4 .timeline-v4-top-icon { left: 15px; } .blog-timeline-2.grid-layout-2 .timeline-v4:before, .blog-timeline-2.grid-layout-3 .timeline-v4:before { left: 15px; } .blog-timeline-2.grid-layout-3 .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon { left: 8px; } @media (min-width: 768px) { .blog-timeline-2.grid-layout-2 .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon, .blog-timeline-2.grid-layout-3 .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon { left: 15px; } } .blog-timeline-2.grid-layout-2 .timeline-v4 .timeline-v4-list-item { padding-right: 0; padding-left: 50px; } .blog-timeline-2.grid-layout-2 .timeline-v4-panel:after { display: none; } .blog-timeline-2.grid-layout-2 .timeline-v4-panel:before { display: block; } .blog-timeline-2.grid-layout-2 .timeline-v4 .timeline-v4-list-item .timeline-v4-badge-icon { left: 8px; } .call-to-action-v1 { position: relative; z-index: 1; background-position: center top; } .call-to-action-v1:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; } .call-to-action-v1 .call-to-action-v1-title, .call-to-action-v1 .call-to-action-v1-title p { font-size: 36px; color: #fff; } .call-to-action-v1 .call-to-action-v1-title span, .call-to-action-v2 .call-to-action-v2-telephone { color: #00bcd4; } .call-to-action-v1 .call-to-action-v1-text { font-size: 22px; color: #fff; opacity: 0.8; margin-bottom: 30px; } .call-to-action-v1 .call-to-action-v1-text p { font-size: 22px; color: #fff; margin-bottom: 30px; } @media (max-width: 480px) { .call-to-action-v1 .call-to-action-v1-title { font-size: 28px; } } .call-to-action-v2 .call-to-action-v2-title { font-size: 30px; margin-bottom: 10px; } .call-to-action-v2 .call-to-action-v2-text p, .call-to-action-v2 .call-to-action-v2-text { font-size: 18px; margin-bottom: 0; } .call-to-action-v2 .call-to-action-v2-text p:not(:last-child) { margin-bottom: 10px; } .call-to-action-v2 .call-to-action-v2-labels { padding-right: 40px; } .call-to-action-v2 .theme-icons-wrap { margin-right: 10px; min-width: 75px; } @media (max-width: 768px) { .call-to-action-v2 .call-to-action-2-buttons { padding-top: 30px; text-align: center; } .call-to-action-v2 .call-to-action-v2-labels { padding: 0 40px; } } .call-to-action-v3 { text-align: center; } .call-to-action-v3 .call-to-action-badge { font-size: 18px; font-weight: 400; padding: 10px; background-color: #00bcd4; margin-right: 10px; color: #fff; } .call-to-action-v3 .call-to-action-v3-text { font-size: 18px; font-weight: 300; } .call-to-action-v2-3 .call-to-action-v2-text { margin-bottom: 40px; } .call-to-action-v3 .call-to-action-v3-text .call-to-action-text-bold { font-size: 20px; font-weight: 500; color: #34343c; margin-right: 10px; } .call-to-action-v3 .call-to-action-v3-link { display: inline-block; font-size: 16px; font-weight: 300; } @media (max-width: 768px) { .call-to-action-v3 .call-to-action-v3-text { display: block; margin: 5px 0; } } .clients-v1 { margin-bottom: 0; } .clients-v1 .clients-v1-item { position: relative; width: 135px; height: 135px; overflow: hidden; } .clients-v1 .clients-v1-item .clients-v1-img { display: block; width: 135px; height: 135px; text-align: center; } .clients-v1 .clients-v1-item .clients-v1-img-default { opacity: 1; background: #34343c; position: absolute; top: 0; left: 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .clients-v1 .clients-v1-item .clients-v1-img-active { opacity: 0; position: absolute; top: -100%; left: 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .clients-v1 .clients-v1-item:hover .clients-v1-img-default { opacity: 0; position: absolute; top: 100%; left: 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .clients-v1 .clients-v1-item:hover .clients-v1-img-active { opacity: 1; position: absolute; top: 0; left: 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .clients-v2 { position: relative; z-index: 1; text-align: center; background-size: cover; background-position: center center; } .clients-v2:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: rgba(52, 52, 60, 0.5); content: " "; } .clients-v2-content { padding: 14px 24px; margin: 0 auto; text-align: center; } .clients-v2-content .clients-v2-img { max-width: 100%; height: auto; } .clients-v2 .clients-v2-border-left, .clients-v2-border-right, .clients-v2-border-top { position: relative; } .clients-v2-border-left:after, .clients-v2-border-top:before { content: " "; } .clients-v2-border-left:after { position: absolute; top: 12px; bottom: 12px; left: 0; width: 1px; } .clients-v2-border-top:before { position: absolute; top: 0; height: 1px; right: 12px; left: 12px; } @media (max-width: 480px) { .clients-v2-border-left:before, .clients-v2-border-top:before { background-color: transparent !important; } } .ff-logo-grid { margin-bottom: 30px; } .ffb-countdown-wrapper { margin-bottom: 30px; } .countdown-v1 .countdown_section { display: inline-block; margin: 5px 10px; } .countdown-v1 .countdown_amount { font-size: 36px; line-height: 1.2; } @media (min-width: 480px) { .countdown-v1 .countdown_section { width: 130px; height: 130px; font-size: 18px; font-weight: 300; text-align: center; padding: 25px; margin: 5px; border-radius: 3px; } .countdown-v1 .countdown_amount { font-size: 50px; line-height: 1.2; } } .counters-v1 { margin-bottom: 50px; } .counters-v1 .counters-v1-border { border-left: 1px solid #ebeef6; } .counters-v1 .counters-v1-border.counters-v1-border-first { border-left: 0; } .counters-v1 .counters-v1-body { text-align: center; } .counters-v1 .counters-v1-body .counters-v1-subtitle { font-size: 18px; color: #34343c; text-transform: uppercase; padding-right: 10px; } .counters-v1 .counters-v1-body .counters-v1-number { display: inline-block; font-size: 36px; font-weight: 500; } .counters-v1 .counters-v1-body .counters-v1-title { display: block; font-size: 16px; margin: 0; } @media (max-width: 768px) { .counters-v1 .counters-v1-border { border-left: 0; } .counters-v1 .counters-v1-border-first, .counters-v1 .counters-v1-border-second { margin-bottom: 20px; } .counters-v1 .counters-v1-border-third .counters-v1-body, .counters-v1 .counters-v1-border-fourth .counters-v1-body { border-top: 1px solid #dedede; padding-top: 10px; margin-top: 10px; } } @media (max-width: 480px) { .counters-v1 .counters-v1-border-second .counters-v1-body { border-top: 1px solid #dedede; padding-top: 10px; margin-top: 10px; } .counters-v1 .counters-v1-border-third, .counters-v1 .counters-v1-border-fourth { margin-bottom: 20px; } } .counters-v2 { text-align: center; padding: 60px 50px; margin-bottom: 50px; } .counters-v2 .counters-v2-center-aligned { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .counters-v2 .counters-v2-icon { display: block; font-size: 36px; color: #34343c; margin-bottom: 15px; } .counters-v2 .counters-v2-no { color: #34343c; display: block; font-size: 34px; font-weight: 500; margin-bottom: 10px; } .counters-v2 .counters-v2-title { font-size: 20px; margin-bottom: 3px; } .counters-v2 .counters-v2-subtitle { display: block; font-style: italic; color: #606060; } @media (max-width: 768px) { .counters-v2 .counters-v2-center-aligned { position: static; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .counters-v3 { text-align: center; padding: 50px 20px; margin-bottom: 50px; } .counters-v3 .counters-v3-icon { width: 90px; height: 90px; font-size: 36px; color: #606060; text-align: center; padding: 25px; margin-bottom: 20px; } .counters-v3 .counters-v3-number { font-size: 45px; font-weight: 400; color: #34343c; margin-bottom: 5px; } .counters-v3 .counters-v3-title { font-size: 20px; margin: 0; } .counters-v4 { padding: 20px; text-align: center; margin-bottom: 50px; } .counters-v4 .counters-v4-icon { font-size: 32px; color: #fff; } .counters-v4 .counters-v4-number { position: relative; display: block; font-size: 36px; font-weight: 400; color: #fff; margin-bottom: 20px; } .counters-v4 .counters-v4-number:after { position: absolute; left: 50%; bottom: -9px; width: 30px; height: 1px; background: #fff; content: " "; margin-left: -15px; } .counters-v4 .counters-v4-title { font-size: 20px; color: #fff; margin: 0; } .counters-v5 .counters-v5-body { text-align: center; padding-top: 80px; padding-bottom: 80px; } .counters-v5 .counters-v5-body .counters-v5-number { font-size: 50px; color: #fff; margin-bottom: 10px; } .counters-v5 .counters-v5-body .counters-v5-element { margin-top: 30px; position: relative; top: -12px; left: 50%; display: block; width: 40px; height: 0; margin-left: -20px; content: " "; } .counters-v5 .counters-v5-body .counters-v5-element:before, .counters-v5 .counters-v5-body .counters-v5-element:after { content: " "; } .counters-v5 .counters-v5-body .counters-v5-element:before { position: absolute; left: 50%; bottom: 9px; width: 40px; height: 0; margin-left: -20px; } .counters-v5 .counters-v5-body .counters-v5-element:after { position: absolute; top: -5px; left: 50%; width: 20px; height: 0; margin-left: -10px; } .counters-v5 .counters-v5-body .counters-v5-title { position: relative; font-size: 20px; color: #fff; margin: 0; } .counters-v5 .counters-v5-element, .counters-v5 .counters-v5-element:before, .counters-v5 .counters-v5-element:after { border-bottom: 1.5px solid #fff; } .counters-v6 { margin-bottom: 50px; } .counters-v6 .counters-v6-number { display: block; font-size: 50px; font-weight: 400; color: #fff; margin-bottom: 10px; } .counters-v6 .counters-v6-title { font-size: 20px; color: #fff; margin: 0; } .equal-height-ib { position: relative; } .equal-height-ib.equal-height-ib-600 { height: 600px; } .equal-height-ib.equal-height-ib-700 { height: 700px; } .equal-height-ib .equal-height-ib-one, .equal-height-ib .equal-height-ib-two { position: relative; padding-top: 20px; } .equal-height-ib .equal-height-ib-one.equal-height-ib-one-600, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-600, .equal-height-ib .equal-height-ib-two.equal-height-ib-one-600, .equal-height-ib .equal-height-ib-two.equal-height-ib-two-600 { height: 600px; } .equal-height-ib .equal-height-ib-one.equal-height-ib-one-700, .equal-height-ib .equal-height-ib-one.equal-height-ib-two-700, .equal-height-ib .equal-height-ib-two.equal-height-ib-one-700, .equal-height-ib .equal-height-ib-two.equal-height-ib-two-700 { height: 700px; } .equal-height-ib .equal-height-ib-one { left: 0; } .equal-height-ib .equal-height-ib-two { right: 0; } .equal-height-ib .equal-height-ib-ver-center-align { position: relative; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .equal-height-ib .equal-height-ib-bg-img { width: 100%; height: 100%; } @media (max-width: 992px) { .equal-height-ib.equal-height-ib-md-break.equal-height-ib-600, .equal-height-ib.equal-height-ib-md-break.equal-height-ib-700 { height: auto; } .equal-height-ib.equal-height-ib-md-break .equal-height-ib-one, .equal-height-ib.equal-height-ib-md-break .equal-height-ib-two { position: relative; } .equal-height-ib.equal-height-ib-md-break .equal-height-ib-one.equal-height-ib-md-height-auto, .equal-height-ib.equal-height-ib-md-break .equal-height-ib-two.equal-height-ib-md-height-auto { height: auto; } .equal-height-ib.equal-height-ib-md-break .equal-height-ib-ver-center-align { position: static; top: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (max-width: 768px) { .equal-height-ib.equal-height-ib-600, .equal-height-ib.equal-height-ib-700 { height: auto; } .equal-height-ib .equal-height-ib-one, .equal-height-ib .equal-height-ib-two { position: relative; } .equal-height-ib .equal-height-ib-one.equal-height-ib-sm-height-auto, .equal-height-ib .equal-height-ib-two.equal-height-ib-sm-height-auto { height: auto; } .equal-height-ib .equal-height-ib-ver-center-align { position: static; top: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .icon-box-v1 { position: relative; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); margin-bottom: 50px; } .icon-box-v1 .icon-box-v1-header { position: relative; text-align: center; padding: 70px 40px; background-color: #00bcd4; } .icon-box-v1 .icon-box-v1-bg-icon { position: absolute; top: 45%; left: 47%; font-size: 53px; color: #fff; opacity: 0.1; -webkit-transform: translate3d(-48%, -48%, 0); -moz-transform: translate3d(-48%, -48%, 0); transform: translate3d(-48%, -48%, 0); } .icon-box-v1 .icon-box-v1-icon { z-index: 1; font-size: 50px; color: #fff; } .icon-box-v1 .icon-box-v1-content { padding: 40px; background-color: #fff; } .icon-box-v1 .icon-box-v1-title { font-size: 24px; } .icon-box-v1 .icon-box-v1-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .icon-box-v1:hover { box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.07); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .icon-box-v2 { position: relative; border: 8px solid #fff; margin-bottom: 30px; background-color: #fff; padding: 0 40px; } .icon-box-v2 .icon-box-v2-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .icon-box-v2 .icon-box-v2-overlay:before, .icon-box-v2 .icon-box-v2-overlay:after { position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; z-index: 2; content: " "; opacity: 0; transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .icon-box-v2 .icon-box-v2-overlay:before { border-top: 1px solid #d3d3d9; border-bottom: 1px solid #d3d3d9; -webkit-transform: scale(0, 1); -moz-transform: scale(0, 1); transform: scale(0, 1); } .icon-box-v2 .icon-box-v2-overlay:after { border-left: 1px solid #d3d3d9; border-right: 1px solid #d3d3d9; -webkit-transform: scale(1, 0); -moz-transform: scale(1, 0); transform: scale(1, 0); } .icon-box-v2 .icon-box-v2-icons { font-size: 50px; color: #00bcd4; margin: 40px 0; display: block; } .icon-box-v2 .icon-box-v2-body-title { font-size: 24px; margin-bottom: 25px; } .icon-box-v2 .icon-box-v2-body-subtitle { font-size: 16px; font-style: italic; color: #606060; } .icon-box-v2 .icon-box-v2-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .icon-box-v2 .icon-box-v2-text-area { margin: 40px 0; } .icon-box-v2:hover .icon-box-v2-overlay:before, .icon-box-v2:hover .icon-box-v2-overlay:after { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .icon-box-v3 { position: relative; margin-bottom: 50px; } .icon-box-v3 .icon-box-v3-icons { display: block; font-size: 36px; color: #515160; margin: 0 0 20px 1px; } .icon-box-v3 .icon-box-v3-title { font-size: 22px; margin: 0 0 10px; } .icon-box-v3 .icon-box-v3-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .icon-box-v4 { overflow: hidden; position: relative; margin-bottom: 30px; } .icon-box-v4 .icon-box-v4-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .icon-box-v4-image { margin-bottom: 30px; } .icon-box-v4 .icon-box-v4-element { float: left; margin: 5px 20px 0 0; } .icon-box-v4.icon-position-right .icon-box-v4-element { float: right; } .icon-box-v4 .icon-box-v4-body { overflow: hidden; } .icon-box-v4 .icon-box-v4-body .icon-box-v4-body-title { font-size: 22px; margin: 0 0 10px; } .icon-box-v4 .icon-box-v4-body .icon-box-v4-body-text { margin-bottom: 5px; } .icon-box-v4 .icon-box-v4-body .icon-box-v4-body-text, .icon-box-v4 .icon-box-v4-body .icon-box-v4-body-title { margin-right: 15px; } .icon-box-v4.icon-box-v4-right { text-align: right; } .icon-box-v4.icon-box-v4-right .icon-box-v4-element { float: right; margin: 5px 0 0 15px; } .icon-box-v4.icon-box-v4-white .icon-box-v4-body .icon-box-v4-body-title { color: #fff; } .icon-box-v4.icon-box-v4-white .icon-box-v4-body .icon-box-v4-body-text { color: #fff; opacity: 0.8; } .icon-box-v5 { margin-bottom: 50px; } .icon-box-v5:before, .icon-box-v5:after { content: " "; display: table; } .icon-box-v5:after { clear: both; } .icon-box-v5 .icon-box-v5-media { float: left; margin-right: 25px; } .icon-box-v5 .icon-box-v5-icon { max-width: 100px; height: auto; } .icon-box-v5 .icon-box-v5-content { overflow: hidden; } .icon-box-v5 .icon-box-v5-subtitle { display: block; font-size: 16px; font-weight: 400; color: #868686; margin-bottom: 5px; } .icon-box-v5 .icon-box-v5-title { font-size: 22px; } .icon-box-v5 .icon-box-v5-link { font-size: 14px; font-weight: 300; } .icon-box-v6 { position: relative; z-index: 1; display: block; width: 100%; text-align: center; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-box-v6.icon-box-v6-body-color-one { background: #55acee; } .icon-box-v6.icon-box-v6-body-color-two { background: #44619d; } .icon-box-v6.icon-box-v6-body-color-three { background: #ea4c89; } .icon-box-v6.icon-box-v6-body-color-four { background: #cc181e; } .icon-box-v6 .icon-box-v6-body { padding: 60px 40px; } .icon-box-v6 .icon-box-v6-body .icon-box-v6-icons { display: block; font-size: 50px; color: #fff; margin-bottom: 15px; } .icon-box-v6 .icon-box-v6-body .icon-box-v6-title { display: block; font-size: 26px; color: #fff; margin: 0; } .icon-box-v6 .icon-box-v6-body .icon-box-v6-subtitle { display: block; font-size: 15px; font-weight: 400; color: #fff; opacity: 0.8; margin-bottom: 10px; } .icon-box-v6 .icon-box-v6-body .icon-box-v6-text { color: #fff; margin-bottom: 0; } .icon-box-v6 .icon-box-v6-hover-gradient { position: absolute; top: 50%; left: 0; right: 0; text-align: center; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .icon-box-v6:hover:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; text-align: center; content: " "; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-box-v6:hover .icon-box-v6-icons, .icon-box-v6:hover .icon-box-v6-title, .icon-box-v6:hover .icon-box-v6-subtitle, .icon-box-v6:hover .icon-box-v6-text { opacity: 0.1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .icon-box-v6:hover .icon-box-v6-hover-gradient { opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .icon-box-v7 { position: relative; z-index: 1; margin-bottom: 50px; } .icon-box-v7 .icon-box-v7-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .icon-box-v7:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; } .icon-box-v7 .icon-box-v7-wrap { border: 1px solid #fff; } .icon-box-v7 .icon-box-v7-icons { font-size: 36px; color: #fff; padding: 20px; } .icon-box-v7-header { padding: 10px 20px; } .icon-box-v7 .icon-box-v7-title { font-size: 24px; color: #fff; margin: 0; } .icon-box-v7 .icon-box-v7-body { padding: 20px 10px; } .icon-box-v7 .icon-box-v7-text { color: #fff; } .icon-box-v8 { margin-bottom: 50px; position: relative; } .icon-box-v8 .icon-box-v8-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .icon-box-v8:before, .icon-box-v8:after { content: " "; display: table; } .icon-box-v8:after { clear: both; } .icon-box-v8 .icon-box-v8-media { float: left; margin-right: 25px; } .icon-box-v8 .icon-box-v8-media-icon { font-size: 36px; color: #34343c; margin: 5px 0 0 2px; } .icon-box-v8 .icon-box-v8-content { overflow: hidden; } .icon-box-v8 .icon-box-v8-content-title { font-size: 24px; } .icon-box-v8.icon-position-right .icon-box-v8-content { float: none; overflow: hidden; } .icon-box-v8.icon-position-right .icon-box-v8-media { float: right; overflow: visible; margin-right: 0; margin-left: 25px; } .icon-box-v8 .icon-box-v8-content-title.icon-box-v8-content-title-element { position: relative; margin-bottom: 30px; } .icon-box-v8 .icon-box-v8-content-title.icon-box-v8-content-title-element:after { position: absolute; left: 0; bottom: -12px; width: 40px; height: 1px; } .icon-box-v8 .icon-box-v8-content-title.icon-box-v8-content-title-element:before { position: absolute; left: 0; bottom: -17px; width: 30px; height: 1px; } .icon-box-v8 .text-right .icon-box-v8-content-title.icon-box-v8-content-title-element:after, .icon-box-v8 .text-right .icon-box-v8-content-title.icon-box-v8-content-title-element:before { left: auto; right: 0; } .icon-box-v8 .icon-box-v8-content-title.icon-box-v8-content-title-element:after, .icon-box-v8 .icon-box-v8-content-title.icon-box-v8-content-title-element:before { background: #34343c; content: " "; } .icon-box-v8.icon-box-v8-white .icon-box-v8-media-icon { color: #fff; } .icon-box-v8.icon-box-v8-white .icon-box-v8-content-title { color: #fff; } .icon-box-v8.icon-box-v8-white .icon-box-v8-content-title.icon-box-v8-content-title-element:after, .icon-box-v8.icon-box-v8-white .icon-box-v8-content-title.icon-box-v8-content-title-element:before { background: #fff; } .icon-box-v8.icon-box-v8-white .icon-box-v8-text { color: #fff; opacity: 0.8; } .icon-box-v11 { margin-bottom: 30px; } .icon-box-v11-img-wrap { position: relative; display: block; } .icon-box-v11-img-wrap img { display: block; } .icon-box-v11-img-wrap .icon-box-v11-overlay-content { position: absolute; left: 0; right: 0; margin: 0; padding: 20px; } .icon-box-v11-img-wrap .icon-box-v11-overlay-content.vert-top { top: 0; } .icon-box-v11-img-wrap .icon-box-v11-overlay-content.vert-middle { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .icon-box-v11-img-wrap .icon-box-v11-overlay-content.vert-bottom { bottom: 0; } .icon-box-v11-img-wrap .icon-box-v11-icon { border-radius: 99px; border: 2px solid transparent; font-size: 20px; line-height: 46px; width: 46px; height: 46px; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .i-banner-v1 { background-size: cover; background-position: center top; position: relative; min-height: 158px; } @media (max-width: 768px) { .i-banner-v1 .i-banner-v1-heading { padding: 50px; } } .i-banner-v1 .i-banner-v1-heading { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; display: block; padding: 40px; } .i-banner-v1 .i-banner-v1-heading.fg-text-light { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(rgba(52, 52, 60, 0.9)) ); background-image: -webkit-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -moz-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -ms-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: -o-linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); background-image: linear-gradient( top, rgba(52, 52, 60, 0), rgba(52, 52, 60, 0.9) ); } .i-banner-v1 .i-banner-v1-heading.fg-text-dark { background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.9)) ); background-image: -webkit-linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) ); background-image: -moz-linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) ); background-image: -ms-linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) ); background-image: -o-linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) ); background-image: linear-gradient( top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) ); } .i-banner-v1 .i-banner-v1-heading .i-banner-v1-member { font-size: 36px; color: #fff; margin: 0; } .i-banner-v1 .i-banner-v1-heading .i-banner-v1-member-position { display: block; font-size: 20px; font-style: italic; color: #fff; } .quote-socials-v1 .quote-socials-v1-text, .quote-socials-v1 .quote-socials-v1-text p { font-size: 18px; font-style: italic; line-height: 2; margin-bottom: 30px; } .quote-socials-v1 .quote-socials-v1-quote { position: relative; top: 25px; margin-bottom: 0; font-size: 100px; font-style: italic; color: #939393; line-height: 0.8; font-family: Georgia, serif; } .quote-socials-v1 .quote-socials-v1-icons-list-wrapper { font-size: 0; } .i-banner-v2 { position: relative; z-index: 1; text-align: center; overflow: hidden; } .i-banner-v2 .ff-img-wrapper:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: " "; background-color: rgba(52, 52, 60, 0.298039); } .i-banner-v2 .i-banner-v2-center-align { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .i-banner-v2 .i-banner-v2-title { font-size: 50px; color: #fff; margin-bottom: 5px; } .i-banner-v2 .i-banner-v2-text { font-size: 20px; color: #fff; } @media (max-width: 768px) { .i-banner-v2 .i-banner-v2-title { font-size: 36px; } .i-banner-v2 .i-banner-v2-text { font-size: 15px; } } @media (max-width: 480px) { .i-banner-v2 .i-banner-v2-title { font-size: 26px; } .i-banner-v2 .i-banner-v2-text { display: none; } } .i-banner-v3 { position: relative; min-height: 600px; margin-bottom: 30px; background-size: cover; background-position: center center; } .i-banner-v3 .i-banner-v3-wrap { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: auto; padding: 20px 35px 40px; background-color: rgba(52, 52, 60, 0); background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(#34343c) ); background-image: -webkit-linear-gradient(top, rgba(52, 52, 60, 0), #34343c); background-image: -moz-linear-gradient(top, rgba(52, 52, 60, 0), #34343c); background-image: -ms-linear-gradient(top, rgba(52, 52, 60, 0), #34343c); background-image: -o-linear-gradient(top, rgba(52, 52, 60, 0), #34343c); background-image: linear-gradient(top, rgba(52, 52, 60, 0), #34343c); } .i-banner-v3 .i-banner-v3-wrap .container { max-width: 100%; } .i-banner-v3 .i-banner-v3-content { max-width: 500px; } .i-banner-v3 .i-banner-v3-subtitle { display: block; font-size: 22px; font-style: italic; color: #fff; margin-bottom: 5px; } .i-banner-v3 .i-banner-v3-title, .i-banner-v3 .i-banner-v3-title p { font-size: 34px; color: #fff; } .i-banner-v3 .i-banner-v3-text { font-size: 16px; color: rgba(255, 255, 255, 0.8); line-height: 1.6; } .newsletter-v1 .newsletter-v1-form { color: #34343c; width: 100%; height: 48px; border-color: #34343c; } .newsletter-v1 .newsletter-v1-form::-moz-placeholder { color: #34343c; } .newsletter-v1 .newsletter-v1-form:-ms-input-placeholder { color: #34343c; } .newsletter-v1 .newsletter-v1-form::-webkit-input-placeholder { color: #34343c; } .newsletter-v1 .newsletter-v1-form:focus { color: #34343c; border-color: #34343c; } .newsletter-v1 .newsletter-v1-form:focus::-moz-placeholder { color: #34343c; } .newsletter-v1 .newsletter-v1-form:focus:-ms-input-placeholder { color: #34343c; } .newsletter-v1 .newsletter-v1-form:focus::-webkit-input-placeholder { color: #34343c; } .newsletter-v2 .newsletter-v2-title { position: relative; font-size: 30px; color: #fff; padding-left: 60px; } .newsletter-v2 .newsletter-v2-title span.sign { position: absolute; top: -30px; left: 0; display: inline-block; font-size: 100px; color: #fff; opacity: 0.7; } .newsletter-v2.text-right .newsletter-v2-title span.sign { right: 0; } .newsletter-v2 .newsletter-v2-author { font-size: 16px; font-style: italic; color: #fff; opacity: 0.8; padding-left: 60px; margin-bottom: 0; } .newsletter-v2.text-right .newsletter-v2-title, .newsletter-v2.text-right .newsletter-v2-author { padding-right: 60px; } .newsletter-v2 .newsletter-v2-form { width: 100%; height: 48px; color: #f1f1f1; background: #2d2d34; border: 0; margin-bottom: 20px; } .newsletter-v2 .newsletter-v2-form::-moz-placeholder { color: #f1f1f1; } .newsletter-v2 .newsletter-v2-form:-ms-input-placeholder { color: #f1f1f1; } .newsletter-v2 .newsletter-v2-form::-webkit-input-placeholder { color: #f1f1f1; } .newsletter-v2 .newsletter-v2-form:focus { color: #fff; } .newsletter-v2 .newsletter-v2-form:focus::-moz-placeholder { color: #fff; } .newsletter-v2 .newsletter-v2-form:focus:-ms-input-placeholder { color: #fff; } .newsletter-v2 .newsletter-v2-form:focus::-webkit-input-placeholder { color: #fff; } .newsletter-v2.text-center .sign { position: static; display: block; line-height: 36px; height: 36px; text-align: center; } .newsletter-v3 .newsletter-v3-title { font-size: 16px; color: #fff; margin: 0; } .newsletter-v3 .newsletter-v3-subtitle { color: #fff; } .newsletter-v3 .newsletter-v3-form { height: 48px; background: #fff; border: 0; } .newsletter-v3 .newsletter-v3-form:focus { background: #fdfdfd; } .newsletter-v4 .newsletter-heading { text-align: right; padding-right: 30px; } .newsletter-v4 .newsletter-heading .newsletter-v4-title { font-size: 22px; margin: 0; } .newsletter-v4 .newsletter-heading .newsletter-v4-text { margin-bottom: 0; } .newsletter-v4 .newsletter-v4-form { width: 100%; height: 50px; color: #606060; border-radius: 3px !important; padding-left: 20px; } .newsletter-v4 .newsletter-v4-form::-moz-placeholder { color: #606060; } .newsletter-v4 .newsletter-v4-form:-ms-input-placeholder { color: #606060; } .newsletter-v4 .newsletter-v4-form::-webkit-input-placeholder { color: #606060; } @media (max-width: 768px) { .newsletter-v4 .newsletter-heading { text-align: center; } } .newsletter-v5 .newsletter-v5-title { font-size: 18px; color: #eef0f4; margin: 13px 0 10px; } .newsletter-v5 .newsletter-v5-border { border-right: 1px solid gray; } .newsletter-v5 .newsletter-v5-form { width: 100%; height: 48px; color: #c8cfdd; background: #212126; border: 0; } .newsletter-v5 .newsletter-v5-form::-moz-placeholder { color: #c8cfdd; } .newsletter-v5 .newsletter-v5-form:-ms-input-placeholder { color: #c8cfdd; } .newsletter-v5 .newsletter-v5-form::-webkit-input-placeholder { color: #c8cfdd; } .newsletter-v5 .newsletter-v5-form:focus::-moz-placeholder { color: #d1d7e2; } .newsletter-v5 .newsletter-v5-form:focus:-ms-input-placeholder { color: #d1d7e2; } .newsletter-v5 .newsletter-v5-form:focus::-webkit-input-placeholder { color: #d1d7e2; } .newsletter-v5 .newsletter-v5-btn { padding: 12px; } @media (min-width: 768px) { .newsletter-v5-cols { float: none; display: table-cell; vertical-align: middle; } } @media (max-width: 768px) { .newsletter-v5 .newsletter-v5-title { margin-bottom: 15px; } .newsletter-v5 .newsletter-v5-icons { text-align: center; margin-right: 0; } .newsletter-v5 .newsletter-v5-border { border-right: 0; } } .newsletter-v6 .newsletter-v6-title { float: left; font-size: 20px; margin: 7px 25px 7px 0; } .newsletter-v6 .newsletter-v6-form { width: 100%; height: 43px; color: #34343c; background: 0 0; border-right: 0; border-color: #34343c; } .newsletter-v6 .newsletter-v6-form::-moz-placeholder { color: #34343c; } .newsletter-v6 .newsletter-v6-form:-ms-input-placeholder { color: #34343c; } .newsletter-v6 .newsletter-v6-form::-webkit-input-placeholder { color: #34343c; } .newsletter-v6 .newsletter-v6-form:focus { color: #34343c; border-color: #34343c; } .newsletter-v6 .newsletter-v6-form:focus::-moz-placeholder { color: #34343c; } .newsletter-v6 .newsletter-v6-form:focus:-ms-input-placeholder { color: #34343c; } .newsletter-v6 .newsletter-v6-form:focus::-webkit-input-placeholder { color: #34343c; } .newsletter-v6 .newsletter-v6-btn { color: #34343c; background: 0; border-width: 1px; border-left: 0; border-color: #34343c; border-top-right-radius: 3px; border-bottom-right-radius: 3px; padding: 11px; } .newsletter-v6 .newsletter-v6-btn:focus, .newsletter-v6 .newsletter-v6-btn:hover { background: 0; } .newsletter-v6 .newsletter-v6-btn:hover { color: #00bcd4; } @media (max-width: 992px) { .newsletter-v6 { text-align: center; } .newsletter-v6 .newsletter-v6-title { float: none; margin: 7px 0 15px; } } .newsletter-v7 .newsletter-heading { text-align: right; padding-right: 30px; } .newsletter-v7 .newsletter-heading .newsletter-v7-title { font-size: 20px; margin: 0; } .newsletter-v7 .newsletter-v7-form { width: 100%; height: 39px; color: #606060; border-radius: 0; border-top-left-radius: 50px; border-bottom-left-radius: 50px; padding-left: 20px; } .newsletter-v7 .newsletter-v7-form::-moz-placeholder { color: #606060; } .newsletter-v7 .newsletter-v7-form:-ms-input-placeholder { color: #606060; } .newsletter-v7 .newsletter-v7-form::-webkit-input-placeholder { color: #606060; } .newsletter-v7 .newsletter-v7-btn { border-top-right-radius: 50px; border-bottom-right-radius: 50px; } @media (max-width: 768px) { .newsletter-v7 .newsletter-v7-title { text-align: center; } } .divimage { background-size: cover !important; } .piechart-v1 { overflow: hidden; margin-bottom: 30px; } .piechart-v1 .piechart-v1-wrap { float: left; margin-right: 20px; } .piechart-v1.text-right .piechart-v1-wrap { float: right; margin-left: 20px; margin-right: 0; } .piechart-v1 .piechart-v1-wrap .circle .circles-text-v1 { color: #34343c; font-size: 32px !important; } .piechart-v1 .piechart-v1-body { overflow: hidden; } .piechart-v1 .piechart-v1-body .piechart-v1-body-title { font-size: 22px; margin: 0 0 5px; } .piechart-v1 .piechart-v1-body .piechart-v1-body-subtitle { display: block; font-style: italic; color: #606060; margin-bottom: 10px; } .piechart-v2 { text-align: center; margin-bottom: 30px; } .piechart-v2 .piechart-v2-title { font-size: 22px; } .piechart-v2 .circle-v2, .piechart-v2 .piechart-v2-text { margin-bottom: 20px; } .piechart-v2 .circle-v2 .circles-text-v2 { font-size: 20px !important; color: #fff; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header { padding: 30px 0; margin: 0 30px; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-title { font-size: 24px; font-weight: 400; margin: 0 0 5px; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-subtitle { font-size: 14px; font-style: italic; color: #606060; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price-sign { position: relative; top: -20px; font-size: 24px; font-weight: 400; color: #34343c; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price { font-size: 45px; font-weight: 500; color: #34343c; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price:after { font-size: 36px; font-weight: 400; content: "/"; margin-right: -5px; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-price-info { font-size: 22px; font-weight: 400; color: #34343c; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-content { padding: 30px; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-content-list { margin-bottom: 20px; } .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-content-list > li { padding: 5px; } .pricing-list-v1-active { z-index: 1; border-color: #f7f8fa; border-width: 2px; background: #fff; } .pricing-list-v1-active .pricing-list-v1-body { background: #fff; } @media (min-width: 992px) { .pricing-list-v1-active { -webkit-transform: scale(1.01, 1.07); -moz-transform: scale(1.01, 1.07); transform: scale(1.01, 1.07); } } .pricing-list-v2 .pricing-list-v2-header { padding: 20px; } .pricing-list-v2 .pricing-list-v2-header-title { font-size: 20px; font-style: italic; color: #fff; text-transform: inherit; margin: 0; } .pricing-list-v2 .pricing-list-v2-header-price-sign { position: relative; top: -22px; font-size: 20px; font-weight: 400; color: #fff; } .pricing-list-v2 .pricing-list-v2-header-price { font-size: 50px; font-weight: 500; color: #fff; } .pricing-list-v2 .pricing-list-v2-header-price:after { font-size: 26px; font-weight: 400; content: "/"; margin-right: -5px; } .pricing-list-v2 .pricing-list-v2-header-price-info { font-size: 18px; font-weight: 500; color: #fff; } .pricing-list-v2 .pricing-list-v2-content { padding: 30px; } .pricing-list-v2 .pricing-list-v2-content-list { margin-bottom: 20px; } .pricing-list-v2 .pricing-list-v2-content-list > li { padding: 5px; } .pricing-list-v3 { text-align: center; padding: 80px 30px; } .pricing-list-v3 .pricing-list-v3-title { font-size: 40px; color: #fff; } .pricing-list-v3 .pricing-list-v3-subtitle { display: block; font-size: 22px; font-weight: 300; color: #fff; margin-bottom: 10px; } .pricing-list-v3 .pricing-list-v3-text { display: block; font-size: 16px; font-style: italic; color: #fff; letter-spacing: 1px; } .pricing-list-v3 .pricing-list-v3-price-sign { position: relative; top: -20px; font-size: 18px; color: #fff; } .pricing-list-v3 .pricing-list-v3-price { font-size: 40px; font-weight: 400; color: #fff; } .pricing-list-v3 .pricing-list-v3-paragraph { color: #fff; } @media (max-width: 767px) { .pricing-list-v3 > .row > div { padding-top: 35px; padding-bottom: 40px; } .pricing-list-v3 > .row > div:last-child { padding-bottom: 0; } } .pricing-list-v4 { text-align: center; } .pricing-list-v4-button-wrapper { margin-top: 40px; } .pricing-list-v4 .pricing-list-v4-header { padding: 40px 20px 40px; margin: 10px 30px; } .pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-title { font-size: 36px; margin-bottom: 0; } .pricing-list-v4 .pricing-list-v4-header .pricing-list-v4-subtitle { display: block; font-size: 16px; font-weight: 300; } .pricing-list-v4 .pricing-list-v4-content { padding: 40px 50px; } .pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-sign { position: relative; top: -30px; font-size: 20px; } .pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price { font-size: 70px; font-weight: 400; line-height: 0.5; letter-spacing: -3px; } .pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-subprice { font-size: 30px; font-weight: 400; } .pricing-list-v4 .pricing-list-v4-content .pricing-list-v4-price-info { position: relative; display: block; letter-spacing: 1px; } .process-v1 { position: relative; z-index: 1; width: 270px; height: 270px; text-align: center; border-radius: 50%; margin: 0 auto; background-position: center center; background-repeat: no-repeat; margin-bottom: 50px; } .process-v1:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 60, 0.3); border-radius: 50%; content: " "; } .process-v1 .process-v1-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .process-v1 .process-v1-body { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; width: 230px; height: 230px; background: #fff; box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.7); border-radius: 50%; text-decoration: none; -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .process-v1 .process-v1-flip { position: absolute; display: block; width: 230px; height: 230px; border-radius: 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .process-v1 .process-v1-front { background-position: center center; background-repeat: no-repeat; } .process-v1 .process-v1-front, .process-v1 .process-v1-back { position: absolute; display: block; width: 100%; height: 100%; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .process-v1 .process-v1-front > *, .process-v1 .process-v1-back > * { -webkit-backface-visibility: hidden; } .process-v1 .process-v1-front:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 60, 0.3); border-radius: 50%; content: " "; } .process-v1 .process-v1-back { background: #00bcd4; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .process-v1 .process-v1-center-align { position: absolute; top: 50%; left: 50%; display: block; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .process-v1 .process-v1-title, .process-v1 .process-v1-text { color: #fff; margin-bottom: 0; } .process-v1 .process-v1-title { font-size: 28px; } .process-v1:hover .process-v1-body { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .process-v1:hover .process-v1-flip { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .process-v2 { text-align: center; padding: 0 30px; } .process-v2 .process-v2-element { position: relative; z-index: 1; display: inline-block; width: 120px; height: 120px; font-size: 45px; color: #34343c; text-align: center; background: #fff; border: 8px solid #f2f4f9; vertical-align: middle; padding: 21px; margin-bottom: 20px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .process-v2 .process-v2-title { font-size: 22px; margin: 0 0 10px; } .process-v2:hover .process-v2-element { color: #fff; background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .process-v2-border { position: relative; } .process-v2-border:after { position: absolute; top: 60px; left: 150px; display: block; width: 68%; border-top: 2px dotted #34343c; content: " "; } @media (max-width: 768px) { .process-v2-border:after { display: none; } } .process-v3 { text-align: center; } .process-v3 .process-v3-element { position: relative; z-index: 1; display: inline-block; width: 130px; height: 130px; border: 5px solid #ebeef6; margin-bottom: 20px; } .process-v3 .process-v3-title { font-size: 22px; margin: 0 0 10px; } .process-v3-border { position: relative; } .process-v3-border:after { position: absolute; top: 65px; left: 150px; display: block; width: 75%; border-top: 2px dotted #ebeef6; content: " "; } @media (max-width: 991px) { .process-v3-border:after { display: none; } } .promo-block-v1 { position: relative; z-index: 1; background-size: cover; background-position: center center; padding-top: 20px; padding-bottom: 50px; } .promo-block-v1.promo-block-v1-bg-img-v3:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(52, 52, 60, 0.4); content: " "; } .promo-block-v1 .promo-block-v1-title { font-size: 50px; margin-bottom: 30px; color: #fff; } .promo-block-v1 .promo-block-v1-text { margin-bottom: 50px; } .promo-block-v1 .promo-block-v1-text, .promo-block-v1 .promo-block-v1-text p { display: block; font-size: 20px; color: #fff; } .promo-block-v1.text-right .promo-block-v1-text { margin-right: 0; } .promo-block-v1.text-left .promo-block-v1-text { margin-left: 0; } @media (max-width: 550px) { .promo-block-v1 .promo-block-v1-title { font-size: 36px; } .promo-block-v1 .promo-block-v1-text { font-size: 18px; } } .promo-block-v2 { z-index: 1; padding-top: 20px; padding-bottom: 50px; } .promo-block-v2 .promo-block-v2-title, .promo-block-v2 .promo-block-v2-title p { font-size: 50px; color: #fff; } .promo-block-v2 .promo-block-v2-text, .promo-block-v2 .promo-block-v2-text p { display: block; max-width: 500px; font-size: 20px; font-style: italic; color: #fff; margin: 0 auto; margin-bottom: 50px; } .promo-block-v2 .promo-block-v2-text p:not(:last-child) { margin-bottom: 15px; } .promo-block-v2.text-right .promo-block-v2-text { margin-right: 0; } .promo-block-v2.text-left .promo-block-v2-text { margin-left: 0; } @media (max-width: 768px) { .promo-block-v2 .promo-block-v2-title { font-size: 36px; } .promo-block-v2 .promo-block-v2-text { font-size: 18px; } } .promo-block-v3 { position: relative; z-index: 1; text-align: center; padding-top: 20px; padding-bottom: 50px; } .promo-block-v3 .promo-block-v3-title { font-size: 70px; color: #fff; } .promo-block-v3 .promo-block-v3-subtitle { font-size: 36px; font-style: italic; font-weight: 300; color: #fff; } .promo-block-v3 .promo-block-v3-text, .promo-block-v3 .promo-block-v3-text p { display: block; max-width: 500px; font-size: 26px; color: #fff; margin: 0 auto 40px auto; } .promo-block-v3 .promo-block-v3-text p:not(:last-child) { margin-bottom: 15px; } .promo-block-v3.text-right .promo-block-v3-text { margin-right: 0; } .promo-block-v3.text-left .promo-block-v3-text { margin-left: 0; } @media (max-width: 768px) { .promo-block-v3 .promo-block-v3-title { font-size: 50px; } .promo-block-v3 .promo-block-v3-text { font-size: 18px; } } .promo-block-v4 { position: relative; z-index: 1; } .promo-block-v4 .promo-block-v4-title { display: inline-block; font-size: 100px; color: #fff; letter-spacing: 5px; margin-bottom: 0; } @media (max-width: 768px) { .promo-block-v4 .promo-block-v4-title { font-size: 70px; } } @media (max-width: 480px) { .promo-block-v4 .promo-block-v4-title { font-size: 30px; letter-spacing: 0; } } .promo-block-v6 { position: relative; z-index: 1; padding-top: 20px; padding-bottom: 50px; } .promo-block-v6 .promo-block-v6-top-offset { padding-top: 170px; } .promo-block-v6 .promo-block-v6-title { font-size: 70px; color: #fff; letter-spacing: 1px; } .promo-block-v6 .promo-block-v6-text, .promo-block-v6 .promo-block-v6-text p { font-size: 24px; color: #fff; opacity: 0.9; margin-bottom: 60px; } .promo-block-v6 .promo-block-v6-text p:not(:last-child) { margin-bottom: 15px; } @media (max-width: 768px) { .promo-block-v6 .promo-block-v6-title { font-size: 50px; letter-spacing: 0; } .promo-block-v6 .promo-block-v6-text { font-size: 20px; } } @media (max-width: 480px) { .promo-block-v6 .promo-block-v6-title { font-size: 36px; letter-spacing: 0; } .promo-block-v6 .promo-block-v6-text { font-size: 18px; } } .promo-block-v8 { position: relative; z-index: 1; padding: 200px 30px 70px; } .promo-block-v8 .promo-block-v8-col { float: left; padding-left: 15px; padding-right: 15px; } .promo-block-v8 .promo-block-v8-col.promo-block-v8-col-right { float: right; } .promo-block-v8 .promo-block-v8-title { font-size: 70px; color: #fff; margin-bottom: 50px; } .promo-block-v8 .promo-block-v8-text, .promo-block-v8 .promo-block-v8-text p { font-size: 16px; color: #fff; } .promo-block-v8 .promo-block-v8-pricing { overflow: hidden; border-right: 1px solid rgba(255, 255, 255, 0.3); padding-right: 30px; } .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-col { float: left; margin-right: 5px; } .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-sign, .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-text, .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-no, .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-mon { font-weight: 300; color: #fff; } .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-sign { display: block; font-size: 20px; text-align: right; } .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-text { font-size: 18px; } .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-no { font-size: 100px; font-weight: 200; line-height: 0.8; } .promo-block-v8 .promo-block-v8-pricing .promo-block-v8-pricing-mon { display: block; font-size: 16px; margin-top: 50px; } .promo-block-v8 .promo-block-v8-video { text-decoration: none; } .promo-block-v8 .promo-block-v8-video .promo-block-v8-video-btn { font-size: 16px; font-weight: 300; color: #fff; } .promo-block-v8 .promo-block-v8-video .promo-block-v8-video-img { width: 40px; height: 40px; margin-left: 5px; } .promo-block-v8-video-icon-wrapper { display: inline-block; width: 40px; height: 40px; line-height: 40px; background-color: #fff; text-align: center; margin: 0 0 0 9px; border-radius: 99px; } .promo-block-v8-video-icon { font-size: 14px; color: #000; position: relative; left: 1px; } @media (max-width: 768px) { .promo-block-v8 .promo-block-v8-col { float: none; margin-right: 0; } .promo-block-v8 .promo-block-v8-col.promo-block-v8-col-right { float: none; } .promo-block-v8 .promo-block-v8-pricing { border-right: 0; } .promo-block-v8 .promo-block-v8-video { float: none; } } .promo-block-v9 { position: relative; text-align: center; } .promo-block-v9 .promo-block-v9-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; } .promo-block-v9 .promo-block-v9-title { font-size: 170px; font-weight: 700; color: #fff; margin-bottom: 0; } @media (max-width: 480px) { .promo-block-v9 .promo-block-v9-title { font-size: 100px; } } .promo-block-v11 { position: relative; z-index: 1; padding: 40px 0 80px; } .promo-block-v11 .promo-block-v11-title { font-size: 50px; color: #fff; } .promo-block-v11 .promo-block-v11-subtitle { font-size: 18px; color: #fff; margin-bottom: 40px; } .promo-block-v11 .promo-block-v11-category { left: 0; right: 0; bottom: 30px; margin: 0 -3px; padding: 0; } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-item { padding: 0 3px; margin: 0 3px 6px; background: rgba(255, 255, 255, 0.3); } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link { min-width: 100px; display: block; font-size: 14px; color: #fff; text-align: center; text-decoration: none; padding: 20px 25px; } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-item:hover { background: rgba(255, 255, 255, 0.4); } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-icon { display: block; font-size: 30px; color: #fff; margin-bottom: 10px; } .promo-block-v11 .promo-block-v11-buttons-wrapper { margin-bottom: 30px; } @media (max-width: 768px) { .promo-block-v11 .promo-block-v11-title { font-size: 30px; line-height: 1.2; } .promo-block-v11 .promo-block-v11-subtitle { font-size: 15px; } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link { min-width: 1px; } } @media (max-width: 480px) { .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link { padding: 0 10px; } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-link { padding: 1px; } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-item { background: rgba(255, 255, 255, 0); } .promo-block-v11 .promo-block-v11-category .promo-block-v11-category-item:hover { background: rgba(255, 255, 255, 0); } } .services-v1 { text-align: center; padding: 60px 40px; } .services-v1 .services-v1-icon-wrap { width: 150px; height: 150px; padding: 22px; background-position: center center; background-repeat: no-repeat; font-size: 48px; text-align: center; } .services-v1.text-center .services-v1-icon-wrap { margin: 0 auto 50px; } .services-v1.text-left .services-v1-icon-wrap { margin-bottom: 50px; } .services-v1.text-right .services-v1-icon-wrap { margin-left: calc(100% - 150px); margin-bottom: 50px; } .services-v1 .services-v1-icon-wrap .services-v1-icon { width: 90px; height: auto; } .services-v1 .services-v1-icon-wrap .services-v1-icon-font { line-height: 106px; } .services-v1 .services-v1-subtitle { display: block; font-size: 16px; color: #34343c; font-style: italic; margin-bottom: 5px; } .services-v1 .services-v1-title { font-size: 26px; } .services-v1 .services-v1-text { margin-bottom: 50px; } .cform-1-input-email { margin-bottom: 10px; } .cform-1-input-text { margin-bottom: 20px; } .services-v2 .alert-area { font-weight: 300; } .services-v2 label.error { margin: 0 0 20px; font-weight: 300; display: block; font-style: italic; font-size: 13px; margin-left: 1px; } .services-v2 .cform-1-input-text + label.error { margin-top: -10px; } .services-v2 .alert-area-message { margin-top: 15px; } .services-v2 { position: relative; z-index: 1; overflow: hidden; padding: 30px; margin-bottom: 20px; } .services-v2:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; } .services-v2.services-v2-step-one { background-size: cover; background-position: center center; } .services-v2.services-v2-step-two { background-size: cover; background-position: center center; } .services-v2.services-v2-step-three { background-size: cover; background-position: center center; } .services-v2 .services-v2-header-subtitle { display: block; font-size: 18px; font-style: italic; color: #fff; font-weight: 300; } .services-v2 .services-v2-header-title { font-size: 30px; font-weight: 400; color: #fff; text-transform: inherit; line-height: 1.1; margin-bottom: 20px; } .services-v2 .services-v2-list { padding-left: 8px; margin-bottom: 0; } .services-v2 .services-v2-list .services-v2-list-item { position: relative; width: 100%; color: #fff; padding: 7px 0; } .services-v2 .services-v2-list .services-v2-list-item:before, .services-v2 .services-v2-list .services-v2-list-item:after { content: " "; display: table; } .services-v2 .services-v2-list .services-v2-list-item:after { clear: both; } .services-v2 .services-v2-list .services-v2-list-item:after { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.3); content: " "; } .services-v2 .services-v2-list .services-v2-list-item:first-child:after { display: none; } .services-v2 .services-v2-list .services-v2-list-item .services-v2-list-subtitle { font-size: 14px; float: right; padding-left: 10px; } .services-v2 .services-v2-testimonials { overflow: hidden; } .services-v2 .services-v2-testimonials .services-v2-testimonials-quote, .services-v2 .services-v2-testimonials .services-v2-testimonials-quote p { color: #fff; margin-bottom: 20px; } .services-v2 .services-v2-testimonials .services-v2-testimonials-author-body { padding-right: 7px; padding-left: 8px; overflow: hidden; } .services-v2 .services-v2-testimonials .services-v2-testimonials-user-picture { float: right; border-radius: 50%; } .services-v2 .services-v2-testimonials .services-v2-testimonials-author { font-size: 15px; color: #fff; margin: 0; } .services-v2 .services-v2-testimonials .services-v2-testimonials-author-comp { display: block; font-size: 13px; color: #fff; } .services-v2 .services-v2-form { height: 30px; color: #fff; background: 0; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0; } .services-v2 .services-v2-form::-moz-placeholder { color: #fff; } .services-v2 .services-v2-form:-ms-input-placeholder { color: #fff; } .services-v2 .services-v2-form::-webkit-input-placeholder { color: #fff; } .services-v2 .services-v2-form:focus { color: #fff; border-bottom-color: rgba(255, 255, 255, 0.5); } .services-v2 .services-v2-form:focus::-moz-placeholder { color: #fff; } .services-v2 .services-v2-form:focus:-ms-input-placeholder { color: #fff; } .services-v2 .services-v2-form:focus::-webkit-input-placeholder { color: #fff; } .services-v3 { padding: 25px; position: relative; z-index: 1; background-size: cover; background-position: center top; } .services-v3:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: " "; } .services-v3 .services-v3-header { padding-bottom: 50px; } .services-v3 .services-v3-header .services-v3-title { font-size: 26px; color: #fff; margin: 0 0 10px; } .services-v3 .services-v3-header .services-v3-text, .services-v3 .services-v3-header .services-v3-text p { color: #fff; } .services-v3 .services-v3-content .services-v3-content-element { position: absolute; left: 25px; bottom: 25px; font-size: 36px; color: #fff; margin-right: 10px; } .services-v3 .services-v3-content .services-v3-content-link { position: absolute; right: 25px; bottom: 25px; } .services-v4 { position: relative; padding: 20px; } .services-v4:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); content: " "; transition: 0.4s transform cubic-bezier(0.7, 1, 0.7, 1), 0.4s box-shadow cubic-bezier(0.7, 1, 0.7, 1), 0.4s background cubic-bezier(0.7, 1, 0.7, 1); } .services-v4 .services-v4-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 2; text-decoration: none; } .services-v4 .services-v4-media { max-width: 90px; min-width: 90px; text-align: center; padding-right: 25px; } @media (max-width: 767px) { .services-v4 .services-v4-media { padding-right: 0 !important; padding-left: 0 !important; padding-bottom: 8px; } } .services-v4 .services-v4-media .services-v4-icon { width: 70px; height: 70px; } .services-v4 .services-v4-media .services-v4-icon-font { font-size: 53px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v4 .services-v4-body { position: relative; z-index: 1; } .services-v4 .services-v4-body .services-v4-content { overflow: hidden; } .services-v4 .services-v4-body .services-v4-title, .services-v4 .services-v4-body .services-v4-text, .services-v4 .services-v4-body .services-v4-learn { transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v4 .services-v4-body .services-v4-learn, .services-v4 .services-v4-body .services-v4-learn p { font-size: 14px; } .services-v4 .services-v4-body .services-v4-title { font-size: 24px; color: #fff; margin: 0 0 10px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .services-v4 .services-v4-body .services-v4-text { color: #fff; opacity: 1; margin-bottom: 5px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .services-v4 .services-v4-body .services-v4-learn { font-weight: 500; display: block; color: #34343c; opacity: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .services-v4:hover:before { z-index: 1; -webkit-transform: scale(1.075, 1.075); -moz-transform: scale(1.075, 1.075); transform: scale(1.075, 1.075); transition: 0.4s transform cubic-bezier(0.7, 1, 0.7, 1) 0.1s, 0.4s box-shadow cubic-bezier(0.7, 1, 0.7, 1) 0.1s, 0.1s background cubic-bezier(0.7, 1, 0.7, 1); } .services-v4:hover .services-v4-title, .services-v4:hover .services-v4-text, .services-v4:hover .services-v4-learn { transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v4:hover .services-v4-title { color: #34343c; opacity: 0; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .services-v4:hover .services-v4-text { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .services-v4 .services-v4-text p:last-child { margin-bottom: 0; } .services-v4:hover .services-v4-learn { margin-bottom: 0; opacity: 1; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } .services-v4:hover .services-v4-learn p:last-child { margin-bottom: 0; } .services-v5 .services-v5-wrap { display: block; overflow: hidden; margin-bottom: 10px; } .services-v5 .services-v5-wrap .services-v5-no { position: relative; display: inline-block; font-size: 36px; font-style: italic; color: #34343c; padding-right: 20px; } .services-v5 .services-v5-wrap .services-v5-no:after { position: absolute; top: 12px; right: 8px; width: 1px; height: 28px; display: inline-block; background: #34343c; content: " "; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); transform: rotate(30deg); } .services-v5 .services-v5-wrap .services-v5-body-title { display: inline-block; font-size: 16px; font-style: italic; line-height: 1; text-transform: inherit; margin: 0; } .services-v5 .services-v5-text, .services-v5 .services-v5-text p { font-size: 14px; color: #34343c; } .services-v6 { position: relative; z-index: 1; text-align: center; padding: 80px 40px; margin-bottom: 30px; } .services-v6:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; content: " "; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v6.services-v6-bg-img-one { background-size: cover; background-position: center center; } .services-v6.services-v6-bg-img-two { background-size: cover; background-position: center center; } .services-v6.services-v6-bg-img-three { background-size: cover; background-position: center center; } .services-v6.services-v6-bg-img-four { background-size: cover; background-position: center center; } .services-v6 .services-v6-icon { display: inline-block; width: 130px; height: 130px; font-size: 65px; color: #fff; line-height: 1.2; text-align: center; border: 2px solid transparent; vertical-align: middle; padding: 20px; margin-bottom: 30px; } .services-v7:not(:hover) .services-v7-link-icon:before { background: 0 0 !important; } .services-v6 .services-v6-title { font-size: 24px; color: #fff; } .services-v6 .services-v6-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .services-v6:hover:before { transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7 { position: relative; z-index: 1; overflow: hidden; } .services-v7:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: " "; } .services-v7.services-v7-img-one, .services-v7.services-v7-img-two, .services-v7.services-v7-img-three { width: 100%; height: 450px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7.services-v7-img-two { background-size: cover; background-position: center center; } .services-v7.services-v7-img-three { background-size: cover; background-position: center center; } .services-v7 .services-v7-body { position: relative; top: 50%; padding: 40px; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .services-v7 .services-v7-title { font-size: 28px; color: #fff; } .services-v7 .services-v7-collapsed { margin-bottom: 50px; } .services-v7 .services-v7-text, .services-v7 .services-v7-text p { color: #fff; } .services-v7 .services-v7-more { overflow: hidden; } .services-v7 .services-v7-link { display: block; text-decoration: none; } .services-v7 .services-v7-link-title { opacity: 0; color: #fff; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7 .services-v7-link-icon { position: relative; display: inline-block; width: 40px; height: 40px; font-size: 24px; font-style: inherit; font-family: "ff-font-awesome" !important; color: #fff; text-align: center; border: 1px solid #fff; vertical-align: middle; padding: 3px; margin-right: 10px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7 .services-v7-link-icon:before { font-family: "ff-font-awesome" !important; content: "\f107"; } .services-v7 .services-v7-link-icon:hover { transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7:hover.services-v7-img-one, .services-v7:hover.services-v7-img-two, .services-v7:hover.services-v7-img-three { width: 100%; height: 450px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7:hover.services-v7-img-two { background-size: cover; background-position: center center; } .services-v7:hover.services-v7-img-three { background-size: cover; background-position: center center; } .services-v7:hover .services-v7-link-title { opacity: 1; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v7:hover .services-v7-link-icon:before { position: absolute; top: 19px; left: 12px; width: 15px; height: 1px; background: #fff; content: " "; } .services-v7:hover .services-v7-link-icon:after { position: absolute; top: 12px; left: 19px; width: 1px; height: 15px; background: #fff; content: " "; } .services-v8 { display: block; overflow: hidden; padding: 20px; margin-bottom: 10px; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v8 .services-v8-no, .services-v8 .services-v8-text, .services-v8 .services-v8-like, .services-v8 .services-v8-like-amount, .services-v8 .services-v8-like-icon { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v8 .services-v8-no { width: 40px; font-size: 18px; font-weight: 300; color: #606060; text-align: center; margin-right: 10px; } .services-v8 .services-v8-text { font-size: 18px; font-weight: 300; color: #34343c; } .services-v8 .services-v8-like { float: right; text-align: center; opacity: 0; margin-right: -100px; margin-left: 20px; line-height: 26px; } .services-v8 .services-v8-like .services-v8-like-amount { font-size: 18px; font-weight: 300; color: #fff; margin-right: 3px; } .services-v8 .services-v8-like .services-v8-like-icon { font-size: 18px; line-height: 26px; } .services-v8:focus, .services-v8:hover { text-decoration: none; } .services-v8:hover { background: #00bcd4; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v8:hover .services-v8-no, .services-v8:hover .services-v8-text, .services-v8:hover .services-v8-like, .services-v8:hover .services-v8-like-amount, .services-v8:hover .services-v8-like-icon { color: #fff; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v8:hover .services-v8-no { opacity: 0; margin-left: -30px; } .services-v8:hover .services-v8-like { opacity: 1; margin-right: 0; } .services-v9 { text-align: center; padding: 80px 40px; } .services-v9 .services-v9-icon { display: block; font-size: 40px; color: #fff; opacity: 0.9; margin-bottom: 20px; } .services-v9 .services-v9-title { font-size: 28px; color: #fff; } .services-v9 .services-v9-text, .services-v9 .services-v9-text p { font-size: 18px; color: #fff; opacity: 0.85; margin-bottom: 20px; } .services-v10 { padding: 60px; } .services-v10.services-v10-border-l { position: relative; border-left: 1px solid transparent; } .services-v10.services-v10-border-l:before { position: absolute; top: 50%; left: 0; width: 20px; height: 20px; background: 0; box-shadow: 0 0 0 4px transparent; border: 1px solid transparent; content: " "; margin: -10px 0 0 -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .services-v10.services-v10-border-r { position: relative; border-right: 1px solid transparent; } .services-v10.services-v10-border-r:after { position: absolute; top: 50%; right: 0; width: 20px; height: 20px; background: 0; box-shadow: 0 0 0 4px transparent; border: 1px solid transparent; content: " "; margin: -10px -10px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .services-v10 .services-v10-no { display: block; font-size: 70px; font-style: italic; font-weight: 700; color: #34343c; } .services-v10 .services-v10-title { font-size: 24px; letter-spacing: 1px; text-transform: inherit; margin-bottom: 20px; } .services-v10 .services-v10-subtitle { display: block; font-size: 14px; color: #606060; margin-bottom: 20px; } .services-v10 .services-v10-text { margin-bottom: 30px; } @media (max-width: 768px) { .services-v10.services-v10-border-l { border-top: 1px solid #ebeef6; border-left: 0; } .services-v10.services-v10-border-l:before { position: absolute; top: 0; left: 50%; margin: -10px 0 0 -10px; } .services-v10.services-v10-border-r { border-bottom: 1px solid #ebeef6; border-right: 0; } .services-v10.services-v10-border-r:after { position: absolute; top: auto; left: 50%; right: auto; bottom: -10px; margin: 0 0 0 -10px; } } .services-v11 { padding: 30px; } .services-v11 .services-v11-subtitle { display: block; font-size: 14px; font-style: italic; font-weight: 400; color: #fff; letter-spacing: 1px; margin-bottom: 5px; } .services-v11 .services-v11-title { position: relative; font-size: 22px; color: #fff; margin: 0 0 30px; } .services-v11 .services-v11-title:after { position: absolute; bottom: -10px; width: 30px; height: 2px; background: #fff; content: " "; } .services-v11.text-left .services-v11-title:after { left: 0; } .services-v11.text-center .services-v11-title:after { left: calc(50% - 15px); } .services-v11.text-right .services-v11-title:after { left: calc(100% - 30px); } .services-v11 .services-v11-text { color: #fff; margin-bottom: 30px; } .services-v12 { padding: 60px 30px; } .services-v12.services-v12-bg-color { background: #34343c; } .services-v12.services-v12-bg-img-one, .services-v12.services-v12-bg-img-two { position: relative; z-index: 1; background-size: cover; background-position: center center; } .services-v12.services-v12-bg-img-one:before, .services-v12.services-v12-bg-img-two:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(52, 52, 60, 0.92); content: " "; } .services-v12 .services-v12-icon { font-size: 30px; color: #fff; margin-bottom: 20px; } .services-v12 .services-v12-title { font-size: 24px; color: #fff; margin-bottom: 10px; } .services-v12 .services-v12-title.services-v12-title-element { position: relative; margin-bottom: 30px; } .services-v12 .services-v12-title.services-v12-title-element:after { position: absolute; bottom: -12px; width: 30px; height: 1px; } .services-v12 .services-v12-title.services-v12-title-element:before { position: absolute; bottom: -15px; width: 20px; height: 1px; } .services-v12.text-left .services-v12-title.services-v12-title-element:after, .services-v12.text-left .services-v12-title.services-v12-title-element:before { left: 0; } .services-v12.text-center .services-v12-title.services-v12-title-element:before { left: calc(50% - 11px); } .services-v12.text-center .services-v12-title.services-v12-title-element:after { left: calc(50% - 16px); } .services-v12.text-right .services-v12-title.services-v12-title-element:before { left: calc(100% - 20px); } .services-v12.text-right .services-v12-title.services-v12-title-element:after { left: calc(100% - 30px); } .services-v12 .services-v12-title.services-v12-title-element:after, .services-v12 .services-v12-title.services-v12-title-element:before { background: #fff; content: " "; } .services-v12 .services-v12-text, .services-v12 .services-v12-text p { font-size: 13px; color: #fff; } .services-v12 .services-v12-link { display: block; text-decoration: none; opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); -moz-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .services-v12:hover .services-v12-link { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .slider-block-v1 { padding: 60px; } .slider-block-v1 .slider-block-v1-subtitle { display: block; font-size: 14px; font-style: italic; color: #cfcfcf; margin-bottom: 3px; } .slider-block-v1 .slider-block-v1-title { font-size: 26px; color: #fff; } .slider-block-v1 .slider-block-v1-paragraph { color: #d4d4d4; line-height: 2; margin-bottom: 15px; } .slider-block-v1 .item { margin-bottom: 30px; } .slider-block-v1-link-btn { font-style: italic; } .slider-block-v2 .slider-block-v2-content-right-border { border-right: 1px solid #ebeef6; } .slider-block-v2 { padding: 40px 0; } .slider-block-v2 .slider-block-v2-content { overflow: hidden; } .slider-block-v2 .slider-block-v2-widget { position: relative; float: left; height: auto; margin-right: 25px; } .slider-block-v2 .slider-block-v2-widget .slider-block-v2-content-img { height: auto; } .slider-block-v2 .slider-block-v2-media { overflow: hidden; } .slider-block-v2 .slider-block-v2-media .slider-block-v2-media-title { font-size: 24px; margin: 0 0 10px; } .slider-block-v2 .slider-block-v2-content-right { display: block; text-align: center; padding: 40px; margin: 0 auto; } .slider-block-v2 .theme-carousel-indicators-v2 { width: auto; left: auto; right: 0; text-align: center; margin: 0; } .slider-block-v2-link-btn { font-style: italic; } @media (max-width: 992px) { .slider-block-v2-link-btn { display: inline-block; margin-bottom: 15px; } .slider-block-v2 .theme-carousel-indicators-v2 { width: 100%; } .slider-block-v2 { text-align: center; } .slider-block-v2 .slider-block-v2-content-right-border { border-right: 0; } .slider-block-v2 .slider-block-v2-widget { float: none; display: block; text-align: center; margin: 0 auto 15px; } .slider-block-v2 .slider-block-v2-content { padding: 20px 10px; } .slider-block-v2 .slider-block-v2-content-right { padding: 10px; } } .team-v1 { position: relative; overflow: hidden; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v1 .team-v1-content { z-index: 1; padding: 15px 20px; } .team-v1 .team-v1-content .team-v1-member { font-size: 18px; margin: 0 0 15px; -webkit-transform: translate3d(0, 75%, 0); -moz-transform: translate3d(0, 75%, 0); transform: translate3d(0, 75%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v1 .team-v1-content .team-v1-socials { opacity: 0; margin-bottom: 0; margin-right: -5px; margin-left: -5px; -webkit-transform: translate3d(0, 120%, 0); -moz-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v1 .team-v1-content .team-v1-socials .team-v1-socials-link { font-size: 14px; color: #34343c; } .team-v1 .team-v1-content .team-v1-socials .team-v1-socials-link:hover { color: #00bcd4; text-decoration: none; } .team-v1:hover { box-shadow: 0 0 40px -6px #d8dde6; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v1:hover .team-v1-content .team-v1-member { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v1:hover .team-v1-content .team-v1-socials { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v2 { position: relative; } .team-v2 .team-v2-img-gradient { position: relative; } .team-v2 .team-v2-img-gradient:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v2 .team-v2-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .team-v2 .team-v2-center-align { width: 100%; height: auto; opacity: 0; -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); transform: scale(0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v2 .team-v2-member { font-size: 20px; margin: 0 0 5px; } .team-v2 .team-v2-member-position { display: block; font-size: 14px; color: #00bcd4; } .team-v2 .team-v2-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .team-v2:hover .team-v2-img-gradient:after { background: rgba(255, 255, 255, 0.9); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v2:hover .team-v2-center-align { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v3 { padding: 20px; } .team-v3 .team-v3-img-wrap { position: relative; overflow: hidden; } .team-v3 .team-v3-img-wrap .team-v3-overlay-content { position: absolute; left: 0; right: 0; bottom: 0; opacity: 0; padding: 0 5px; margin-bottom: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .team-v3 .team-v3-overlay-content .theme-icons-white-bg:hover, .team-v4 .team-v4-overlay-content .theme-icons-white-bg:hover { color: #fff; background-color: #00bcd4; border-color: transparent; } .team-v3 .team-v3-separator { padding-bottom: 10px; margin-bottom: 10px; border-width: 1px; border-bottom-style: solid; border-bottom-color: #f1f1f1; } .team-v3 .team-v3-member { font-size: 20px; margin: 0 0 5px; } .team-v3 .team-v3-member-position { display: block; font-size: 14px; font-style: italic; font-weight: 300; color: #00bcd4; } .team-v3 .team-v3-paragraph a:hover { text-decoration: none; } .team-v3 .team-v3-member-contact { font-size: 13px; } .team-v3 .team-v3-img-wrap:hover .team-v3-overlay-content { opacity: 1; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); -webkit-transition: all 0.5 ease; -moz-transition: all 0.5 ease; transition: all 0.5 ease; } .team-v3 .progress.radius-none-0 { border-radius: 0; } .team-v3 .theme-icons { border-radius: 3px; } .team-v3 .theme-icons { line-height: 20px; } @media (max-width: 768px) { .team-v3 { text-align: center; } .team-v3 .team-v3-img-wrap { margin-right: 0; } } .team-v4 { text-align: center; overflow: hidden; } .team-v4 .team-v4-img-wrap { position: relative; overflow: hidden; } .team-v4 .team-v4-overlay-content { position: absolute; left: 0; right: 0; bottom: 0; margin-bottom: 0; padding: 0 10px; opacity: 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v4 .team-v4-content { padding: 20px; } .team-v4 .theme-icons { border-radius: 3px; } .team-v4 .team-v4-content .team-v4-member { font-size: 20px; color: #3a3a44; margin: 0; } .team-v4 .team-v4-content .team-v4-member-position { display: block; font-size: 14px; font-style: italic; color: #606060; } .team-v4:hover .team-v4-overlay-content { bottom: 10px; opacity: 1; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v5 .team-v5-header { position: relative; } .team-v5 .team-v5-header:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(52, 52, 60, 0.3); content: " "; } .team-v5 .team-v5-gradient { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; } .team-v5 .team-v5-gradient .team-v5-member { font-size: 20px; color: #fff; margin: 0; } .team-v5 .team-v5-gradient .team-v5-member-position { display: block; font-size: 14px; color: #fff; } .team-v5 .team-v5-content { padding: 20px; } .team-v5 .team-v5-content .team-v5-author-contact { font-style: italic; color: #3a3a44; } .team-v5 .team-v5-content .team-v5-author-contact:hover { color: #00bcd4; } .team-v5 .team-v5-content .progress-title { font-size: 13px; } .team-v5 .progress.radius-none-0 { border-radius: 0; } .team-v6 { position: relative; overflow: hidden; } .team-v6 .team-v6-img-gradient { position: relative; min-height: 70px; } .team-v6 .team-v6-img-gradient:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 60, 0.3); content: " "; } .team-v6 .team-v6-info { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 20px; } .team-v6 .team-v6-member { font-size: 24px; color: #fff; opacity: 1; visibility: visible; margin-bottom: 0; -webkit-filter: blur(0); -moz-filter: blur(0); filter: blur(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v6 .team-v6-socials { opacity: 0; visibility: hidden; margin: -40px -5px 0; -webkit-filter: blur(7px); -moz-filter: blur(7px); filter: blur(7px); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v6:hover .team-v6-member { -webkit-filter: blur(7px); -moz-filter: blur(7px); filter: blur(7px); opacity: 0; visibility: hidden; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v6:hover .team-v6-socials { opacity: 1; visibility: visible; -webkit-filter: blur(0); -moz-filter: blur(0); filter: blur(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v7 { padding: 30px 20px; border-radius: 10px; } .team-v7 .team-v7-collapse .animate-icon .animate-icon-wrap { background-color: #34343c; } .team-v7 .team-v7-collapse .animate-icon .animate-icon-wrap:hover { background-color: #44619d; } .team-v7-collapse ul { margin-left: -5px; } .team-v7 .team-v7-info { position: relative; } .team-v7 .team-v7-btn { position: absolute; top: 0; right: 15px; } .team-v7.text-right .team-v7-info { padding-right: 55px; } .team-v7 .team-v7-img { margin-bottom: 20px; border-radius: 10px; } .team-v7 .team-v7-name { font-size: 18px; font-weight: 400; margin-bottom: 0; } .team-v7 .animate-icon-wrap { border-radius: 3px; } .team-v7 .team-v7-text { margin-bottom: 20px; } .team-v7 .team-v7-btn { margin-top: 5px; } .team-v7 .team-v7-position { font-size: 14px; font-weight: 300; } .team-v7 .team-v7-trigger { position: relative; display: inline-block; width: 27px; height: 27px; background: #34343c; cursor: pointer; } .team-v7 .team-v7-trigger:before { position: absolute; top: 7px; left: 50%; width: 1px; height: 13px; background: #fff; content: " "; margin-left: -0.5px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v7 .team-v7-trigger:after { position: absolute; top: 50%; left: 7px; width: 13px; height: 1px; background: #fff; content: " "; margin-top: -0.5px; } .team-v7 .team-v7-trigger.is-clicked:before { -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); transform: scale(0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v7 .team-v7-collapse { padding-top: 15px; } .team-v8 { position: relative; overflow: hidden; } .team-v8 .team-v8-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; z-index: 3; text-decoration: none; } .team-v8 .team-v8-img { position: relative; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v8 .team-v8-img:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 60, 0); content: " "; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v8 .team-v8-info { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 40px; opacity: 0; -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v8 .team-v8-name { font-size: 20px; font-weight: 400; color: #fff; margin-bottom: 2px; } .team-v8 .team-v8-position { position: relative; display: inline-block; font-size: 14px; font-weight: 300; color: #fff; } .team-v8 .team-v8-separator { position: absolute; left: 40%; margin-top: 5px; width: 20%; height: 1px; background-color: #fff; } .team-v8:hover .team-v8-img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v8:hover .team-v8-img:before { background: rgba(52, 52, 60, 0.7); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v8:hover .team-v8-info { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v8 .team-v8-info.text-right .team-v8-separator { left: auto; right: 40px; } .team-v8 .team-v8-info.text-left .team-v8-separator { left: 40px; } .team-v9 .team-v9-img-wrap { max-width: 100%; display: inline-block; position: relative; margin: 0 auto 20px auto; position: relative; } .team-v9 .team-v9-img-wrap:hover .team-v9-img-effect:before { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v9 .team-v9-img-wrap:hover .team-v9-socials { opacity: 1; margin-bottom: 0; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v9 .team-v9-img-effect { position: relative; } .team-v9 .theme-icons { line-height: 20px; } .team-v9 .team-v9-img-effect:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: " "; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v9 .team-v9-socials { position: absolute; top: 50%; left: 0; right: 0; opacity: 0; border: 8px solid transparent; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v9 .team-v9-name { font-size: 18px; font-weight: 400; margin-bottom: 0; padding: 0 10px; } .team-v9 .team-v9-position { font-size: 14px; font-weight: 300; padding: 0 10px; } .team-v10 .team-v10-img-effect { margin-bottom: 20px; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v10 .team-v10-img-effect:hover { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v10 .team-v10-img-effect-one:hover { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .team-v10 .team-v10-img-effect-two { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } .team-v10 .team-v10-img-effect-two:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } .team-v10 .team-v10-img-effect-three { -webkit-filter: grayscale(40%); -moz-filter: grayscale(40%); filter: grayscale(40%); } .team-v10 .team-v10-img-effect-three:hover { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); filter: grayscale(0); } .team-v10 .team-v10-name { font-size: 22px; font-weight: 400; margin-bottom: 0; } .team-v10 .team-v10-title { margin-bottom: 20px; } .team-v10-title ul { margin-right: -5px; } .team-v10 .team-v10-position { font-size: 16px; font-style: italic; font-weight: 300; } .team-v10 .animate-icon-wrap { border-radius: 3px; } .team-v10 .team-v10-personalities { overflow: hidden; } .team-v10 .team-v10-social-area { float: right; max-width: 50%; } .team-v11 { position: relative; } .team-v11 .team-v11-name { font-size: 28px; font-weight: 400; margin-bottom: 0; } .team-v11 .team-v11-position { font-size: 16px; font-style: italic; font-weight: 300; margin-bottom: 10px; } .team-v11 .team-v11-description { margin-bottom: 20px; } .team-v11 .team-v11-content { margin: 0; } .team-v11 ul.list-inline { margin-right: -5px; margin-left: -5px; } .team-v11 .animate-icon-wrap { border-radius: 3px; } @media (min-width: 992px) { .team-v11 .team-v11-img-wrap { position: relative; } } .team-v12 { position: relative; overflow: hidden; } .team-v12 .animate-icon .animate-icon-wrap:hover { text-decoration: none; } .team-v12 .team-v12-info { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .team-v12 .team-v12-info-inner { position: absolute; padding: 20px; } .team-v12 .team-v12-info-inner.vert-align-bottom { bottom: 0; } .team-v12 .team-v12-info-inner.vert-align-middle { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .team-v12 .team-v12-info:before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v12 .team-v12-info:hover:before { opacity: 1; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v12 .team-v12-img { border-radius: 5px; } .team-v12 .animate-icon-wrap { border-radius: 3px; } .team-v12 ul.list-inline { margin-right: -5px; margin-left: -5px; } .team-v12 .team-v12-name, .team-v12 .team-v12-position, .team-v12 .team-v12-text, .team-v12 .team-v12-socials { color: #fff; opacity: 0; visibility: hidden; margin-bottom: 0; -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v12 .team-v12-name { font-size: 32px; } .team-v12 .team-v12-position { font-size: 20px; opacity: 0.9; margin-bottom: 20px; } .team-v12 .team-v12-text { opacity: 0.7; margin-bottom: 20px; } .team-v12:hover .team-v12-name, .team-v12:hover .team-v12-position, .team-v12:hover .team-v12-text, .team-v12:hover .team-v12-socials { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .team-v12:hover .team-v12-name { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v12:hover .team-v12-position { transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v12:hover .team-v12-text { transition-duration: 0.6s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .team-v12:hover .team-v12-socials { transition-duration: 0.7s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .testimonials-v1 { position: relative; margin: 15px 0 10px; padding: 20px; } .testimonials-v1:before { position: absolute; top: -10px; left: 5%; width: 90%; height: 20%; z-index: -1; content: " "; } .testimonials-v1 .testimonials-v1-body { position: relative; z-index: 2; } .testimonials-v1 .testimonials-v1-user-picture { margin-bottom: 15px; border-radius: 50%; } .testimonials-v1 .testimonials-v1-quote { font-size: 14px; } .testimonials-v1 .testimonials-v1-author { font-size: 18px; color: #00bcd4; margin: 0 0 3px; } .testimonials-v1 .testimonials-v1-author-position { display: block; font-size: 15px; font-style: italic; color: #3a3a44; } .testimonials-v2 { position: relative; overflow: hidden; z-index: 1; padding: 0 10px; } .testimonials-v2 .testimonials-v2-icon { position: absolute; top: -25px; right: -10px; display: inline-block; font-size: 100px; z-index: 2; } .testimonials-v2 .testimonials-v2-icon.icon-left { right: auto; left: -10px; } .testimonials-v2 .testimonials-v2-title, .testimonials-v2 .testimonials-v2-quote, .testimonials-v2 .testimonials-v2-quote p, .testimonials-v2 .testimonials-v2-author { color: #fff; } .testimonials-v2 .testimonials-v2-title { font-size: 24px; } .testimonials-v2 .testimonials-v2-quote { opacity: 0.8; margin-bottom: 25px; } .testimonials-v2 .testimonials-v2-author { display: block; font-size: 16px; } .testimonials-v3 { text-align: center; padding: 30px; margin: 5px; } .testimonials-v3 .testimonials-v3-subtitle { position: relative; display: block; font-size: 16px; font-style: italic; margin: 50px 0 20px; } .testimonials-v3 .testimonials-v3-subtitle span.sign { position: absolute; top: -60px; font-size: 70px; color: #34343c; } .testimonials-v3.text-left .testimonials-v3-subtitle span.sign { left: 0; } .testimonials-v3.text-center .testimonials-v3-subtitle span.sign { left: 50%; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .testimonials-v3.text-right .testimonials-v3-subtitle span.sign { right: 0; } .testimonials-v3 .testimonials-v3-title { font-size: 26px; } .testimonials-v3 .testimonials-v3-quote { margin-bottom: 30px; } .testimonials-v3 .testimonials-v3-user-img { display: block; margin: 0 auto 10px; border-radius: 50%; } .testimonials-v3.text-left .testimonials-v3-user-img { margin: 0 0 10px; } .testimonials-v3.text-right .testimonials-v3-user-img { display: initial; } .testimonials-v3 .testimonials-v3-author { font-size: 16px; font-style: italic; color: #3a3a44; margin-bottom: 0; } .testimonials-v4 { margin-bottom: 30px; } .testimonials-v4 .testimonials-v4-subtitle { display: block; font-size: 18px; font-style: italic; color: #3a3a44; margin-bottom: 5px; padding: 0; font-weight: 300; } .testimonials-v4 .testimonials-v4-title { font-size: 26px; padding: 0; } .testimonials-v4 .testimonials-v4-img { width: 100px; height: auto; display: block; text-align: center; border: 5px solid rgba(255, 255, 255, 0.3); margin: 0 auto 20px; } .testimonials-v4 .testimonials-v4-quote { font-style: italic; font-size: 15px; } .testimonials-v4 .testimonials-v4-rating-list { display: inline-block; } .testimonials-v4 .testimonials-v4-rating-list > li { padding: 0 0 0 3px; } .testimonials-v4 .testimonials-v4-author { font-size: 18px; color: #00bcd4; margin-bottom: 10px; } .testimonials-v4 .testimonials-v4-author-position { font-size: 15px; font-style: italic; color: #606060; } .testimonials-v4-white .testimonials-v4-subtitle { color: #fff; } .testimonials-v4-white .testimonials-v4-title { color: #fff; } .testimonials-v4-white .testimonials-v4-title:before, .testimonials-v4-white .testimonials-v4-header .testimonials-v4-title:after { background: #fff; } .testimonials-v4-white .testimonials-v4-quote { color: #fff; } .testimonials-v4-white .testimonials-v4-author-position { color: #f1f1f1; } .testimonials-v5 { text-align: center; margin-bottom: 30px; } .testimonials-v5 .testimonials-v5-separator { left: 50%; width: 40px; height: 1px; background-color: #fff; margin: 20px 0; display: inline-block; } .testimonials-v5 .testimonials-v5-img { display: block; text-align: center; margin: 0 auto 20px; border-radius: 50%; } .testimonials-v5.text-left .testimonials-v5-img { margin: 0 0 20px; } .testimonials-v5.text-right .testimonials-v5-img { display: initial; } .testimonials-v5 .testimonials-v5-author { font-size: 26px; color: #00bcd4; margin: 0; } .testimonials-v5 .testimonials-v5-quote-text, .testimonials-v5 .testimonials-v5-quote-text p { font-size: 24px; color: #fff; } .testimonials-v6 { margin-bottom: 30px; } .testimonials-v6 .testimonials-v6-quote { position: relative; background: #fff; padding: 15px; margin-bottom: 25px; } .testimonials-v6 .testimonials-v6-quote:after { position: absolute; left: 40px; bottom: -18px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 0; border-color: #fff transparent transparent; content: " "; } .testimonials-v6.text-right .testimonials-v6-quote:after { left: initial; right: 40px; border-width: 20px 0 0 20px; } .testimonials-v6.text-right .testimonials-v6-quote:after { left: initial; right: 40px; border-width: 20px 0 0 20px; } .testimonials-v6 .testimonials-v6-author { overflow: hidden; color: #00bcd4; } .testimonials-v6 .testimonials-v6-author .testimonials-v6-user-picture { float: left; margin-right: 15px; border-radius: 50%; } .testimonials-v6.text-right .testimonials-v6-author .testimonials-v6-user-picture { float: right; margin-left: 15px; margin-right: 0; } .testimonials-v6 .testimonials-v6-element { overflow: hidden; margin-top: 3px; } .testimonials-v6 .testimonials-v6-element .testimonials-v6-author { font-size: 18px; margin: 0 0 2px; } .testimonials-v6 .testimonials-v6-element .testimonials-v6-position { display: block; font-style: italic; color: #606060; } .testimonials-v6 .testimonials-v6-quote-text, .testimonials-v6 .testimonials-v6-quote-text p { font-size: 16px; color: #3a3a44; } .testimonials-v6-white .testimonials-v6-quote { color: #fff; background-color: #e4e4e4; } .testimonials-v6-white .testimonials-v6-quote:after { border-color: #e4e4e4 transparent transparent; } .testimonials-v6-white .testimonials-v6-element .testimonials-v6-author-position { color: #f1f1f1; } .testimonials-v7 { position: relative; z-index: 1; background-size: cover; background-position: 50% 0; } .testimonials-v7:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: " "; } .testimonials-v7 .testimonials-v7-title { position: relative; font-size: 36px; font-weight: 300; color: #fff; line-height: 1.2; text-align: right; padding-left: 50px; margin-bottom: 0; } .testimonials-v7 .testimonials-v7-title span.sign { position: absolute; top: -25px; left: 0; display: inline-block; font-size: 100px; color: #fff; } .testimonials-v7 .testimonials-v7-author { position: relative; display: block; font-size: 18px; font-style: italic; font-weight: 300; color: #4fd2c2; padding-left: 30px; } .testimonials-v7 .testimonials-v7-author:before { position: absolute; top: 13px; left: 0; width: 20px; height: 1px; display: inline-block; background-color: #606060; content: " "; } .testimonials-v7 .testimonials-v7-text, .testimonials-v7 .testimonials-v7-text p { font-size: 20px; color: #fff; line-height: 1.6; opacity: 0.95; } .testimonials-v7-title-span { font-style: italic; } .testimonials-v9-user-picture { border-radius: 5px; } .testimonials-v9 .op-b-testimonials { margin-bottom: 30px; } .testimonials-v9 .op-b-testimonials-star-no { margin-bottom: 20px; } .testimonials-v11 { padding: 20px 32px; margin-bottom: 30px; } .l-testimonials-v1-user-picture { border-radius: 50%; } .testimonials-v11 .quote-mark { position: relative; top: 15px; font-size: 50px; font-family: Droid Serif, serif; color: rgba(222, 222, 222, 0.5); line-height: 1; content: "“"; margin-right: 5px; } .testimonials-v11 .quote { font-size: 16px; font-style: italic; color: #ccc; margin-bottom: 15px; display: inline; font-weight: 300; } .testimonials-v11 .author { margin-top: 15px; font-size: 16px; font-style: italic; font-weight: 400; color: #fff; text-align: right; } .embed-responsive:not(.embed-responsive-4by3), .responsive-video { position: relative; height: 0; padding-bottom: 56.25%; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .html5-video-bg > div:first-child { z-index: 0 !important; } .work-v1 { position: relative; overflow: hidden; margin-bottom: 30px; } .work-v1 .work-v1-img-gradient { position: relative; display: block; text-decoration: none; } .work-v1 .work-v1-img-gradient:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 60, 0); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work-v1 .work-v1-img-gradient .work-v1-view { position: absolute; top: 0; left: 50%; opacity: 0; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work-v1 .work-v1-wrap { position: relative; } .work-v1 .work-v1-content { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 20px; } .work-v1 .work-v1-badge { position: absolute; top: -15px; right: 30px; color: #fff; background: #00bcd4; padding: 5px 10px; text-align: center; } .work-v1 .work-v1-title { font-size: 20px; margin-bottom: 10px; } .work-v1 .work-v1-list { margin-bottom: 0; } .work-v1 .work-v1-list > li { position: relative; color: #606060; padding: 0 20px 0 0; } .work-v1 .work-v1-list > li:after { position: absolute; top: 4px; right: 8px; display: inline-block; width: 1px; height: 12px; background-color: #606060; content: " "; } .work-v1 .work-v1-list > li:last-child:after { display: none; } .work-v1 .work-v1-list .work-v1-category { font-size: 14px; } .work-v1 .work-v1-list .work-v1-category .work-v1-category-link:hover { color: #00bcd4; } .work-v1 .work-v1-list .work-v1-date { font-size: 14px; } .work-v1 .work-v1-collapse { padding-top: 15px; } .work-v1 .work-v1-img-gradient > .work-active-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .work-v1:hover .work-v1-img-gradient > .work-active-bg { opacity: 1; } .work-v1:hover .work-v1-img-gradient .work-v1-view { top: 22%; opacity: 1; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .footer { padding: 50px 0; } .fg-text-light.footer { background: #34343c; } .footer .widget { padding-bottom: 50px; } .footer .widget:last-child { padding-bottom: 0; } .footer .footer-address .footer-address-text { font-size: 15px; color: #ccc; margin-bottom: 5px; } .footer .footer-address .footer-address-link { display: inline-block; color: #ccc; margin-bottom: 5px; } .footer .footer-address .footer-address-link:hover { color: #00bcd4; text-decoration: none; } .ark-header { z-index: 1041; overflow: visible; } @media (max-width: 991px) { .ark-header .navbar-nav .nav-item { border-top: 1px solid #ebeef6; } } .ark-header .ff-ark-header-circle-shadow { position: absolute; height: 15px; top: 100%; left: 0; right: 0; overflow: hidden; margin-top: 1px; } .ark-header .ff-ark-header-circle-shadow:before { position: absolute; top: -50%; left: 10px; right: 10px; bottom: 15px; z-index: -1; border-radius: 1000px/30px; content: " "; } .ark-header .navbar-logo img { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (max-width: 991px) { .ark-header-mobile-fixed { position: fixed !important; max-height: 100vh; z-index: 99; left: 0; right: 0; } .ark-header-mobile-fixed .ff-ark-header-circle-shadow { display: none; } .ark-header-mobile-fixed nav .navbar-collapse .menu-container { padding-bottom: 50px; } } @media (max-width: 767px) { .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-fixed { display: none; } .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-tablet, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-tablet { display: none; } .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-mobile, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-mobile { display: inline-block; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-fixed { display: none; } .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-tablet, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-tablet { display: inline-block; } .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-mobile, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-mobile { display: none; } } @media (min-width: 992px) { .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .header-shrink.ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-fixed { display: inline-block; } .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-tablet, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-tablet { display: none; } .ark-header-vertical .navbar-logo .navbar-logo-img.navbar-logo-img-mobile, .header-shrink.ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-normal, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-fixed, .ark-header .navbar-logo .navbar-logo-img.navbar-logo-img-mobile { display: none; } .ark-header.header-transparent:not(.header-shrink) .navbar-special-icon, .ark-header.header-center-aligned-transparent:not(.header-shrink) .navbar-special-icon { color: #fff; } .ark-header-vertical:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; content: " "; z-index: -1; } } @media (min-width: 992px) { .ark-header.header-pills .navbar-nav .nav-item-child { padding: 5px 15px; line-height: 20px; margin: 30px 5px; border-radius: 3px; } .ark-header.header-pills.header-shrink .navbar-nav .nav-item-child { margin: 20px 5px 21px; line-height: 20px; } .ark-header.header-pills .sidebar-trigger { border-radius: 3px; } .ark-header.header-no-pills .navbar-nav .nav-item-child { padding: 0 15px; line-height: 90px; margin: 0; border-radius: 0; } .ark-header.header-no-pills.header-shrink .navbar-nav .nav-item-child { margin: 0; line-height: 70px; border-radius: 0; } .ark-header.header-no-pills .sidebar-trigger { border-radius: 0; } } .ark-header .navbar-nav .dropdown-toggle { display: none; } @media (max-width: 991px) { .ark-header .navbar-nav .dropdown-link, .ark-header .navbar-nav .dropdown-toggle { position: relative; display: block; } .ark-header .navbar-nav .dropdown-link { width: 90%; float: left; } .ark-header .navbar-nav .dropdown-toggle { width: 10%; float: right; } .ark-header .navbar-nav .dropdown-toggle:after { position: absolute; top: 12px; right: 5px; display: inline-block; font-size: 12px; font-family: "ff-font-awesome" !important; content: "\f105"; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ark-header .navbar-nav .open .dropdown-toggle:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .ark-header .template-beginning-of-header { float: left; } .ark-header .navbar-actions-before { float: left; } .ark-header .template-end-of-header { float: right; } .ark-header .ffb-header-template-item-vcenter { display: table; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ark-header .ffb-header-template-item-vcenter-inner { display: table-cell; vertical-align: middle; } header.ark-header .ff-font-awesome4[class*="icon"]:before { font-family: "ff-font-awesome" !important; } header.ark-header .ff-font-brandico[class*="icon"]:before { font-family: "ff-font-brandico" !important; } header.ark-header .ff-font-elusive[class*="icon"]:before { font-family: "ff-font-elusive" !important; } header.ark-header .ff-font-entypo[class*="icon"]:before { font-family: "ff-font-entypo" !important; } header.ark-header .ff-font-et-line[class*="icon"]:before { font-family: "ff-font-et-line" !important; } header.ark-header .ff-font-flaticon-mat[class*="icon"]:before { font-family: "ff-font-flaticon-mat" !important; } header.ark-header .ff-font-fontelico[class*="icon"]:before { font-family: "ff-font-fontelico" !important; } header.ark-header .ff-font-iconic[class*="icon"]:before { font-family: "ff-font-iconic" !important; } header.ark-header .ff-font-linecons[class*="icon"]:before { font-family: "ff-font-linecons" !important; } header.ark-header .ff-font-maki[class*="icon"]:before { font-family: "ff-font-maki" !important; } header.ark-header .ff-font-meteocons[class*="icon"]:before { font-family: "ff-font-meteocons" !important; } header.ark-header .ff-font-mfglabs[class*="icon"]:before { font-family: "ff-font-mfglabs" !important; } header.ark-header .ff-font-miu[class*="icon"]:before { font-family: "ff-font-miu" !important; } header.ark-header .ff-font-modernpics[class*="icon"]:before { font-family: "ff-font-modernpics" !important; } header.ark-header .ff-font-typicons[class*="icon"]:before { font-family: "ff-font-typicons" !important; } header.ark-header .ff-font-simple-line-icons[class*="icon"]:before { font-family: "ff-font-simple-line-icons" !important; } header.ark-header .ff-font-weathercons[class*="icon"]:before { font-family: "ff-font-weathercons" !important; } header.ark-header .ff-font-websymbols[class*="icon"]:before { font-family: "ff-font-websymbols" !important; } header.ark-header .ff-font-zocial[class*="icon"]:before { font-family: "ff-font-zocial" !important; } .header { border: 0; background: #fff; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header.header-fixed { position: relative; } @media (min-width: 992px) { .header-fixed.header-fixed-absolute { position: absolute !important; right: 0; left: 0; width: 100%; } } .header.auto-hiding-navbar.nav-up { top: -80px; } .header .navbar { background: #fff; border: 0; border-radius: 0; margin-bottom: 0; } .header .navbar-toggle { width: 25px; height: 25px; float: left; border: 0; padding: 0; margin: 32px 0; } .header .navbar-toggle .toggle-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .header .navbar-toggle .toggle-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle .toggle-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header .navbar-toggle .toggle-icon.is-clicked:before, .header .navbar-toggle .toggle-icon.is-clicked:after { background: #34343c; } .header .navbar-toggle .toggle-icon.is-clicked:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle .toggle-icon.is-clicked:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header .topbar-toggle-trigger { float: left; width: 27px; height: 27px; text-align: center; cursor: pointer; padding: 35px 0 55px; margin-left: 10px; } .header .topbar-toggle-trigger .topbar-toggle-trigger-style { position: relative; top: 8px; display: block; width: 4px; height: 4px; text-align: center; background: #34343c; border-radius: 50%; content: " "; margin: 0 auto; } .header .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header .topbar-toggle-trigger .topbar-toggle-trigger-style:after { position: absolute; left: 50%; width: 4px; height: 4px; background: #34343c; border-radius: 50%; content: " "; margin-left: -2px; } .header .topbar-toggle-trigger .topbar-toggle-trigger-style:before { top: -6px; } .header .topbar-toggle-trigger .topbar-toggle-trigger-style:after { bottom: -6px; } .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header .topbar-toggle-trigger-icon-style { color: #34343c; padding: 2px 5px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-actions { position: relative; float: right; } .header .navbar-actions .navbar-actions-shrink { line-height: 90px; max-height: 90px; float: left; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-logo { width: 100px; height: 100px; float: left; max-height: 90px; line-height: 60px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-logo .navbar-logo-wrap { display: inline-block; padding: 15px 0; } .header .navbar-logo .navbar-logo-wrap:focus, .header .navbar-logo .navbar-logo-wrap:hover { text-decoration: none; } .header .navbar-logo .navbar-logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header ul.navbar-nav.no-ff > li > a, .header .navbar-nav .nav-item-child { font-size: 12px; font-weight: 400; color: #34343c; background: 0; line-height: 90px; letter-spacing: 2px; text-transform: uppercase; padding: 0 15px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header ul.navbar-nav.no-ff > li:not(.open) > ul { display: none; } .header ul.navbar-nav.no-ff > li.current-menu-item > a, .header .navbar-nav .nav-item-child.active { color: #00bcd4; } .header ul.navbar-nav.no-ff > li.current-menu-item > a:hover, .header .navbar-nav .nav-item-child.active:hover { color: #00bcd4; background: 0; } .header ul.navbar-nav.no-ff > li > a:hover, .header ul.navbar-nav.no-ff > li > a:focus, .header .navbar-nav .nav-item-child:hover, .header .navbar-nav .nav-item-child:focus { color: #00bcd4; background-color: transparent; } @media (min-width: 992px) { .header-shrink.header ul.navbar-nav.no-ff > li > a { line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .header .navbar-nav .open .nav-item-child:hover { background: 0; } .header .dropdown-menu { min-width: 200px; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-top: 1px; } .header .dropdown-menu .dropdown-menu-item { color: #4c4c57; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child { font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; padding: 8px 20px; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; background: #fff; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus { background: 0; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { color: #fff; background: #00bcd4; } .header .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover { background: 0; } .header .dropdown-submenu { position: relative; } .header .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header .dropdown-submenu:hover > .dropdown-menu { display: block; } .header .dropdown-submenu .dropdown-submenu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; cursor: pointer; padding: 8px 20px; margin: 0; } .header .dropdown-submenu .dropdown-submenu-child:after { position: absolute; top: 8px; right: 12px; display: inline-block; font-size: 12px; font-family: "ff-font-awesome" !important; content: "\f105"; } .header .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; background: #fff; } .header .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; background: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child:hover:after { color: #fff; } .header .dropdown-submenu .dropdown-menu { top: -1px; left: 100%; right: auto; margin-left: -0.8px; } .header .dropdown-menu.dropdown-menu-left { left: auto; right: 0; margin-left: 0.5px; } .header .dropdown-submenu .dropdown-menu.dropdown-menu-left { left: -100%; right: auto; margin-left: 0.5px; } .header .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; background: #fff; } .header .mega-menu-list .mega-menu-title { display: block; font-size: 13px; font-weight: 500; color: #34343c; text-transform: uppercase; margin-bottom: 10px; } .header .mega-menu-list .mega-menu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; text-decoration: none; padding: 8px 20px; margin: 0; } .header .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; background: #fff; } .header .mega-menu-list .mega-menu-child:hover { color: #fff; background: #00bcd4; text-decoration: none; } @media (max-width: 991px) { .header .navbar-toggle { display: block; } .header .navbar-collapse.collapse { display: none !important; } .header .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header .navbar-nav { margin: 0; float: none; } .header .navbar-nav .nav-item { float: none; } .header.navbar-fixed-top, .header.navbar-fixed-top-boxed { position: relative; } .header.navbar-fixed-top .nav-collapse, .header.navbar-fixed-top-boxed .nav-collapse { max-height: none; padding: 0; margin: 0; } .header .menu-container:before, .header .menu-container:after { content: " "; display: table; } .header .menu-container:after { clear: both; } .header .navbar-logo { width: auto; height: 100%; display: block; float: none; text-align: center; margin: 0 70px; } .header ul.navbar-nav.no-ff > li > a, .header .navbar-nav .nav-item-child { line-height: 1.4; padding: 12px 12px 12px 0; } .header .navbar-nav .nav-item-bg { display: inline-block; border-top: 0; margin: 10px 0 20px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header .navbar-nav .nav-item-bg .nav-item-child:after { content: " "; display: none; } .header .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header .dropdown-menu { position: static; float: none; } .header .dropdown-menu .dropdown-menu-item:last-child { margin-bottom: 20px; } .header .dropdown-submenu .dropdown-submenu-child { font-weight: 500; } .header .dropdown-submenu .dropdown-submenu-child:after { display: none; } .header .dropdown-submenu .dropdown-submenu-child:hover { cursor: inherit; } .header .dropdown-submenu .dropdown-menu { display: block; padding-left: 20px; margin-bottom: 20px; } .header .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #34343c; background: 0; } .header .mega-menu-list { margin-bottom: 20px; } .header .mega-menu-list .mega-menu-title { font-size: 12px; padding: 8px 20px; margin-bottom: 0; } .header .mega-menu-list .mega-menu-item { margin-left: 20px; } } @media (max-width: 767px) { .header .menu-container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; } .header .navbar > .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header .navbar > .container > .nav-collapse { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .boxed-layout-overlay .header.navbar-fixed-top.navbar-fixed-top, .header.navbar-fixed-top.navbar-fixed-top-boxed { position: fixed; top: 0; left: auto; right: auto; } } @media (min-width: 992px) { .header-shrink.header { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header:after { left: auto; right: 10px; } .header-shrink.header .navbar { background: #fff; } .header-shrink.header .navbar-logo { width: 85px; height: 85px; max-height: 70px; line-height: 35px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header .navbar-logo .navbar-logo-wrap { padding: 13px 0; } .header-shrink.header .navbar-actions .navbar-actions-shrink { line-height: 70px; max-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header .navbar-nav .nav-item-child { line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header .navbar-nav .nav-item-bg { margin: 17px 15px 17px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-nav { float: right; } .header .navbar-nav .nav-item .dropdown-menu { z-index: 9999; min-width: 200px; border: 0; border-radius: 0; } .header .navbar-nav .nav-item .open > .dropdown-menu { display: none; } .header .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header .navbar-nav .nav-item:hover > .dropdown-menu { display: block; } .header .navbar-nav .nav-item-bg { margin: 27px 15px 27px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header .mega-menu .nav, .header .mega-menu .collapse, .header .mega-menu ul.navbar-nav > li.menu-item-has-children, .header .mega-menu .dropup { position: static; } .header .mega-menu .container { position: relative; } .header .dropdown-menu { left: auto; } .header .mega-menu-fullwidth .dropdown-menu { left: 15px; right: 15px; padding: 20px 0; } .header .mega-menu-content { padding: 0 20px; } .header .mega-menu-list { margin-bottom: 0; } .header .mega-menu-list .mega-menu-item { padding: 0; } .header .mega-menu-list .mega-menu-title { padding-left: 20px; } } .header-center-aligned { border: 0; background: #fff; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned.auto-hiding-navbar.nav-up { top: -80px; } .header-center-aligned .navbar { background: #fff; border: 0; border-radius: 0; margin-bottom: 0; } .header-center-aligned .navbar-toggle { width: 25px; height: 25px; float: left; border: 0; padding: 0; margin: 32px 0; } .header-center-aligned .navbar-toggle .toggle-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-toggle .toggle-icon:before, .header-center-aligned .navbar-toggle .toggle-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .header-center-aligned .navbar-toggle .toggle-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-toggle .toggle-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-toggle .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-center-aligned .navbar-toggle .toggle-icon.is-clicked:before, .header-center-aligned .navbar-toggle .toggle-icon.is-clicked:after { background: #34343c; } .header-center-aligned .navbar-toggle .toggle-icon.is-clicked:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-toggle .toggle-icon.is-clicked:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-center-aligned .navbar-toggle:hover .toggle-icon:before, .header-center-aligned .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-center-aligned .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-center-aligned .topbar-toggle-trigger { float: left; width: 27px; height: 27px; text-align: center; cursor: pointer; padding: 35px 0 55px; } .header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style { position: relative; top: 8px; display: block; width: 4px; height: 4px; text-align: center; background: #34343c; border-radius: 50%; content: " "; margin: 0 auto; } .header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:after { position: absolute; left: 50%; width: 4px; height: 4px; background: #34343c; border-radius: 50%; content: " "; margin-left: -2px; } .header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:before { top: -6px; } .header-center-aligned .topbar-toggle-trigger .topbar-toggle-trigger-style:after { bottom: -6px; } .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header-center-aligned .topbar-toggle-trigger-icon-style { color: #34343c; padding: 2px 5px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-actions { position: relative; z-index: 1; float: right; } .header-center-aligned .navbar-actions .navbar-actions-shrink { line-height: 90px; float: left; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-logo { position: absolute; left: 50%; width: 100%; height: 85px; float: left; text-align: center; max-height: 90px; line-height: 60px; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-logo .navbar-logo-wrap { display: inline-block; padding: 15px 0; } .header-center-aligned .navbar-logo .navbar-logo-wrap:focus, .header-center-aligned .navbar-logo .navbar-logo-wrap:hover { text-decoration: none; } .header-center-aligned .navbar-logo .navbar-logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header-center-aligned .navbar-nav .nav-item-child { font-size: 12px; font-weight: 400; color: #34343c; background: 0; line-height: 90px; letter-spacing: 2px; text-transform: uppercase; padding: 0 15px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-child.active:hover { color: #00bcd4; background: 0; } .header-center-aligned .navbar-nav .nav-item-child:hover { color: #00bcd4; } .header-center-aligned .dropdown-menu { min-width: 200px; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-top: 1px; } .header-center-aligned .dropdown-menu .dropdown-menu-item { color: #4c4c57; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child { font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; padding: 8px 20px; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; background: #fff; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus { background: 0; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { color: #fff; background: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover { background: 0; } .header-center-aligned .dropdown-submenu { position: relative; } .header-center-aligned .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header-center-aligned .dropdown-submenu:hover > .dropdown-menu { display: block; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; cursor: pointer; padding: 8px 20px; margin: 0; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:after { position: absolute; top: 8px; right: 12px; display: inline-block; font-size: 12px; font-family: "ff-font-awesome" !important; content: "\f105"; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; background: #fff; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; background: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover:after { color: #fff; } .header-center-aligned .dropdown-submenu .dropdown-menu { top: -1px; left: 100%; right: auto; margin-left: -0.8px; } .header-center-aligned .dropdown-menu.dropdown-menu-left { left: auto; right: 0; margin-left: 0.5px; } .header-center-aligned .dropdown-submenu .dropdown-menu.dropdown-menu-left { left: -100%; right: auto; margin-left: 0.5px; } .header-center-aligned .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header-center-aligned .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; background: #fff; } .header-center-aligned .mega-menu-list .mega-menu-title { display: block; font-size: 13px; font-weight: 500; color: #34343c; text-transform: uppercase; margin-bottom: 10px; } .header-center-aligned .mega-menu-list .mega-menu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; text-decoration: none; padding: 8px 20px; margin: 0; } .header-center-aligned .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header-center-aligned .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; background: #fff; } .header-center-aligned .mega-menu-list .mega-menu-child:hover { color: #fff; background: #00bcd4; text-decoration: none; } @media (max-width: 991px) { .header-center-aligned .navbar-toggle { display: block; } .header-center-aligned .navbar-collapse.collapse { display: none !important; } .header-center-aligned .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-center-aligned .navbar-nav { margin: 0; float: none; } .header-center-aligned .navbar-nav .nav-item { float: none; } .header-center-aligned.navbar-fixed-top, .header-center-aligned.navbar-fixed-top-boxed { position: relative; } .header-center-aligned.navbar-fixed-top .nav-collapse, .header-center-aligned.navbar-fixed-top-boxed .nav-collapse { max-height: none; padding: 0; margin: 0; } .header-center-aligned .menu-container:before, .header-center-aligned .menu-container:after { content: " "; display: table; } .header-center-aligned .menu-container:after { clear: both; } .header-center-aligned .navbar-logo { width: auto; height: 100%; display: block; float: none; text-align: center; } .header-center-aligned .navbar-nav .nav-item-child { color: #34343c; line-height: 1.4; padding: 12px 12px 12px 0; } .header-center-aligned .navbar-nav .nav-item-bg { display: inline-block; border-top: 0; margin: 10px 0 20px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:after { content: " "; display: none; } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header-center-aligned .dropdown-menu { position: static; float: none; } .header-center-aligned .dropdown-menu .dropdown-menu-item:last-child { margin-bottom: 20px; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child { font-weight: 500; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:after { display: none; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover { cursor: inherit; } .header-center-aligned .dropdown-submenu .dropdown-menu { display: block; padding-left: 20px; margin-bottom: 20px; } .header-center-aligned .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #34343c; background: 0; } .header-center-aligned .mega-menu-list { margin-bottom: 20px; } .header-center-aligned .mega-menu-list .mega-menu-title { font-size: 12px; padding: 8px 20px; margin-bottom: 0; } .header-center-aligned .mega-menu-list .mega-menu-item { margin-left: 20px; } } @media (max-width: 767px) { .header-center-aligned .menu-container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; } .header-center-aligned .navbar > .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header-center-aligned .navbar > .container > .nav-collapse { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .boxed-layout-overlay .header-center-aligned.navbar-fixed-top, .header-center-aligned.navbar-fixed-top-boxed { position: fixed; top: 0; left: auto; right: auto; } } @media (min-width: 992px) { .header-shrink.header-center-aligned { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned .navbar { background: #fff; } .header-shrink.header-center-aligned .navbar-logo { max-height: 70px; line-height: 35px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned .navbar-logo .navbar-logo-wrap { padding: 13px 0; } .header-shrink.header-center-aligned .navbar-actions .navbar-actions-shrink { line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned .navbar-nav .nav-item-child { line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned .navbar-nav .nav-item-bg { margin: 17px 15px 17px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-nav.navbar-nav-left { float: left; } .header-center-aligned .navbar-nav.navbar-nav-right { float: right; } .header-center-aligned .navbar-nav .nav-item .dropdown-menu { z-index: 9999; min-width: 200px; border: 0; border-radius: 0; } .header-center-aligned .navbar-nav .nav-item .open > .dropdown-menu { display: none; } .header-center-aligned .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item:hover > .dropdown-menu { display: block; } .header-center-aligned .navbar-nav .nav-item-bg { margin: 27px 15px 27px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header-center-aligned .mega-menu .nav, .header-center-aligned .mega-menu .collapse, .header-center-aligned .mega-menu ul.navbar-nav > li.menu-item-has-children, .header-center-aligned .mega-menu .dropup { position: static; } .header-center-aligned .mega-menu .container { position: relative; } .header-center-aligned .dropdown-menu { left: auto; } .header-center-aligned .mega-menu-fullwidth .dropdown-menu { left: 15px; right: 15px; padding: 20px 0; } .header-center-aligned .mega-menu-content { padding: 0 20px; } .header-center-aligned .mega-menu-list { margin-bottom: 0; } .header-center-aligned .mega-menu-list .mega-menu-item { padding: 0; } .header-center-aligned .mega-menu-list .mega-menu-title { padding-left: 20px; } } .header-center-aligned-transparent { border: 0; background: 0 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar { background: 0 0; border: 0; border-radius: 0; margin-bottom: 0; } .header-center-aligned-transparent.auto-hiding-navbar.nav-up { top: -80px; } .header-center-aligned-transparent .navbar-toggle { width: 25px; height: 25px; float: left; border: 0; padding: 0; margin: 32px 0; } .header-center-aligned-transparent .navbar-toggle .toggle-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-toggle .toggle-icon:before, .header-center-aligned-transparent .navbar-toggle .toggle-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .header-center-aligned-transparent .navbar-toggle .toggle-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-toggle .toggle-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:before, .header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:after { background: #34343c; } .header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-toggle .toggle-icon.is-clicked:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon:before, .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-center-aligned-transparent .topbar-toggle-trigger { float: left; width: 27px; height: 27px; text-align: center; cursor: pointer; padding: 35px 0 55px; } .header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style { position: relative; top: 8px; display: block; width: 4px; height: 4px; text-align: center; background: #34343c; border-radius: 50%; content: " "; margin: 0 auto; } .header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after { position: absolute; left: 50%; width: 4px; height: 4px; background: #34343c; border-radius: 50%; content: " "; margin-left: -2px; } .header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before { top: -6px; } .header-center-aligned-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after { bottom: -6px; } .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header-center-aligned-transparent .topbar-toggle-trigger-icon-style { color: #34343c; padding: 2px 5px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-actions { position: relative; z-index: 1; float: right; } .header-center-aligned-transparent .navbar-actions .navbar-actions-shrink { line-height: 90px; float: left; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-logo { position: absolute; left: 50%; width: 100%; height: 85px; text-align: center; float: left; max-height: 90px; line-height: 60px; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-logo .navbar-logo-wrap { display: inline-block; padding: 15px 0; } .header-center-aligned-transparent .navbar-logo .navbar-logo-wrap:focus, .header-center-aligned-transparent .navbar-logo .navbar-logo-wrap:hover { text-decoration: none; } .header-center-aligned-transparent .navbar-logo .navbar-logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header-center-aligned-transparent .navbar-nav .nav-item-child { font-size: 12px; font-weight: 400; color: #fff; background: 0; line-height: 90px; letter-spacing: 2px; text-transform: uppercase; padding: 0 15px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-child.active:hover { color: #00bcd4; background: 0; } .header-center-aligned-transparent .dropdown-menu { min-width: 200px; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-top: 1px; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item { color: #4c4c57; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child { font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; padding: 8px 20px; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; background: #fff; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:focus { background: 0; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { color: #fff; background: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover { background: 0; } .header-center-aligned-transparent .dropdown-submenu { position: relative; } .header-center-aligned-transparent .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu:hover > .dropdown-menu { display: block; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; cursor: pointer; padding: 8px 20px; margin: 0; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:after { position: absolute; top: 8px; right: 12px; display: inline-block; font-size: 12px; font-family: "ff-font-awesome" !important; content: "\f105"; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; background: #fff; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; background: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover:after { color: #fff; } .header-center-aligned-transparent .dropdown-submenu .dropdown-menu { top: -1px; left: 100%; right: auto; margin-left: -0.8px; } .header-center-aligned-transparent .dropdown-menu.dropdown-menu-left { left: auto; right: 0; margin-left: 0.5px; } .header-center-aligned-transparent .dropdown-submenu .dropdown-menu.dropdown-menu-left { left: -100%; right: auto; margin-left: 0.5px; } .header-center-aligned-transparent .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; background: #fff; } .header-center-aligned-transparent .mega-menu-list .mega-menu-title { display: block; font-size: 13px; font-weight: 500; color: #34343c; text-transform: uppercase; margin-bottom: 10px; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; text-decoration: none; padding: 8px 20px; margin: 0; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; background: #fff; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child:hover { color: #fff; background: #00bcd4; text-decoration: none; } @media (max-width: 991px) { .header-center-aligned-transparent .navbar-toggle { display: block; } .header-center-aligned-transparent .navbar-collapse.collapse { display: none !important; } .header-center-aligned-transparent .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-center-aligned-transparent .navbar-nav { margin: 0; float: none; } .header-center-aligned-transparent .navbar-nav .nav-item { float: none; } .header-center-aligned-transparent { background: #fff; } .header-center-aligned-transparent.navbar-fixed-top, .header-center-aligned-transparent.navbar-fixed-top-boxed { position: relative; } .header-center-aligned-transparent.navbar-fixed-top .nav-collapse, .header-center-aligned-transparent.navbar-fixed-top-boxed .nav-collapse { max-height: none; padding: 0; margin: 0; } .header-center-aligned-transparent .menu-container:before, .header-center-aligned-transparent .menu-container:after { content: " "; display: table; } .header-center-aligned-transparent .menu-container:after { clear: both; } .header-center-aligned-transparent .navbar-logo { width: auto; height: 100%; display: block; float: none; text-align: center; } .header-center-aligned-transparent .navbar-nav .nav-item-child { color: #34343c; line-height: 1.4; padding: 12px 0; } .header-center-aligned-transparent .navbar-nav .nav-item-bg { display: inline-block; border-top: 0; margin: 10px 0 20px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:after { content: " "; display: none; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header-center-aligned-transparent .dropdown-menu { position: static; float: none; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item:last-child { margin-bottom: 20px; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child { font-weight: 500; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:after { display: none; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover { cursor: inherit; } .header-center-aligned-transparent .dropdown-submenu .dropdown-menu { display: block; padding-left: 20px; margin-bottom: 20px; } .header-center-aligned-transparent .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #34343c; background: 0; } .header-center-aligned-transparent .mega-menu-list { margin-bottom: 20px; } .header-center-aligned-transparent .mega-menu-list .mega-menu-title { font-size: 12px; padding: 8px 20px; margin-bottom: 0; } .header-center-aligned-transparent .mega-menu-list .mega-menu-item { margin-left: 20px; } } @media (max-width: 767px) { .header-center-aligned-transparent .menu-container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; } .header-center-aligned-transparent .navbar > .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header-center-aligned-transparent .navbar > .container > .nav-collapse { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .boxed-layout-overlay .header-center-aligned-transparent.navbar-fixed-top, .header-center-aligned-transparent.navbar-fixed-top-boxed { position: fixed; top: 0; left: auto; right: auto; } } @media (min-width: 992px) { .header-shrink.header-center-aligned-transparent { background: #fff; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned-transparent .navbar { background: #fff; } .header-shrink.header-center-aligned-transparent .navbar-logo { max-height: 70px; line-height: 35px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned-transparent .navbar-logo .navbar-logo-wrap { padding: 13px 0; } .header-shrink.header-center-aligned-transparent .navbar-actions .navbar-actions-shrink { line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned-transparent .navbar-nav .nav-item-child { color: #34343c; line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-center-aligned-transparent .navbar-nav .nav-item-bg { margin: 17px 15px 17px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-nav.navbar-nav-left { float: left; } .header-center-aligned-transparent .navbar-nav.navbar-nav-right { float: right; } .header-center-aligned-transparent .navbar-nav .nav-item .dropdown-menu { z-index: 9999; min-width: 200px; border: 0; border-radius: 0; } .header-center-aligned-transparent .navbar-nav .nav-item .open > .dropdown-menu { display: none; } .header-center-aligned-transparent .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item:hover > .dropdown-menu { display: block; } .header-center-aligned-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg { margin: 27px 15px 27px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header-center-aligned-transparent .mega-menu .nav, .header-center-aligned-transparent .mega-menu .collapse, .header-center-aligned-transparent .mega-menu ul.navbar-nav > li.menu-item-has-children, .header-center-aligned-transparent .mega-menu .dropup { position: static; } .header-center-aligned-transparent .mega-menu .container { position: relative; } .header-center-aligned-transparent .dropdown-menu { left: auto; } .header-center-aligned-transparent .mega-menu-fullwidth .dropdown-menu { left: 15px; right: 15px; padding: 20px 0; } .header-center-aligned-transparent .mega-menu-content { padding: 0 20px; } .header-center-aligned-transparent .mega-menu-list { margin-bottom: 0; } .header-center-aligned-transparent .mega-menu-list .mega-menu-item { padding: 0; } .header-center-aligned-transparent .mega-menu-list .mega-menu-title { padding-left: 20px; } } .header-fullscreen.auto-hiding-navbar.nav-up { top: -80px; } .header-fullscreen .navbar-fullscreen-navbar { z-index: 999; background: 0 0; } .header-fullscreen .navbar-fullscreen-navbar:before, .header-fullscreen .navbar-fullscreen-navbar:after { content: " "; display: table; } .header-fullscreen .navbar-fullscreen-navbar:after { clear: both; } .header-fullscreen .header-fullscreen-col { width: 33.33333%; float: left; } .header-fullscreen .header-fullscreen-nav-actions-left { padding: 32px 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger { position: relative; float: left; display: inline-block; width: 30px; height: 30px; text-align: center; text-decoration: none; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); border-radius: 3px; } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon { position: relative; top: 1px; width: 20px; height: 1px; display: inline-block; background: #fff; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after { position: absolute; left: 0; width: 20px; height: 1px; background: #fff; content: " "; } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before { bottom: -6px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after { top: -6px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .navbar-logo { position: relative; top: 0; left: 50%; width: 150px; height: auto; text-align: center; -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .header-fullscreen .navbar-logo .navbar-logo-wrap { display: block; width: 150px; height: auto; z-index: 2001; max-height: 95px; text-align: center; line-height: 65px; padding: 15px 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .navbar-logo .navbar-logo-wrap img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header-fullscreen .header-fullscreen-nav-actions-right { display: inline-block; text-align: right; padding: 37px 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-right .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; text-decoration: none; } .header-fullscreen .header-fullscreen-nav-actions-right .nav-item-child:hover { color: #fff; } .header-fullscreen .header-fullscreen-nav-overlay { position: fixed; top: 50%; left: 50%; width: 92%; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .header-fullscreen .header-fullscreen-nav-overlay .header-fullscreen-nav-overlay-content { background: 0 0; opacity: 0; overflow: hidden; -webkit-transform: scale(0.7, 1); -moz-transform: scale(0.7, 1); transform: scale(0.7, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-bg-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(247, 248, 250, 0.2); visibility: hidden; opacity: 0; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-bg-overlay .header-fullscreen-nav-close { position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; line-height: 30px; font-size: 30px; color: #34343c; text-align: center; text-decoration: none; vertical-align: middle; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-bg-overlay .header-fullscreen-nav-close:hover { color: #00bcd4; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-overlay-show { visibility: visible; } .header-fullscreen .header-fullscreen-nav-overlay-show .header-fullscreen-nav-overlay-content { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .header-fullscreen .header-fullscreen-nav-overlay-show ~ .header-fullscreen-nav-bg-overlay { opacity: 1; visibility: visible; background: #f7f8fa; } .header-fullscreen-menu { max-width: 500px; display: block; text-align: center; list-style: none; padding: 0; margin: 0 auto; } .header-fullscreen-menu .nav-main-item { display: block; font-size: 18px; color: #34343c; } .header-fullscreen-menu .nav-main-item-child, .header-fullscreen-menu .nav-submenu-item-child { display: block; color: #34343c; text-decoration: none; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown { position: relative; } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:after, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:after, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:after, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after { display: inline-block; font-size: 14px; font-family: "ff-font-awesome" !important; color: #606060; content: "\f105"; margin-left: 10px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.nav-item-open:after, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.nav-item-open:after, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.nav-item-open:after, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.nav-item-open:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen-menu .nav-main-item-child { font-size: 18px; padding: 10px 0; } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:after { top: 10px; } .header-fullscreen-menu .nav-submenu-item-child { font-size: 16px; padding: 5px 0; color: #606060; } .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after { top: 5px; } .header-fullscreen-menu .nav-dropdown-menu { display: none; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu { margin-bottom: 0; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-item, .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child { display: block; font-size: 15px; color: #606060; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-link { display: block; font-size: 15px; color: #606060; text-decoration: none; padding: 15px 0; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover { color: #00bcd4; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child { text-decoration: none; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child.active { color: #00bcd4; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover { color: #00bcd4; } @media (max-width: 768px) { .header-fullscreen .header-fullscreen-nav-overlay { width: 90%; } } @media (max-width: 991px) { .header-fullscreen .navbar-fullscreen-navbar { background: #fff; } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon { background: #34343c; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after { background: #34343c; } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } @media (min-width: 992px) { .header-shrink.header-fullscreen .navbar-fullscreen-navbar { background: #fff; } .header-shrink.header-fullscreen .navbar-logo .navbar-logo-wrap { max-height: 80px; line-height: 50px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left { padding: 25px 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger { height: 30px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon { background: #34343c; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:before, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger .header-fullscreen-nav-trigger-icon:after { background: #34343c; } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-right { padding: 30px 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .header-section-scroll { background: #fff; } .header-section-scroll .navbar { border-radius: 0; padding: 10px; margin: 10px; } .header-section-scroll .navbar-toggle { width: 25px; height: 25px; float: left; border: 0; padding: 0; margin: 29px 0; } .header-section-scroll .navbar-toggle .toggle-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-section-scroll .navbar-toggle .toggle-icon:before, .header-section-scroll .navbar-toggle .toggle-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .header-section-scroll .navbar-toggle .toggle-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-section-scroll .navbar-toggle .toggle-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-section-scroll .navbar-toggle .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-section-scroll .navbar-toggle .toggle-icon.is-clicked:before, .header-section-scroll .navbar-toggle .toggle-icon.is-clicked:after { background: #34343c; } .header-section-scroll .navbar-toggle .toggle-icon.is-clicked:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-section-scroll .navbar-toggle .toggle-icon.is-clicked:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-section-scroll .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-section-scroll .navbar-toggle:hover .toggle-icon:before, .header-section-scroll .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-section-scroll .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-section-scroll .navbar-logo { width: auto; height: 100%; display: block; float: none; text-align: center; margin: 40px 25px; } .header-section-scroll .navbar-logo .navbar-logo-wrap { display: inline-block; padding: 20px 0; } .header-section-scroll .navbar-logo .navbar-logo-wrap:focus, .header-section-scroll .navbar-logo .navbar-logo-wrap:hover { text-decoration: none; } .header-section-scroll .navbar-logo .navbar-logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header-section-scroll ul.header-section-scroll-menu, .header-section-scroll ul.header-section-scroll-menu ul { list-style: none; padding: 0; margin: 0; } .header-section-scroll ul.header-section-scroll-menu li { display: block; font-size: 13px; font-weight: 400; color: #34343c; letter-spacing: 1px; } .header-section-scroll ul.header-section-scroll-menu li.active .nav-item-child:hover, .header-section-scroll ul.header-section-scroll-menu li.active .nav-item-child:focus { color: #00bcd4; } .header-section-scroll ul.header-section-scroll-menu li a { display: block; font-size: 13px; font-weight: 400; color: #34343c; text-transform: uppercase; text-decoration: none; padding: 10px; border-top: 1px dashed #ebeef6; } .header-section-scroll ul.header-section-scroll-menu li:last-child a { border-bottom: 1px dashed #ebeef6; } .header-section-scroll ul.header-section-scroll-menu ul li:last-child a { border-bottom: 0; } .header-section-scroll .header-section-scroll-menu li a:hover { color: #00bcd4; } .header-section-scroll .header-section-scroll-copyright { font-size: 14px; text-align: center; margin-bottom: 0; } @media (max-width: 991px) { .header-section-scroll .navbar-toggle { display: block; } .header-section-scroll .navbar-collapse.collapse { display: none !important; } .header-section-scroll .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-section-scroll .navbar-logo { margin: 0 25px; } .header-section-scroll .header-section-scroll-copyright { display: none; } .header-section-scroll .navbar { padding: 0; margin: 0; } } @media (min-width: 768px) { .header-section-scroll .navbar-collapse { padding: 0; } } @media (min-width: 992px) { .header-section-scroll { position: fixed; top: 0; bottom: 0; width: 260px; z-index: 999; float: left; border-right: 2px solid #ebeef6; } .header-section-scroll.ark-header-vertical-left { left: 0; } .header-section-scroll.ark-header-vertical-right { right: 0; } .header-section-scroll .scrollbar { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .header-section-scroll .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header-section-scroll .navbar-collapse { height: auto; max-height: none; border-top: 0; box-shadow: none; padding: 0; } .header-section-scroll .navbar-collapse.collapse { width: auto !important; display: block !important; overflow: visible !important; } .header-section-scroll .navbar-collapse.in { overflow-x: visible; } .header-section-scroll .navbar-nav, .header-section-scroll .navbar-left, .header-section-scroll .navbar-right, .header-section-scroll .navbar-header, .header-section-scroll .nav-item { float: none !important; } .header-section-scroll-container { margin-left: 260px; } } @media (min-width: 1200px) { .header-section-scroll-container > .container { width: auto; } } .header-section-scroll.header-section-scroll-right .navbar-toggle { float: right; } @media (min-width: 992px) { .header-section-scroll.header-section-scroll-right { position: fixed; top: 0; left: auto; right: 0; float: none; border-left: 2px solid #ebeef6; border-right: 0; } .header-section-scroll-container-right { margin-right: 258px; } } .header-section-scroll-container .fg-container, .header-section-scroll-container .fg-container-small, .header-section-scroll-container .fg-container-medium, .header-section-scroll-container .fg-container-large, .header-section-scroll-container .fg-container-fluid, .header-section-scroll-container .container, .header-section-scroll-container .container-fluid, .header-section-scroll-container-right .fg-container, .header-section-scroll-container-right .fg-container-small, .header-section-scroll-container-right .fg-container-medium, .header-section-scroll-container-right .fg-container-large, .header-section-scroll-container-right .fg-container-fluid, .header-section-scroll-container-right .container, .header-section-scroll-container-right .container-fluid { max-width: 100%; } .header-transparent { border: 0; background: 0 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent.header-transparent-bb { border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .header-transparent.auto-hiding-navbar.nav-up { top: -80px; } .header-transparent .navbar { background: 0 0; border: 0; border-radius: 0; margin-bottom: 0; } .header-transparent .navbar-toggle { width: 25px; height: 25px; float: left; border: 0; padding: 0; margin: 32px 0; } .header-transparent .navbar-toggle .toggle-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-toggle .toggle-icon:before, .header-transparent .navbar-toggle .toggle-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .header-transparent .navbar-toggle .toggle-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-toggle .toggle-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-toggle .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-transparent .navbar-toggle .toggle-icon.is-clicked:before, .header-transparent .navbar-toggle .toggle-icon.is-clicked:after { background: #34343c; } .header-transparent .navbar-toggle .toggle-icon.is-clicked:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-toggle .toggle-icon.is-clicked:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-transparent .navbar-toggle:hover .toggle-icon:before, .header-transparent .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-transparent .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-transparent .topbar-toggle-trigger { float: left; width: 27px; height: 27px; text-align: center; cursor: pointer; padding: 35px 0 55px; } .header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style { position: relative; top: 8px; display: block; width: 4px; height: 4px; text-align: center; background: #34343c; border-radius: 50%; content: " "; margin: 0 auto; } .header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before, .header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after { position: absolute; left: 50%; width: 4px; height: 4px; background: #34343c; border-radius: 50%; content: " "; margin-left: -2px; } .header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:before { top: -6px; } .header-transparent .topbar-toggle-trigger .topbar-toggle-trigger-style:after { bottom: -6px; } .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header-transparent .topbar-toggle-trigger-icon-style { color: #34343c; padding: 2px 5px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-actions { position: relative; float: right; } @media (min-width: 992px) { header .navbar-actions { padding-left: 12px; } } .header-transparent .navbar-actions .navbar-actions-shrink { line-height: 90px; float: left; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } header .navbar-actions .navbar-actions-shrink { margin-left: 10px; position: relative; } .header-transparent .navbar-logo { width: 100px; height: 100px; float: left; max-height: 90px; line-height: 60px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-logo .navbar-logo-wrap { display: inline-block; padding: 15px 0; } .header-transparent .navbar-logo .navbar-logo-wrap:focus, .header-transparent .navbar-logo .navbar-logo-wrap:hover { text-decoration: none; } .header-transparent .navbar-logo .navbar-logo-img { display: inline-block; width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-nav .nav-item-child { font-size: 12px; font-weight: 400; color: #fff; background: 0 0; letter-spacing: 1px; text-transform: uppercase; padding: 5px 15px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; background: rgba(255, 255, 255, 0.9); } .header-transparent .navbar-nav .nav-item-child.active:hover { color: #00bcd4; background: rgba(255, 255, 255, 0.9); } .header-transparent .navbar-nav .nav-item-child:hover { color: #00bcd4; background: rgba(255, 255, 255, 0.9); } .header-transparent .navbar-nav .open .nav-item-child:hover { color: #00bcd4; background: rgba(255, 255, 255, 0.9); } .header-transparent .dropdown-menu { min-width: 200px; line-height: 1.4; border: 0; border-radius: 0; box-shadow: none; padding: 0; margin-top: 1px; } .header-transparent .dropdown-menu .dropdown-menu-item { color: #4c4c57; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child { font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; padding: 8px 20px; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; background: #fff; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { color: #fff; background: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child:hover { background: 0; } .header-transparent .dropdown-submenu { position: relative; line-height: 1.4; } .header-transparent .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header-transparent .dropdown-submenu:hover > .dropdown-menu { display: block; } .header-transparent .dropdown-submenu .dropdown-submenu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; cursor: pointer; padding: 8px 20px; margin: 0; } .header-transparent .dropdown-submenu .dropdown-submenu-child:after { position: absolute; top: 8px; right: 12px; display: inline-block; font-size: 12px; font-family: "ff-font-awesome" !important; content: "\f105"; } .header-transparent .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; background: #fff; } .header-transparent .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; background: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child:hover:after { color: #fff; } .header-transparent .dropdown-submenu .dropdown-menu { top: -1px; left: 100%; right: auto; margin-left: -0.8px; } .header-transparent .dropdown-menu.dropdown-menu-left { left: auto; right: 0; margin-left: 0.5px; } .header-transparent .dropdown-submenu .dropdown-menu.dropdown-menu-left { left: -100%; right: auto; margin-left: 0.5px; } .header-transparent .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header-transparent .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; background: #fff; } .header-transparent .mega-menu-list .mega-menu-title { display: block; font-size: 13px; font-weight: 500; color: #34343c; text-transform: uppercase; margin-bottom: 10px; } .header-transparent .mega-menu-list .mega-menu-child { display: block; font-size: 12px; font-weight: 400; color: #4c4c57; text-transform: uppercase; text-decoration: none; padding: 8px 20px; margin: 0; } .header-transparent .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header-transparent .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; background: #fff; } .header-transparent .mega-menu-list .mega-menu-child:hover { color: #fff; background: #00bcd4; text-decoration: none; } @media (max-width: 991px) { .header-transparent .navbar-toggle { display: block; } .header-transparent .navbar-collapse.collapse { display: none !important; } .header-transparent .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-transparent .navbar-nav { margin: 0; float: none; } .header-transparent .navbar-nav .nav-item { float: none; } .header-transparent { background: #fff; } .header-transparent.navbar-fixed-top, .header-transparent.navbar-fixed-top-boxed { position: relative; } .header-transparent.navbar-fixed-top .nav-collapse, .header-transparent.navbar-fixed-top-boxed .nav-collapse { max-height: none; padding: 0; margin: 0; } .header-transparent .menu-container:before, .header-transparent .menu-container:after { content: " "; display: table; } .header-transparent .menu-container:after { clear: both; } .header-transparent .navbar-logo { width: auto; height: 100%; display: block; float: none; text-align: center; margin: 0 70px; } .header-transparent .navbar-nav .nav-item-child { color: #34343c; line-height: 1.4; padding: 12px 12px 12px 0; } .header-transparent .navbar-nav .nav-item-bg { display: inline-block; border-top: 0; border: 1px solid #00bcd4; margin: 10px 0 20px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-nav .nav-item-bg .nav-item-child { color: #fff; line-height: 20px; padding: 7px 15px; background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header-transparent .dropdown-menu { position: static; float: none; } .header-transparent .dropdown-menu .dropdown-menu-item:last-child { margin-bottom: 20px; } .header-transparent .dropdown-submenu .dropdown-submenu-child { font-weight: 500; } .header-transparent .dropdown-submenu .dropdown-submenu-child:after { display: none; } .header-transparent .dropdown-submenu .dropdown-submenu-child:hover { cursor: inherit; } .header-transparent .dropdown-submenu .dropdown-menu { display: block; padding-left: 20px; margin-bottom: 20px; } .header-transparent .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #34343c; background: 0; } .header-transparent .mega-menu-list { margin-bottom: 20px; } .header-transparent .mega-menu-list .mega-menu-title { font-size: 12px; padding: 8px 20px; margin-bottom: 0; } .header-transparent .mega-menu-list .mega-menu-item { margin-left: 20px; } } @media (max-width: 767px) { .header-transparent .menu-container { padding-left: 15px; padding-right: 15px; margin-left: 0; margin-right: 0; } .header-transparent .navbar > .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .header-transparent .navbar > .container > .nav-collapse { margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .boxed-layout-overlay .header-transparent.navbar-fixed-top.navbar-fixed-top, .header-transparent.navbar-fixed-top-boxed.navbar-fixed-top-boxed { position: fixed; top: 0; left: auto; right: auto; } } @media (min-width: 992px) { .header-shrink.header-transparent { background: #fff; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-transparent .navbar { background: #fff; } .header-shrink.header-transparent .navbar-logo { width: 85px; height: 85px; max-height: 70px; line-height: 35px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-transparent .navbar-logo .navbar-logo-wrap { padding: 13px 0; } .header-shrink.header-transparent .navbar-actions .navbar-actions-shrink { line-height: 70px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-transparent .navbar-nav .nav-item-child { color: #34343c; margin: 20px 5px 21px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink.header-transparent .navbar-nav .nav-item-bg { margin: 0 15px 0 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-nav { float: right; } .header-transparent .navbar-nav .nav-item { line-height: 90px; } .header-transparent .navbar-nav .nav-item .dropdown-menu { z-index: 9999; min-width: 200px; border: 0; border-radius: 0; } .header-transparent .navbar-nav .nav-item .open > .dropdown-menu { display: none; } .header-transparent .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; background: rgba(255, 255, 255, 0.9); } .header-transparent .navbar-nav .nav-item:hover > .dropdown-menu { display: block; } .header-transparent .navbar-nav .nav-item-child { margin: 30px 5px; } .header-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; background: rgba(255, 255, 255, 0.9); } .header-transparent .navbar-nav .nav-item-bg { margin: 0 15px 0 0; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-transparent .navbar-nav .nav-item-bg .nav-item-child { color: #fff; background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg:hover .nav-item-child { color: #fff; background: #00bcd4; } .header-transparent .mega-menu .nav, .header-transparent .mega-menu .collapse, .header-transparent .mega-menu ul.navbar-nav > li.menu-item-has-children, .header-transparent .mega-menu .dropup { position: static; } .header-transparent .mega-menu .container { position: relative; } .header-transparent .dropdown-menu { left: auto; } .header-transparent .mega-menu-fullwidth .dropdown-menu { left: 15px; right: 15px; padding: 20px 0; } .header-transparent .mega-menu-content { padding: 0 20px; } .header-transparent .mega-menu-list { margin-bottom: 0; } .header-transparent .mega-menu-list .mega-menu-item { padding: 0; } .header-transparent .mega-menu-list .mega-menu-title { padding-left: 20px; } } .header-vertical { background: #fff; } .header-vertical .navbar { border-radius: 0; margin-bottom: 0; } .header-vertical .navbar-toggle { width: 25px; height: 25px; float: left; border: 0; padding: 0; margin: 29px 0; } .header-vertical .navbar-toggle .toggle-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .navbar-toggle .toggle-icon:before, .header-vertical .navbar-toggle .toggle-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .header-vertical .navbar-toggle .toggle-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .navbar-toggle .toggle-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .navbar-toggle .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-vertical .navbar-toggle .toggle-icon.is-clicked:before, .header-vertical .navbar-toggle .toggle-icon.is-clicked:after { background: #34343c; } .header-vertical .navbar-toggle .toggle-icon.is-clicked:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .navbar-toggle .toggle-icon.is-clicked:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-vertical .navbar-toggle:hover .toggle-icon:before, .header-vertical .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-vertical .navbar-toggle:hover .toggle-icon.is-clicked { background: rgba(52, 52, 60, 0); } .header-vertical .navbar-logo { width: auto; height: 100%; display: block; float: none; text-align: center; margin: 50px 25px 0; } .header-vertical .navbar-logo .navbar-logo-wrap { display: inline-block; padding: 20px 0; } .header-vertical .navbar-logo .navbar-logo-wrap:focus, .header-vertical .navbar-logo .navbar-logo-wrap:hover { text-decoration: none; } .header-vertical .navbar-logo .navbar-logo-img { width: 85px; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; } .header-vertical .header-vertical-menu { list-style: none; padding: 0; margin: 0; } .header-vertical .header-vertical-menu .nav-main-item { display: block; font-size: 13px; font-weight: 400; color: #34343c; letter-spacing: 1px; } .header-vertical .header-vertical-menu a { padding: 7px 30px; } .header-vertical .header-vertical-menu .nav-main-item-child, .header-vertical .header-vertical-menu .nav-submenu-item-child { display: block; font-weight: 400; color: #34343c; text-decoration: none; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .header-vertical-menu .nav-main-item .nav-main-item-child { border-top: 1px dashed #adadad; } .header-vertical .header-vertical-menu .nav-main-item:first-child .nav-main-item-child { border-top: 0; } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown { position: relative; } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after { position: absolute; right: 7px; display: inline-block; font-size: 12px; font-family: "ff-font-awesome" !important; content: "\f105"; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.nav-item-open:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.nav-item-open:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.nav-item-open:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.nav-item-open:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after { color: #00bcd4; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-vertical .header-vertical-menu .nav-main-item-child { font-size: 13px; text-transform: uppercase; padding: 10px 0; } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:after { top: 10px; } .header-vertical .header-vertical-menu .nav-submenu-item-child { font-size: 12px; text-transform: uppercase; padding: 7px 15px; } .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:after { top: 5px; } .header-vertical .header-vertical-menu .nav-dropdown-menu { display: none; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 0; margin: 0; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu { margin-bottom: 0; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-item, .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child { display: block; font-size: 13px; font-weight: 400; color: #606060; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-link { display: block; font-size: 12px; font-weight: 400; color: #34343c; text-transform: uppercase; text-decoration: none; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover { color: #00bcd4; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child { text-decoration: none; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child.active { color: #00bcd4; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover { color: #00bcd4; } .header-vertical .header-vertical-copyright { font-size: 12px; text-align: center; } @media (max-width: 991px) { .header-vertical .navbar-toggle { display: block; } .header-vertical .navbar-collapse.collapse { display: none !important; } .header-vertical .navbar-collapse.collapse.in { display: block !important; overflow-y: auto !important; } .header-vertical .navbar-logo { margin-top: 0; } .header-vertical .header-vertical-copyright { display: none; } } @media (min-width: 768px) { .header-vertical .navbar-collapse { padding: 0; } } @media (min-width: 992px) { .header-vertical { position: fixed; top: 0; bottom: 0; left: 0; width: 260px; z-index: 999; float: left; border-right: 2px solid #ebeef6; } .header-vertical .scrollbar { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .header-vertical .container { width: auto; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; padding-bottom: 50px; } .header-vertical .menu-container { padding: 10px 30px; } .header-vertical .navbar-collapse { height: auto; max-height: none; border-top: 0; box-shadow: none; padding: 10px 0; } .header-vertical .navbar-collapse.collapse { width: auto !important; display: block !important; overflow: visible !important; } .header-vertical .navbar-collapse.in { overflow-x: visible; } .header-vertical .navbar-nav, .header-vertical .navbar-left, .header-vertical .navbar-right, .header-vertical .navbar-header, .header-vertical .nav-item { float: none !important; } .header-vertical-container { margin-left: 260px; } } .header-vertical-container .fg-container, .header-vertical-container .fg-container-small, .header-vertical-container .fg-container-medium, .header-vertical-container .fg-container-large, .header-vertical-container .fg-container-fluid, .header-vertical-container .container, .header-vertical-container .container-fluid, .header-vertical-container-right .fg-container, .header-vertical-container-right .fg-container-small, .header-vertical-container-right .fg-container-medium, .header-vertical-container-right .fg-container-large, .header-vertical-container-right .fg-container-fluid, .header-vertical-container-right .container, .header-vertical-container-right .container-fluid { max-width: 100%; } .header-vertical.header-vertical-right .navbar-toggle { float: right; } @media (min-width: 992px) { .header-vertical.header-vertical-right { position: fixed; top: 0; left: auto; right: 0; float: none; border-left: 2px solid #ebeef6; border-right: 0; } .header-vertical-container-right { margin-right: 260px; } } .language-push { padding: 0 10px; } .language-push .language-push-btn { position: relative; display: inline-block; cursor: pointer; } .language-push .language-push-btn-icon { font-size: 13px; color: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .language-push .language-push-btn-icon:hover { color: #00bcd4; } .language-push-open { width: 100%; height: 100%; display: none; background: #f7f8fa; padding: 10px 0; } .language-push-open .language-push-title { font-size: 16px; margin-bottom: 0; } .language-push-open .language-push-content { text-align: right; margin: 0; } .language-push-open .language-push-item { padding: 0 7px; } .language-push-open .language-push-item:last-child { pading-right: 0; } .language-push-open .language-push-link { text-decoration: none; } .language-push-open .language-push-img { position: relative; top: -1px; width: 20px; height: 100%; max-width: 25px; margin-right: 2px; } @media (max-width: 480px) { .xs-full-width { width: 100%; } } @media (max-width: 480px) { .xs-full-width-offset-0 { margin-left: 0; } } @media (max-width: 480px) { .xs-hidden { display: none !important; } } @media (max-width: 768px) { .sm-hidden { display: none !important; } } @media (max-width: 992px) { .md-hidden { display: none !important; } } .search-menu { text-align: center; } .search-menu .search-btn { position: relative; cursor: pointer; height: 100%; width: 25px; } .search-menu .search-btn:before { content: "\00a0"; } .search-menu .search-btn .search-btn-default, .search-menu .search-btn .search-btn-active { position: relative; width: 25px; height: 0; display: block; font-size: 13px; font-family: "ff-font-awesome" !important; color: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); position: absolute; top: 50%; } .search-menu .search-btn .search-btn-default:hover, .search-menu .search-btn .search-btn-active:hover { color: #00bcd4; } .search-menu .search-btn .search-btn-default { margin-top: -7px; content: "\f002"; opacity: 1; } .search-menu .search-btn .search-btn-active { margin-top: 5px; font-size: 14px; content: "\f00d"; opacity: 0; } .search-menu .search-btn.is-clicked .search-btn-default { margin-top: -20px; opacity: 0; } .search-menu .search-btn.is-clicked .search-btn-active { margin-top: -8px; opacity: 1; } .ark-search-field { position: absolute; top: 100%; left: 0; display: none; z-index: 9; width: 100%; background: #fff; border-top: 1px solid #ebeef6; border-bottom: 1px solid #ebeef6; } .ark-search-field .ark-search-field-input { width: 100%; height: 70px; font-size: 20px; color: #34343c; background: #fff; border: 0; box-shadow: none; padding: 0; } .ark-search-field .ark-search-field-input::-moz-placeholder { color: #34343c; } .ark-search-field .ark-search-field-input:-ms-input-placeholder { color: #34343c; } .ark-search-field .ark-search-field-input::-webkit-input-placeholder { color: #34343c; } .ark-search-field .ark-search-field-input:focus { color: #34343c; } .ark-search-field .ark-search-field-input:focus::-moz-placeholder { color: #34343c; } .ark-search-field .ark-search-field-input:focus:-ms-input-placeholder { color: #34343c; } .ark-search-field .ark-search-field-input:focus::-webkit-input-placeholder { color: #34343c; } @media (max-width: 991px) { .header .ark-search-field > .container { width: 100%; } } @media (min-width: 992px) { .header-shrink .search-menu .search-btn .search-btn-default, .header-shrink .search-menu .search-btn .search-btn-active { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .search-classic { text-align: center; } .search-classic .search-classic-btn { position: relative; display: inline-block; cursor: pointer; } .search-classic .search-classic-btn .search-classic-btn-default, .search-classic .search-classic-btn .search-classic-btn-active { position: relative; width: 25px; height: 0; display: block; font-size: 13px; font-family: "ff-font-awesome" !important; color: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-classic .search-classic-btn .search-classic-btn-default:hover, .search-classic .search-classic-btn .search-classic-btn-active:hover { color: #00bcd4; } .search-classic .search-classic-btn .search-classic-btn-default { top: 1px; content: "\f002"; opacity: 1; } .search-classic .search-classic-btn .search-classic-btn-active { top: 12px; font-size: 15px; content: "\f00d"; opacity: 0; } .search-classic .search-classic-btn.is-clicked .search-classic-btn-default { top: -13px; opacity: 0; } .search-classic .search-classic-btn.is-clicked .search-classic-btn-active { top: 1px; opacity: 1; } .search-classic .search-classic-field { position: absolute; top: 100%; right: 0; display: none; z-index: 1; line-height: 1.4; background: #fff; border-top: 2px solid #00bcd4; padding: 20px; } .search-classic .search-classic-field .search-classic-input { width: 250px; height: 39px; float: none; border-radius: 0; color: #34343c; } .search-classic .search-classic-field .search-classic-input::-moz-placeholder { color: #34343c; } .search-classic .search-classic-field .search-classic-input:-ms-input-placeholder { color: #34343c; } .search-classic .search-classic-field .search-classic-input::-webkit-input-placeholder { color: #34343c; } .search-classic .search-classic-field .search-classic-input:focus { color: #34343c; } .search-classic .search-classic-field .search-classic-input:focus::-moz-placeholder { color: #34343c; } .search-classic .search-classic-field .search-classic-input:focus:-ms-input-placeholder { color: #34343c; } .search-classic .search-classic-field .search-classic-input:focus::-webkit-input-placeholder { color: #34343c; } .search-classic .search-classic-submit-button { background-color: #00bcd4; color: #fff; } @media (max-width: 480px) { .search-classic .search-classic-field { right: 0; } .search-classic .search-classic-field .search-classic-input { width: 200px; } } @media (min-width: 992px) { .header-on-scroll .header .search-classic .search-classic-field { top: 70px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } @media (min-width: 992px) { .header-shrink .search-classic .search-classic-btn .search-classic-btn-default, .header-shrink .search-classic .search-classic-btn .search-classic-btn-active { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .search-fullscreen { position: relative; } .search-fullscreen .search-fullscreen-trigger-icon { position: relative; top: -1px; display: inline-block; font-size: 13px; color: #34343c; cursor: pointer; padding: 0 5px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-fullscreen .search-fullscreen-trigger-icon:hover { color: #00bcd4; } .search-fullscreen .search-fullscreen-overlay { position: fixed; top: 50%; left: 50%; width: 50%; height: auto; z-index: 2000; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .search-fullscreen .search-fullscreen-overlay .search-fullscreen-overlay-content { background: 0 0; opacity: 0; overflow: hidden; -webkit-transform: scale(0.7, 1); -moz-transform: scale(0.7, 1); transform: scale(0.7, 1); transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-fullscreen .search-fullscreen-input-group { position: relative; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input { width: 100%; height: 50px; font-size: 36px; font-weight: 300; color: #34343c; background: 0 0; border: 0; border-radius: 0; padding: 0 35px 0 0; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input::-moz-placeholder { color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:-ms-input-placeholder { color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input::-webkit-input-placeholder { color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:focus::-moz-placeholder { color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:focus:-ms-input-placeholder { color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-input:focus::-webkit-input-placeholder { color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-search { position: absolute; top: -20px; right: 0; width: 35px; height: 35px; background: 0 0; outline: 0; border: 0; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-search .search-fullscreen-search-icon { font-size: 18px; color: #34343c; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-search:hover .search-fullscreen-search-icon { color: #00bcd4; } .search-fullscreen .search-fullscreen-bg-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(247, 248, 250, 0.2); visibility: hidden; opacity: 0; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-fullscreen .search-fullscreen-bg-overlay .search-fullscreen-close { position: fixed; top: 0; right: 15px; width: 35px; height: 35px; font-size: 30px; color: #34343c; text-align: center; cursor: pointer; } .search-fullscreen .search-fullscreen-bg-overlay .search-fullscreen-close:hover { color: #00bcd4; } .search-fullscreen .search-fullscreen-overlay-show { visibility: visible; } .search-fullscreen .search-fullscreen-overlay-show .search-fullscreen-overlay-content { opacity: 1; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .search-fullscreen .search-fullscreen-overlay-show ~ .search-fullscreen-bg-overlay { opacity: 1; visibility: visible; background: #f7f8fa; } @media (max-width: 768px) { .search-fullscreen .search-fullscreen-overlay { width: 90%; } } @media (min-width: 992px) { .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon { color: #fff; } .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon:hover { color: #00bcd4; } .header-shrink .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon { color: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .header-shrink .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon:hover { color: #00bcd4; } } .search-on-header { text-align: center; } .search-on-header .search-on-header-btn { position: relative; display: inline-block; cursor: pointer; } .search-on-header .search-on-header-btn .search-on-header-btn-default, .search-on-header .search-on-header-btn .search-on-header-btn-active { position: relative; width: 25px; height: 0; display: block; font-size: 13px; font-family: "ff-font-awesome" !important; color: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-on-header .search-on-header-btn .search-on-header-btn-default:hover, .search-on-header .search-on-header-btn .search-on-header-btn-active:hover { color: #00bcd4; } .search-on-header .search-on-header-btn .search-on-header-btn-default { top: 1px; content: "\f002"; opacity: 1; } .search-on-header .search-on-header-btn .search-on-header-btn-active { top: 12px; font-size: 15px; content: "\f00d"; opacity: 0; } .search-on-header .search-on-header-btn.is-clicked .search-on-header-btn-default { top: -13px; opacity: 0; } .search-on-header .search-on-header-btn.is-clicked .search-on-header-btn-active { top: 1px; z-index: 9; opacity: 1; } .search-on-header-field { position: absolute; top: 0; left: 0; display: none; z-index: 9; width: 100%; background: #fff; border-top: 1px solid #ebeef6; border-bottom: 1px solid #ebeef6; } .search-on-header-field .search-on-header-input { width: 100%; height: 88px; font-size: 20px; color: #34343c; background: #fff; border: 0; box-shadow: none; padding: 0 40px 0 0; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-on-header-field .search-on-header-input::-moz-placeholder { color: #34343c; } .search-on-header-field .search-on-header-input:-ms-input-placeholder { color: #34343c; } .search-on-header-field .search-on-header-input::-webkit-input-placeholder { color: #34343c; } .search-on-header-field .search-on-header-input:focus { color: #34343c; } .search-on-header-field .search-on-header-input:focus::-moz-placeholder { color: #34343c; } .search-on-header-field .search-on-header-input:focus:-ms-input-placeholder { color: #34343c; } .search-on-header-field .search-on-header-input:focus::-webkit-input-placeholder { color: #34343c; } @media (max-width: 991px) { .search-on-header-field .search-on-header-input { padding: 0 80px 0 0; } } @media (min-width: 992px) { .header-shrink .header .search-on-header-field .search-on-header-input { height: 68px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } @media (min-width: 992px) { .header-shrink .search-on-header .search-on-header-btn .search-on-header-btn-default, .header-shrink .search-on-header .search-on-header-btn .search-on-header-btn-active { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .search-push { text-align: center; } .search-push .search-push-btn { position: relative; display: inline-block; cursor: pointer; } .search-push .search-push-btn .search-push-btn-default, .search-push .search-push-btn .search-push-btn-active { position: relative; width: 25px; height: 0; display: block; font-size: 13px; font-family: "ff-font-awesome" !important; color: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .search-push .search-push-btn .search-push-btn-default:hover, .search-push .search-push-btn .search-push-btn-active:hover { color: #00bcd4; } .search-push .search-push-btn .search-push-btn-default { top: 1px; content: "\f002"; opacity: 1; } .search-push .search-push-btn .search-push-btn-active { top: 12px; font-size: 15px; content: "\f00d"; opacity: 0; } .search-push .search-push-btn.is-clicked .search-push-btn-default { top: -13px; opacity: 0; } .search-push .search-push-btn.is-clicked .search-push-btn-active { top: 1px; opacity: 1; } .search-push-open { width: 100%; height: 100%; display: none; z-index: 1; background: #f7f8fa; } .search-push-open .search-push-container { position: relative; } .search-push-open .search-push-input { width: 100%; height: 50px; font-size: 16px; background: 0 0; border: 0; padding: 0 40px 0 0; } @media (min-width: 992px) { .header-shrink .search-push .search-push-btn .search-push-btn-default, .header-shrink .search-push .search-push-btn .search-push-btn-active { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } .overflow-hidden { overflow: hidden; } .sidebar-trigger { position: relative; margin: 0; padding: 0 5px; text-decoration: none; border-radius: 3px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-trigger .sidebar-trigger-icon { position: relative; width: 15px; height: 1px; display: inline-block; background: #34343c; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-trigger .sidebar-trigger-icon:before, .sidebar-trigger .sidebar-trigger-icon:after { position: absolute; left: 0; width: 15px; height: 1px; background: #34343c; content: " "; } .sidebar-trigger .sidebar-trigger-icon:before { bottom: 10px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-trigger .sidebar-trigger-icon:after { top: -5px; -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-trigger.is-clicked .sidebar-trigger-icon { background: rgba(52, 52, 60, 0); } .sidebar-trigger.is-clicked .sidebar-trigger-icon:before, .sidebar-trigger.is-clicked .sidebar-trigger-icon:after { background: #34343c; } .sidebar-trigger.is-clicked .sidebar-trigger-icon:before { bottom: 5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-trigger.is-clicked .sidebar-trigger-icon:after { top: -5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-trigger:hover.is-clicked .sidebar-trigger-icon { background: rgba(52, 52, 60, 0); } .sidebar-trigger:hover .sidebar-trigger-icon { background: #00bcd4; } .sidebar-trigger:hover .sidebar-trigger-icon:before, .sidebar-trigger:hover .sidebar-trigger-icon:after { background: #00bcd4; } .sidebar-content-overlay { position: relative; } .sidebar-content-overlay.sidebar-menu-is-open { cursor: e-resize; } .sidebar-content-overlay.sidebar-menu-is-open:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.7); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .sidebar-nav { position: fixed; top: 0; right: 0; width: 260px; height: 100%; z-index: 99999; background: #34343c; overflow-y: auto; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-right: -260px; padding: 80px 20px 20px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (max-width: 767px) { .sidebar-nav { width: 100%; margin-right: -100%; } } .sidebar-nav.sidebar-menu-is-open { visibility: visible; margin-right: 0 !important; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); -webkit-overflow-scrolling: touch; } .sidebar-nav .sidebar-nav-trigger { position: fixed; right: 0; top: 0; padding: 20px; display: none; } .sidebar-nav.sidebar-menu-is-open .sidebar-nav-trigger { display: block; } body.admin-bar .sidebar-nav .sidebar-nav-trigger { top: 32px; } .sidebar-nav .sidebar-nav-trigger .sidebar-trigger-icon { background: rgba(255, 255, 255, 0); } .sidebar-nav .sidebar-nav-trigger .sidebar-trigger-icon:before, .sidebar-nav .sidebar-nav-trigger .sidebar-trigger-icon:after { background: #fff; } .sidebar-nav .sidebar-nav-trigger:hover .sidebar-trigger-icon:before, .sidebar-nav .sidebar-nav-trigger:hover .sidebar-trigger-icon:after { background: #00bcd4; } .sidebar-nav .sidebar-nav-content div, .sidebar-nav .sidebar-nav-content img { max-width: 100%; height: auto; } .sidebar-nav .sidebar-nav-title { font-size: 22px; color: #fff; margin-bottom: 10px; } .sidebar-nav .sidebar-nav-about-text, .sidebar-nav .sidebar-nav-about-link { font-size: 13px; color: #fff; margin-bottom: 5px; } .sidebar-nav .sidebar-nav-about-link:hover { color: #00bcd4; text-decoration: none; } .sidebar-nav .sidebar-nav-comment-input { color: #e6e6e6; background: #2f2f37; border: 0; } .sidebar-nav .sidebar-nav-comment-input::-moz-placeholder { color: #ccc; } .sidebar-nav .sidebar-nav-comment-input:-ms-input-placeholder { color: #ccc; } .sidebar-nav .sidebar-nav-comment-input::-webkit-input-placeholder { color: #ccc; } .sidebar-nav .sidebar-nav-comment-input:focus { color: #fff; } .sidebar-nav .sidebar-nav-comment-input:focus::-moz-placeholder { color: #fff; } .sidebar-nav .sidebar-nav-comment-input:focus:-ms-input-placeholder { color: #fff; } .sidebar-nav .sidebar-nav-comment-input:focus::-webkit-input-placeholder { color: #fff; } @media (min-width: 992px) { .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon { background: #fff; } .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:after { background: #fff; } .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon { background: rgba(255, 255, 255, 0); } .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:after { background: #fff; } .sidebar-trigger.sidebar-trigger-style-white:hover.is-clicked .sidebar-trigger-icon { background: rgba(255, 255, 255, 0); } .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon { background: #00bcd4; } .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:after { background: #00bcd4; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon { background: #34343c; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white .sidebar-trigger-icon:after { background: #34343c; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon { background: rgba(52, 52, 60, 0); } .header-shrink .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white.is-clicked .sidebar-trigger-icon:after { background: #34343c; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover.is-clicked .sidebar-trigger-icon { background: rgba(52, 52, 60, 0); } .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon { background: #00bcd4; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:after { background: #00bcd4; } } body.admin-bar header.ark-header:not(.header-fixed) .navbar-fullscreen-navbar { margin-top: 48px; } @media (min-width: 783px) { body.admin-bar header.ark-header:not(.header-fixed) .navbar-fullscreen-navbar { margin-top: 32px; } } @media (min-width: 992px) { body.admin-bar header.ark-header:not(.header-fixed) nav.navbar, body.admin-bar header.ark-header:not(.header-fixed) .search-on-header-field, body.admin-bar header.ark-header:not(.header-fixed) .search-push-container, body.admin-bar header.ark-header:not(.header-fixed) .header-fullscreen-nav-close { margin-top: 32px; } body.admin-bar .search-push-open { margin-bottom: -32px; } } .ark-topbar-wrapper { height: auto; overflow: hidden; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (min-width: 992px) { .header-shrink .ark-topbar-hidden-on-scroll.ark-topbar-initialized { height: 0 !important; } } @media screen and (min-width: 992px) { body.admin-bar header .ark-topbar-wrapper { padding-top: 32px; } body.admin-bar header.header-fixed .ark-topbar-wrapper { padding-top: 0; } body.admin-bar .ark-topbar-wrapper { margin-bottom: -32px; } } body.admin-bar .header-shrink:not(.topbar-always-visible) .ark-topbar-wrapper { padding-top: 0; margin-bottom: 0; } .ark-header .theme-toggle-trigger { display: block; } .ark-header .theme-toggle-content { overflow: hidden; display: none; } @media (min-width: 992px) { .ark-header .theme-toggle-trigger { display: none !important; } .ark-header .theme-toggle-content { display: block !important; } } .contact-us-timeline-day { display: block; width: 100%; font-size: 12px; font-weight: 300; color: #fff; padding: 5px 10px; margin-right: 15px; } .contact-us-timeline-time { display: block; font-size: 12px; font-weight: 300; border: 1px solid transparent; padding: 5px 10px; } .faq-v2 { position: relative; z-index: 1; background-size: cover; background-position: center center; border-radius: 3px; margin-bottom: 50px; } .faq-v2 .faq-v2-community { cursor: pointer; position: relative; z-index: 1; overflow: hidden; padding: 40px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .faq-v2 .faq-v2-community .faq-v2-community-content { margin-bottom: 20px; -webkit-transform: translate3d(0, 30%, 0); -moz-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .faq-v2 .faq-v2-community .faq-v2-community-icon { display: block; font-size: 50px; color: #606060; margin-bottom: 30px; } .faq-v2 .faq-v2-community .faq-v2-community-title { font-size: 20px; margin-bottom: 0; } .faq-v2 .faq-v2-community .faq-v2-community-btn { opacity: 0; margin-bottom: 0; -webkit-transform: translate3d(0, 105%, 0); -moz-transform: translate3d(0, 105%, 0); transform: translate3d(0, 105%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .faq-v2 .faq-v2-community:hover .faq-v2-community-content { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .faq-v2 .faq-v2-community:hover .faq-v2-community-btn { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ark-woocommerce-products img { max-width: 100%; height: auto; margin-bottom: 20px; } .ark-woocommerce-products { text-align: center; } .ark-woocommerce-products .title { font-size: 20px; color: #34343c; margin-bottom: 10px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); text-decoration: none; display: block; } .ark-woocommerce-products a.title:hover { color: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ark-woocommerce-products .price { display: block; font-size: 16px; margin-bottom: 20px; } .ark-woocommerce-products .add_to_cart_button, .ark-woocommerce-products .added_to_cart { margin: 0 5px 10px; padding: 8px 15px; text-decoration: none; border: 1px solid #00bcd4; color: #00bcd4; position: relative; display: inline-block; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ark-woocommerce-products .add_to_cart_button:hover, .ark-woocommerce-products .added_to_cart:hover, .ark-woocommerce-products .add_to_cart_button.loading { background: #00bcd4; color: #fff; } .ark-woocommerce-products .add_to_cart_button.added { padding-right: 32px; } .ark-woocommerce-products .add_to_cart_button.added:after { font-family: WooCommerce; content: "\e017"; margin-left: 0.53em; position: absolute; top: 7px; right: 11px; } .ark-woocommerce-products .add_to_cart_button.loading { padding-right: 32px; opacity: 0.5; } .ark-woocommerce-products .add_to_cart_button.loading:after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; -webkit-font-smoothing: antialiased; font-weight: 400; position: absolute; top: 7px; right: 11px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .ark-woocommerce-products .fg-blog-col-main { margin-bottom: 30px; } .animated-headline-v1 { width: 100%; text-align: center; margin-bottom: 30px; } .animated-headline-v2 { margin-bottom: 30px; padding-top: 80px; padding-bottom: 80px; } .animated-headline-v1 h1.animated-headline-title { font-size: 50px; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap { display: inline-block; font-size: 50px; font-weight: 300; position: relative; text-align: left; vertical-align: top; overflow: hidden; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap.waiting:after { -webkit-animation: animated-headline-v1-pulse 0.1s infinite; -moz-animation: animated-headline-v1-pulse 0.1s infinite; animation: animated-headline-v1-pulse 0.1s infinite; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap.selected:after { visibility: hidden; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap b { font-weight: 300; visibility: hidden; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap b.is-visible { visibility: visible; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap i { position: absolute; font-style: normal; visibility: hidden; } .animated-headline-v1 .animated-headline-title .animated-headline-wrap i.in { position: relative; visibility: visible; } .animated-headline-v1 .animated-headline-v1-subtitle { font-size: 18px; font-style: italic; opacity: 0.8; } .animated-headline-v1 .animated-headline-title { font-size: 50px; margin-bottom: 0; } .animated-headline-v2 .animated-headline-title { margin-bottom: 40px; } @-webkit-keyframes animated-headline-v1-pulse { 0% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 40% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(0.9, 1); -moz-transform: scale(0.9, 1); transform: scale(0.9, 1); opacity: 0; } 100% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; } } @-moz-keyframes animated-headline-v1-pulse { 0% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 40% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(0.9, 1); -moz-transform: scale(0.9, 1); transform: scale(0.9, 1); opacity: 0; } 100% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; } } @keyframes animated-headline-v1-pulse { 0% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; } 40% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(0.9, 1); -moz-transform: scale(0.9, 1); transform: scale(0.9, 1); opacity: 0; } 100% { -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); transform: scale(0, 0); opacity: 0; } } .animsition, .animsition-overlay { position: relative; opacity: 0; } .animsition-overlay-slide { position: fixed; width: 100%; height: 100%; z-index: 9999; background: #fff; } .animsition-loading, .animsition-loading:after { position: fixed; top: 50%; left: 50%; width: 60px; height: 60px; z-index: 100; margin: -30px 0 0 -30px; border-radius: 50%; } .animsition-loading { background: 0 0; border-left: 2px solid #00bcd4; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes fade-in { 0% { opacity: 0 !important; } 100% { opacity: 1 !important; } } @-moz-keyframes fade-in { 0% { opacity: 0 !important; } 100% { opacity: 1 !important; } } @keyframes fade-in { 0% { opacity: 0 !important; } 100% { opacity: 1 !important; } } .fade-in { -webkit-animation-name: fade-in !important; -moz-animation-name: fade-in !important; animation-name: fade-in !important; } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } .fade-out { -webkit-animation-name: fade-out; -moz-animation-name: fade-out; animation-name: fade-out; } @-webkit-keyframes fade-in-up { 0% { -webkit-transform: translate3d(0, 500px, 0); -moz-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @-moz-keyframes fade-in-up { 0% { -webkit-transform: translate3d(0, 500px, 0); -moz-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes fade-in-up { 0% { -webkit-transform: translate3d(0, 500px, 0); -moz-transform: translate3d(0, 500px, 0); transform: translate3d(0, 500px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .back-to-top-theme { position: fixed; right: 10px; bottom: 10px; display: inline-block; z-index: 9; width: 35px; height: 35px; font-size: 22px; color: #fff; line-height: 0.5; background: #00bcd4; border-radius: 3px; visibility: hidden; opacity: 0; padding: 10.5px; -webkit-transform: translate3d(0, 50px, 0); -moz-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top-theme:after { font-family: "ff-font-awesome" !important; color: #fff; text-align: center; content: "\f106"; vertical-align: top; } .back-to-top-theme:hover { background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top-theme:focus, .back-to-top-theme:hover { text-decoration: none; } .back-to-top-theme.back-to-top-is-visible { visibility: visible; opacity: 0.6; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top-theme.back-to-top-is-visible:hover { opacity: 1; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .back-to-top-theme.back-to-top-fade-out { opacity: 0.4; } .back-to-top-theme.back-to-top-fade-out:hover { opacity: 1; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .list-inline { margin-left: 0; } .form-control { height: 40px; font-size: 13px; font-weight: 300; color: #606060; border-color: #ebeef6; box-shadow: none; } .form-control::-moz-placeholder { color: #606060; } .form-control:-ms-input-placeholder { color: #606060; } .form-control::-webkit-input-placeholder { color: #606060; } .form-control:focus { border-color: #d9dfee; box-shadow: none; } .form-control:focus::-moz-placeholder { color: #606060; } .form-control:focus:-ms-input-placeholder { color: #606060; } .form-control:focus::-webkit-input-placeholder { color: #606060; } .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-fade .carousel-inner .item { -webkit-transition: opacity 0.8s; -moz-transition: opacity 0.8s; transition: opacity 0.8s; } .carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; } .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-control { z-index: 2; } .theme-carousel-control-v1 { width: 0; text-shadow: none; opacity: 1; } .theme-carousel-control-v1 .carousel-control-arrows-v1 { position: absolute; z-index: 1; top: 50%; display: inline-block; width: 35px; height: 35px; line-height: 35px; font-size: 18px; color: #34343c; text-align: center; background: rgba(255, 255, 255, 0.7); vertical-align: middle; margin-top: -17.5px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-carousel-control-v1 .carousel-control-arrows-v1:hover { color: #34343c; background: #fff; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-carousel-control-v1.left .carousel-control-arrows-v1 { left: 10px; } .theme-carousel-control-v1.right .carousel-control-arrows-v1 { right: 10px; } .interactive-banner-2 { margin-bottom: 50px; } .interactive-banner-2 .carousel-indicators { bottom: 0; } @media (min-width: 992px) { .theme-ci-v1 { width: 100%; margin-left: -50%; } .theme-ci-v1 .theme-ci-v1-item { position: relative; min-width: 190px; width: auto; height: auto; font-size: 18px; color: #fff; text-align: left; background: 0 0; border: 0; border-radius: 0; text-indent: inherit; overflow: hidden; opacity: 0.5; padding: 10px 5px; margin: 0 50px 20px; } .theme-ci-v1 .theme-ci-v1-item:before, .theme-ci-v1 .theme-ci-v1-item:after { background: #fff; content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-ci-v1 .theme-ci-v1-item:before { position: absolute; top: 0; right: 0; width: 0; height: 2px; } .theme-ci-v1 .theme-ci-v1-item:after { position: absolute; left: 0; bottom: 0; width: 0; height: 2px; } .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-no { font-size: 50px; font-weight: 400; float: left; line-height: 0.9; letter-spacing: -2px; margin-right: 8px; } .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-media { overflow: hidden; } .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-title { display: block; font-size: 18px; font-style: italic; } .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-subtitle { display: block; font-size: 14px; } .theme-ci-v1 .theme-ci-v1-item.active { width: auto; height: auto; background: 0 0; opacity: 1; margin: 0 50px 20px; } .theme-ci-v1 .theme-ci-v1-item.active:before { position: absolute; top: 0; right: 0; width: 100%; height: 2px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-ci-v1 .theme-ci-v1-item.active:after { width: 100%; height: 2px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-ci-v1 .theme-ci-v1-item:hover:before { position: absolute; top: 0; right: 0; width: 100%; height: 2px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-ci-v1 .theme-ci-v1-item:hover:after { width: 100%; height: 2px; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } } @media (max-width: 992px) { .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-no, .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-media { display: none; } } .theme-carousel-indicators-v2 { bottom: -10px; } .theme-carousel-indicators-v2 li { width: 8px; height: 8px; background: #34343c; margin: 0; border-radius: 50%; } .theme-carousel-indicators-v2 li.active { width: 8px; height: 8px; background: #00bcd4; border-color: #00bcd4; } @media (min-width: 992px) { .theme-carousel-indicators-v2 { left: 65%; bottom: 0; margin-left: 0; } } .theme-carousel-indicators-v3 { position: static; width: auto; text-align: right; margin: 0; } .theme-carousel-indicators-v3 li { position: relative; width: auto; height: auto; font-size: 18px; color: #fff; background: 0; border: 0; border-bottom: 1px solid #fff; border-radius: 0; text-indent: inherit; padding: 0 2px; margin: 0 6px 0 0; } .theme-carousel-indicators-v3 li.active, .theme-carousel-indicators-v3 li.fg-text-dark.active { width: auto; height: auto; color: #00bcd4; background: 0; border-bottom-color: #00bcd4; margin: 0 6px 0 0; } .theme-carousel-indicators-v3 li:hover, .theme-carousel-indicators-v3 li.fg-text-dark:hover { border-bottom-color: #00bcd4; } .theme-carousel-indicators-v3 li:hover.active, .theme-carousel-indicators-v3 li.fg-text-dark:hover.active { color: #00bcd4; border-bottom-color: #00bcd4; } .theme-carousel-indicators-v5 { position: static; width: auto; text-align: center; background: #fff; border: 1px solid #f7f8fa; border-radius: 0; padding: 10px; margin: 0; } .theme-carousel-indicators-v5 li { width: auto; height: auto; z-index: 1; text-indent: inherit; background: 0; border: 0; padding: 0; margin: 0 1px; } .theme-carousel-indicators-v5 li.active { width: auto; height: auto; background: 0; border: 0; padding: 0; margin: 0 1px; } .theme-carousel-indicators-v5 li.active .theme-carousel-indicators-item { width: 50px; height: 50px; border: 2px solid #00bcd4; } .theme-carousel-indicators-v5 .theme-carousel-indicators-item { width: 50px; height: 50px; border: 2px solid #ebeef6; } @media (max-width: 480px) { .theme-carousel-indicators-v5 { display: none; } } .modal-open { padding-right: 0 !important; } .modal-open .modal { padding-right: 0 !important; } .map { width: 100%; height: 100%; background: #f7f8fa; } .masonry-grid { overflow: hidden; } .masonry-wrapper { margin: 0 -15px; } .masonry-grid.masonry-grid-no-space { margin: 0; } .masonry-grid.masonry-grid-no-space .masonry-grid-item { padding: 0; margin: 0; } .masonry-grid .masonry-grid-item { display: block; width: 19.99%; float: left; vertical-align: top; word-wrap: break-word; } .masonry-grid .masonry-grid-item .post-wrapper { margin-left: 15px; margin-right: 15px; margin-bottom: 30px; } .masonry-grid .masonry-grid-item.col-1 { width: 100%; } .masonry-grid .masonry-grid-item.col-1 .blog-grid { margin-bottom: 50px; } .masonry-grid .masonry-grid-item.col-1 { width: 99.99%; } .masonry-grid .masonry-grid-item.col-2 { width: 49.99%; } .masonry-grid .masonry-grid-item.col-3 { width: 33.33333333%; } .masonry-grid .masonry-grid-item.col-4 { width: 24.9%; } @media (max-width: 992px) { .masonry-grid .masonry-grid-item { width: 49.9%; } .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-4 { width: 49.9%; } } @media (max-width: 480px) { .masonry-grid .masonry-grid-item { width: 100%; } .masonry-grid .masonry-grid-item.col-2, .masonry-grid .masonry-grid-item.col-3, .masonry-grid .masonry-grid-item.col-4 { width: 100%; } } .owl-carousel { position: relative; } .owl-btn, .owl-dot { cursor: pointer; } .owl-dots { text-align: center; margin-top: 30px; } .owl-dot { display: inline-block; padding: 0 3px; } .owl-dot span, .owl-dots span { position: relative; display: inline-block; width: 8px; height: 8px; text-indent: -999px; background: 0 0; border: 1px solid #00bcd4; border-radius: 50%; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-dot.active span, .owl-dots.active span { background: #00bcd4; -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-dots-color-picker .owl-dot.active span, .owl-dots-color-picker .owl-dots.active span { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .owl-dots-color-picker .owl-dot { display: inline-block; padding: 0 5px; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .owl-dots-color-picker .owl-dot .owl-dots-color-silver, .owl-dots-color-picker .owl-dot .owl-dots-color-white, .owl-dots-color-picker .owl-dot .owl-dots-color-dark { position: relative; display: inline-block; width: 40px; height: 40px; text-indent: -999px; border: 1px solid transparent; border-radius: 50%; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-dots-color-picker .owl-dot .owl-dots-color-silver.owl-dots-color-silver, .owl-dots-color-picker .owl-dot .owl-dots-color-white.owl-dots-color-silver, .owl-dots-color-picker .owl-dot .owl-dots-color-dark.owl-dots-color-silver { background: #c69f73; } .owl-dots-color-picker .owl-dot .owl-dots-color-silver.owl-dots-color-white, .owl-dots-color-picker .owl-dot .owl-dots-color-white.owl-dots-color-white, .owl-dots-color-picker .owl-dot .owl-dots-color-dark.owl-dots-color-white { background: #fff; border-color: #ebeef6; } .owl-dots-color-picker .owl-dot .owl-dots-color-silver.owl-dots-color-dark, .owl-dots-color-picker .owl-dot .owl-dots-color-white.owl-dots-color-dark, .owl-dots-color-picker .owl-dot .owl-dots-color-dark.owl-dots-color-dark { background: #34343c; } .owl-dots-color-picker .owl-dot .owl-dots-color-silver:hover, .owl-dots-color-picker .owl-dot .owl-dots-color-white:hover, .owl-dots-color-picker .owl-dot .owl-dots-color-dark:hover { opacity: 0.8; } .owl-dots-color-picker .owl-dot.active { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); transform: scale(1, 1); } .owl-dots-color-picker .owl-dot.active .owl-dots-color-silver, .owl-dots-color-picker .owl-dot.active .owl-dots-color-white, .owl-dots-color-picker .owl-dot.active .owl-dots-color-dark { position: relative; } .owl-dots-color-picker .owl-dot.active .owl-dots-color-silver:before, .owl-dots-color-picker .owl-dot.active .owl-dots-color-white:before, .owl-dots-color-picker .owl-dot.active .owl-dots-color-dark:before { position: absolute; top: 0; z-index: 10; display: inline-block; width: 40px; height: 40px; font-size: 20px; font-family: "ff-font-awesome" !important; color: #fff; text-align: center; vertical-align: middle; padding: 6px; text-indent: 0; content: "\f00c"; } .owl-dots-color-picker .owl-dot.active .owl-dots-color-white:before { color: #34343c; } .testimonials-v4-arrows .arrow-next, .testimonials-v4-arrows .arrow-prev { position: absolute; top: 50%; width: 35px; height: 35px; font-size: 20px; color: #34343c; background: rgba(255, 255, 255, 0.9); cursor: pointer; padding: 7px; margin-top: -17.5px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .testimonials-v4-arrows .arrow-next:hover, .testimonials-v4-arrows .arrow-prev:hover { color: #fff; background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .testimonials-v4-arrows .arrow-prev { left: 0; margin-left: -50px; } .testimonials-v4-arrows .arrow-next { right: 0; margin-right: -50px; } @media (max-width: 992px) { .testimonials-v4-arrows .arrow-prev { left: 0; margin-left: 0; } .testimonials-v4-arrows .arrow-next { right: 0; margin-right: 0; } } .owl-control-arrows-v1 .owl-arrow { display: inline-block; width: 35px; height: 35px; font-size: 20px; color: #34343c; text-align: center; background: #fff; vertical-align: middle; cursor: pointer; padding: 7px; margin: 0 3px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-control-arrows-v1 .owl-arrow.arrow-left, .owl-control-arrows-v1 .owl-arrow.arrow-right { position: absolute; top: 50%; z-index: 1; margin-top: -17.5px; } .owl-control-arrows-v1 .owl-arrow.arrow-left { left: 0; } .owl-control-arrows-v1 .owl-arrow.arrow-right { right: 0; } .owl-control-arrows-v1 .owl-arrow:hover { color: #fff; background: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow, .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow { display: inline-block; z-index: 1; margin: -25px 0 0; width: 30px; height: 50px; font-size: 20px; position: absolute; color: #fff; text-align: center; line-height: 2.4; background: rgba(52, 52, 60, 0.8); cursor: pointer; vertical-align: middle; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow:hover, .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow:hover { opacity: 1; background: #34343c; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .owl-control-arrows-v2 .ff-owl-controls-item-next .owl-arrow { top: 50%; right: 0; } .owl-control-arrows-v2 .ff-owl-controls-item-prev .owl-arrow { top: 50%; left: 0; } .testimonials-v2-arrows .arrow-next, .testimonials-v2-arrows .arrow-prev { position: absolute; top: 50%; z-index: 1; width: 35px; height: 35px; font-size: 20px; color: #34343c; background: rgba(255, 255, 255, 0.9); cursor: pointer; padding: 8px 14px; margin-top: -17.5px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .testimonials-v2-arrows .arrow-next:hover, .testimonials-v2-arrows .arrow-prev:hover { color: #fff; background: #00bcd4; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .testimonials-v2-arrows .arrow-prev { left: 0; margin-left: -40px; } .testimonials-v2-arrows .arrow-next { right: 0; margin-right: -40px; } @media (max-width: 992px) { .testimonials-v2-arrows .arrow-prev { margin-left: 0; } .testimonials-v2-arrows .arrow-next { margin-right: 0; } } .cbp-popup-lightbox .cbp-popup-close, .cbp-popup-lightbox .cbp-popup-next, .cbp-popup-lightbox .cbp-popup-prev { width: 38px; height: 38px; background: #000; border-radius: 3px; opacity: 0.5; } .cbp-popup-lightbox .cbp-popup-close:after, .cbp-popup-lightbox .cbp-popup-next:after, .cbp-popup-lightbox .cbp-popup-prev:after { display: inline-block; width: 38px; height: 38px; font-size: 20px; font-family: "ff-font-awesome" !important; color: #fff; text-align: center; vertical-align: middle; padding: 5px; } .cbp-popup-lightbox .cbp-popup-close:hover, .cbp-popup-lightbox .cbp-popup-next:hover, .cbp-popup-lightbox .cbp-popup-prev:hover { opacity: 1; } .cbp-popup-lightbox .cbp-popup-close:after { font-size: 16px; content: "\2716"; padding: 8px; } .cbp-popup-lightbox .cbp-popup-prev:after { content: "\f104"; } .cbp-popup-lightbox .cbp-popup-next:after { font-family: "ff-font-awesome" !important; content: "\f105"; } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls { position: absolute; top: auto; left: 50%; bottom: -40px; margin-left: -35px; } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next, .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev { width: 30px; height: 30px; background: 0 0; border-radius: 3px; margin: 0 3px; } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:after, .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:after { display: inline-block; width: 30px; height: 30px; font-size: 20px; font-family: "ff-font-awesome" !important; color: #34343c; text-align: center; background: 0 0; border: 1px solid #34343c; border-radius: 50%; vertical-align: middle; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:hover, .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:hover { opacity: 1; } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:hover:after, .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:hover:after { color: #fff; background: #34343c; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-next:after { font-family: "ff-font-awesome" !important; content: "\f105"; } .theme-portfolio.theme-portfolio-nav-v1 .cbp-nav-controls .cbp-nav-prev:after { content: "\f104"; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls { position: static; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev, .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next { width: 30px; height: 50px; z-index: 1; background: 0 0; margin: -25px 3px 0; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:after, .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:after { display: inline-block; width: 30px; height: 50px; font-size: 20px; font-family: "ff-font-awesome" !important; color: #fff; text-align: center; line-height: 2.4; background: rgba(52, 52, 60, 0.8); vertical-align: middle; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:hover, .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:hover { opacity: 1; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:hover:after, .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:hover:after { background: #34343c; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next { position: absolute; top: 50%; right: 0; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-next:after { font-family: "ff-font-awesome" !important; content: "\f105"; margin-right: -3px; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev { position: absolute; top: 50%; left: 0; } .theme-portfolio.theme-portfolio-nav-v2 .cbp-nav-controls .cbp-nav-prev:after { content: "\f104"; margin-left: -3px; } .theme-portfolio .cbp-l-filters-alignRight, .theme-portfolio .cbp-l-filters-alignLeft, .theme-portfolio .cbp-l-filters-alignCenter { font-size: 16px; font-weight: 300; margin-bottom: 0; } .theme-portfolio .cbp-filter-item { font-size: 18px; font-weight: 300; color: #34343c; background: 0 0; border: 0; border-bottom: 1px solid transparent; text-transform: inherit; padding: 5px 10px; margin: 0 10px 40px; } .cbp-l-filters-alignLeft .cbp-filter-item.cbp-filter-item-active { border: 0; } .theme-portfolio .cbp-filter-item.cbp-filter-item-active { color: #00bcd4; background: 0 0; border-color: transparent; } .theme-portfolio .cbp-filter-item:hover { color: #00bcd4; } .theme-portfolio .cbp-filter-counter { background: #00bcd4; } .theme-portfolio .cbp-filter-counter:after { border-top-color: #00bcd4; } @media (max-width: 768px) { .cbp-l-filters-alignRight, .cbp-l-filters-alignLeft { float: none; text-align: center; } } .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link { display: inline-block; min-width: auto; font-size: 16px; font-weight: 300; color: #00bcd4; line-height: 1.4; border: 1px solid #00bcd4; padding: 12px 25px; } .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link:hover, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link:hover { color: #fff; background: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .cbp-caption-zoom .cbp-caption-activeWrap { background: rgba(0, 188, 212, 0.7); } .theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-active-wrap { position: relative; } .theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-active-wrap:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading { position: absolute; top: 50%; left: 0; width: 100%; height: auto; display: block; text-align: center; opacity: 0; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-title { font-size: 18px; margin-bottom: 0; -webkit-transform: translate3d(0, -40%, 0); -moz-transform: translate3d(0, -40%, 0); transform: translate3d(0, -40%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1 .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-subtitle { display: block; font-size: 14px; font-style: italic; margin-bottom: 0; -webkit-transform: translate3d(0, 40%, 0); -moz-transform: translate3d(0, 40%, 0); transform: translate3d(0, 40%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-active-wrap:before { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading { opacity: 1; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-title { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v1:hover .theme-portfolio-item-v1-heading .theme-portfolio-item-v1-subtitle { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap { position: relative; } .theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-active-wrap:before { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v2 .theme-portfolio-lightbox { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate3d(-50%, -20%, 0); -moz-transform: translate3d(-50%, -20%, 0); transform: translate3d(-50%, -20%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v2:hover .theme-portfolio-active-wrap:before { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v2:hover .theme-portfolio-lightbox { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-active-wrap { position: relative; } .ff-gallery-based-on-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-item-v3-heading { z-index: 2; } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-active-wrap:before { pointer-events: none; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; width: auto; height: auto; background: rgba(255, 255, 255, 0); content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox { position: absolute; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate3d(-50%, -20%, 0); -moz-transform: translate3d(-50%, -20%, 0); transform: translate3d(-50%, -20%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon { position: relative; width: 30px; height: 30px; display: inline-block; color: #34343c; text-align: center; } .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before { position: absolute; top: 50%; left: 50%; width: 1px; height: 30px; margin-top: -15px; } .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after { position: absolute; top: 50%; left: 50%; width: 30px; height: 1px; margin-left: -15px; } .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:before, .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:after { background: #34343c; content: " "; } .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:before, .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:after { background: #00bcd4; } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; display: block; padding: 0 30px 30px; opacity: 0; z-index: 1; background-color: transparent !important; -webkit-transform: translate3d(0, 20%, 0); -moz-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-title { font-size: 16px; margin-bottom: 0; } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-item-v3-heading .theme-portfolio-item-v3-subtitle { display: block; font-size: 14px; font-style: italic; margin-bottom: 0; } .theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-active-wrap:before { background: rgba(255, 255, 255, 0.8); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-lightbox { opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-item-v3:hover .theme-portfolio-item-v3-heading { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio .theme-portfolio-title-heading { padding: 20px; } .theme-portfolio-item-v2 .theme-portfolio-title-heading { text-align: center; } .theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm { padding: 15px; } .theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm .theme-portfolio-title { font-size: 16px; } .theme-portfolio .theme-portfolio-title-heading.theme-portfolio-title-heading-sm .theme-portfolio-subtitle { font-size: 14px; } .theme-portfolio .theme-portfolio-title-heading .theme-portfolio-title { display: block; font-size: 18px; margin: 0 0 3px; } .theme-portfolio .theme-portfolio-title-heading .theme-portfolio-subtitle { display: block; color: #606060; font-size: 15px; font-style: italic; font-weight: 300; } .theme-portfolio-desc .portfolio-item-img-wrap { position: relative; } .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-content-wrap { position: absolute; left: 0; bottom: 0; width: auto; height: auto; } .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading { background: #fff; padding: 10px 20px; margin: 40px; } .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title { font-size: 30px; font-weight: 400; margin: 0; } .portfolio-sidebar-widget { padding-bottom: 20px; margin-bottom: 20px; } .portfolio-item-subitem-title { font-size: 18px; font-weight: 400; margin-bottom: 10px; } .portfolio-item-subitem-paragraph { margin-bottom: 0; } .portfolio-item-category { font-size: 15px; font-weight: 300; color: #606060; } .portfolio-item-category:hover { color: #00bcd4; text-decoration: none; } @media (max-width: 480px) { .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading { margin: 10px; padding: 5px 10px; } .theme-portfolio-desc .portfolio-item-img-wrap .portfolio-item-heading .portfolio-item-heading-title { font-size: 18px; } } .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item { position: relative; z-index: 2; display: block; font-size: 16px; font-weight: 300; color: #34343c; line-height: 1.4; border: 0; background: inherit; text-transform: inherit; padding: 0; margin: 0 0 10px; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #00bcd4; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item.cbp-filter-item-active { background: inherit; } .theme-portfolio-v2 .cbp-item { padding: 15px; } .theme-portfolio-v2 .cbp-item { box-shadow: 0 2px 5px 3px rgba(0, 0, 0, 0.07); } .theme-portfolio-v2 .ff-portfolio-grid-wrapper { padding: 8px; margin: -8px -8px 0; overflow: hidden; } .theme-portfolio-v2 .cbp-wrapper-outer { overflow: visible; } @media (max-width: 992px) { .theme-portfolio-v2 .cbp-l-filters-alignRight { text-align: center; } .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item { display: inline-block; margin: 0 10px 10px; } } .theme-portfolio-v3 .cbp-l-filters-button { margin-bottom: 15px; } .theme-portfolio-v3 .cbp-l-filters-button .cbp-filter-item { font-size: 20px; font-weight: 300; color: #fff; background: 0 0; border: 0; padding: 0 3px; } .theme-portfolio-v3 .cbp-l-filters-button .cbp-filter-item-active { font-weight: 400; } .theme-portfolio-v3 .cbp-caption-zoom .cbp-caption-activeWrap { background: rgba(52, 52, 60, 0.9); } .theme-portfolio-filter-v1 .cbp-filter-item { font-size: 14px; color: #34343c; background: #fff; border-bottom: 0; padding: 10px 20px; margin: 0 3px 40px; } .theme-portfolio-filter-v1 .cbp-filter-item.cbp-filter-item-active { color: #00bcd4; background: #fff; } .tp-loader.spinner2 { background: #00bcd4; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1 { height: 40px; color: #fff; background: rgba(255, 255, 255, 0.3); border: 0; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1::-moz-placeholder { color: #fff; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1:-ms-input-placeholder { color: #fff; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1::-webkit-input-placeholder { color: #fff; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus { background: rgba(255, 255, 255, 0.5); color: #fff; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus::-moz-placeholder { color: #fff; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus:-ms-input-placeholder { color: #fff; } .theme-rev-slider-form-v1 .rev-slideer-form-input-v1:focus::-webkit-input-placeholder { color: #fff; } .zeus .tp-bullet { width: 10px; height: 10px; border-width: 1px; } .zeus .tp-bullet-title { font-size: 12px; font-weight: 300; } .erinyen .theme-rev-tab-title-v1 { font-size: 14px; font-weight: 700; color: #fff; text-transform: uppercase; border-top: 2px solid #fff; margin-bottom: 10px; padding-top: 15px; } .erinyen .theme-rev-tab-desc-v1 { font-size: 13px; font-weight: 400; color: #fff; } .scrollbelow-action-icon { position: absolute; top: 0; left: 0; width: 20px; height: 20px; font-size: 30px; -webkit-animation-name: Scrollbelow; -moz-animation-name: Scrollbelow; animation-name: Scrollbelow; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes Scrollbelow { 0% { top: 0; bottom: 0; } 25% { top: -20px; bottom: 25px; } 50% { top: -20px; bottom: 50px; } 75% { top: -20px; bottom: 75px; } 100% { top: 0; bottom: 100px; } } @-moz-keyframes Scrollbelow { 0% { top: 0; bottom: 0; } 25% { top: -20px; bottom: 25px; } 50% { top: -20px; bottom: 50px; } 75% { top: -20px; bottom: 75px; } 100% { top: 0; bottom: 100px; } } @keyframes Scrollbelow { 0% { top: 0; bottom: 0; } 25% { top: -20px; bottom: 25px; } 50% { top: -20px; bottom: 50px; } 75% { top: -20px; bottom: 75px; } 100% { top: 0; bottom: 100px; } } .scrollbelow-action-icon-v2 { position: absolute; top: 0; display: inline-block; font-size: 20px; -webkit-animation-name: Scrollbelow-v2; -moz-animation-name: Scrollbelow-v2; animation-name: Scrollbelow-v2; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate; } @-webkit-keyframes Scrollbelow-v2 { 0% { top: 0; bottom: 0; } 25% { top: 5px; bottom: 45px; } 50% { top: 5px; bottom: 70px; } 75% { top: 5px; bottom: 95px; } 100% { top: 0; bottom: 120px; } } @-moz-keyframes Scrollbelow-v2 { 0% { top: 0; bottom: 0; } 25% { top: 5px; bottom: 45px; } 50% { top: 5px; bottom: 70px; } 75% { top: 5px; bottom: 95px; } 100% { top: 0; bottom: 120px; } } @keyframes Scrollbelow-v2 { 0% { top: 0; bottom: 0; } 25% { top: 5px; bottom: 45px; } 50% { top: 5px; bottom: 70px; } 75% { top: 5px; bottom: 95px; } 100% { top: 0; bottom: 120px; } } .theme-rev-slider-input-v1 { font-size: 26px; color: #fff; text-align: center; background: 0 0; border: 0; border-bottom: 1px solid #fff; border-radius: 0; } .theme-rev-slider-input-v1::-moz-placeholder { color: #fff; } .theme-rev-slider-input-v1:-ms-input-placeholder { color: #fff; } .theme-rev-slider-input-v1::-webkit-input-placeholder { color: #fff; } .theme-rev-slider-input-v1:focus { color: #fff; } .theme-rev-slider-input-v1:focus::-moz-placeholder { color: #fff; } .theme-rev-slider-input-v1:focus:-ms-input-placeholder { color: #fff; } .theme-rev-slider-input-v1:focus::-webkit-input-placeholder { color: #fff; } .theme-rev-slider-input-v2 { width: 100%; height: 48px; color: #fff; background: 0 0; border-color: #fff; } .theme-rev-slider-input-v2::-moz-placeholder { color: #fff; } .theme-rev-slider-input-v2:-ms-input-placeholder { color: #fff; } .theme-rev-slider-input-v2::-webkit-input-placeholder { color: #fff; } .theme-rev-slider-input-v2:focus { color: #fff; border-color: #fff; } .theme-rev-slider-input-v2:focus::-moz-placeholder { color: #fff; } .theme-rev-slider-input-v2:focus:-ms-input-placeholder { color: #fff; } .theme-rev-slider-input-v2:focus::-webkit-input-placeholder { color: #fff; } .color-base { color: #00bcd4 !important; } .color-blue-grey { color: #546e7a !important; } .color-teal { color: #009688 !important; } .color-red { color: #e55973 !important; } .color-gold { color: #c69f73 !important; } .bg-color-white { background: #fff !important; } .bg-color-sky-light { background: #f7f8fa !important; } @media (min-width: 992px) { .wrapper > .wrapper-top-space { height: 90px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .position-r { position: relative; } .position-a { position: absolute; } .position-s { position: static; } .position-i { position: inherit; } .overflow-h { overflow: hidden; } .overflow-a { overflow: auto; } .overflow-i { overflow: inherit; } .font-size-13 { font-size: 13px !important; } .font-size-36 { font-size: 36px !important; } @media (max-width: 992px) { .md-font-size-13 { font-size: 13px !important; } .md-font-size-36 { font-size: 36px !important; } } @media (max-width: 768px) { .sm-font-size-13 { font-size: 13px !important; } .sm-font-size-36 { font-size: 36px !important; } } @media (max-width: 480px) { .xs-font-size-13 { font-size: 13px !important; } .xs-font-size-36 { font-size: 36px !important; } } .line-through { text-decoration: line-through !important; } .underline { text-decoration: underline !important; } .font-style-inherit { font-style: inherit !important; } .font-style-italic { font-style: italic !important; } .center-content-hor-col-wrap { display: table; width: 100%; height: 100%; vertical-align: middle; } .center-content-hor-col-align { display: table-cell; float: none; vertical-align: middle; } @media (min-width: 768px) { .center-content-hor-wrap-sm { display: table; width: 100%; height: 100%; vertical-align: middle; } .center-content-hor-align-sm { display: table-cell; float: none; vertical-align: middle; } .center-content-hor-align-sm.center-content-hor-align-sm-width-xs { min-width: 150px; } .center-content-hor-align-sm.center-content-hor-align-sm-width-sm { min-width: 250px; } .center-content-hor-align-sm.center-content-hor-align-sm-width-md { min-width: 300px; } } @media (max-width: 768px) { .center-content-hor-align-sm { display: block; text-align: center; margin: 0 auto; padding: 0 15px; } } @media (min-width: 992px) { .center-content-hor-wrap-md { display: table; width: 100%; height: 100%; vertical-align: middle; } .center-content-hor-align-md { display: table-cell; float: none; vertical-align: middle; } .center-content-hor-align-md.center-content-hor-align-md-width-xs { min-width: 150px; } .center-content-hor-align-md.center-content-hor-align-md-width-md { min-width: 250px; } .center-content-hor-align-md.center-content-hor-align-md-width-md { min-width: 300px; } } @media (max-width: 992px) { .center-content-hor-align-md { display: block; text-align: center; margin: 0 auto; padding: 0 15px; } } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-right { text-align: right; } .text-sm-center { text-align: center; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-right { text-align: right; } .text-md-center { text-align: center; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-right { text-align: right; } .text-lg-center { text-align: center; } } @media (max-width: 992px) { .md-text-center { text-align: center; } .md-text-left { text-align: left; } .md-text-right { text-align: right; } } @media (max-width: 768px) { .sm-text-center { text-align: center; } .sm-text-left { text-align: left; } .sm-text-right { text-align: right; } } @media (max-width: 480px) { .xs-text-center { text-align: center; } .xs-text-left { text-align: left; } .xs-text-right { text-align: right; } } .center-block { display: block; text-align: center; margin-left: auto; margin-right: auto; } .content { padding-top: 40px; padding-bottom: 40px; } .content-sm { padding-top: 60px; padding-bottom: 60px; } .content-md { padding-top: 80px; padding-bottom: 80px; } .content-lg { padding-top: 100px; padding-bottom: 100px; } .space-row-5 { margin-right: -5px; margin-left: -5px; } .space-row-5 > [class*="col-"] { padding-left: 5px; padding-right: 5px; } .margin-l-5 { margin-left: 5px !important; } .margin-l-10 { margin-left: 10px !important; } .margin-r-5 { margin-right: 5px !important; } .margin-r-10 { margin-right: 10px !important; } .margin-t-30 { margin-top: 30px !important; } .margin-b-10 { margin-bottom: 10px !important; } .margin-b-30 { margin-bottom: 30px !important; } .margin-b-50 { margin-bottom: 50px !important; } .blog-simple-3 .fg-blog-main-col { margin-bottom: 30px; } @media (max-width: 992px) { .md-margin-b-30 { margin-bottom: 30px !important; } .md-margin-b-50 { margin-bottom: 50px !important; } .team-v10 .team-v10-personalities { margin-bottom: 10px; } .team-v11 .team-v11-img { margin-bottom: 30px; } } @media (max-width: 768px) { .sm-margin-b-20 { margin-bottom: 20px !important; } .sm-margin-b-30 { margin-bottom: 30px !important; } .blog-classic-3 .center-content-hor-align-sm { margin-bottom: 20px; } .testimonials-v7 .testimonials-v7-title, .testimonials-v7 .testimonials-v7-quote-block, .news-v5 .news-v5-col { margin-bottom: 30px; } .lectures-v1 .timeline-v1, .news-v5 { margin-bottom: 50px; } } .width-300 { width: 300px !important; } .full-width { width: 100% !important; height: auto !important; } @media (max-width: 992px) { .md-full-width { width: 100% !important; height: auto !important; } } @media (max-width: 768px) { .sm-full-width { width: 100% !important; height: auto !important; } } @media (max-width: 480px) { .xs-full-width { width: 100% !important; height: auto !important; } } .ul-li-lr-1 > ul > li { padding-left: 1px; padding-right: 1px; } .ul-li-lr-2 > ul > li { padding-left: 2px; padding-right: 2px; } .ul-li-lr-3 > ul > li { padding-left: 3px; padding-right: 3px; } .ul-li-lr-1 > ul>>li { padding-left: 10px; padding-right: 10px; } .radius-0 { border-radius: 0 !important; } .radius-3 { border-radius: 3px !important; } .radius-5 { border-radius: 5px !important; } .radius-6 { border-radius: 6px !important; } .radius-7 { border-radius: 7px !important; } .radius-8 { border-radius: 8px !important; } .radius-9 { border-radius: 9px !important; } .radius-10 { border-radius: 10px !important; } .radius-50 { border-radius: 50px !important; } .radius-circle { border-radius: 50% !important; } .radius-b-circle:before { border-radius: 50% !important; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .blog-pagination-wrapper > .navigation.pagination { display: block; } .ff-button-base-slide { position: relative; display: inline-block; line-height: 1.4; color: #00bcd4; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; border-color: #00bcd4; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ff-button-base-slide:focus, .ff-button-base-slide:active:focus, .ff-button-base-slide.active:focus, .ff-button-base-slide.focus, .ff-button-base-slide:active.focus, .ff-button-base-slide.active.focus { outline: 0; } .ff-button-base-slide:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-button-base-slide:hover, .ff-button-base-slide:focus, .ff-button-base-slide.focus { color: #fff; background: #00bcd4; border-color: #00bcd4; text-decoration: none; } .ff-button-base-slide:active, .ff-button-base-slide.active { background-image: none; outline: 0; } .ff-button-base-slide.disabled, .ff-button-base-slide[disabled], fieldset[disabled] .ff-button-base-slide { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .ff-button-base-slide .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 6px 9px; } .ff-button-base-slide .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 9px 11px; } .ff-button-base-slide .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 12px 13px; } .ff-button-base-slide .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 15px; } .animate-icon .ff-icon-tooltip-top-block { position: absolute; top: 0; left: 0; margin-top: -10px; margin-left: 17px; } .animate-icon .ff-icon-tooltip-bottom-block { position: absolute; bottom: 0; left: 0; margin-bottom: -10px; margin-left: 17px; } .services-v5-text { position: relative; } .services-v5-text:before, .services-v5-text:after { position: absolute; display: block; width: 20px; height: 20px; top: -20px; } .services-v5-text:before { content: ""; color: #333; left: 0; } .services-v5-text:after { content: ""; color: #aaa; right: 0; } .services-v5-text a:before, .services-v5-text a:after { position: absolute; display: block; width: 20px; height: 20px; bottom: -20px; } .services-v5-text a:before { content: ""; color: #333; left: 0; } .services-v5-text a:after { content: ""; color: #aaa; right: 0; } .star-rating .star-rating-title { font-size: 18px; margin-bottom: 20px; } .alert-v1 { border-radius: 0; background-color: rgba(229, 114, 135, 0.2); border-width: 1px; border-style: solid; border-color: #f5bec9; } .alert-v1.text-right .close { padding-left: 15px; } .alert-v1 .alert-v1-title { color: #e57287; font-weight: 700; } .alert-v1 .alert-v1-description, .alert-v1 .close { color: #e57287; } .alert-v2 .alert-box-title { color: #e55973; } .alert-v2 { border-radius: 0; background-color: #fff; border-width: 1px; border-style: solid; border-color: #ebeef6; } .alert-v2.text-right .close { padding-left: 20px; } .alert-v3 { border-radius: 0; background-color: #e55973; } .alert-v3.text-left { padding-left: 30px; } .alert-v3.text-right { padding-right: 30px; } .progress-box-v1, .progress-box-v2 { margin-bottom: 5px; } .progress-box-v1 .progress-bar { background-color: #00bcd4; } .progress-box-v2 .progress-bar { background-color: #4fd2c2; } .progress-box-v2 .progress-title { margin-bottom: 20px; } .progress-box-v2 .progress-box-v2-figure { color: #4fd2c2; font-size: 30px; font-style: italic; margin-bottom: 10px; } .progress-box-v3 .progress-bar { background-color: #5bc0de; } .progress-box-v3 .progress-box-v3-title { font-size: 16px; } .progress-box .progress-box-number, .progress-box .progress-box-title { color: #3a3a44; } .pricing-list-v3 .pricing-list-v3-text { margin-bottom: 70px; } .pricing-list-v3 .ff-custom-pricing, .pricing-list-v1 .pricing-list-v1-header-subtitle { margin-bottom: 30px; } .pricing-list-6 { border-radius: 5px; } .pricing-list-6 .ff-custom-pricing { margin-bottom: 18px; } .pricing-list-7 { border-radius: 5px; margin-bottom: 30px; } .pricing-list-7 .display-b { margin-bottom: 24px; } .l-pricing-list-v1-button-wrapper { margin-top: 10px; display: inline-block; } .pricing-list-v4 .ff-custom-pricing { padding-top: 10px; } .buttons-divider { font-size: 18px; color: #606060; } .ff-custom-slider-2 { position: relative; } .ff-custom-slider-2 .owl-item { overflow: hidden; } .ff-button-block-v1 { margin: 35px; display: inline-block; } .ff-button-block-v1.ff-button-block-margin-r { margin-right: 60px; } .ff-button-block-v1 .ff-button-block-v1-video { text-decoration: none; } .ff-button-block-v1.ff-button-block-v1-video-effect { position: relative; display: inline-block; } .ff-button-block-v1.ff-button-block-v1-video-effect:before, .ff-button-block-v1.ff-button-block-v1-video-effect:after { border-radius: 50%; content: " "; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-button-block-v1.ff-button-block-v1-video-effect:before { position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; border: 1px solid rgba(255, 255, 255, 0.4); } .ff-button-block-v1.ff-button-block-v1-video-effect:after { position: absolute; top: -35px; left: -35px; right: -35px; bottom: -35px; border: 1px solid rgba(255, 255, 255, 0.2); } .ff-button-block-v1 { position: relative; display: inline-block; width: 69px; height: 69px; z-index: 2; font-size: 70px; color: #606060; text-align: center; box-shadow: 0 0 5px 2px rgba(255, 255, 255, 0.4); vertical-align: middle; border-radius: 50%; transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-link-button, .ff-video-link-button:hover, .ff-video-link-button:visited, .ff-video-link-button:active, .ff-video-link-button:focus { position: relative; display: inline-block; font-size: 22px; font-weight: 300; color: #606060; border-bottom: 2px solid #606060; padding-bottom: 3px; text-decoration: none; vertical-align: middle; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-button-icon { font-size: 24px; display: inline-block; width: 50px; height: 50px; line-height: 50px; border: 1px solid #606060; text-align: center; vertical-align: middle; text-decoration: none; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-button-icon, .ff-video-button-icon:hover { color: #606060; } .ff-button-block-v1-video-icon { display: block; } .ff-video-hover-button.ffb-btn-v9 { display: block; } .ff-video-hover-button { width: auto; height: 80px; position: relative; z-index: 1; text-align: center; overflow: hidden; } .ff-video-hover-button .ff-video-hover-button-center-align { position: absolute; top: 50%; left: 0; right: 0; display: block; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .ff-video-hover-button .ff-video-hover-button-player { display: inline-block; width: 50px; height: 50px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-hover-button .ff-video-hover-button-title { position: absolute; top: 50%; left: 50%; width: auto; height: auto; display: inline-block; z-index: 1; overflow: hidden; font-size: 16px; color: #fff; text-align: right; text-decoration: none; opacity: 0; margin-top: -10px; -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-hover-button .ff-video-hover-button-player i { transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-hover-button:hover .ff-video-hover-button-player { width: 40px; height: 40px; line-height: 40px; -webkit-transform: translate3d(-50px, 0, 0); -moz-transform: translate3d(-50px, 0, 0); transform: translate3d(-50px, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-hover-button:hover .ff-video-hover-button-player i { line-height: 40px; transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-video-hover-button:hover .ff-video-hover-button-title { opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-duration: 0.3s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .ff-image-gallery-video-player:hover { text-decoration: none; } .ff-button-block-v5-video-wrapper { display: inline-block; width: 50px; height: 50px; line-height: 50px; background-color: #fff; text-align: center; border-radius: 99px; } .ff-button-block-v5-video-wrapper, .ff-button-block-v5-video-wrapper:hover { color: #000; } .ff-button-block-v5-video-icon { position: relative; left: 1px; } .ff-button-block-v9-video-wrapper { display: inline-block; width: 50px; height: 50px; line-height: 50px; background-color: #fff; text-align: center; border-radius: 99px; } .ff-button-block-v9-video-icon { font-size: 14px; line-height: 50px; color: #000; position: relative; left: 1px; } .ff-button-block-margin-r { margin-right: 10px; } .ff-news-v3-post-content { margin-bottom: 15px; } .ff-news-v3-meta-data { margin-bottom: 15px; } .ff-news-v3-space { padding-top: 10px; padding-bottom: 5px; } .team-v1, .team-v2, .team-v3, .team-v4, .team-v5, .team-v6, .team-v7, .team-v8, .team-v9, .team-v10, .team-v11, .team-v12, .services-v1, .services-v3, .services-v4, .services-v5, .services-v6, .services-v7, .ff-services-v8, .ff-services-v9, .services-v10, .services-v11, .services-v12, .star-rating, .call-to-action-v1, .call-to-action-v2-3, .call-to-action-v3, .pricing-list-v1, .pricing-list-v2, .pricing-list-v3, .pricing-list-v4, .pricing-list-v5, .l-pricing-list-v1, .progress-box-v3, .testimonials-v2, .testimonials-v1, .testimonials-v2, .testimonials-v3, .testimonials-v7, .opening-hours, .icons, .promo-block-v1, .op-b-pricing-v1, .l-icon-box-v2, .l-services-v2 { margin-bottom: 30px; } .blog-simple-slider { overflow: hidden; } .owl-carousel-op-b-blog { margin-left: 1px; } .lightbox-html-code-wrapper .ff-lightbox-embed-inner { margin: 0 auto; padding: 25px 15px; max-height: 60vh; overflow: auto; } .lightbox-html-code-wrapper .mfp-iframe-holder { margin: 0 auto; position: relative; } .lightbox-html-code-wrapper > * { margin: 0 auto; } .lightbox-html-code-wrapper iframe { display: block; margin: 0 auto; max-width: 100%; } .freshframework-internal-html-mpf .mfp-content { width: auto; } .freshframework-internal-html-mpf .mfp-content .mfp-close { top: -10px; right: 0; } .ff-form-input, .ff-form-checkbox-wrapper { margin-bottom: 20px; } .ff-form-input { background: #f7f8fa; font-size: 13px; font-weight: 300; color: #34343c; border-color: #ebeef6; } .ff-form-input:focus { color: #34343c; background: #f7f8fa; border-color: #d9dfee; box-shadow: none; } .ff-form-input:focus::-moz-placeholder { color: #34343c; } .ff-form-input:focus:-ms-input-placeholder { color: #34343c; } .ff-form-input:focus::-webkit-input-placeholder { color: #34343c; } .ff-form-input::-moz-placeholder { color: #606060; } .ff-form-input:-ms-input-placeholder { color: #606060; } .ff-form-input::-webkit-input-placeholder { color: #606060; } .ff-custom-form label.error { display: block; margin-bottom: 22px; margin-top: -10px; font-style: italic; font-size: 12px; margin-left: 1px; font-weight: 300; } .ff-custom-form .ffb-contact-button-send-wrapper { margin-bottom: 20px; } .ff-custom-form .radio-wrapper, .ff-custom-form .ff-form-checkbox-wrapper { margin-bottom: 20px; } .ffb-captcha-wrapper .g-recaptcha { margin-bottom: 20px; } .ffb-system-error { background-color: red; color: #fff; padding: 15px; } .btn-w-full { display: block !important; } .ffb-btn-link, .ffb-btn-link:hover, .ffb-btn-link:focus { text-decoration: none; } .ffb-scrollto { position: absolute; bottom: 0; left: 50%; z-index: 1; transform: translateX(-50%); } .ff-l-services-v2-icon { font-size: 50px; } .ffb-scrollto-anim-bounce { -webkit-animation-name: ffb-scrollto-anim-bounce; -moz-animation-name: ffb-scrollto-anim-bounce; animation-name: ffb-scrollto-anim-bounce; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-direction: alternate; animation-direction: alternate; } .ffb-scrollto-icon { display: block; padding: 10px 15px; font-size: 30px; color: #606060; text-align: center; } .ffb-scrollto-link, .ffb-scrollto-link:hover, .ffb-scrollto-link:focus { text-decoration: none; } @-webkit-keyframes ffb-scrollto-anim-bounce { 0% { bottom: 0; } 25% { bottom: 20px; } 50% { bottom: 20px; } 75% { bottom: 20px; } 100% { bottom: 0; } } @-moz-keyframes ffb-scrollto-anim-bounce { 0% { bottom: 0; } 25% { bottom: 20px; } 50% { bottom: 20px; } 75% { bottom: 20px; } 100% { bottom: 0; } } @keyframes ffb-scrollto-anim-bounce { 0% { bottom: 0; } 25% { bottom: 20px; } 50% { bottom: 20px; } 75% { bottom: 20px; } 100% { bottom: 0; } } ul.ffb-list { padding-left: 0; } li.ffb-list-item { margin-bottom: 10px; } li.ffb-list-style-normal { margin-left: 25px; } li.ffb-list-mark-icon { list-style-type: icon; } li.ffb-list-mark-disc { list-style-type: disc; } li.ffb-list-mark-circle { list-style-type: circle; } li.ffb-list-mark-decimal { list-style-type: decimal; } li.ffb-list-mark-square { list-style-type: square; } li.ffb-list-mark-lower-latin { list-style-type: lower-latin; } li.ffb-list-mark-lower-roman { list-style-type: lower-roman; } li.ffb-list-mark-upper-roman { list-style-type: upper-roman; } li.ffb-list-mark-none { list-style-type: none; } .ffb-list-icon { float: left; border-radius: 50%; width: 18px; height: 18px; line-height: 18px; margin: 1px 7px 0 0; min-width: 0; text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .ffb-list-icon-has-border { margin-top: 0; } .ffb-list-style-icon > .ffb-list-text { overflow: hidden; } .ff-one-owl-carousel:not(.owl-loaded), .ff-one-owl-carousel:not(.owl-loaded) + .ff-owl-controls { height: 0 !important; overflow: hidden !important; opacity: 0 !important; } .ff-meta-item { display: inline-block; } .ff-meta-item a:hover { text-decoration: underline !important; } .ff-meta-icon { font-size: 13px; position: relative; top: 1px; margin-right: 6px; } .blog-classic-3 { margin-bottom: 30px; } .blog-classic-v5 .fg-blog-col-main { margin-bottom: 50px; } .blog-classic-v5 .news-v8 { position: relative; } .news-v8-meta-data { padding: 15px 0; } .blog-classic-4-col-image-bg { position: relative; width: 100% !important; height: 100% !important; } .blog-classic-4-col-image-bg-inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; background-repeat: no-repeat; background-position: center center; background-size: cover; } .blog-latest .post-wrapper { height: 100% !important; position: relative; overflow: hidden; } .blog-latest .fg-blog-col-main { margin-bottom: 30px; } .blog-latest .blog-teaser-v2-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -1; padding: inherit !important; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-latest .blog-teaser-v2-bg-inner { position: relative; width: 100% !important; height: 100% !important; background-position: center center; background-size: cover; background-repeat: no-repeat; } .blog-latest .blog-teaser-v2-bg-inner:after { content: " "; display: block; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-latest .blog-teaser-v2-zoom:hover .blog-teaser-v2-bg { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .blog-latest .blog-teaser-v2-separator { width: 100%; height: 2px; margin: 8px 0 12px; } .blog-latest .blog-teaser-v2-buttons { margin-top: 15px; margin-bottom: 10px; } .ffb-author-img { border-radius: 50%; } .ffb-author-img.author-img-before { margin-right: 10px; } .ffb-author-img.author-img-after { margin-left: 10px; } .blog-teaser-v2-meta-data-style { margin-bottom: 5px; } .blog-masonry-1 { overflow: visible; } .blog-masonry-1-button-wrapper { padding: 0 20px 25px; margin-top: -10px; } .news-v1-meta-data { font-size: 13px; font-style: italic; margin: 0; } .news-v1-divider { margin-top: 3px; } .news-v1 .news-v1-heading + .news-v1-heading { padding-top: 0; margin-top: -5px; } .news-v1-post-content { margin-bottom: 22px; } .blog-masonry-2 .post-wrapper.text-right .news-v1-divider { padding-right: 40px; } .blog-masonry-2 .post-wrapper.text-left .news-v1-divider { padding-left: 40px; } .news-v4 .blog-grid-supplemental-title, .news-v5 .blog-grid-supplemental-title { margin-top: 0; margin-bottom: 12px; } .ff-news-v4-post-content { margin-bottom: 12px; } .news-v4-read-more-link { margin-bottom: 12px; display: inline-block; } .blog-simple-2-divider { background-color: #00bcd4; display: inline-block; width: 30px; height: 1px; margin-top: 25px; } .blog-simple-3-divider { background-color: #00bcd4; width: 100%; height: 2px; margin: 0 -50px; padding: 0 50px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .blog-simple-3-divider, .news-v2 .news-v2-subtitle .ff-meta-item, .news-v2 .news-v2-subtitle .ff-meta-separator, .news-v2 .news-v2-subtitle .ff-meta-icon, .news-v2 .news-v2-subtitle .ff-meta-item a, .news-v2 .ff-news-v2-post-content, .news-v2 .ff-news-v2-post-content p, .news-v2 .ff-news-v2-post-content a, .news-v2 .news-v2-link, .news-v2 .news-v2-title a { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-simple-3-divider:first-child { margin-top: -50px; margin-bottom: 50px; } .blog-simple-3-divider:last-child { margin-top: 50px; margin-bottom: -50px; } .ff-news-v2-post-content { margin-bottom: 10px; } .ff-news-v3-button { margin-top: 40px; } .blog-simple-3-featured-image, .blog-simple-3 .ff-block--blog-featured-area, .blog-simple-3 .ff-post-featured-image { margin-bottom: 50px; } .blog-simple-3 .post-wrapper.news-v2:hover .news-v2-subtitle .ff-meta-item, .blog-simple-3 .post-wrapper.news-v2:hover .news-v2-subtitle .ff-meta-item a, .blog-simple-3 .post-wrapper.news-v2:hover .news-v2-subtitle .ff-meta-separator, .blog-simple-3 .post-wrapper.news-v2:hover .news-v2-subtitle .ff-meta-icon, .blog-simple-3 .post-wrapper.news-v2:hover .ff-news-v2-post-content, .blog-simple-3 .post-wrapper.news-v2:hover .ff-news-v2-post-content p, .blog-simple-3 .post-wrapper.news-v2:hover .ff-news-v2-post-content a, .blog-simple-3 .post-wrapper.news-v2:hover .news-v2-title a, .blog-simple-3 .post-wrapper.news-v2:hover .news-v2-link { color: #fff; } .blog-simple-4-subtitle { margin-bottom: 15px; } .blog-simple-slider { margin-bottom: 80px; } .ff-blog-simple-slider-button, .ff-blog-simple-slider .blog-grid-supplemental-title, .owl-carousel-op-b-blog img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-slider-1-button, .blog-slider-1 .l-news-v1-day, .blog-slider-1 img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .blog-simple-slider .simple-slider-date { margin-right: 12px; } .blog-simple-slider-post-content { margin-bottom: 15px; word-break: break-word; } .blog-simple-slider-post-content p { line-height: 1.6; } .blog-simple-slider .blog-grid-supplemental { margin-bottom: 7px; } .op-b-blog { padding: 0; } .blog-simple-slider .post-wrapper { padding: 50px 40px; } .blog-slider-1-post-content { margin-bottom: 15px; word-break: break-word; } .l-news-v1-day { margin-bottom: 10px; } .l-news-v1-day, .l-news-v1-day a { font-weight: 300; } .blog-slider-1 .post-wrapper { border-radius: 5px; margin-bottom: 30px; } .blog-slider-1 { margin-bottom: 50px; } .blog-slider-1-button { margin-bottom: 9px; } .blog-slider-2 .post-wrapper { margin-bottom: 30px; } .blog-slider-2 .owl-dots { margin-top: 10px; } .blog-teaser-wrapper .blog-teaser-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; z-index: -1; padding: inherit !important; } .blog-teaser-wrapper .blog-teaser-bg-inner { position: relative; width: 100% !important; height: 100% !important; background-position: center center; background-size: cover; background-repeat: no-repeat; } .blog-teaser-wrapper .blog-teaser-bg-inner:after { content: " "; display: block; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important; transition-duration: 0.5s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .blog-teaser .blog-teaser-text { margin-bottom: 24px; } .blog-teaser .blog-teaser-button-wrapper { margin-bottom: 18px; } .blog-teaser .blog-teaser-center-align .blog-grid-supplemental { margin-bottom: 14px; } .blog-timeline-1, .blog-timeline-2 { margin-bottom: 50px; } @media (min-width: 768px) { .blog-timeline-1.grid-layout-2 .timeline-v3-list-item { width: 100%; padding-right: 50px; } .blog-timeline-1.grid-layout-2 .timeline-v3:before { left: auto; right: 14px; } .blog-timeline-1.grid-layout-2 .timeline-v3 .timeline-v3-list-item .timeline-v3-badge:before { right: -24px; } .blog-timeline-1.grid-layout-2 .timeline-v3 .timeline-v3-list-item .timeline-v3-badge-icon { right: 15px; } } @media (min-width: 768px) { .blog-timeline-1.grid-layout-3 .timeline-v3-list-item { width: 100%; padding-left: 50px; } .blog-timeline-1.grid-layout-3 .timeline-v3:before { left: 14px; } .blog-timeline-1.grid-layout-3 .timeline-v3 .timeline-v3-list-item .timeline-v3-badge-icon { left: 14px; } } .blog-timeline-2-button-wrapper { margin-top: 15px; } .theme-portfolio-title { word-break: break-word; } .portfolio-classic-1 { margin-top: 60px; margin-bottom: 60px; } .theme-portfolio .cbp-filter-counter { margin-bottom: 8px; } a.ff-portfolio-item-filter:hover { text-decoration: underline; } .portfolio-classic-1 .news-v12-video-link, .theme-portfolio-v2 .news-v12-video-link { display: block; border-radius: 0 !important; } .theme-portfolio-v2 .cbp-filter-item.cbp-filter-item-active { color: #00bcd4; } .portfolio-classic-2 { margin-bottom: 60px; } @media (max-width: 991px) { .ff-portfolio-side-filters .ff-portfolio-filter { text-align: center; } } @media (min-width: 992px) { .ff-portfolio-side-filters .cbp-filter-item { display: block; } } .ff-portfolio-side-filters .ff-portfolio-filter { margin-bottom: 40px; } .ff-portfolio-filters-text-align-right { text-align: right; } .ff-portfolio-filters-text-align-left { text-align: left; } .ff-portfolio-side-filters .cbp-filter-item { font-size: 16px; font-weight: 300; margin-bottom: 0; } .ff-portfolio-grid .cbp-item { overflow: visible; } .portfolio-classic-1 .ff-portfolio-grid-wrapper { padding: 8px; margin: -8px -8px 0; overflow: hidden; padding-bottom: 60px; } .portfolio-classic-1 .cbp-wrapper-outer { overflow: visible; } .portfolio-classic-1 .cbp-nav-pagination { bottom: -40px; } .portfolio-sidebar { margin-bottom: 50px; } .slider-block-v2 .carousel .slider-block-v2-widget img { width: auto; } .blog-classic-v6 .fg-blog-col-main { margin-bottom: 30px; } .blog-masonry-1 { margin-bottom: 50px; } .blog-masonry-2 { margin-bottom: 50px; } .news-v4 .fg-blog-col-main { margin-bottom: 50px; } .blog-simple-1 { margin-bottom: 50px; } .blog-simple-2 { margin-bottom: 50px; } .blog-simple-3 { margin-bottom: 50px; } .blog-simple-4 { margin-bottom: 50px; } .l-news-v1-title { word-wrap: break-word; } .l-news-v1-title a { position: relative; } .blog-teaser-wrapper .fg-blog-col-main { margin-bottom: 30px; } .op-b-blog-title-link { word-wrap: break-word; } #s.form-control:focus { border-color: #ebeef6; } header .navbar-logo, header .navbar-logo-wrap, header .navbar-logo-wrap img { min-width: 0 !important; min-height: 0 !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; font-size: 0 !important; } header .navbar-logo { line-height: 60px !important; } @media (min-width: 992px) { header.header-shrink .navbar-logo { line-height: 45px !important; } } @media (max-width: 991px) { header .navbar-logo .navbar-logo-img { max-width: 100% !important; } } header .navbar-logo-wrap img { max-height: 45px !important; width: auto !important; } header.ark-header-vertical .navbar-logo .navbar-logo-img { max-width: 100% !important; } @media (max-width: 991px) { header.ark-header-vertical .navbar-logo .navbar-logo-wrap { padding-top: 11px !important; padding-bottom: 11px !important; } header.ark-header-vertical .navbar-logo { margin-right: 42px !important; margin-left: 42px !important; } } @media (min-width: 992px) { header.ark-header-vertical { background-clip: padding-box !important; } header.ark-header-vertical .navbar-logo, header.ark-header-vertical .navbar-logo-wrap, header.ark-header-vertical .navbar-logo-wrap img { min-width: 0 !important; min-height: 0 !important; width: auto !important; height: auto !important; max-width: none !important; max-height: none !important; font-size: 0 !important; } body.admin-bar header.ark-header-vertical { top: 32px !important; } header.ark-header-vertical .navbar { border: none !important; } header.ark-header-vertical .menu-container, header.ark-header-vertical .navbar-collapse, header.ark-header-vertical .navbar { margin: 0 !important; padding: 0 !important; } header.ark-header-vertical .navbar-collapse .menu-container { padding: 20px 20px 0 !important; } header.ark-header-vertical .navbar-collapse .menu-container .header-vertical-menu { padding: 10px 10px 20px !important; } header.ark-header-vertical .navbar-collapse .menu-container .header-section-scroll-menu { padding-top: 20px !important; } header.ark-header-vertical .navbar-logo, header.ark-header-vertical .navbar-logo-wrap { margin: 0 !important; padding: 0 !important; } header.ark-header-vertical .navbar-logo-wrap { padding: 81px 87px 20px !important; } header.ark-header-vertical .navbar-logo-wrap, header.ark-header-vertical .navbar-logo img.navbar-logo-img-normal { display: block !important; } header.ark-header-vertical .navbar-logo img.navbar-logo-img-normal { width: 100% !important; } } .blog-default-v1 .news-v3 .news-v3-content, .blog-default-v2 .news-v3 .news-v3-content, .blog-default-v3 .news-v3 .news-v3-content { padding: 0; } .blog-default-v1 .news-v3 .ff-news-v3-divider, .blog-default-v2 .news-v3 .ff-news-v3-divider, .blog-default-v3 .news-v3 .ff-news-v3-divider { background-color: #9e9e9e; margin: 5px 0 15px; width: 30px; height: 1px; display: inline-block; } .blog-default-v1 .news-v3 .news-v3-content .news-v3-element:before, .blog-default-v2 .news-v3 .news-v3-content .news-v3-element:before, .blog-default-v3 .news-v3 .news-v3-content .news-v3-element:before, .blog-default-v1 .news-v3 .news-v3-content .news-v3-element:after, .blog-default-v2 .news-v3 .news-v3-content .news-v3-element:after, .blog-default-v3 .news-v3 .news-v3-content .news-v3-element:after { display: none; } .blog-default-v1 .ff-block--blog-featured-area + .news-v3-content, .blog-default-v2 .ff-block--blog-featured-area + .news-v3-content, .blog-default-v3 .ff-block--blog-featured-area + .news-v3-content, .blog-default-v1 .ff-post-featured-image + .news-v3-content, .blog-default-v2 .ff-post-featured-image + .news-v3-content, .blog-default-v3 .ff-post-featured-image + .news-v3-content, .blog-default-v1 .ff-post-featured-image-link-wrapper + .news-v3-content, .blog-default-v2 .ff-post-featured-image-link-wrapper + .news-v3-content, .blog-default-v3 .ff-post-featured-image-link-wrapper + .news-v3-content { padding-top: 20px; } .blog-default-v1 .ff-news-v3-meta-data, .blog-default-v2 .ff-news-v3-meta-data, .blog-default-v3 .ff-news-v3-meta-data { margin-bottom: 10px; } .blog-default-v1 .ff-news-v3-meta-data, .blog-default-v2 .ff-news-v3-meta-data, .blog-default-v3 .ff-news-v3-meta-data { font-size: 12px; color: #606060; } .blog-teaser-wrapper .blog-grid-supplemental-title { text-transform: uppercase; } .ff-el-icons > ul > li { padding-right: 0; padding-left: 0; } .op-b-testimonials .op-b-testimonials-star-no, .op-b-testimonials .op-b-testimonials-quote, .op-b-testimonials .op-b-testimonials-quote p { font-style: normal; } .op-b-testimonials .op-b-testimonials-star-no { font-size: 30px; } .op-b-testimonials .op-b-testimonials-quote, .op-b-testimonials .op-b-testimonials-quote p { font-size: 21px; } @media (max-width: 991px) { .blog-simple-2 .news-v4 { text-align: left; } } .ff-news-v3-meta-data { font-size: 16px; font-style: italic; } .news-v1-meta-data, .news-v1-meta-data a { font-weight: 300; } .l-testimonials-v1 { border-radius: 5px; } .l-services-v2-bg-image-size-auto { background-size: 56%; } .ark-element-sidebar.widget-title-big .widget, .ark-element-sidebar.widget-title-big .widget p, .ark-element-sidebar.widget-title-big .widget em, .ark-element-sidebar.widget-title-big .widget li, .ark-element-sidebar.widget-title-big .widget li a, .ark-element-sidebar.widget-title-big .latest-tuts .latest-tuts-content .latest-tuts-content-title { font-size: 15px; } .ark-element-sidebar.widget-title-big .latest-tuts .latest-tuts-content .latest-tuts-content-time { font-size: 12px; } .ark-element-sidebar.widget-title-big .latest-tuts { padding-bottom: 13px; margin-bottom: 13px; } .ark-element-sidebar.widget-title-big .latest-tuts .latest-tuts-media { margin-right: 13px; } .ark-element-sidebar:not(.widget-title-big) .featured-article, .ark-sidebar:not(.widget-title-big) .featured-article { margin: -15px -20px -15px -15px; } @media (max-width: 480px) { .promo-block-v11-category .promo-block-v11-category-item { background: 0 0 !important; } } a { color: #00bcd4; } a:focus, a:hover, a:active { color: #00bcd4; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: #00bcd4; } ::selection { background: #00bcd4; } ::-webkit-selection { background: #00bcd4; } ::-moz-selection { background: #00bcd4; } .blog-classic .blog-classic-content .blog-classic-share .blog-classic-share-item .blog-classic-share-link:hover .blog-share-icon { color: #00bcd4; } .blog-classic .blog-classic-content .blog-classic-publisher .blog-classic-publisher-name > a:hover { color: #00bcd4; } .blog-grid .blog-grid-supplemental-category { color: #00bcd4; } .blog-grid-quote .blog-grid-quote-text:hover { color: #00bcd4; } .blog-grid-quote-v2 { background: #00bcd4; } .blog-grid-thumb .blog-grid-thumb-body:before { background: rgba(0, 188, 212, 0.7); } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-link { color: #00bcd4; } .featured-article .featured-article-content .featured-article-content-title > a:hover { color: #00bcd4; } .blog-sidebar-tags > li > a:hover { background: #00bcd4; border-color: #00bcd4; } .news-v1 .news-v1-heading .news-v1-heading-tag:hover { color: #00bcd4; } .news-v1 .news-v1-lists .news-v1-lists-item .news-v1-lists-link:hover { color: #00bcd4; } .news-v4 .news-v4-title-element-left:after { border-bottom-color: #00bcd4; } .news-v4 .news-v4-title-element-right:after { border-bottom-color: #00bcd4; } .news-v5 .news-v5-icon { color: #00bcd4; } .news-v6 .news-v6-subtitle { color: #00bcd4; } .news-v8:hover .news-v8-img-effect:before { background: rgba(0, 188, 212, 0.5); } .news-v8 .news-v8-footer-list .news-v8-footer-list-link:hover { color: #00bcd4; } .news-v8 .news-v8-more .news-v8-more-link { background: #00bcd4; } .accordion-v1 .panel-title > a[aria-expanded="true"] { background: #00bcd4; } .accordion-v1 .panel-title > a:hover { background: #00bcd4; } .accordion-v2 .panel-title > a:hover { color: #00bcd4; } .accordion-v2 .panel-title > a:hover:after { color: #00bcd4; } .accordion-v3 .panel-title > a:hover { color: #00bcd4; } .accordion-v3 .panel-title > a:hover:before { color: #00bcd4; } .accordion-v4 .panel-title > a:before { color: #00bcd4; } .accordion-v4 .panel-title > a:hover { color: #00bcd4; } .accordion-v4 .panel-title > a:hover:before { color: #00bcd4; } .accordion-v5 .panel-title > a:hover { color: #00bcd4; } .accordion-v5 .panel-title > a:hover:after { color: #00bcd4; } .breadcrumbs-v1 .breadcrumbs-v1-links > li > a:hover { color: #00bcd4; } .breadcrumbs-v1 .breadcrumbs-v1-links > li.active { color: #00bcd4; } .breadcrumbs-v2 .breadcrumbs-v2-links > li > a:hover { color: #00bcd4; } .breadcrumbs-v2 .breadcrumbs-v2-links > li.active { color: #00bcd4; } .breadcrumbs-v3 .breadcrumbs-v3-links > li > a:hover { color: #00bcd4; } .breadcrumbs-v3 .breadcrumbs-v3-links > li.active { color: #00bcd4; } .btn-base { position: relative; display: inline-block; line-height: 1.4; color: #00bcd4; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base:focus, .btn-base:active:focus, .btn-base.active:focus, .btn-base.focus, .btn-base:active.focus, .btn-base.active.focus { outline: 0; } .btn-base:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base:hover, .btn-base:focus, .btn-base.focus { color: #fff; background: #00bcd4; border-color: #00bcd4; text-decoration: none; } .btn-base:after, .btn-base:before { background: 0 0; } .btn-base:active, .btn-base.active { background-image: none; outline: 0; } .btn-base.disabled, .btn-base[disabled], fieldset[disabled] .btn-base { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 4px 9px; } .btn-base .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 7px 11px; } .btn-base .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 8px 13px; } .btn-base .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 10px 15px; } .btn-base-brd { position: relative; display: inline-block; line-height: 1.4; color: #00bcd4; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; border-color: #00bcd4; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base-brd:focus, .btn-base-brd:active:focus, .btn-base-brd.active:focus, .btn-base-brd.focus, .btn-base-brd:active.focus, .btn-base-brd.active.focus { outline: 0; } .btn-base-brd:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-brd:hover, .btn-base-brd:focus, .btn-base-brd.focus { color: #fff; background: #00bcd4; border-color: #00bcd4; text-decoration: none; } .btn-base-brd:after, .btn-base-brd:before { background: 0 0; } .btn-base-brd:active, .btn-base-brd.active { background-image: none; outline: 0; } .btn-base-brd.disabled, .btn-base-brd[disabled], fieldset[disabled] .btn-base-brd { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base-brd .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 4px 9px; } .btn-base-brd .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 7px 11px; } .btn-base-brd .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 8px 13px; } .btn-base-brd .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 10px 15px; } .btn-base-bg { position: relative; display: inline-block; line-height: 1.4; text-align: center; background-image: none; border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base-bg:focus, .btn-base-bg:active:focus, .btn-base-bg.active:focus, .btn-base-bg.focus, .btn-base-bg:active.focus, .btn-base-bg.active.focus { outline: 0; } .btn-base-bg:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus { border-color: transparent; text-decoration: none; } .btn-base-bg:after, .btn-base-bg:before { background: 0 0; } .btn-base-bg:active, .btn-base-bg.active { background-image: none; outline: 0; } .btn-base-bg.disabled, .btn-base-bg[disabled], fieldset[disabled] .btn-base-bg { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base-bg .btn-base-element-xs { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 8px 9px; } .btn-base-bg .btn-base-element-sm { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 9px 11px; } .btn-base-bg .btn-base-element-md { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 12px 13px; } .btn-base-bg .btn-base-element-lg { position: absolute; top: 0; right: 0; border-left: 1px solid transparent; padding: 15px; } .btn-white-bg { position: relative; display: inline-block; line-height: 1.4; color: #34343c; text-align: center; background: #fff; background-image: none; border-width: 1px; border-style: solid; border-color: #fff; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-white-bg:focus, .btn-white-bg:active:focus, .btn-white-bg.active:focus, .btn-white-bg.focus, .btn-white-bg:active.focus, .btn-white-bg.active.focus { outline: 0; } .btn-white-bg:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-white-bg:hover, .btn-white-bg:focus, .btn-white-bg.focus { color: #fff; background: #00bcd4; border-color: #00bcd4; text-decoration: none; } .btn-white-bg:after, .btn-white-bg:before { background: 0 0; } .btn-white-bg:active, .btn-white-bg.active { background-image: none; outline: 0; } .btn-white-bg.disabled, .btn-white-bg[disabled], fieldset[disabled] .btn-white-bg { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-white-bg .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 6px 9px; } .btn-white-bg .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 9px 11px; } .btn-white-bg .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 12px 13px; } .btn-white-bg .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 15px; } .btn-base-bg-slide { position: relative; display: inline-block; line-height: 1.4; color: #fff; text-align: center; background: #00bcd4; background-image: none; border-width: 0; border-style: solid; border-color: tranparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base-bg-slide:focus, .btn-base-bg-slide:active:focus, .btn-base-bg-slide.active:focus, .btn-base-bg-slide.focus, .btn-base-bg-slide:active.focus, .btn-base-bg-slide.active.focus { outline: 0; } .btn-base-bg-slide:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-bg-slide:hover, .btn-base-bg-slide:focus, .btn-base-bg-slide.focus { color: #fff; background: #00bcd4; border-color: tranparent; text-decoration: none; } .btn-base-bg-slide:after, .btn-base-bg-slide:before { background: #4ed7e8; } .btn-base-bg-slide:active, .btn-base-bg-slide.active { background-image: none; outline: 0; } .btn-base-bg-slide.disabled, .btn-base-bg-slide[disabled], fieldset[disabled] .btn-base-bg-slide { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-base-bg-slide .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 6px 9px; } .btn-base-bg-slide .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 9px 11px; } .btn-base-bg-slide .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 12px 13px; } .btn-base-bg-slide .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #00aac0; padding: 15px; } .btn-white-bg-slide { position: relative; display: inline-block; line-height: 1.4; color: #34343c; text-align: center; background: #fff; background-image: none; border-width: 0; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-white-bg-slide:focus, .btn-white-bg-slide:active:focus, .btn-white-bg-slide.active:focus, .btn-white-bg-slide.focus, .btn-white-bg-slide:active.focus, .btn-white-bg-slide.active.focus { outline: 0; } .btn-white-bg-slide:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-white-bg-slide:hover, .btn-white-bg-slide:focus, .btn-white-bg-slide.focus { color: #fff; background: #fff; border-color: transparent; text-decoration: none; } .btn-white-bg-slide:after, .btn-white-bg-slide:before { background: #00bcd4; } .btn-white-bg-slide:active, .btn-white-bg-slide.active { background-image: none; outline: 0; } .btn-white-bg-slide.disabled, .btn-white-bg-slide[disabled], fieldset[disabled] .btn-white-bg-slide { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .btn-white-bg-slide .btn-base-element-xs { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 6px 9px; } .btn-white-bg-slide .btn-base-element-sm { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 9px 11px; } .btn-white-bg-slide .btn-base-element-md { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 12px 13px; } .btn-white-bg-slide .btn-base-element-lg { position: absolute; top: 0; right: 0; background: 0 0; border-left: 1px solid #f0f0f0; padding: 15px; } .btn-base-brd-slide { position: relative; display: inline-block; line-height: 1.4; text-align: center; background: 0 0; background-image: none; border-width: 1px; border-style: solid; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base { color: #00bcd4; } .btn-base:hover, .btn-base:focus, .btn-base.focus { color: #fff; background: #00bcd4; border-color: #00bcd4; } .btn-base .btn-base-element-xs, .btn-base .btn-base-element-sm, .btn-base .btn-base-element-md, .btn-base .btn-base-element-lg { border-left-color: #00aac0; } .btn-base-bg { position: relative; display: inline-block; line-height: 1.4; text-align: center; background-image: none; border-width: 1px; border-style: solid; border-color: transparent; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn-base-bg:focus, .btn-base-bg:active:focus, .btn-base-bg.active:focus, .btn-base-bg.focus, .btn-base-bg:active.focus, .btn-base-bg.active.focus { outline: 0; } .btn-base-bg:hover { transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } .btn-base-bg:hover, .btn-base-bg:focus, .btn-base-bg.focus { border-color: transparent; text-decoration: none; } .btn-base-bg:after, .btn-base-bg:before { background: 0 0; } .btn-base-bg:active, .btn-base-bg.active { background-image: none; outline: 0; } .btn-base-bg.disabled, .btn-base-bg[disabled], fieldset[disabled] .btn-base-bg { cursor: not-allowed; box-shadow: none; opacity: 0.65; pointer-events: none; } .dropcap-dark { color: #34343c; } .theme-icons-base-bg { display: inline-block; color: #fff; background: #00bcd4; border-width: 0; border-style: solid; border-color: transparent; text-align: center; vertical-align: middle; } .theme-icons-wrap > a[href] > .theme-icons-base-bg:hover { background: #4ed7e8; } .theme-icons-wrap > a[href] > .theme-icons-grey-light-bg:hover { background: #00bcd4; } .theme-icons-base-brd { display: inline-block; color: #00bcd4; background: 0 0; border-width: 1px; border-style: solid; border-color: #00bcd4; text-align: center; vertical-align: middle; } .header .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; } .header .dropdown-submenu .dropdown-submenu-child:hover:after { color: #fff; } @media (min-width: 992px) { .header .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover:after { color: #fff; } @media (min-width: 992px) { .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } } .header-center-aligned .navbar-nav .nav-item-child:hover, .header-center-aligned .navbar-nav .nav-item-child:focus { background-color: transparent; } @media (min-width: 992px) { .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } } .header-center-aligned-transparent .navbar-nav .nav-item-child:focus { background-color: transparent; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover { background: #fff; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; } @media (min-width: 992px) { .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { color: #fff; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } } .header-transparent .dropdown-submenu .dropdown-submenu-child:hover { color: #fff; } @media (min-width: 992px) { .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { color: #fff; } .header-transparent .navbar-nav .nav-item-bg:hover .nav-item-child { color: #fff; } } .section-light h3 { color: #000 !important; } .section-light p { color: #606060 !important; } .team-v3-img-wrap .theme-icons-wrap a:focus, .team-v3-img-wrap .theme-icons-wrap a:hover { text-decoration: none; } .l-download { padding: 30px; margin-bottom: 50px; } .l-download .l-download-icon { display: block; font-size: 100px; margin-bottom: 40px; } .l-download .l-download-title { font-size: 26px; } .l-download .l-download-text { opacity: 0.8; } .alert-error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-error .alert-box-element, .alert-info .alert-box-element, .alert-success .alert-box-element, .alert-warning .alert-box-element { margin: 0 10px; } .l-pricing-list-v1 .l-pricing-list-v1-effect-wrap { z-index: 2; } .carousel:not(.ff-slider) img, .blog-classic > img, .theme-image-popup-v1 img.img-responsive, .blog-simple-2 img.img-responsive, .blog-grid > img { width: 100%; } .blog-teaser-v2-img { width: 100%; } .alignnone { margin: 5px 0 0 !important; display: inline-block !important; } .aligncenter { display: block; margin: 5px auto 0 auto !important; } .alignright { float: right; margin: 5px 0 30px 20px !important; max-width: 100%; } .alignleft { float: left; margin: 5px 20px 30px 0 !important; max-width: 100%; } .sticky { position: relative; } .sticky:after { content: "\f0c6"; font-family: "ff-font-awesome" !important; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; border-radius: 100%; background-color: #333; color: #fff; position: absolute; top: 12px; right: 12px; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; } .no-ff .sticky { border: none !important; padding: 0; } .no-ff .sticky article { border: 1px solid #666 !important; padding: 40px; } .wp-caption.alignnone { margin: 5px 0 30px; } .wp-caption.alignleft { margin: 5px 20px 30px 0; } .wp-caption.alignright { margin: 5px 0 30px 20px; } .wp-caption { font-style: italic; max-width: 100%; } .ff-richtext img { max-width: 100%; height: auto; } .wp-caption-text { font-size: 14px; margin: 0 0 20px; padding: 0; } .gallery-caption { font-size: 11px; line-height: 17px; padding: 0 15px; } .bypostauthor { border: 1px solid transparent; } .ff-richtext img, .page-content img { max-width: 100%; height: auto; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .ff-richtext table { margin-bottom: 20px; width: 100%; } .ff-richtext td, .ff-richtext th { border: 1px solid #ddd; padding: 10px 15px; } .ff-richtext thead th { background-color: #fafafa; } .widget select { max-width: 100%; } .mejs-container { margin-bottom: 40px; } .ff-richtext ul:not(.woocommerce-error), .ff-richtext ol { padding-left: 20px; } .ff-richtext ul li { list-style: outside; } .ff-richtext ol li { list-style: num; } .fg-text-light.ark-sidebar li, .fg-text-light.ark-sidebar table, .fg-text-light.ark-sidebar table caption, .fg-text-light.ark-sidebar .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-profile-name, .fg-text-light.ark-sidebar .widget-title, .piechart-v1 .piechart-v1-body-title.fg-text-light, .piechart-v1 .piechart-v1-wrap.fg-text-light .circle .circles-text-v1, .piechart-v2 .piechart-v2-title.fg-text-light, .call-to-action-v2 .call-to-action-v2-title.fg-text-light, .fg-text-light h1, .blog-classic-v1 .blog-classic-title.fg-text-light a, .blog-grid-title-lg.fg-text-light > a, .fg-text-light .news-v3-title a, .call-to-action-v2 .call-to-action-v2-text.fg-text-light, .call-to-action-v2 .call-to-action-v2-text.fg-text-light p, .piechart-v1 p.fg-text-light, .piechart-v1 .fg-text-light p, .piechart-v2 p.fg-text-light, .piechart-v2 .fg-text-light p, .accordion-v1 .panel-body.fg-text-light, .accordion-v2 .panel-body.fg-text-light, .accordion-v3 .panel-body.fg-text-light, .accordion-v4 .panel-body.fg-text-light, .accordion-v5 .panel-body.fg-text-light, .fg-text-light .animate-icon .animate-icon-wrap:hover, .accordion-v1 .panel-title > a.fg-text-light:hover, .accordion-v1 .panel-title > a.fg-text-light:after, .accordion-v1 .panel-title > a.fg-text-light, .accordion-v1 .panel-title > a.fg-text-light[aria-expanded="true"], .accordion-v1 .panel-title > a.fg-text-light:hover:after, .accordion-v2 .panel-title > a.fg-text-light, .accordion-v2 .panel-title > a.fg-text-light:after, .accordion-v2 .panel-title > a.fg-text-light:hover:after, .accordion-v2 .panel-title > a.fg-text-light:focus, .accordion-v2 .panel-title > a.fg-text-light:hover, .accordion-v3 .panel-title > a.fg-text-light, .accordion-v3 .panel-title > a.fg-text-light:before, .accordion-v4 .panel-title > a.fg-text-light, .accordion-v4 .panel-title > a.fg-text-light:before, .accordion-v5 .panel-title > a.fg-text-light, .accordion-v5 .panel-title > a.fg-text-light:after { color: #fff; } .process-v1 .process-v1-text.fg-text-light, .process-v1 .process-v1-text.fg-text-light p, .process-v2 .process-v2-paragraph.fg-text-light, .process-v2 .process-v2-paragraph.fg-text-light p, .process-v3 .process-v3-paragraph.fg-text-light, .process-v3 .process-v3-paragraph.fg-text-light p, .fg-text-light.alert-box-title, .alert-box-paragraph.fg-text-light, .alert-box-paragraph.fg-text-light p, .fg-text-light.call-to-action-v3-text, .call-to-action-v3-text.fg-text-light .call-to-action-text-bold, .counters-v1 .fg-text-light.counters-v1-subtitle, .fg-text-light input.services-v2-form:focus, .pricing-list-v1 .pricing-list-v1-header-title.fg-text-light, .news-v1-heading-title.fg-text-light a, .fg-text-light.news-v4-title-element-left a, .fg-text-light.news-v4-title-element-right a, .fg-text-light.op-b-blog-title a, .fg-text-light.l-news-v1-title a:not(:hover), .fg-text-light.blog-grid-title-md a:not(:hover), .blog-slider-1 .fg-text-light.blog-slider-1-post-content, .blog-slider-1 .fg-text-light.blog-slider-1-post-content p, .blog-slider-1 .l-news-v1-day .fg-text-light.ff-meta-item, .blog-slider-1 .l-news-v1-day .fg-text-light.ff-meta-separator, .blog-grid-post-content.fg-text-light, .blog-grid-post-content.fg-text-light p, .blog-grid-supplemental .fg-text-light.ff-meta-item, .blog-grid-supplemental .fg-text-light.ff-meta-separator, .fg-text-light.timeline-v4-title-link, .slider-block-v2-media-title.fg-text-light, .slider-block-v1 h2.slider-block-v2-media-title.fg-text-light, .services-v1-title.fg-text-light, .services-v1-text.fg-text-light, .services-v1-text.fg-text-light p, .fg-text-light.services-v5-wrap .services-v5-no, .fg-text-light.services-v5-wrap .services-v5-body-title, .fg-text-light.services-v10-title, .fg-text-light.services-v10-text, .fg-text-light.services-v10-text p, .fg-text-light.services-v10-no, .fg-text-light.services-v11-text, .fg-text-light.services-v11-text p, .icon-box-v5 .icon-box-v5-title.fg-text-light, .icon-box-v5 .icon-box-v5-subtitle.fg-text-light, .icon-box-v6 .fg-text-light.icon-box-v6-text, .icon-box-v6 .fg-text-light.icon-box-v6-text p, .icon-box-v7 .fg-text-light.icon-box-v7-body p, .fg-text-light.ff-custom-pricing .pricing-list-v1-header-price, .fg-text-light.ff-custom-pricing .pricing-list-v1-header-price-sign, .fg-text-light.ff-custom-pricing .pricing-list-v1-header-price-info, .fg-text-light.pricing-list-v4-title, .fg-text-light.ff-custom-pricing .pricing-list-v4-price, .fg-text-light.ff-custom-pricing .pricing-list-v4-price-sign, .fg-text-light.ff-custom-pricing .pricing-list-v4-subprice, .fg-text-light.ff-custom-pricing .pricing-list-v4-price-info, .faq-v2 .faq-v2-community-title.fg-text-light, .fg-text-light .blog-teaser-v2-media, .fg-text-light .blog-teaser-v2-subtitle, .fg-text-light .blog-teaser-v2-title, .blog-teaser-category-title .fg-text-light, .fg-text-light .blog-teaser-category-title a, .fg-text-light.blog-teaser-title a:not(:hover), .fg-text-light.blog-teaser-text, .fg-text-light.l-download-icon, .fg-text-light.l-download-title { color: #fff; } .icon-box-v8.fg-text-light p, .icon-box-v8-media.fg-text-light .icon-box-v8-media-icon, .icon-box-v8 .icon-box-v8-content-title.fg-text-light, .icon-box-v1 .icon-box-v1-title.fg-text-light, .icon-box-v1 .icon-box-v1-description.fg-text-light, .icon-box-v1 .icon-box-v1-description.fg-text-light p, .icon-box-v2 .icon-box-v2-body-title.fg-text-light, .icon-box-v2 .icon-box-v2-body-paragraph.fg-text-light, .icon-box-v2 .icon-box-v2-body-paragraph.fg-text-light p, .icon-box-v3 .icon-box-v3-title.fg-text-light, .icon-box-v3 .icon-box-v3-title-paragraph.fg-text-light, .icon-box-v3 .icon-box-v3-title-paragraph.fg-text-light p, .icon-box-v3 .fg-text-light.icon-box-v3-icons, .icon-box-v2 .fg-text-light.icon-box-v2-body-subtitle, .icon-box-v4 .fg-text-light.icon-box-v4-element, .icon-box-v4 .icon-box-v4-body-title.fg-text-light, .icon-box-v4 .icon-box-v4-body-title.fg-text-light, .icon-box-v4 .icon-box-v4-body-text.fg-text-light, .icon-box-v4 .icon-box-v4-body-text.fg-text-light p, .fg-text-light.testimonials-v5-quote-text, .fg-text-light.testimonials-v5-quote-text p, .fg-text-light.animate-icon .animate-icon-wrap:hover, .heading-v1 .heading-v1-text-content .fg-text-light, .heading-v1 .heading-v1-title.fg-text-light, .heading-v1 .heading-v1-title.fg-text-light p, .heading-v1 .heading-v1-subtitle.fg-text-light, .heading-v1 .heading-v1-subtitle.fg-text-light p, .heading-v2 .heading-v2-title.fg-text-light, .heading-v2 .heading-v2-title.fg-text-light p, .heading-v2 .heading-v2-text.fg-text-light, .heading-v2 .heading-v2-text.fg-text-light p, .heading-v3 .heading-v3-title.fg-text-light, .heading-v3 .heading-v3-title.fg-text-light p, .heading-v3 .heading-v3-text.fg-text-light, .heading-v3 .heading-v3-text.fg-text-light p, .heading-v4 .heading-v4-subtitle.fg-text-light, .heading-v4 .heading-v4-subtitle.fg-text-light p, .heading-v4 .heading-v4-title.fg-text-light, .heading-v4 .heading-v4-title.fg-text-light p, .heading-v4 .heading-v4-text.fg-text-light, .heading-v4 .heading-v4-text.fg-text-light p, .counters-v2 .counters-v2-title.fg-text-light, .counters-v1 .fg-text-light.counters-v1-title, .counters-v2 .fg-text-light.counters-v2-icon, .counters-v3 .fg-text-light.counters-v3-number, .counters-v3 .fg-text-light.counters-v3-title, .counters-v2 .counters-v2-no.fg-text-light, .counters-v2 .fg-text-light.counters-v2-subtitle, .quote-socials-v1 .quote-socials-v1-quote.fg-text-light, .quote-socials-v1 .quote-socials-v1-text.fg-text-light, .quote-socials-v1 .quote-socials-v1-text.fg-text-light p, .slider-block-v1.fg-text-light .theme-carousel-indicators-v3 li:not(.active).fg-text-dark, .slider-block-v1.fg-text-light .theme-carousel-indicators-v3 li:not(.active).fg-text-light, .fg-text-light.slider-block-v2-text, .fg-text-light.slider-block-v2-text p, .fg-text-light.team-v1-member, .fg-text-light.team-v3-member, .team-v6-socials > li.fg-text-light a, .fg-text-dark.team-v6-member, .team-v7 .fg-text-light.team-v7-text, .team-v7 .fg-text-light.team-v7-text p, .fg-text-light.animate-icon .animate-icon-wrap, .fg-text-light.team-v3-paragraph, .fg-text-light.team-v3-paragraph p, .fg-text-light.team-v10-name, .fg-text-light.team-v10-position, .fg-text-light.team-v11-name, .fg-text-light.team-v11-position, .fg-text-light.team-v11-description, .fg-text-light.team-v11-description p, .fg-text-light.team-v12-name, .fg-text-light.team-v12-position, .fg-text-light.team-v12-text, .fg-text-light.team-v12-text p { color: #fff; } .services-v2 .fg-text-light.services-v2-list-item, .services-v2.fg-text-light .alert-area, .services-v2.fg-text-light .error, .services-v5 .services-v5-text.fg-text-light, .services-v5 .services-v5-text.fg-text-light p, .timeline-v1-news-label.fg-text-light, .timeline-v1-list-item > a.fg-text-light .timeline-v1-news-label, .timeline-v1 .timeline-v1-list-item .timeline-v1-news-title.fg-text-light, .timeline-v1-current-day.fg-text-light, .timeline-v1-current-time.fg-text-light, .timeline-v1-list-item.fg-text-light .timeline-v1-badge-icon, .progress-box .progress-box-number.fg-text-light, .progress-box .progress-box-title.fg-text-light, .progress-box .progress-title.fg-text-light, .piechart-v1 .fg-text-light.piechart-v1-body-subtitle, .timeline-v2-news-date.fg-text-light, .timeline-v2-list-item.fg-text-light > a .timeline-v2-news-date, .timeline-v2-news-title.fg-text-light, .timeline-v2-news-title.fg-text-light a, .timeline-v2-list-item > a.fg-text-light, .timeline-v2-list-item.fg-text-light .timeline-v2-badge-icon, .timeline-v2-current-day.fg-text-light, .timeline-v2-current-time.fg-text-light, .tab-v1 .nav-tabs > li > a.fg-text-light, .tab-v2 .nav-tabs > li.active > a.fg-text-light, .tab-v2 .nav-tabs > li:hover > a.fg-text-light, .tab-v3 .nav-tabs > li > a.fg-text-light, .tab-v3 .nav-tabs > li.active > a.fg-text-light, .tab-v5 .nav-tabs.nav-tabs-left > li > a.fg-text-light, .tab-v6 .nav-tabs.nav-tabs-right > li > a.fg-text-light, .ff-form-checkbox-wrapper.fg-text-light + label.error, .radio.fg-text-light, .form-control.fg-text-light + label.error, .contact-us-timeline-time.fg-text-light, .fg-text-light.work-v1-title a, .fg-text-light.work-v1-list .work-v1-category-link, .fg-text-light.work-v1-list li, .fg-text-light.alert-v3 .close, .fg-text-light.alert-box-element, .fg-text-light.testimonials-v1-quote, .fg-text-light.testimonials-v1-quote p, .fg-text-light.testimonials-v4-subtitle, .fg-text-light.testimonials-v4-quote, .fg-text-light.testimonials-v6-quote-text, .fg-text-light.l-testimonials-v1-quote, .fg-text-light.l-testimonials-v1-quote p, .fg-text-light.testimonials-v3-quote, .fg-text-light.testimonials-v3-quote p, .services-v2 .fg-text-light.services-v2-header-title, .fg-text-dark.piechart-v1 .circles-text-v1, .fg-text-light.theme-icons-body-title, .fg-text-light.radio .ff-form-input-radio, .call-to-action-v2 .fg-text-light.theme-icons-dark-brd, .ff-form-checkbox-wrapper.fg-text-light, .pricing-list-v1 .pricing-list-v1-content-list > li.fg-text-light, .ffb-scrollto-icon.fg-text-light, .fg-text-light.btn-base-bg { color: #fff; } .fg-text-light.animated-headline-v1-title, .fg-text-light.animated-headline-v1-separator, .fg-text-light.animated-headline-wrap, .fg-text-light.animated-headline-title, .fg-text-light.animated-headline-one-anim, .fg-text-light.blockquotes-v4 .blockquotes-v4-by, .portfolio-item-subitem-title.fg-text-light, .fg-text-light.heading-v1-Section, .l-services-v1 .fg-text-light.l-services-v1-title, .l-services-v1 .fg-text-light.l-services-v1-text, .l-services-v1 .fg-text-light.l-services-v1-text p, .fg-text-light.blog-teaser-v2-title, .fg-text-light.blog-teaser-v2-title a, .fg-text-light.blog-teaser-v2-post-content, .fg-text-light.blog-teaser-v2-post-content p, .fg-text-light.blog-teaser-v2-post-content a, .blog-teaser-v2 .fg-text-light.ff-meta-item, .blog-teaser-v2 .fg-text-light.ff-meta-item a, .blog-classic-v1 .ff-meta-item.fg-text-light a, .blog-classic-v1 .blog-classic-subtitle.fg-text-light, .blog-classic-v1 .blog-classic-subtitle.fg-text-light p, .blog-classic-v1 .blog-classic-subtitle.fg-text-light a, .news-v3 .fg-text-light.ff-meta-item, .news-v3 .fg-text-light.ff-meta-separator, .news-v10 .fg-text-light.ff-meta-item, .news-v10 .fg-text-light.ff-meta-separator, .blog-classic-4 .fg-text-light.ff-meta-item, .blog-classic-4 .fg-text-light.ff-meta-separator, .blog-classic-4 .news-v11-paragraph.fg-text-light, .blog-classic-4 .news-v11-paragraph.fg-text-light p, .fg-text-light.news-v8-paragraph, .fg-text-light.news-v8-paragraph p, .fg-text-light.news-v8-paragraph a, .ff-news-v4-post-content.fg-text-light, .ff-news-v4-post-content.fg-text-light p, .news-v4 .fg-text-light.ff-meta-item, .news-v4 .fg-text-light.ff-meta-separator, .news-v8 .fg-text-light.ff-meta-item, .news-v8 .fg-text-light.ff-meta-item a, .news-v8 .fg-text-light.ff-meta-separator, .news-v9 .fg-text-light.ff-meta-item, .news-v9 .fg-text-light.ff-meta-separator, .news-v9-text.fg-text-light, .news-v9-text.fg-text-light p, .blog-simple-2-post-content.fg-text-light, .blog-simple-2-post-content.fg-text-light p, .news-v1-post-content.fg-text-light, .news-v1-post-content.fg-text-light p, .news-v1 .ff-meta-item.fg-text-light, .news-v1 .ff-meta-item.fg-text-light a, .news-v1 .ff-meta-separator.fg-text-light, .news-v1-divider.fg-text-light .news-v1-element-icon, .fg-text-light.news-v12-title a:not(:hover), .news-v12-text.fg-text-light, .news-v12-text.fg-text-light p { color: #fff; } .promo-block-v11 .fg-text-light.promo-block-v11-subtitle, .promo-block-v11 .fg-text-light.promo-block-v11-subtitle p, .blog-classic-v1 .blog-classic-title.fg-text-light, .blog-classic-v1 .blog-classic-title.fg-text-light a:not(:hover), .fg-text-light.ff-news-v3-post-content, .fg-text-light.ff-news-v3-post-content p, .fg-text-light.ff-news-v3-post-content a, .fg-text-light.ff-richtext, .fg-text-light > .ff-richtext, .fg-text-light.countdown_section, .fg-text-light.l-services-v4-title, .fg-text-light.news-v10-title a, .blog-teaser-text.fg-text-light, .blog-teaser-text.fg-text-light p, .theme-portfolio-v2.fg-text-light .cbp-filter-item:not(.cbp-filter-item-active), .fg-text-light.blog-timeline-1-text, .fg-text-light.blog-timeline-1-text p, .fg-text-light.news-v2-title a, .fg-text-light.news-v11-title a, .fg-text-light.news-v5-order-name a:not(:hover), .fg-text-light.news-v8-title a, .fg-text-light.news-v9-title a, .fg-text-light.breadcrumbs-v1 h1, .fg-text-light.breadcrumbs-v1 h2, .fg-text-light.breadcrumbs-v1 li + li:before, .fg-text-light.breadcrumbs-v1 a:not(:hover), .fg-text-light.breadcrumbs-v2 h1, .fg-text-light.breadcrumbs-v2 h2, .fg-text-light.breadcrumbs-v2 li + li:before, .fg-text-light.breadcrumbs-v2 a:not(:hover), .ark-woocommerce-products .title.fg-text-light:not(:hover), .ark-woocommerce-products .price.fg-text-light, .fg-text-light.news-v5-post-content, .fg-text-light.news-v5-post-content p, .timeline-v4-title.fg-text-light a:not(:hover), .ff-portfolio-filter.fg-text-light .cbp-filter-item, .fg-text-light.timeline-v4-subtitle, .blog-timeline-2-text.fg-text-light, .blog-timeline-2-text.fg-text-light p, .blog-simple-slider-post-content.fg-text-light, .blog-simple-slider-post-content.fg-text-light p, .news-v2-subtitle .fg-text-light.ff-meta-item, .news-v2-subtitle .fg-text-light.ff-meta-item a, .news-v2-subtitle .fg-text-light.ff-meta-separator, .news-v2-subtitle .fg-text-light.ff-meta-icon, .blog-latest .fg-text-light.ff-meta-separator, .fg-text-light.ff-news-v2-post-content, .fg-text-light.ff-news-v2-post-content p, .fg-text-light.ff-news-v2-post-content a, .fg-text-light.news-v2-title a, .fg-text-light.news-v2-link, .blog-simple-4-subtitle .ff-meta-item, .blog-simple-4-subtitle .ff-meta-separator { color: #fff; } .fg-text-light.ark-sidebar h1 > a:not(:hover), .fg-text-light.ark-sidebar h2 > a:not(:hover), .fg-text-light.ark-sidebar h3 > a:not(:hover), .fg-text-light.ark-sidebar h4 > a:not(:hover), .fg-text-light.ark-sidebar h5 > a:not(:hover), .fg-text-light.ark-sidebar h6 > a:not(:hover), .fg-text-light.ark-sidebar a:not(:hover), .fg-text-light.ark-sidebar p, .fg-text-light.ark-sidebar li, .fg-text-light.ark-sidebar td, .fg-text-light.ark-sidebar th, .fg-text-light.ark-sidebar caption, .fg-text-light.ark-sidebar label, .fg-text-light.ark-sidebar .widget, .fg-text-light.ark-sidebar .latest-tuts .latest-tuts-content .latest-tuts-content-time, .fg-text-light p, .fg-text-light li a, .contact-form-input.fg-text-light, .alert-box-general .fg-text-light.alert-box-paragraph, .alert-box-general .fg-text-light.alert-box-paragraph p, .heading-v3 .heading-v3-element.fg-text-light .heading-v3-element-icon, .pricing-list-v2-content-list > li.fg-text-light, .pricing-list-v4 .pricing-list-v4-title.fg-text-light, .pricing-list-v4 .pricing-list-v4-subtitle.fg-text-light, .pricing-list-v4 .pricing-list-v4-content.fg-text-light, .l-pricing-list-v1 .display-b.fg-text-light .l-pricing-list-v1-subprice, .l-pricing-list-v1 .display-b.fg-text-light .l-pricing-list-v1-price, .l-pricing-list-v1 .display-b.fg-text-light .l-pricing-list-v1-price-info, .l-pricing-list-v1 .display-b.fg-text-light .l-pricing-list-v1-price-sign, .l-pricing-list-v1 .l-pricing-list-v1-title.fg-text-light, .progress-box h2.fg-text-light, .services-v5 .services-v5-body-title.fg-text-light, .news-v3 .news-v3-subtitle.fg-text-light, .news-v1-element.fg-text-light .news-v1-element-icon, .news-v1-heading.fg-text-light .meta, .news-v1-content.fg-text-light, .fg-text-light.blog-timeline-1-text, .fg-text-light.blog-timeline-2-text, .fg-text-light.news-v12-text, .fg-text-light.blockquotes-v3, .testimonials-v4-rating-list.fg-text-light > li > i, .tab-v2 .nav-tabs > li > a.fg-text-light, .testimonials-v6 .fg-text-light.testimonials-v6-position, .fg-text-light.them-icon-body-paragraph, .fg-text-light.animate-icon .animate-icon-horizontal:hover, .fg-text-light.animate-icon .animate-icon-horizontal:focus, .fg-text-light.blockquotes-v4 .blockquotes-v4-text, .fg-text-light.news-v8-footer .news-v8-footer-list-item .ff-meta-item, .fg-text-light.news-v8-footer .news-v8-footer-list-item .ff-meta-item a, .fg-text-light.news-v8-footer .news-v8-footer-list-item .news-v8-footer-list-icon, .fg-text-light.news-v9-text p, .fg-text-light.ark-comment-list .blog-single-post-comment-username, .fg-text-light.ark-comment-list .blog-single-post-comment-time, .fg-text-light.ark-comment-list #reply-title, .fg-text-light.ark-comment-list .logged-in-as, .fg-text-light.ark-comment-list #submit, .fg-text-light.news-v8-footer .news-v8-footer-list-item .news-v8-footer-list-icon { color: #cfcfcf; } .fg-text-light.l-news-v1-day, .testimonials-v6.fg-text-light .testimonials-v6-position { color: #a0a0a0; } .accordion-v3 .panel-body, .accordion-v4 .panel-body, .alert-box-vertical.fg-text-dark .close, .services-v2 .fg-text-dark.services-v2-list-item, .fg-text-dark.l-news-v1-day, .fg-text-dark.heading-v1-text-content, .fg-text-dark.testimonials-v4-quote, .news-v2:hover .fg-text-light.news-v2-link, .fg-text-dark.news-v11-paragraph, .fg-text-dark.news-v5-post-content p { color: #606060; } .fg-text-dark.animate-icon .animate-icon-wrap:hover, .map.fg-text-light, .services-v2 .fg-text-dark.services-v2-header-subtitle, .promo-block-v3 .promo-block-v3-title.fg-text-dark, .promo-block-v3 .promo-block-v3-subtitle.fg-text-dark, .promo-block-v3 .promo-block-v3-text.fg-text-dark, .promo-block-v3 .promo-block-v3-text.fg-text-dark p, .call-to-action-v2 .fg-text-dark.theme-icons-dark-brd, .news-v2:hover .fg-text-light.news-v2-title a, .news-v2:hover .news-v2-subtitle .fg-text-light.ff-meta-item, .news-v2:hover .fg-text-light.news-v2-subtitle a, .fg-text-dark.news-v9-text p { color: #3a3a44; } .call-to-action-v1 .call-to-action-v1-text.fg-text-dark, .call-to-action-v1 .call-to-action-v1-text.fg-text-dark p, .call-to-action-v2 .call-to-action-v2-text.fg-text-dark, .call-to-action-v2 .call-to-action-v2-text.fg-text-dark p, .accordion-v3 .panel-title > a.fg-text-dark, .accordion-v3 .panel-title > a.fg-text-dark:before, .accordion-v4 .panel-title > a.fg-text-dark, .accordion-v4 .panel-title > a.fg-text-dark:before, .alert-box-paragraph.fg-text-dark, .alert-box-paragraph.fg-text-dark p, .call-to-action-v1 .call-to-action-v1-title.fg-text-dark, .call-to-action-v1 .call-to-action-v1-title.fg-text-dark p, .fg-text-dark.badge, .services-v2 .fg-text-dark.services-v2-form, .services-v2 .fg-text-dark.services-v2-form:focus, .promo-block-v2.fg-text-dark .scroll-to-section-click-icon, .promo-block-v2 .promo-block-v2-title.fg-text-dark, .promo-block-v2 .promo-block-v2-title.fg-text-dark p, .promo-block-v2 .promo-block-v2-text.fg-text-dark, .promo-block-v2 .promo-block-v2-text.fg-text-dark p, .theme-icons-wrap.fg-text-light > a[href] > .theme-icons-dark-brd:hover, .ff-custom-pricing.fg-text-dark .pricing-list-v2-header-price-sign, .ff-custom-pricing.fg-text-dark .pricing-list-v2-header-price, .ff-custom-pricing.fg-text-dark .pricing-list-v2-header-price-info, .services-v2 .fg-text-dark.services-v2-testimonials-quote, .services-v2 .fg-text-dark.services-v2-testimonials-quote p, .promo-block-v6 .promo-block-v6-title.fg-text-dark, .fg-text-dark.promo-block-v8-title, .promo-block-v8-col.fg-text-dark .promo-block-v8-pricing-mon, .promo-block-v8-col.fg-text-dark .promo-block-v8-video-btn, .promo-block-v8-col.fg-text-dark .promo-block-v8-pricing-text, .promo-block-v8-col.fg-text-dark .promo-block-v8-pricing-sign, .promo-block-v8-col.fg-text-dark .promo-block-v8-text, .promo-block-v8-col.fg-text-dark .promo-block-v8-text p, .promo-block-v8-col.fg-text-dark .promo-block-v8-pricing-no, .promo-block-v11 .promo-block-v11-title.fg-text-dark, .fg-text-dark.animate-icon .animate-icon-wrap, .icons li.fg-text-dark > a, .icons li.fg-text-dark a, .fg-text-dark.animated-headline-one-anim, .animated-headline-title.fg-text-dark .animated-headline-prefix, .fg-text-dark.testimonials-v5-quote-text, .fg-text-dark.testimonials-v5-quote-text p, .counters-v4 .fg-text-dark.counters-v4-icon, .counters-v4 .fg-text-dark.counters-v4-number, .counters-v4 .fg-text-dark.counters-v4-title, .counters-v5 .fg-text-dark.counters-v5-number, .counters-v5 .fg-text-dark.counters-v5-title, .fg-text-dark.blog-teaser-v2-title, .fg-text-dark.blog-teaser-v2-title a, .fg-text-dark.blog-teaser-v2-post-content, .fg-text-dark.blog-teaser-v2-post-content p, .fg-text-dark.blog-teaser-v2-post-content a, .blog-teaser-v2 .fg-text-dark.ff-meta-item, .blog-teaser-v2 .fg-text-dark.ff-meta-item a, .blog-classic-v1 .ff-meta-item.fg-text-dark a, .blog-classic-v1 .blog-classic-subtitle.fg-text-dark, .blog-classic-v1 .blog-classic-subtitle.fg-text-dark p, .blog-classic-v1 .blog-classic-subtitle.fg-text-dark a, .blog-classic-v1 .blog-classic-title.fg-text-dark, .blog-classic-v1 .ff-meta-separator.fg-text-dark, .blog-classic-v1 .ff-meta-item.fg-text-dark, .blog-classic-v1 .ff-meta-item.fg-text-dark a, .news-v9-wrapper.fg-text-dark .news-v9-link, .op-b-blog-title.fg-text-dark a:hover, .fg-text-dark.animated-headline-v1-title, .fg-text-dark.breadcrumbs-v3 h1, .fg-text-dark.breadcrumbs-v3 h2, .fg-text-dark.breadcrumbs-v3 li + li:before, .fg-text-dark.breadcrumbs-v3 a:not(:hover), .fg-text-dark.breadcrumbs-v4 h1, .fg-text-dark.breadcrumbs-v4 h2, .fg-text-dark.breadcrumbs-v4 span, .fg-text-dark.breadcrumbs-v4 a:not(:hover), .fg-text-dark.breadcrumbs-v5 h1, .fg-text-dark.breadcrumbs-v5 h2, .fg-text-dark.breadcrumbs-v5 span, .fg-text-dark.breadcrumbs-v5 a:not(:hover), .testimonials-v11 .fg-text-dark.quote, .testimonials-v11 .fg-text-dark.quote-mark { color: #34343c; } .blog-teaser-title.fg-text-dark, .blog-teaser-text.fg-text-dark, .fg-text-dark.testimonials-v7-title, .testimonials-v7 .fg-text-dark.testimonials-v7-title .sign, .services-v2 .fg-text-dark.services-v2-header-title, .theme-icons-wrap.fg-text-dark > a[href] > .theme-icons-white-hover, .team-v8-position.fg-text-dark, .fg-text-dark.services-v9-title, .fg-text-dark.services-v11-title, .fg-text-dark.services-v12-title { color: #2c2c2c; } p.fg-text-dark, .alert-v3.fg-text-dark, .op-b-counters .fg-text-dark.op-b-counters-no, .op-b-counters .fg-text-dark.op-b-counters-title, .icon-box-v6 .fg-text-dark.icon-box-v6-icons, .icon-box-v6 .fg-text-dark.icon-box-v6-title, .icon-box-v6 .fg-text-dark.icon-box-v6-subtitle, .icon-box-v6 .fg-text-dark.icon-box-v6-text, .icon-box-v6 .fg-text-dark.icon-box-v6-text p, .icon-box-v7 .fg-text-dark.icon-box-v7-icons, .icon-box-v7.fg-text-dark .icon-box-v7-title, .icon-box-v7.fg-text-dark .icon-box-v7-text, .icon-box-v7.fg-text-dark .icon-box-v7-text p, .promo-block-v11 .fg-text-dark.promo-block-v11-category-icon, .promo-block-v11 .fg-text-dark.promo-block-v11-small-title, .i-banner-v1 .fg-text-dark.i-banner-v1-member-position, .i-banner-v1 .fg-text-dark.i-banner-v1-member, .theme-ci-v1 .theme-ci-v1-item.fg-text-dark .theme-ci-v1-no, .theme-ci-v1 .theme-ci-v1-item .fg-text-dark.theme-ci-v1-title, .theme-ci-v1 .theme-ci-v1-item .fg-text-dark.theme-ci-v1-subtitle, .i-banner-v2 .fg-text-dark.i-banner-v2-title, .i-banner-v2 .fg-text-dark.i-banner-v2-text, .i-banner-v3 .fg-text-dark.i-banner-v3-title, .i-banner-v3 .fg-text-dark.i-banner-v3-title p, .fg-text-dark.contact-us-timeline-day, .pricing-list-v2 .fg-text-dark.pricing-list-v2-header-title, .fg-text-dark.pricing-list-v3-title, .pricing-list-v3 .pricing-list-v3-text.fg-text-dark, .pricing-list-v3 .pricing-list-v3-subtitle.fg-text-dark, .ff-custom-pricing.fg-text-dark .pricing-list-v3-price-sign, .ff-custom-pricing.fg-text-dark .pricing-list-v3-price, .process-v1 .process-v1-title.fg-text-dark, .process-v1 .process-v1-text.fg-text-dark, .process-v1 .process-v1-text.fg-text-dark p, .services-v7-title.fg-text-dark, .services-v7-collapsed.fg-text-dark .services-v7-text, .services-v7-collapsed.fg-text-dark .services-v7-text p, .services-v7-more.fg-text-dark .services-v7-link-icon, .services-v7-more.fg-text-dark .services-v7-link-title, .services-v2 .fg-text-dark.services-v2-testimonials-author, .services-v2 .fg-text-dark.services-v2-testimonials-author-comp, .services-v2 .fg-text-dark.services-v2-header-title, .fg-text-dark.team-v6-member, .team-v8-name.fg-text-dark, .pricing-list-v3 .pricing-list-v3-paragraph.fg-text-dark, .theme-carousel-indicators-v3 li.fg-text-dark, .slider-block-v1.fg-text-dark .theme-carousel-indicators-v3 li:not(.active).fg-text-dark, .slider-block-v1.fg-text-dark .theme-carousel-indicators-v3 li:not(.active).fg-text-light, .services-v3-header.fg-text-dark .services-v3-title, .services-v3 .services-v3-content-element.fg-text-dark, .fg-text-dark .blog-teaser-v2-media, .fg-text-dark .blog-teaser-v2-subtitle, .fg-text-dark .blog-teaser-v2-title, .testimonials-v11 .fg-text-dark.author { color: #000; } .op-b-counters .op-b-counters-icon.fg-text-dark, .op-b-counters .op-b-counters-icon-overlay.fg-text-dark { color: rgba(0, 0, 0, 0.5); } .i-banner-v3 .fg-text-dark.i-banner-v3-text, .i-banner-v3 .fg-text-dark.i-banner-v3-text p { color: rgba(0, 0, 0, 0.8); } .icon-box-v8 .fg-text-light.icon-box-v8-content-title.icon-box-v8-content-title-element:after, .icon-box-v8 .fg-text-light.icon-box-v8-content-title.icon-box-v8-content-title-element:before, .fg-text-dark.ark-sidebar .timeline-v2 .timeline-v2-badge-icon, .blog-teaser-v2-separator.fg-text-light, .blog-classic-v1 .blog-classic-divider.fg-text-light, .news-v11-separator.fg-text-light, .news-v1-divider.fg-text-light .news-v1-element:before, .news-v1-divider.fg-text-light .news-v1-element:after, .slider-block-v2.fg-text-light .theme-carousel-indicators-v2 li:not(.active), .blog-default-v1 .news-v3 .ff-news-v3-divider.fg-text-light, .blog-default-v2 .news-v3 .ff-news-v3-divider.fg-text-light, .blog-default-v3 .news-v3 .ff-news-v3-divider.fg-text-light { background-color: #fff; } .news-v8-separator.fg-text-light { background-color: #ebeef6; } .news-v9-separator.fg-text-light { background-color: rgba(255, 255, 255, 0.6); } .blog-masonry-1 .blog-grid-separator.fg-text-light { border-color: rgba(255, 255, 255, 0.7); } .blog-masonry-1 .blog-grid-separator.fg-text-dark { border-color: #ebeef6; } .theme-icons-wrap.fg-text-light > a[href] > .theme-icons-dark-brd:hover, .news-v1 .news-v1-element.fg-text-light:before, .news-v1 .news-v1-element.fg-text-light:after, .team-v7.fg-text-light .team-v7-trigger, .fg-text-light .blog-teaser .blog-teaser-category-title:before, .team-v8-separator.fg-text-dark { background-color: #cfcfcf; } .fg-text-light.work-v1-list > li:after { background-color: #a0a0a0; } .theme-ci-v1 .fg-text-dark.theme-ci-v1-item:before, .theme-ci-v1 .fg-text-dark.theme-ci-v1-item:after, .services-v7-more.fg-text-dark .services-v7-link-icon:before, .services-v7-more.fg-text-dark .services-v7-link-icon:after, .fg-text-dark.testimonials-v5-separator { background-color: #0f0f0f; } .counters-v4 .fg-text-dark.counters-v4-number:after, .fg-text-light.ark-sidebar .timeline-v2 .timeline-v2-badge-icon, .blog-teaser-v2-separator.fg-text-dark, .news-v11-separator.fg-text-dark, .news-v8-separator.fg-text-dark, .news-v9-separator.fg-text-dark { background-color: #34343c; } .blog-classic-v1 .blog-classic-divider.fg-text-dark, .blog-teaser-divider.fg-text-dark { background-color: #c0c0c8; } .accordion-v1 .panel-title > a.fg-text-light.collapsed:not(:hover), .accordion-v2 .panel-title > a.fg-text-light.collapsed:not(:hover), .accordion-v5 .panel-title > a.fg-text-light, .blog-teaser-title.fg-text-dark:after, .theme-icons-wrap.fg-text-dark > a[href] > .theme-icons-white-hover:hover, .team-v7.fg-text-light .team-v7-trigger:before, .team-v7.fg-text-light .team-v7-trigger:after, .team-v8-position.fg-text-dark:after, .faq-v2.fg-text-light, .services-v11 .services-v11-title.fg-text-dark:after, .services-v12 .fg-text-dark.services-v12-title-element:after, .services-v12 .fg-text-dark.services-v12-title-element:before, .icon-box-v1 .icon-box-v1-content.fg-text-light, .tab-v3 .nav-tabs > li > a.fg-text-light { background-color: #2c2c2c; } .fg-text-light.theme-icons-dark-brd { border: 1px solid #fff; } .theme-icons-wrap.fg-text-light > a[href] > .theme-icons-dark-brd { border-color: #cfcfcf; } .accordion-v2 .panel-default .panel-heading a.fg-text-light { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.07); } .alert-box-vertical.fg-text-dark .close-overlay { background-color: rgba(0, 0, 0, 0.2); } .theme-carousel-indicators-v3 li.fg-text-dark { border-bottom: 1.5px solid #000; } .counters-v5 .fg-text-dark.counters-v5-element, .counters-v5 .fg-text-dark.counters-v5-element:before, .counters-v5 .fg-text-dark.counters-v5-element:after { border-bottom-color: #34343c; } .icon-box-v7.fg-text-dark .icon-box-v7-wrap, .services-v7-more.fg-text-dark .services-v7-link-icon, .slider-block-v1.fg-text-dark .theme-carousel-indicators-v3 li:not(.active).fg-text-dark, .slider-block-v1.fg-text-dark .theme-carousel-indicators-v3 li:not(.active).fg-text-light, .call-to-action-v2 .fg-text-dark.theme-icons-dark-brd { border-color: #000; } .slider-block-v1.fg-text-light .theme-carousel-indicators-v3 li:not(.active).fg-text-dark, .slider-block-v1.fg-text-light .theme-carousel-indicators-v3 li:not(.active).fg-text-light, .blog-timeline-1 .blog-grid-separator.fg-text-light { border-color: #fff; } .services-v2 .fg-text-dark.services-v2-form { border-bottom: 1px solid rgba(0, 0, 0, 0.3); } .services-v2 .fg-text-dark.services-v2-form:focus { border-bottom: 1px solid rgba(0, 0, 0, 0.5); } .services-v2 input.fg-text-dark.services-v2-form::-webkit-input-placeholder { color: #34343c; } .services-v2 input.fg-text-dark.services-v2-form::-moz-placeholder { color: #34343c; opacity: 1; } .services-v2 input.fg-text-dark.services-v2-form:-ms-input-placeholder { color: #34343c; } .services-v2 textarea.fg-text-dark.services-v2-form::-webkit-input-placeholder { color: #34343c; } .services-v2 textarea.fg-text-dark.services-v2-form::-moz-placeholder { color: #34343c; opacity: 1; } .services-v2 textarea.fg-text-dark.services-v2-form:-ms-input-placeholder { color: #34343c; } .accordion-v3 .panel-title > a.fg-text-dark, .accordion-v4 .panel-title > a.fg-text-dark:before, .accordion-v4 .panel-title > a.fg-text-dark { color: #34343c; border: 1px solid #34343c; } .accordion-v3 .panel-title > a.fg-text-dark:hover:before, .accordion-v3 .panel-title > a.fg-text-light:hover:before, .accordion-v3 .panel-title > a.fg-text-dark:hover, .accordion-v3 .panel-title > a.fg-text-light:hover, .accordion-v4 .panel-title > a.fg-text-dark:hover:before, .accordion-v4 .panel-title > a.fg-text-light:hover:before, .accordion-v4 .panel-title > a.fg-text-dark:hover, .accordion-v4 .panel-title > a.fg-text-light:hover, .tab-v3.fg-text-light .nav-tabs > li:hover > a { color: #00bcd4; } .accordion-v2 .panel-title > a[aria-expanded="true"].fg-text-light, .accordion-v2 .panel-title > a.fg-text-light:hover, .accordion-v5 .panel-title > a[aria-expanded="true"].fg-text-light, .accordion-v5 .panel-title > a.fg-text-light:hover, .tab-v1 .nav-tabs > li > a.fg-text-light:hover, .tab-v1 .nav-tabs > li.active > a.fg-text-light, .tab-v3 .nav-tabs > li.active > a.fg-text-light, .tab-v5 .nav-tabs > li > a.fg-text-light:hover, .tab-v5 .nav-tabs > li.active > a.fg-text-light, .tab-v6 .nav-tabs > li > a.fg-text-light:hover, .tab-v6 .nav-tabs > li.active > a.fg-text-light { background-color: #00bcd4; } .tab-v5 .nav-tabs.nav-tabs-left > li.fg-text-dark, .tab-v6 .nav-tabs.nav-tabs-right > li.fg-text-dark { background-color: #f7f8fa; } .tab-v2 .nav-tabs > li.active > a.fg-text-light, .tab-v2 .nav-tabs > li:hover > a.fg-text-light { border-bottom: 1px solid #fff; } .tab-v2 .nav-tabs > li > a.fg-text-light { border-bottom: 1px solid #a0a0a0; } .op-b-team-social-item.fg-text-dark .op-b-team-social-link { font-size: 24px; text-decoration: none; color: rgba(52, 52, 60, 0.8); } .op-b-team-social-item.fg-text-dark .op-b-team-social-link:hover { color: rgba(52, 52, 60, 1); } .fg-text-light.icon-box-v2 { background-color: #343434; border-color: #343434; } .fg-text-light.services-v14-text, .fg-text-light.services-v14-text p, .heading-v1 .fg-text-light.heading-v1-text, .heading-v1 .fg-text-light.heading-v1-text p, .fg-text-light.l-download-text, .fg-text-light.l-download-text p, .fg-text-light.testimonials-v6-quote-text, .fg-text-light.testimonials-v6-quote-text p, .testimonials-v6-element .fg-text-light.testimonials-v6-author, .testimonials-v4 .fg-text-light .testimonials-v4-subtitle, .fg-text-light.testimonials-v4-author-position, .fg-text-light.testimonials-v4-title, .testimonials-v3 .fg-text-light.testimonials-v3-subtitle .sign, .fg-text-light.testimonials-v3-author, .fg-text-light.testimonials-v3-subtitle, .fg-text-light.testimonials-v3-title, .fg-text-light.testimonials-v1-author-position, .fg-text-light.testimonials-v1-author, .fg-text-light.team-v11-name, .fg-text-light.team-v11-position, .fg-text-light.team-v10-name, .fg-text-light.team-v10-position, .fg-text-light.team-v9-name, .fg-text-light.team-v9-position, .fg-text-light.team-v7-name, .fg-text-light.team-v7-position, .fg-text-light.ff-author-meta, .fg-text-light.ff-date-meta, .fg-text-light.ff-category-meta, .fg-text-light.ff-comments-meta, .fg-text-light.ff-tag-meta, .fg-text-light.ff-separator-meta, .fg-text-light > .blog-teaser-v2-title, .team-v5-content .fg-text-light.team-v5-author-contact, .team-v4-content .fg-text-light.team-v4-member, .fg-text-light.team-v3-header .team-v3-member, .team-v3 .fg-text-light.team-v3-header .team-v3-member-position, .fg-text-light.progress-box .progress-title, .fg-text-light.team-v2-member, .fg-text-light.team-v1-content .team-v1-member, .team-v1 .team-v1-socials > li.fg-text-light .team-v1-socials-link, .tab-content .tab-pane.fg-text-light, .fg-heading.fg-text-light, .fg-heading.fg-text-light a, .fg-text-light.tab-pane h2, .fg-text-light.counters-v3-icon, .fg-text-light.counters-v1-number, .fg-text-light .ffb-icon-1.faq-v2-community-icon, .timeline-v1-list-item .fg-text-light.timeline-v1-news-title > a, .timeline-v1-list-item .fg-text-light.timeline-v1-news-time, .timeline-v2 .fg-text-light.timeline-v2-list-item .timeline-v2-news-title > a, .fg-text-light.pricing-list-v1-header-title, .pricing-list-v1-body .fg-text-light.pricing-list-v1-header-subtitle, .pricing-list-v1-content-list li.fg-text-light, .accordion-v5 .fg-text-light .panel-body, .fg-text-light.services-v10-no, .fg-text-light.services-v8-no, .fg-text-light.services-v8-text, .fg-text-light.services-v8-like, .services-v5-wrap .fg-text-light.services-v5-no, .star-rating h2.fg-text-light, .blog-classic-subtitle.fg-text-light, .team-v4-content .fg-text-light.team-v4-member-position, .ff-video-link-button, .ff-video-link-button:hover, .ff-video-link-button:visited, .ff-video-link-button:active, .ff-video-link-button:focus, p.fg-text-light, .fg-text-light.buttons-divider, .fg-paragraph.fg-text-light, .fg-paragraph.fg-text-light p, .fg-text-light.divider-with-title-1-type > div, .fg-text-light.theme-portfolio-title a, .fg-text-light.divider-v6 .divider-v6-element-title, .fg-text-light.theme-portfolio-item-v1-title a, .fg-text-light.services-v1-subtitle, .fg-text-light.ff-button-block-v1, .promo-block-v8-col.fg-text-dark .promo-block-v8-video-icon, .fg-text-light.l-services-v2-title, .fg-text-light.l-services-v2-icon-wrap, .fg-text-light.op-b-testimonials-star, .fg-text-light.op-b-testimonials-star-no, .fg-text-light.op-b-testimonials-author, .fg-text-light.l-icon-box-v2-title, .fg-text-light.l-icon-box-v2-icon, .fg-text-light .l-pricing-list-v2-price, .fg-text-light .l-pricing-list-v2-sign, .fg-text-light .l-pricing-list-v2-subprice, .fg-text-light .l-pricing-list-v2-price-info, .fg-text-light.l-testimonials-v1-author { color: #fff; } .services-v2 .fg-text-dark.services-v2-testimonials .services-v2-testimonials-quote, .fg-text-dark.testimonials-v7-text, .fg-text-dark.testimonials-v7-text p, .fg-text-dark.testimonials-v5-quote .testimonials-v5-quote-text, .fg-text-dark.testimonials-v2-title, .fg-text-dark.testimonials-v2-quote, .fg-text-dark.testimonials-v2-quote p, .fg-text-dark.testimonials-v2-author, .fg-text-dark.team-v12-name, .fg-text-dark.team-v12-position, .fg-text-dark.team-v12-text, .fg-text-dark.team-v12-text p, .fg-text-dark.slider-block-v1-paragraph, .fg-text-dark.services-v12-text, .fg-text-dark.services-v12-text p, .fg-text-dark.services-v12-icon, .fg-text-dark.services-14-text, .fg-text-dark.services-14-text p, .fg-text-dark.services-v11-subtitle, .fg-text-dark.services-v11-text, .fg-text-dark.services-v11-text p, .fg-text-dark.services-v9-icon, .fg-text-dark.services-v9-text, .fg-text-dark.services-v9-text p, .fg-text-dark.services-v6-title, .fg-text-dark.services-v6-icon, .fg-text-dark.fg-heading, .fg-text-dark.fg-heading a, .services-v4-content .fg-text-dark.services-v4-title, .services-v4-content .fg-text-dark.services-v4-text, .services-v3-header .fg-text-dark.services-v3-title, .services-v3-header .fg-text-dark.services-v3-text, .services-v3-header .fg-text-dark.services-v3-text p, .fg-text-dark.promo-block-v11-title, .fg-text-dark.promo-block-v11-subtitle, .fg-text-dark.promo-block-v9-title, .fg-text-dark.ff-author-meta, .fg-text-dark.ff-date-meta, .fg-text-dark.ff-category-meta, .fg-text-dark.ff-comments-meta, .fg-text-dark.ff-tag-meta, .fg-text-dark.ff-separator-meta, .fg-text-dark.pricing-list-v1-header-subtitle, .fg-text-dark > .blog-teaser-v2-title, .promo-block-v8-pricing.fg-text-dark .promo-block-v8-pricing-no, .promo-block-v8-pricing.fg-text-dark .promo-block-v8-pricing-sign, .promo-block-v8-text.fg-text-dark, .fg-text-dark.promo-block-v1-title, .fg-text-dark.promo-block-v1-text, .fg-text-dark.promo-block-v1-text p, .fg-text-dark.promo-block-v6-title, .fg-text-dark.promo-block-v6-text, .fg-text-dark.promo-block-v6-text p, .fg-text-dark.promo-block-v4-title, .fg-text-dark.i-banner-v3-subtitle, p.fg-text-dark, .fg-text-dark.services-v5 .services-v5-wrap .services-v5-no:after, .services-v3-content .fg-text-dark.services-v3-content-element, .fg-text-dark.breadcrumbs-v5-subtitle, .fg-text-dark.breadcrumbs-v5-subtitle p, .fg-text-dark.fg-text-dark.ff-video-link-button, .fg-text-dark.ff-video-link-button:hover, .fg-text-dark.ff-video-link-button:visited, .fg-text-dark.ff-video-link-button:active, .fg-text-dark.ff-video-link-button:focus, .fg-text-dark.ff-video-hover-button-title, .fg-text-dark.op-b-pricing-v1-title, .fg-text-dark.ff-custom-pricing .op-b-pricing-v1-price-sign, .fg-text-dark.ff-custom-pricing .op-b-pricing-v1-price, .fg-text-dark.ff-custom-pricing .op-b-pricing-v1-subprice, .fg-text-dark.op-b-team-name, .fg-text-dark.op-b-team-position, .fg-text-dark.op-b-testimonials-quote, .fg-text-dark.op-b-testimonials-quote p, .fg-text-dark.l-pricing-list-v2-title, .fg-text-dark.l-pricing-list-v2-text, .fg-text-dark.display-b .l-pricing-list-v2-price-sign, .fg-text-dark.display-b .l-pricing-list-v2-price, .fg-text-dark.display-b .l-pricing-list-v2-subprice, .fg-text-dark.display-b .l-pricing-list-v2-price-info { color: #34343c; } .promo-block-v8-col.fg-text-dark .promo-block-v8-pricing { border-color: rgba(0, 0, 0, 0.1); } .promo-block-v8-col.fg-text-dark .promo-block-v8-video-icon-wrapper { background-color: #34343c; } .fg-text-light.testimonials-v7-author:before, .fg-text-light .services-v5 .services-v5-wrap .services-v5-no:after, .fg-text-light.divider-v6 .before, .fg-text-light.divider-v6 .after, .portfolio-classic-1 .cbp-caption.fg-text-light .theme-portfolio-item-v3-icon:before, .portfolio-classic-1 .cbp-caption.fg-text-light .theme-portfolio-item-v3-icon:after { background: #fff; } .fg-text-dark .services-v12-title.services-v12-title-element:after, .fg-text-dark .services-v12-title.services-v12-title-element:before .fg-text-dark.testimonials-v5-quote:before { background: #606060; } .fg-text-light.testimonials-v1:before { box-shadow: inset 0 10px 10px 0 #000; } .fg-text-dark.services-v6-icon { border-color: #606060; } .fg-text-light.divider-v7 .divider-v7-title span.after, .fg-text-light.divider-v7 .divider-v7-title span.after:after, .ff-video-link-button, .ff-video-link-button:hover, .ff-video-link-button:visited, .ff-video-link-button:active, .ff-video-link-button:focus, .fg-text-light.divider-with-icon-1-type .divider-with-icon-1-element-type:before, .fg-text-light.divider-with-icon-1-type .divider-with-icon-1-element-type:after, .fg-text-light.divider-with-title-1-type > div:before, .fg-text-light.divider-with-title-1-type > div:after, .fg-text-light.divider-v6 .divider-v6-element-title { border-color: #fff; } .fg-text-dark.quote-socials-v1-text, .icon-box-v8-content p.fg-text-dark, .fg-text-dark.icon-box-v2-body-paragraph, .icon-box-v3 p.fg-text-dark { color: #606060; } .fg-text-light.icon-box-v2 .icon-box-v2-overlay:before { border-top: 1px solid #cfcfcf; border-bottom: 1px solid #cfcfcf; } .fg-text-light.icon-box-v2 .icon-box-v2-overlay:after { border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; } a.responsive-image-wrapper { display: block; } .news-v1 .ff-meta-item.fg-text-dark a, .team-v5-gradient .team-v5-member.fg-text-dark, .team-v5-gradient .team-v5-member-position.fg-text-dark { color: #34343c; } .theme-portfolio-title-heading .theme-portfolio-title a:hover, .theme-portfolio-item-v1-title.fg-text-light a:hover, .news-v1 .ff-meta-item.fg-text-dark a:hover { color: #00bcd4; } .theme-portfolio-title-heading .theme-portfolio-subtitle.fg-text-light { color: #fff; } .process-v3-title.fg-text-light, .process-v2-title.fg-text-light, .theme-portfolio-item-v1-subtitle.fg-text-light { color: #cfcfcf; } .timeline-v4-title.fg-text-dark a:not(:hover) { color: #34343c; } .ff-portfolio-slider { margin-bottom: 40px; } .countdown_row { display: inline-block; } .owl-carousel-op-b-blog .ff-post-featured-image, .owl-carousel-op-b-blog .ff-block--blog-featured-area { margin-bottom: 25px; } .news-v9-wrapper { position: relative; height: 100% !important; } section.comments:empty { padding: 0; } .parent-page-list ul, .parent-page-list li { list-style: none; line-height: 28px; } .parent-page-list > ul { padding: 0 0 0 18px; } .parent-page-list li:before { content: "\f105"; font-family: "ff-font-awesome" !important; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; width: 18px; height: 18px; color: #bbb; margin: 0 10px 0 0; } .paginations-v1-list, .paginations-v3-list { margin-right: -2px; margin-left: -2px; } .paginations-v1-list li, .paginations-v3-list li { margin-right: 2px; margin-left: 2px; } .post-content input[type="button"], .post-content input[type="reset"], .post-content input[type="submit"] { background-color: #00bcd4; color: #fff; border: 0; } .post-content input[type="password"] { border: 1px solid #ebeef6; } .fg-link-wrapper-el, .fg-link-wrapper-el:hover, .fg-link-wrapper-el:active, .fg-link-wrapper-el:focus { text-decoration: none; } .fg-link-wrapper-el.display-block { display: block; } .fg-link-wrapper-el.display-inline { display: inline; } .fg-link-wrapper-el.display-inline-block { display: inline-block; } .ffb-specification { width: 100%; margin-bottom: 30px; } .ffb-specification .ffb-specification-item_holder { display: table; width: 100%; border-collapse: collapse; } .ffb-specification .ffb-specification-item_inner { display: table-row; width: 100%; } .ffb-specification .ffb-specification__left-side { display: table-cell; } .ffb-specification .ffb-specification__right-side { display: table-cell; text-align: right; } .ffb-specification p { margin-bottom: 0; } .ffb-specification .ffb-specification__left-side i, .ffb-specification .ffb-specification__left-side p { margin-right: 5px; } .ffb-specification .ffb-specification__right-side i, .ffb-specification .ffb-specification__right-side p { margin-left: 5px; } .ffb-specification .ffb-specification-item { padding-top: 7px; padding-bottom: 7px; } @media (max-width: 767px) { .fg-bg-type-parallax.hidden-xs, .fg-bg-type-image.hidden-xs { background-image: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .fg-bg-type-parallax.hidden-sm, .fg-bg-type-image.hidden-sm { background-image: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .fg-bg-type-parallax.hidden-md, .fg-bg-type-image.hidden-md { background-image: none !important; } } @media (min-width: 1200px) { .fg-bg-type-parallax.hidden-lg, .fg-bg-type-image.hidden-lg { background-image: none !important; } } .ark-boxed__boxed-wrapper, .ark-boxed__body-wrapper .ark-header { padding-right: 0 !important; padding-left: 0 !important; } .cbp-popup-wrap { z-index: 9999; } .woocommerce form .form-row .input-checkbox { position: static; } @-webkit-keyframes animsition-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes animsition-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animsition-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes animsition-fade-in-2-end { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes animsition-fade-in-2-end { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes animsition-fade-in-2-end { 0% { opacity: 0; } 100% { opacity: 1; } } body > .animsition:not(.animsition-ended), .ffb-boxed-wrapper > .animsition:not(.animsition-ended) { -webkit-animation-name: animsition-fade-in; -moz-animation-name: animsition-fade-in; animation-name: animsition-fade-in; -webkit-animation-delay: 14.4444s; -moz-animation-delay: 14.4444s; animation-delay: 14.4444s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; animation-duration: 1.5s; } @-webkit-keyframes animsition-hide-spinner { 0% { visibility: visible; } 100% { visibility: hidden; } } @-moz-keyframes animsition-hide-spinner { 0% { visibility: visible; } 100% { visibility: hidden; } } @keyframes animsition-hide-spinner { 0% { visibility: visible; } 100% { visibility: hidden; } } @-webkit-keyframes animsition-loading { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes animsition-loading { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes animsition-loading { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } } .animsition-loading { -webkit-animation-name: animsition-loading, animsition-hide-spinner; -moz-animation-name: animsition-loading, animsition-hide-spinner; animation-name: animsition-loading, animsition-hide-spinner; -webkit-animation-delay: 0s, 14.4444s; -moz-animation-delay: 0s, 14.4444s; animation-delay: 0s, 14.4444s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite, 1; -moz-animation-iteration-count: infinite, 1; animation-iteration-count: infinite, 1; -webkit-animation-duration: 0.8s, 0s; -moz-animation-duration: 0.8s, 0s; animation-duration: 0.8s, 0s; } .animsition.fade-in { -webkit-animation-name: animsition-fade-in-2-end !important; -moz-animation-name: animsition-fade-in-2-end !important; animation-name: animsition-fade-in-2-end !important; -webkit-animation-delay: 0s !important; -moz-animation-delay: 0s !important; animation-delay: 0s !important; -webkit-animation-fill-mode: forwards !important; -moz-animation-fill-mode: forwards !important; animation-fill-mode: forwards !important; } body, p, .ff-richtext, li, li a, a, h1, h2, h3, h4, h5, h6, .progress-box-v1 .progress-title, .progress-box-v2 .progress-title, .team-v5-progress-box .progress-title, .pricing-list-v1 .pricing-list-v1-header-title, .team-v3 .progress-box .progress-title, .rating-container .caption > .label, .theme-portfolio .cbp-l-filters-alignRight, .theme-portfolio .cbp-l-filters-alignLeft, .theme-portfolio .cbp-l-filters-alignCenter, .theme-portfolio .cbp-filter-item, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link, .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item, .theme-portfolio-v3 .cbp-l-filters-button .cbp-filter-item, .zeus .tp-bullet-title { font-family: "Quicksand", Arial, sans-serif; } .blog-classic .blog-classic-label, .blog-classic .blog-classic-subtitle, .blog-grid .blog-grid-title-el, .blog-grid .blog-grid-title-el .blog-grid-title-link, .blog-grid .blog-grid-supplemental-title, .op-b-blog .blog-grid-supplemental-title, .blog-grid .blog-grid-supplemental-category, .blog-grid-supplemental .blog-grid-supplemental-title a, .blog-teaser .blog-teaser-category .blog-teaser-category-title, .blog-teaser .blog-teaser-category .blog-teaser-category-title a, .news-v8 .news-v8-category a, .news-v1 .news-v1-heading .news-v1-heading-title > a, .news-v1 .news-v1-quote:before, .news-v2 .news-v2-subtitle, .news-v2 .news-v2-subtitle a, .ff-news-v3-meta-data, .ff-news-v3-meta-data a, .news-v3 .news-v3-content .news-v3-subtitle, .news-v6 .news-v6-subtitle, .news-v7 .news-v7-subtitle, .news-v8 .news-v8-category, .blog-simple-slider .op-b-blog-title, .blog-simple-slider .op-b-blog-title a, .heading-v1 .heading-v1-title, .heading-v1 .heading-v1-title p, .testimonials-v7 .testimonials-v7-title .sign, .team-v3 .team-v3-member-position, .heading-v1 .heading-v1-subtitle, .heading-v1 .heading-v1-subtitle p, .heading-v2 .heading-v2-text, .heading-v2 .heading-v2-text p, .heading-v3 .heading-v3-text, .heading-v3 .heading-v3-text p, .heading-v4 .heading-v4-subtitle, .heading-v4 .heading-v4-subtitle p, .newsletter-v2 .newsletter-v2-title span.sign, .quote-socials-v1 .quote-socials-v1-quote, .quote-socials-v1 .quote-socials-v1-quote p, .sliding-bg .sliding-bg-title, .timeline-v4 .timeline-v4-subtitle, .timeline-v4 .timeline-v4-subtitle a, .counters-v2 .counters-v2-subtitle, .icon-box-v2 .icon-box-v2-body-subtitle, .i-banner-v1 .i-banner-v1-heading .i-banner-v1-member-position, .i-banner-v1 .i-banner-v1-quote, .i-banner-v3 .i-banner-v3-subtitle, .newsletter-v2 .newsletter-v2-title:before, .piechart-v1 .piechart-v1-body .piechart-v1-body-subtitle, .pricing-list-v1 .pricing-list-v1-body .pricing-list-v1-header-subtitle, .pricing-list-v2 .pricing-list-v2-header-title, .pricing-list-v3 .pricing-list-v3-text, .promo-block-v2 .promo-block-v2-text, .promo-block-v2 .promo-block-v2-text p, .promo-block-v3 .promo-block-v3-subtitle, .services-v1 .services-v1-subtitle, .services-v10 .services-v10-no, .services-v11 .services-v11-subtitle, .slider-block-v1 .slider-block-v1-subtitle, .team-v3 .team-v3-header .team-v3-member-position, .team-v4 .team-v4-content .team-v4-member-position, .testimonials-v1 .testimonials-v1-author-position, .testimonials-v3 .testimonials-v3-subtitle:before, .testimonials-v3 .testimonials-v3-subtitle span.sign, .testimonials-v3 .testimonials-v3-author, .testimonials-v5 .testimonials-v5-quote-text, .testimonials-v5 .testimonials-v5-quote-text p, .testimonials-v6 .testimonials-v6-element .testimonials-v6-position, .testimonials-v6 .testimonials-v6-quote-text, .testimonials-v6 .testimonials-v6-quote-text p, .testimonials-v7 .testimonials-v7-title:before, .testimonials-v7 .testimonials-v7-author, .testimonials-v7-title-span, .footer .footer-testimonials .footer-testimonials-quote:before, .animated-headline-v1 .animated-headline-v1-subtitle, .news-v3 .news-v3-content .news-v3-subtitle, .news-v3 .news-v3-content .news-v3-subtitle a, .theme-ci-v1 .theme-ci-v1-item .theme-ci-v1-title { font-family: null, Arial, sans-serif; } code, kbd, pre, samp { font-family: "Courier New", Courier, monospace, Arial, sans-serif; } .custom-font-1 { font-family: "Quicksand", Arial, sans-serif; } .custom-font-2 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .custom-font-3 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .custom-font-4 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .custom-font-5 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .custom-font-6 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .custom-font-7 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .custom-font-8 { font-family: Arial, Helvetica, sans-serif, Arial, sans-serif; } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: #fff; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; } .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; } .twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; } .twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { color: #fff; font-size: 13px; letter-spacing: 0.1em; } .twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; } .twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; } .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; } .twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; } .twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; } .twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; } .twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; } .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); } .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; } .twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .twentytwenty-before-label { opacity: 0; } .twentytwenty-before-label:before { content: "Before"; } .twentytwenty-after-label { opacity: 0; } .twentytwenty-after-label:before { content: "After"; } .twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; } .twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; } .twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; } .twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; } .twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; } .twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); } .twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; } .twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; } .twentytwenty-before { z-index: 20; } .twentytwenty-after { z-index: 10; } .twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid #fff; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; } .twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5); } .twentytwenty-left-arrow { border-right: 6px solid #fff; left: 50%; margin-left: -17px; } .twentytwenty-right-arrow { border-left: 6px solid #fff; right: 50%; margin-right: -17px; } .twentytwenty-up-arrow { border-bottom: 6px solid #fff; top: 50%; margin-top: -17px; } .twentytwenty-down-arrow { border-top: 6px solid #fff; bottom: 50%; margin-bottom: -17px; } .recentcomments a { display: inline !important; padding: 0 !important; margin: 0 !important; } .table-reg td { font-size: 16px; padding: 12px; border: 1px solid #00bcd4; width: 25%; } .table-reg tr { border: 1px solid #00bcd4; } .table-reg th { padding: 12px; background-color: #00bcd4; color: #fff; width: 25%; } .table-times td { padding: 5px 15px; } .margin { margin-top: 30px; } .prog-table { width: 100%; } .prog-table td { padding-bottom: 20px; vertical-align: top; } .prog-table .first-col { width: 18%; } .table-flex { display: flex; } .table-flex em { padding-right: 15px; } .table-flex img { width: 100px; height: 48px; } @media (min-width: 768px) { .table-flex em { padding-right: 45px; } .table-flex img { width: 140px; height: 67px; } } .contact-flex { color: #000000; display: flex; flex-direction: row; flex-wrap: wrap; .contact-item { display: flex; flex-direction: row; img { width: 90px; height: 46px; } .img-square { width: 50px; height: 50px; } p { color: #000000 !important; margin-right: 10px; margin-bottom: 20px; a { color: #000 !important; } } @media (min-width: 400px) { img { width: 110px; height: 56px; } .img-square { width: 60px; height: 60px; } p { margin-right: 35px; margin-bottom: 30px; } } } } .hero__bottom { background-color: #d1e0e4; } .bottom__flex { position: relative; padding: 15px 0; z-index: 5; display: flex; flex-direction: column; } @media (min-width: 410px) { .bottom__flex { padding: 30px 0; } } @media (min-width: 576px) { .bottom__flex { padding: 45px 0; } } @media (min-width: 992px) { .bottom__flex { padding: 60px 0 45px; flex-direction: row; } } @media (min-width: 1200px) { .bottom__flex { padding: 70px 0 50px; } } .bottom__item { position: relative; margin: 15px; padding: 30px 15px; background-color: #eef3f6; background: linear-gradient(125deg, #e5f2f7 0%, #f0f5f5 35%, #dee7e9 100%); border: 1px solid #70b4d3; border-radius: 40px 0; flex: 1; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); } @media (min-width: 576px) { .bottom__item { padding: 30px; } } .bottom__icon-box { position: absolute; top: -3px; left: calc(50% - 60px); width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 0 0 15px 15px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15); } .bottom__icon-box--1 { background-color: #ed526b; background: linear-gradient(125deg, #f55573 0%, #de4e5a 100%); } .bottom__icon-box--2 { background-color: #fc7537; background: linear-gradient(125deg, #ff7641 0%, #ed7a32 100%); } .bottom__icon-box--3 { background-color: #ffc92a; background: linear-gradient(125deg, #ffc832 0%, #f4cf1d 100%); } .bottom__text { padding-top: 100px; } .bottom__text h3 { font-size: 18px !important; font-weight: 700; margin-bottom: 0; } .bottom__text p { margin: 30px 0; } .bottom__text .bottom__button { display: block; padding: 0; border: 1px solid #299ece; color: #299ece !important; background-color: #f2f2f2; background: linear-gradient(0deg, #fefefe 0%, #e3e3e3 100%); font-weight: 700; transition: all 0.3s; text-decoration: none; font-size: 13px; } @media (min-width: 1200px) { .bottom__text .bottom__button { font-size: 16px; } } .bottom__text .bottom__button:hover { color: #fff !important; background-color: #299ece; background: linear-gradient(0deg, #65bada 0%, #599ac4 100%); text-decoration: none; } .bottom__text .bottom__button span { display: inline-block; padding: 10px; margin-right: 10px; background-color: #299ece; background: linear-gradient(0deg, #65bada 0%, #599ac4 100%); } .bottom__text .bottom__button img { width: 30px; height: 24px; } .bottom__text .bottom__link { display: block; color: #299ece !important; text-decoration: underline; font-size: 14px !important; font-weight: 700; padding: 10px 0; } .bottom__text .bottom__link:hover { text-decoration: none; } .hero__bottom--subpage { height: 80px; } @media (min-width: 576px) { .hero__bottom--subpage { height: 110px; } } @media (min-width: 768px) { .hero__bottom--subpage { height: 140px; } } @media (min-width: 992px) { .hero__bottom--subpage { height: 160px; } } @media (min-width: 1200px) { .hero__bottom--subpage { height: 185px; } } .footer-flex { color: #fff; display: flex; flex-direction: row; flex-wrap: wrap; } .footer-flex .footer-item { display: flex; flex-direction: row; } .footer-flex .footer-item img { width: 90px; height: 46px; } .footer-flex .footer-item .img-square { width: 50px; height: 50px; } .footer-flex .footer-item p { color: #fff !important; margin-right: 10px; margin-bottom: 20px; } .footer-flex .footer-item p a { color: #fff !important; } @media (min-width: 400px) { .footer-flex .footer-item img { width: 110px; height: 56px; } .footer-flex .footer-item .img-square { width: 60px; height: 60px; } .footer-flex .footer-item p { margin-right: 35px; margin-bottom: 30px; } } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child { padding: 16px 20px; font-weight: 700 !important; font-size: 14px !important; font-family: "Quicksand", Arial, sans-serif !important; } .ffb-id-navigation-header .ark-header .menu-container > ul > li > a.nav-item-child { text-transform: none !important; } .ffb-id-navigation-header .ark-header .menu-container > ul > li > a.nav-item-child { font-family: "Quicksand", Arial, sans-serif !important; } .header-transparent .navbar-nav .nav-item-child { font-weight: 700 !important; font-family: "Quicksand", Arial, sans-serif !important; font-size: 14px !important; text-transform: none !important; } @media (max-width: 991px) { .header-transparent .navbar-nav .nav-item-child { padding: 16px 12px; } } .ffb-id-navigation-header .ark-header .menu-container > ul > li > a.nav-item-child { font-weight: 700 !important; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child { font-weight: 700 !important; font-family: "Quicksand", Arial, sans-serif !important; font-size: 14px !important; text-transform: none !important; } @media (min-width: 992px) { .ark-header.header-no-pills .navbar-nav .nav-item-child { padding: 0 10px; } .ark-header .navbar-logo { display: none; } .header .navbar-nav { float: left !important; } .header .navbar { position: absolute !important; background: 0 0 !important; } } @media (min-width: 1200px) { .ark-header.header-no-pills .navbar-nav .nav-item-child { font-size: 15px !important; padding: 0 12px; } } .header-transparent .navbar-toggle .toggle-icon, .header-transparent .navbar-toggle .toggle-icon:before, .header-transparent .navbar-toggle .toggle-icon:after { width: 20px; height: 2px; } @media (max-width: 991px) { .header .navbar-logo { margin: 0; } .header .navbar-toggle { float: right; } .header .navbar-toggle .toggle-icon { width: 25px; height: 3px; } .header .navbar-toggle .toggle-icon:before, .header .navbar-toggle .toggle-icon:after { width: 25px; height: 3px; } .header .navbar-toggle .toggle-icon:before { bottom: 16px; } .header .navbar-toggle .toggle-icon:after { top: -8px; } } body, p, ul, li { color: #114560 !important; font-size: 16px; font-family: "Quicksand", Arial, sans-serif; } h1, h2, h3, h4 { color: #114560; font-weight: 700; font-family: "Quicksand", Arial, sans-serif !important; } h1 { font-size: 39.81px; } @media screen and (min-width: 768px) { h1 { font-size: 48.83px; } } h2 { font-size: 33.18px !important; } @media screen and (min-width: 768px) { h2 { font-size: 39.06px !important; } } h3 { font-size: 27.65px !important; padding-top: 10px; } @media screen and (min-width: 768px) { h3 { font-size: 31.25px !important; } } h4 { font-size: 23.04px !important; padding-top: 10px; } @media screen and (min-width: 768px) { h4 { font-size: 25px !important; } } .container a { color: #64b7d8 !important; text-decoration: underline; font-size: 16px; } .container a:hover { text-decoration: none; } .container a.button { color: #fff !important; } .text-small p, .text-small a { font-size: 14px !important; } .button { text-decoration: none !important; color: #fff !important; background-image: linear-gradient(#316ead, #2c5987) !important; font-family: "Quicksand", Arial, sans-serif !important; transition: background-image 0.3s !important; } .button:hover { background-image: linear-gradient(#4582cb, #406d9b) !important; color: #fff !important; text-decoration: none !important; } @media (max-width: 991px) { .hide-mobile { display: none; } } .timeline-v1 li i { color: #64b7d8 !important; background: #fff; } .timeline-v1:before { width: 2px !important; } .ffb-id-3e1chnvp { padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; } .ffb-id-4gi21vd0 { margin-left: 15px; } header .navbar-logo, header.header-shrink .navbar-logo { line-height: 0 !important; } header .navbar-logo-wrap img { max-height: none !important; } header .navbar-logo .navbar-logo-wrap { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (max-width: 991px) { header .navbar-logo .navbar-logo-img { max-width: none !important; } } @media (max-width: 991px) { .header .navbar-actions .navbar-actions-shrink { max-height: none; } } @media (min-width: 992px) { .header .navbar-actions .navbar-actions-shrink { max-height: none; } } @media (min-width: 992px) { .header-shrink.ark-header .navbar-actions .navbar-actions-shrink { max-height: none; } } @media (max-width: 991px) { .header-fullscreen .header-fullscreen-col { width: calc(100% - 60px); } .header-fullscreen .header-fullscreen-col.header-fullscreen-nav-actions-left { width: 30px; } } .ark-header .topbar-toggle-trigger { padding: 0; } header .navbar-logo .navbar-logo-wrap { transition-property: width, height, opacity, padding, margin-top, margin-bottom; } .ark-header .navbar-logo .navbar-logo-wrap { line-height: 1px; } @media (min-width: 992px) { .wrapper > .wrapper-top-space { height: 50px; } .ark-header .navbar-logo .navbar-logo-wrap { padding-top: 0; padding-bottom: 0; } } @media (min-width: 992px) { .header-shrink.ark-header .navbar-logo .navbar-logo-wrap { padding-top: 0; padding-bottom: 0; } } @media (min-width: 992px) { .ark-header .navbar-nav .nav-item { line-height: 50px; } .ark-header .navbar-nav .nav-item ul { line-height: 1.42857143; } } @media (min-width: 992px) { header .navbar-logo-wrap img { height: 63px !important; } } @media (min-width: 992px) { header.header-shrink .navbar-logo-wrap img { height: 63px !important; } } .ark-header .navbar-actions .navbar-actions-shrink { line-height: 49px; } @media (min-width: 992px) { .header-shrink.ark-header .navbar-actions .navbar-actions-shrink { line-height: 49px; } } @media (min-width: 992px) { .ark-header.header-no-pills .navbar-nav .nav-item-child { line-height: 50px; } } @media (min-width: 992px) { .ark-header.header-no-pills.header-shrink .navbar-nav .nav-item-child { line-height: 50px; } } @media (min-width: 992px) { .ark-header.header-pills .navbar-nav .nav-item-child { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 992px) { .ark-header.header-pills.header-shrink .navbar-nav .nav-item-child { margin-top: 10px; margin-bottom: 10px; } } @media (max-width: 767px) { .header-fullscreen .header-fullscreen-nav-actions-left, .header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .header-fullscreen .header-fullscreen-nav-actions-left, .header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 992px) { .header-fullscreen .header-fullscreen-nav-actions-left, .header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 992px) { .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 10px; padding-bottom: 10px; } } .ark-header.auto-hiding-navbar.nav-up { top: -60px; } .ark-header.auto-hiding-navbar.nav-up.header-has-topbar { top: -100%; } .search-on-header-field .search-on-header-input { height: 48px; } .header-shrink .search-on-header-field .search-on-header-input { height: 48px; } @media (max-width: 767px) { .search-on-header-field .search-on-header-input { height: 70px; } } @media (min-width: 768px) and (max-width: 991px) { .search-on-header-field .search-on-header-input { height: 70px; } } @media (max-width: 767px) { .ark-header .topbar-toggle-trigger { height: 20px; margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .topbar-toggle-trigger { height: 20px; margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .navbar-actions .navbar-actions-shrink { line-height: 70px; } } @media (min-width: 768px) and (max-width: 991px) { header .navbar-logo-wrap img { height: 32px !important; } } @media (min-width: 768px) and (max-width: 991px) { .wrapper-top-space-xs { height: 70px; } .ark-header .navbar-logo .navbar-logo-wrap { padding-top: 19px; padding-bottom: 19px; } } @media (max-width: 767px) { .ark-header .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (max-width: 767px) { .ark-header .navbar-actions .navbar-actions-shrink { line-height: 70px; } } @media (max-width: 767px) { header .navbar-logo-wrap img { height: 50px !important; } } @media (max-width: 767px) { .wrapper-top-space-xs { height: 70px; } .ark-header .navbar-logo .navbar-logo-wrap { padding-top: 10px; padding-bottom: 10px; } } .ark-header.header-fullscreen .navbar-logo { min-height: 1px !important; } .ark-header.header-fullscreen .navbar-logo-wrap { width: 100% !important; } @media (max-width: 991px) { .ark-header.header-fullscreen .header-fullscreen-nav-actions-right { width: 30px; } } @media (max-width: 767px) { .header-vertical .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (max-width: 767px) { .header-section-scroll .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (max-width: 767px) { header.ark-header-vertical .navbar-logo .navbar-logo-wrap { padding-top: 10px !important; padding-bottom: 10px !important; } } @media (max-width: 767px) { header.ark-header-vertical .shopping-cart-wrapper { margin-top: -45px; } } @media (min-width: 768px) and (max-width: 991px) { .header-vertical .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (min-width: 768px) and (max-width: 991px) { .header-section-scroll .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (min-width: 768px) and (max-width: 991px) { header.ark-header-vertical .navbar-logo .navbar-logo-wrap { padding-top: 19px !important; padding-bottom: 19px !important; } } @media (min-width: 768px) and (max-width: 991px) { header.ark-header-vertical .shopping-cart-wrapper { margin-top: -45px; } } @media (max-width: 767px) { .ark-header .ffb-header-template-item-vcenter { height: 70px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .ffb-header-template-item-vcenter { height: 70px; } } @media (min-width: 992px) { .ark-header .ffb-header-template-item-vcenter { height: 50px; } .ark-header.header-shrink .ffb-header-template-item-vcenter { height: 50px; } } @media (min-width: 992px) { .ark-header .navbar-nav .nav-item { max-height: 50px; overflow: visible; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .navbar-nav .dropdown-toggle { width: 100%; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .navbar-nav .dropdown-toggle { float: none; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-item > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.active > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-item > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.active > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li:hover > a.nav-item-child { background-color: #11455f !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .ff-ark-header-circle-shadow:before { box-shadow: 0 0 15px rgba(0, 0, 50, 0.09); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-item > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.active > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-item > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.active > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li:hover > a.nav-item-child { background-color: #11455f !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .ff-ark-header-circle-shadow:before { box-shadow: 0 0 15px rgba(0, 0, 50, 0.09); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-item > a.nav-item-child { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.active > a.nav-item-child { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li:hover > a.nav-item-child { color: #00bcd4 !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li > a.nav-item-child { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-ancestor > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-item > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.active > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li:hover > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ) !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } header .navbar-logo, header.header-shrink .navbar-logo { line-height: 0 !important; } header .navbar-logo-wrap img { max-height: none !important; } header .navbar-logo .navbar-logo-wrap { transition-duration: 0.4s; transition-property: all; transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); } @media (max-width: 991px) { header .navbar-logo .navbar-logo-img { max-width: none !important; } } @media (max-width: 991px) { .header .navbar-actions .navbar-actions-shrink { max-height: none; } } @media (min-width: 992px) { .header .navbar-actions .navbar-actions-shrink { max-height: none; } } @media (min-width: 992px) { .header-shrink.ark-header .navbar-actions .navbar-actions-shrink { max-height: none; } } @media (max-width: 991px) { .header-fullscreen .header-fullscreen-col { width: calc(100% - 60px); } .header-fullscreen .header-fullscreen-col.header-fullscreen-nav-actions-left { width: 30px; } } .ark-header .topbar-toggle-trigger { padding: 0; } header .navbar-logo .navbar-logo-wrap { transition-property: width, height, opacity, padding, margin-top, margin-bottom; } .ark-header .navbar-logo .navbar-logo-wrap { line-height: 1px; } @media (min-width: 992px) { .wrapper > .wrapper-top-space { height: 50px; } .ark-header .navbar-logo .navbar-logo-wrap { padding-top: 0; padding-bottom: 0; } } @media (min-width: 992px) { .header-shrink.ark-header .navbar-logo .navbar-logo-wrap { padding-top: 0; padding-bottom: 0; } } @media (min-width: 992px) { .ark-header .navbar-nav .nav-item { line-height: 50px; } .ark-header .navbar-nav .nav-item ul { line-height: 1.42857143; } } @media (min-width: 992px) { header .navbar-logo-wrap img { height: 63px !important; } } @media (min-width: 992px) { header.header-shrink .navbar-logo-wrap img { height: 63px !important; } } .ark-header .navbar-actions .navbar-actions-shrink { line-height: 49px; } @media (min-width: 992px) { .header-shrink.ark-header .navbar-actions .navbar-actions-shrink { line-height: 49px; } } @media (min-width: 992px) { .ark-header.header-no-pills .navbar-nav .nav-item-child { line-height: 50px; } } @media (min-width: 992px) { .ark-header.header-no-pills.header-shrink .navbar-nav .nav-item-child { line-height: 50px; } } @media (min-width: 992px) { .ark-header.header-pills .navbar-nav .nav-item-child { margin-top: 10px; margin-bottom: 10px; } } @media (min-width: 992px) { .ark-header.header-pills.header-shrink .navbar-nav .nav-item-child { margin-top: 10px; margin-bottom: 10px; } } @media (max-width: 767px) { .header-fullscreen .header-fullscreen-nav-actions-left, .header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .header-fullscreen .header-fullscreen-nav-actions-left, .header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 20px; padding-bottom: 20px; } } @media (min-width: 992px) { .header-fullscreen .header-fullscreen-nav-actions-left, .header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 10px; padding-bottom: 10px; } } @media (min-width: 992px) { .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-right { padding-top: 10px; padding-bottom: 10px; } } .ark-header.auto-hiding-navbar.nav-up { top: -60px; } .ark-header.auto-hiding-navbar.nav-up.header-has-topbar { top: -100%; } .search-on-header-field .search-on-header-input { height: 48px; } .header-shrink .search-on-header-field .search-on-header-input { height: 48px; } @media (max-width: 767px) { .search-on-header-field .search-on-header-input { height: 70px; } } @media (min-width: 768px) and (max-width: 991px) { .search-on-header-field .search-on-header-input { height: 70px; } } @media (max-width: 767px) { .ark-header .topbar-toggle-trigger { height: 20px; margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .topbar-toggle-trigger { height: 20px; margin-top: 25px; margin-bottom: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .navbar-actions .navbar-actions-shrink { line-height: 70px; } } @media (min-width: 768px) and (max-width: 991px) { header .navbar-logo-wrap img { height: 32px !important; } } @media (min-width: 768px) and (max-width: 991px) { .wrapper-top-space-xs { height: 70px; } .ark-header .navbar-logo .navbar-logo-wrap { padding-top: 19px; padding-bottom: 19px; } } @media (max-width: 767px) { .ark-header .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (max-width: 767px) { .ark-header .navbar-actions .navbar-actions-shrink { line-height: 70px; } } @media (max-width: 767px) { header .navbar-logo-wrap img { height: 50px !important; } } @media (max-width: 767px) { .wrapper-top-space-xs { height: 70px; } .ark-header .navbar-logo .navbar-logo-wrap { padding-top: 10px; padding-bottom: 10px; } } .ark-header.header-fullscreen .navbar-logo { min-height: 1px !important; } .ark-header.header-fullscreen .navbar-logo-wrap { width: 100% !important; } @media (max-width: 991px) { .ark-header.header-fullscreen .header-fullscreen-nav-actions-right { width: 30px; } } @media (max-width: 767px) { .header-vertical .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (max-width: 767px) { .header-section-scroll .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (max-width: 767px) { header.ark-header-vertical .navbar-logo .navbar-logo-wrap { padding-top: 10px !important; padding-bottom: 10px !important; } } @media (max-width: 767px) { header.ark-header-vertical .shopping-cart-wrapper { margin-top: -45px; } } @media (min-width: 768px) and (max-width: 991px) { .header-vertical .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (min-width: 768px) and (max-width: 991px) { .header-section-scroll .navbar-toggle { margin-top: 22.5px; margin-bottom: 22.5px; } } @media (min-width: 768px) and (max-width: 991px) { header.ark-header-vertical .navbar-logo .navbar-logo-wrap { padding-top: 19px !important; padding-bottom: 19px !important; } } @media (min-width: 768px) and (max-width: 991px) { header.ark-header-vertical .shopping-cart-wrapper { margin-top: -45px; } } @media (max-width: 767px) { .ark-header .ffb-header-template-item-vcenter { height: 70px; } } @media (min-width: 768px) and (max-width: 991px) { .ark-header .ffb-header-template-item-vcenter { height: 70px; } } @media (min-width: 992px) { .ark-header .ffb-header-template-item-vcenter { height: 50px; } .ark-header.header-shrink .ffb-header-template-item-vcenter { height: 50px; } } @media (min-width: 992px) { .ark-header .navbar-nav .nav-item { max-height: 50px; overflow: visible; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .navbar-nav .dropdown-toggle { width: 100%; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .navbar-nav .dropdown-toggle { float: none; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-item > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.active > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.current-menu-item > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li.active > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) .menu-container > ul > li:hover > a.nav-item-child { background-color: #11455f !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header:not(.header-shrink) ul.dropdown-menu { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .ff-ark-header-circle-shadow:before { box-shadow: 0 0 15px rgba(0, 0, 50, 0.09); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-item > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.active > a.nav-item-child { color: #fff; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.current-menu-item > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li.active > a.nav-item-child { background-color: rgba(17, 69, 95, 0.5); } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink .menu-container > ul > li:hover > a.nav-item-child { background-color: #11455f !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (min-width: 992px) { .ffb-id-navigation-header .ark-header.header-shrink ul.dropdown-menu { box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .ff-ark-header-circle-shadow:before { box-shadow: 0 0 15px rgba(0, 0, 50, 0.09); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-ancestor > a.nav-item-child { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-item > a.nav-item-child { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.active > a.nav-item-child { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li:hover > a.nav-item-child { color: #00bcd4 !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li > a.nav-item-child { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-ancestor > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.current-menu-item > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li.active > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ); } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header .menu-container > ul > li:hover > a.nav-item-child.dropdown-toggle { background: linear-gradient( to right, transparent 0%, transparent 90%, 90%, 100% ) !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list li.current-menu-ancestor > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list li.current-menu-item > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list li.active > a.ffb-ark-sub-level-menu { color: #00bcd4; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { color: #fff !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.dropdown-menu a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } @media (max-width: 991px) { .ffb-id-navigation-header .ark-header ul.mega-menu-list a.ffb-ark-sub-level-menu:hover { background-color: #00bcd4 !important; } } .ffb-id-pfeamtm .ffb-id-3r79jdpl { padding-top: 60px; padding-bottom: 60px; } .ffb-id-pfeamtn .ffb-id-3r7a32d5 { margin-top: 40px; } @media (min-width: 768px) { .ffb-id-pfeamtn .ffb-id-3r7a32d5 { margin-top: 0; padding-left: 40px; } } .ffb-id-3r7a32d7 { margin-top: 40px; } @media (min-width: 992px) { .ffb-id-3r7a32dg { margin-top: 5px; margin-bottom: 5px; } } .ffb-id-3r7a32dg { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.18); } .ffb-id-3r7apcom { font-size: 23px !important; } .ffb-id-3r7apcom, .ffb-id-3r7apcom:before, .ffb-id-3r7apcom:after, .ffb-id-3r7apcom:hover, .ffb-id-3r7apcom:focus, .ffb-id-3r7apcom *, .ffb-id-3r7apcom *:before, .ffb-id-3r7apcom *:after, .ffb-id-3r7apcom *:hover, .ffb-id-3r7apcom *:focus { font-size: 23px !important; } .ffb-id-3r7aomdr { margin-bottom: -15px; } @media (min-width: 768px) { .ffb-id-pfeamtn .ffb-id-3r79jdpm { padding-right: 40px; } } .ffb-id-pfeamtn .ffb-id-3r79jdpm { border-right: 1px solid rgba(128, 128, 128, 0.26) !important; } .ffb-id-3r7a1ssl { margin-top: 40px; } @media (min-width: 992px) { .ffb-id-30e9101f { margin-top: 5px; margin-bottom: 5px; } } .ffb-id-30e9101f { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.18); } @media (min-width: 992px) { .ffb-id-30e9101c { margin-top: 5px; margin-bottom: 5px; } } .ffb-id-30e9101c { box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.18); } .ffb-id-3r7ave24 { font-size: 23px !important; } .ffb-id-3r7ave24, .ffb-id-3r7ave24:before, .ffb-id-3r7ave24:after, .ffb-id-3r7ave24:hover, .ffb-id-3r7ave24:focus, .ffb-id-3r7ave24 *, .ffb-id-3r7ave24 *:before, .ffb-id-3r7ave24 *:after, .ffb-id-3r7ave24 *:hover, .ffb-id-3r7ave24 *:focus { font-size: 23px !important; } .ffb-id-3r79mqfe { margin-bottom: -15px; } .ffb-id-pfeamtm .ffb-id-2r77jg4g { margin-top: 60px; margin-bottom: 60px; } .ffb-id-pfeamtn .ffb-id-2r77jg4h { padding-bottom: 20px; } @media (min-width: 992px) { .ffb-id-pfeamtn .ffb-id-2r77jg4h { padding-bottom: 0; } } .ffb-id-30e8j65a { padding-top: 10px; padding-bottom: 20px; } .ffb-id-2r77k2o6 { margin-bottom: 20px; } .ffb-id-pfeamtn .ffb-id-534ouk0d { margin-top: 90px; padding-top: 5px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; } @media (min-width: 768px) { .ffb-id-pfeamtn .ffb-id-534ouk0d { padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (min-width: 992px) { .ffb-id-pfeamtn .ffb-id-534ouk0d { padding-top: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } .ffb-id-pfeamtn .ffb-id-534ouk0d { border: 1px solid #00bcd4 !important; } .ffb-id-pfeamtn .ffb-id-534ouk0d { border-radius: 40px 0 !important; } .ffb-id-pfeamtn .ffb-id-4vm6o3fc { margin-top: 90px; padding-top: 5px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; } @media (min-width: 768px) { .ffb-id-pfeamtn .ffb-id-4vm6o3fc { padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (min-width: 992px) { .ffb-id-pfeamtn .ffb-id-4vm6o3fc { padding-top: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } .ffb-id-pfeamtn .ffb-id-4vm6o3fc { border: 1px solid #00bcd4 !important; } .ffb-id-pfeamtn .ffb-id-4vm6o3fc { border-radius: 40px 0 !important; } .ffb-id-pfeamtn .ffb-id-4suliru4 { padding-top: 5px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; } @media (min-width: 768px) { .ffb-id-pfeamtn .ffb-id-4suliru4 { margin-bottom: 20px; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } } @media (min-width: 992px) { .ffb-id-pfeamtn .ffb-id-4suliru4 { padding-top: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; } } .ffb-id-pfeamtn .ffb-id-4suliru4 { border: 1px solid #d15860 !important; } .ffb-id-pfeamtn .ffb-id-4suliru4 { border-radius: 40px 0 !important; } .ffb-id-pfeamu6 { margin-top: -20px; margin-right: -20px; margin-bottom: 20px; margin-left: -20px; } .ffb-id-pfeamtm { padding-top: 20px; } .ffb-id-pfeamu1 { padding-top: 20px; padding-right: 20px; padding-left: 20px; } .ffb-id-pfeamu9 { background-color: #fff; } .ffb-id-30e9a4ti { padding-top: 40px; padding-bottom: 15px; } @media (min-width: 768px) { .ffb-id-30e9a4ti { padding-top: 100px; } } @media (min-width: 992px) { .ffb-id-30e9a4ti { padding-top: 40px; padding-bottom: 30px; } } @media (min-width: 1200px) { .ffb-id-30e9a4ti { padding-top: 40px; padding-bottom: 40px; } } @media (min-width: 768px) { .ffb-id-3rf3o3va { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .ffb-id-3rf3ooqu { padding-right: 15px; padding-left: 15px; } } .ffb-id-3rf3ooqu, .ffb-id-3rf3ooqu:before, .ffb-id-3rf3ooqu:after, .ffb-id-3rf3ooqu *, .ffb-id-3rf3ooqu *:before, .ffb-id-3rf3ooqu *:after { color: #fff !important; } .ffb-id-3rf3ooqu { text-transform: uppercase !important; } .ffb-id-3rf3ooqu:before, .ffb-id-3rf3ooqu:after, .ffb-id-3rf3ooqu:hover, .ffb-id-3rf3ooqu:focus, .ffb-id-3rf3ooqu *, .ffb-id-3rf3ooqu *:before, .ffb-id-3rf3ooqu *:after, .ffb-id-3rf3ooqu *:hover, .ffb-id-3rf3ooqu *:focus { text-transform: uppercase !important; } .ffb-id-3rf3ooqu { font-size: 16px !important; line-height: 16px !important; font-weight: 700 !important; } .ffb-id-3rf3ooqu, .ffb-id-3rf3ooqu:before, .ffb-id-3rf3ooqu:after, .ffb-id-3rf3ooqu:hover, .ffb-id-3rf3ooqu:focus, .ffb-id-3rf3ooqu *, .ffb-id-3rf3ooqu *:before, .ffb-id-3rf3ooqu *:after, .ffb-id-3rf3ooqu *:hover, .ffb-id-3rf3ooqu *:focus { font-size: 16px !important; line-height: 16px !important; font-weight: 700 !important; } @media (min-width: 768px) { .ffb-id-3e18qn4e { padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) { .ffb-id-30e9d2ak { padding-right: 15px; padding-left: 15px; } } .ffb-id-30e9d2ak, .ffb-id-30e9d2ak:before, .ffb-id-30e9d2ak:after, .ffb-id-30e9d2ak *, .ffb-id-30e9d2ak *:before, .ffb-id-30e9d2ak *:after { color: #fff !important; } .ffb-id-30e9d2ak { text-transform: uppercase !important; } .ffb-id-30e9d2ak:before, .ffb-id-30e9d2ak:after, .ffb-id-30e9d2ak:hover, .ffb-id-30e9d2ak:focus, .ffb-id-30e9d2ak *, .ffb-id-30e9d2ak *:before, .ffb-id-30e9d2ak *:after, .ffb-id-30e9d2ak *:hover, .ffb-id-30e9d2ak *:focus { text-transform: uppercase !important; } .ffb-id-30e9d2ak { font-size: 16px !important; line-height: 16px !important; font-weight: 700 !important; } .ffb-id-30e9d2ak, .ffb-id-30e9d2ak:before, .ffb-id-30e9d2ak:after, .ffb-id-30e9d2ak:hover, .ffb-id-30e9d2ak:focus, .ffb-id-30e9d2ak *, .ffb-id-30e9d2ak *:before, .ffb-id-30e9d2ak *:after, .ffb-id-30e9d2ak *:hover, .ffb-id-30e9d2ak *:focus { font-size: 16px !important; line-height: 16px !important; font-weight: 700 !important; } @media (min-width: 768px) { .ffb-id-4gi1tsp6 { padding-right: 15px; padding-left: 15px; } } .ffb-id-4gi1tsp6, .ffb-id-4gi1tsp6:before, .ffb-id-4gi1tsp6:after, .ffb-id-4gi1tsp6 *, .ffb-id-4gi1tsp6 *:before, .ffb-id-4gi1tsp6 *:after { color: #fff !important; } .ffb-id-4gi1tsp6 { font-size: 25px !important; line-height: 1 !important; font-weight: 700 !important; } .ffb-id-4gi1tsp6, .ffb-id-4gi1tsp6:before, .ffb-id-4gi1tsp6:after, .ffb-id-4gi1tsp6:hover, .ffb-id-4gi1tsp6:focus, .ffb-id-4gi1tsp6 *, .ffb-id-4gi1tsp6 *:before, .ffb-id-4gi1tsp6 *:after, .ffb-id-4gi1tsp6 *:hover, .ffb-id-4gi1tsp6 *:focus { font-size: 25px !important; line-height: 1 !important; font-weight: 700 !important; } @media (min-width: 768px) { .ffb-id-4gi1tsp6 { font-size: 28px !important; } } @media (min-width: 768px) { .ffb-id-4gi1tsp6, .ffb-id-4gi1tsp6:before, .ffb-id-4gi1tsp6:after, .ffb-id-4gi1tsp6:hover, .ffb-id-4gi1tsp6:focus, .ffb-id-4gi1tsp6 *, .ffb-id-4gi1tsp6 *:before, .ffb-id-4gi1tsp6 *:after, .ffb-id-4gi1tsp6 *:hover, .ffb-id-4gi1tsp6 *:focus { font-size: 28px !important; } } @media (min-width: 992px) { .ffb-id-4gi1tsp6 { font-size: 31px !important; } } @media (min-width: 992px) { .ffb-id-4gi1tsp6, .ffb-id-4gi1tsp6:before, .ffb-id-4gi1tsp6:after, .ffb-id-4gi1tsp6:hover, .ffb-id-4gi1tsp6:focus, .ffb-id-4gi1tsp6 *, .ffb-id-4gi1tsp6 *:before, .ffb-id-4gi1tsp6 *:after, .ffb-id-4gi1tsp6 *:hover, .ffb-id-4gi1tsp6 *:focus { font-size: 31px !important; } } @media (min-width: 1200px) { .ffb-id-4gi1tsp6 { font-size: 36px !important; } } @media (min-width: 1200px) { .ffb-id-4gi1tsp6, .ffb-id-4gi1tsp6:before, .ffb-id-4gi1tsp6:after, .ffb-id-4gi1tsp6:hover, .ffb-id-4gi1tsp6:focus, .ffb-id-4gi1tsp6 *, .ffb-id-4gi1tsp6 *:before, .ffb-id-4gi1tsp6 *:after, .ffb-id-4gi1tsp6 *:hover, .ffb-id-4gi1tsp6 *:focus { font-size: 36px !important; } } @media (min-width: 768px) { .ffb-id-30e9catf { padding-right: 15px; padding-left: 15px; } } .ffb-id-30e9catf, .ffb-id-30e9catf:before, .ffb-id-30e9catf:after, .ffb-id-30e9catf *, .ffb-id-30e9catf *:before, .ffb-id-30e9catf *:after { color: #fff !important; } .ffb-id-30e9catf { font-size: 18px !important; line-height: 1.5 !important; font-weight: 700 !important; } .ffb-id-30e9catf, .ffb-id-30e9catf:before, .ffb-id-30e9catf:after, .ffb-id-30e9catf:hover, .ffb-id-30e9catf:focus, .ffb-id-30e9catf *, .ffb-id-30e9catf *:before, .ffb-id-30e9catf *:after, .ffb-id-30e9catf *:hover, .ffb-id-30e9catf *:focus { font-size: 18px !important; line-height: 1.5 !important; font-weight: 700 !important; } @media (min-width: 768px) { .ffb-id-30e9catf { font-size: 20px !important; } } @media (min-width: 768px) { .ffb-id-30e9catf, .ffb-id-30e9catf:before, .ffb-id-30e9catf:after, .ffb-id-30e9catf:hover, .ffb-id-30e9catf:focus, .ffb-id-30e9catf *, .ffb-id-30e9catf *:before, .ffb-id-30e9catf *:after, .ffb-id-30e9catf *:hover, .ffb-id-30e9catf *:focus { font-size: 20px !important; } } @media (min-width: 992px) { .ffb-id-30e9catf { font-size: 25px !important; } } @media (min-width: 992px) { .ffb-id-30e9catf, .ffb-id-30e9catf:before, .ffb-id-30e9catf:after, .ffb-id-30e9catf:hover, .ffb-id-30e9catf:focus, .ffb-id-30e9catf *, .ffb-id-30e9catf *:before, .ffb-id-30e9catf *:after, .ffb-id-30e9catf *:hover, .ffb-id-30e9catf *:focus { font-size: 25px !important; } } @media (min-width: 1200px) { .ffb-id-30e9catf { font-size: 28px !important; } } @media (min-width: 1200px) { .ffb-id-30e9catf, .ffb-id-30e9catf:before, .ffb-id-30e9catf:after, .ffb-id-30e9catf:hover, .ffb-id-30e9catf:focus, .ffb-id-30e9catf *, .ffb-id-30e9catf *:before, .ffb-id-30e9catf *:after, .ffb-id-30e9catf *:hover, .ffb-id-30e9catf *:focus { font-size: 28px !important; } } .l-services-v1 .l-services-v1-icon { box-shadow: 0 0 5px 2px rgba(0, 188, 212, 0.7); } .l-services-v1.l-services-v1-icon-one .l-services-v1-title { color: #00bcd4; } .blog-grid .blog-grid-supplemental-category, .blog-grid .blog-grid-supplemental-category a { color: #00bcd4; } .widget_archive li a:hover, .widget_categories li a:hover, .widget_pages li a:hover, .widget_meta li a:hover, .widget_recent_comments li a:hover, .widget_recent_entries li a:hover, .widget_nav_menu li a:hover, .woocommerce.widget_product_categories li a:hover, .widget_rss li a:hover { color: #00bcd4; } #searchform #searchsubmit { color: #00bcd4; } #searchform #searchsubmit:hover { background-color: #00bcd4; border-color: #00bcd4; } .widget_tag_cloud .widget-body a:hover { background: #00bcd4; border-color: #00bcd4; } .news-v3 .news-v3-content .news-v3-subtitle a { color: #00bcd4; } .news-v4 .news-v4-divider { border-bottom: 1px solid #00bcd4; } .blog-grid-supplemental .blog-grid-supplemental-title a { color: #00bcd4; } .news-v8:hover .news-v8-img-effect:before { background-color: rgba(0, 188, 212, 0.7); } .news-v8 .news-v8-footer-list .news-v8-footer-list-link:hover, .fg-text-light.news-v8-footer .news-v8-footer-list-item .ff-meta-item a:hover, .fg-text-light.news-v9-title a:hover { color: #00bcd4; } .news-v8 .news-v8-more .news-v8-more-link { background-color: #00bcd4; } .blockquotes-v1 { color: #00bcd4; } .blockquotes-v1:after { background-color: #00bcd4; } .breadcrumbs-v1 a:hover { color: #00bcd4; } .breadcrumbs-v1 li.active { color: #00bcd4; } .breadcrumbs-v2 a:hover { color: #00bcd4; } .breadcrumbs-v2 li.active { color: #00bcd4; } .breadcrumbs-v3 a:hover { color: #00bcd4; } .breadcrumbs-v3 li.active { color: #00bcd4; } .breadcrumbs-v4 a:hover { color: #00bcd4; } .breadcrumbs-v5 a:hover { color: #00bcd4; } .btn-base-bg-anim { background: #00bcd4; } .btn-base-bg-anim:hover, .btn-base-bg-anim:focus, .btn-base-bg-anim.focus { background: #00bcd4; } .btn-group.btn-white-toggle.open .btn-white-bg:after { color: #00bcd4; } .btn-group.btn-white-toggle .dropdown-menu > li > a:hover, .btn-group.btn-white-toggle .dropdown-menu > li > a:focus { background: #00bcd4; } .btn-dropdown-group.open .btn-dropdown-toggle { background: #00bcd4; } .btn-dropdown-group:hover .btn-dropdown-toggle { background: #00bcd4; } .divider-v1 .divider-v1-element-bg, .divider-v2 .divider-v2-element-bg, .divider-v3 .divider-v3-element-bg, .divider-v3-5 .divider-v3-5-element-bg { background: #00bcd4; } .divider-v1 .divider-v1-icon, .divider-v2 .divider-v2-icon, .divider-v3 .divider-v3-icon, .divider-v3-5 .divider-v3-5-icon { color: #00bcd4; } .divider-v5 .divider-v5-element { color: #00bcd4; } .divider-v5 span.before, .divider-v5 span.after { border-color: #00bcd4; } .dropcap-base-bordered { color: #00bcd4; border: 1px solid #00bcd4; } .lists-base .lists-item-element-brd { color: #00bcd4; border: 1px solid #00bcd4; } .paginations-v3-list li > a:hover, .paginations-v3-list li > span:hover { color: #00bcd4; } .paginations-v3-list li > .current, .paginations-v3-list.page-numbers-single li > span, .paginations-v3-list li.active > a, .paginations-v3-list li.active > span { background: #00bcd4; } .paginations-v3-list li > .current:hover, .paginations-v3-list.page-numbers-single li > span:hover, .paginations-v3-list li.active > a:hover, .paginations-v3-list li.active > span:hover { background: #00bcd4; } .pagers-v2 li > a:hover, .pagers-v2 li > span:hover { background: #00bcd4; } .segment-controls { border: 1px solid #00bcd4; } .tab-v1 .nav-tabs > li.active > a { color: #00bcd4; } .tab-v3 .nav-tabs > li:hover > a { color: #00bcd4; } .tab-v5 .nav-tabs.nav-tabs-left > li.active > a, .tab-v5 .nav-tabs.nav-tabs-left > li:hover > a { color: #00bcd4; } .tab-v6 .nav-tabs.nav-tabs-right > li:active > a, .tab-v6 .nav-tabs.nav-tabs-right > li:hover > a { color: #00bcd4; } .theme-icons-base { color: #00bcd4; } .theme-icons-wrap > a[href] > .theme-icons-white-bg:hover, .team-v9 .theme-icons:hover { background-color: #00bcd4; } .animate-theme-icons .animate-theme-icons-base-brd { color: #00bcd4; border: 1px solid #00bcd4; } .timeline-v1 .timeline-v1-list-item .timeline-v1-news-title > a:hover { color: #00bcd4; } .timeline-v2 .timeline-v2-news-title > a:hover { color: #00bcd4; } .timeline-v4 .timeline-v4-subtitle a { color: #00bcd4; } .call-to-action-v1 .call-to-action-v1-title span, .call-to-action-v2 .call-to-action-v2-telephone { color: #00bcd4; } .call-to-action-v3 .call-to-action-badge { background-color: #00bcd4; } .icon-box-v1 .icon-box-v1-header { background-color: #00bcd4; } .icon-box-v2 .icon-box-v2-icons { color: #00bcd4; } .services-v8:hover { background: #00bcd4; } .team-v3 .team-v3-overlay-content .theme-icons-white-bg:hover, .team-v4 .team-v4-overlay-content .theme-icons-white-bg:hover { background-color: #00bcd4; } .team-v3 .team-v3-member-position { color: #00bcd4; } .testimonials-v1 .testimonials-v1-author { color: #00bcd4; } .testimonials-v4 .testimonials-v4-author { color: #00bcd4; } .testimonials-v5 .testimonials-v5-author { color: #00bcd4; } .testimonials-v6 .testimonials-v6-author { color: #00bcd4; } .footer-link-v6-list .footer-link-v6-list-item .footer-link-v6-list-link:hover { color: #00bcd4; } .header ul.navbar-nav.no-ff > li.current-menu-item > a, .header .navbar-nav .nav-item-child.active { color: #00bcd4; } .header ul.navbar-nav.no-ff > li.current-menu-item > a:hover, .header .navbar-nav .nav-item-child.active:hover { color: #00bcd4; } .header ul.navbar-nav.no-ff > li > a:hover, .header ul.navbar-nav.no-ff > li > a:focus, .header .navbar-nav .nav-item-child:hover, .header .navbar-nav .nav-item-child:focus { color: #00bcd4; } @media (max-width: 991px) { .header .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } .header-center-aligned .navbar-nav .nav-item-child:hover { color: #00bcd4; } @media (max-width: 991px) { .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header-center-aligned .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (max-width: 991px) { .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header-center-aligned-transparent .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover { color: #00bcd4; } .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after { color: #00bcd4; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover { color: #00bcd4; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child.active { color: #00bcd4; } .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover { color: #00bcd4; } .header-section-scroll ul.header-section-scroll-menu li.active .nav-item-child:hover, .header-section-scroll ul.header-section-scroll-menu li.active .nav-item-child:focus { color: #00bcd4; } .header-section-scroll .header-section-scroll-menu li a:hover { color: #00bcd4; } .header-slide .header-slide-nav .header-slide-nav-link:hover { color: #00bcd4; } .header-slide-subnav .header-slide-subnav-link.active { background: #00bcd4; } .header-slide-subnav .header-slide-subnav-link.active:hover { background: #00bcd4; } .header-slide-subnav .header-slide-subnav-link:hover { color: #00bcd4; } .header-transparent .navbar-nav .open .nav-item-child:hover { color: #00bcd4; } @media (max-width: 991px) { .header-transparent .navbar-nav .nav-item-bg { border: 1px solid #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header-transparent .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg:hover .nav-item-child { background: #00bcd4; } } .search-menu .search-btn .search-btn-default:hover, .search-menu .search-btn .search-btn-active:hover { color: #00bcd4; } .search-classic .search-classic-field { border-top: 2px solid #00bcd4; } .search-classic .search-classic-submit-button { background-color: #00bcd4; } .ark-woocommerce-products a.title:hover { color: #00bcd4; } .ark-woocommerce-products .add_to_cart_button, .ark-woocommerce-products .added_to_cart { border: 1px solid #00bcd4; color: #00bcd4; } .ark-woocommerce-products .add_to_cart_button:hover, .ark-woocommerce-products .added_to_cart:hover, .ark-woocommerce-products .add_to_cart_button.loading { background: #00bcd4; } .animsition-loading { border-left: 2px solid #00bcd4; } .theme-carousel-indicators-v3 li.active, .theme-carousel-indicators-v3 li.fg-text-dark.active { color: #00bcd4; border-bottom-color: #00bcd4; } .theme-carousel-indicators-v3 li:hover, .theme-carousel-indicators-v3 li.fg-text-dark:hover { border-bottom-color: #00bcd4; } .theme-carousel-indicators-v3 li:hover.active, .theme-carousel-indicators-v3 li.fg-text-dark:hover.active { color: #00bcd4; border-bottom-color: #00bcd4; } .theme-carousel-indicators-v5 li.active .theme-carousel-indicators-item { border: 2px solid #00bcd4; } .owl-dot span, .owl-dots span { border: 1px solid #00bcd4; } .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link { color: #00bcd4; border: 1px solid #00bcd4; } .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:before, .theme-portfolio .cbp-item .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:after { background: #00bcd4; } .portfolio-item-category:hover { color: #00bcd4; } .theme-portfolio-v2 .cbp-l-filters-alignRight .cbp-filter-item:hover { color: #00bcd4; } .theme-portfolio-filter-v1 .cbp-filter-item.cbp-filter-item-active { color: #00bcd4; } .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-base, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-base { background: #00bcd4; } .brd-color-base { border-color: #00bcd4 !important; } .bg-color-base-hover:hover { background: #00bcd4 !important; } .icon-color-base-hover:hover .animate-icon-item:last-child { color: #00bcd4 !important; } .before-bg-base:before { background: #00bcd4 !important; } .after-bg-base:after { background: #00bcd4 !important; } .before-after-bg-base:before, .before-after-bg-base:after { background: #00bcd4 !important; } .ff-button-base-slide { color: #00bcd4; border-color: #00bcd4; } .ff-button-base-slide:hover, .ff-button-base-slide:focus, .ff-button-base-slide.focus { background: #00bcd4; border-color: #00bcd4; } .progress-box-v1 .progress-bar { background-color: #00bcd4; } .blog-simple-2-divider { background-color: #00bcd4; } .blog-simple-3-divider { background-color: #00bcd4; } .theme-portfolio-v2 .cbp-filter-item.cbp-filter-item-active { color: #00bcd4; } a { color: #00bcd4; } a:focus, a:hover, a:active { color: #00bcd4; } h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover { color: #00bcd4; } ::selection { background: #00bcd4; } ::-webkit-selection { background: #00bcd4; } ::-moz-selection { background: #00bcd4; } .blog-classic .blog-classic-content .blog-classic-share .blog-classic-share-item .blog-classic-share-link:hover .blog-share-icon { color: #00bcd4; } .blog-classic .blog-classic-content .blog-classic-publisher .blog-classic-publisher-name > a:hover { color: #00bcd4; } .blog-grid .blog-grid-supplemental-category { color: #00bcd4; } .blog-grid-quote .blog-grid-quote-text:hover { color: #00bcd4; } .blog-grid-quote-v2 { background: #00bcd4; } .blog-grid-thumb .blog-grid-thumb-body:before { background: rgba(0, 188, 212, 0.7); } .twitter-feed .twitter-feed-item .twitter-feed-content .twitter-feed-link { color: #00bcd4; } .featured-article .featured-article-content .featured-article-content-title > a:hover { color: #00bcd4; } .blog-sidebar-tags > li > a:hover { background: #00bcd4; border-color: #00bcd4; } .btn-base-brd { color: #00bcd4; border-color: #00bcd4; } .btn-base-brd:hover, .btn-base-brd:focus, .btn-base-brd.focus { background: #00bcd4; border-color: #00bcd4; } .btn-white-bg:hover, .btn-white-bg:focus, .btn-white-bg.focus { background: #00bcd4; border-color: #00bcd4; } .btn-base-bg-slide { background: #00bcd4; } .btn-base-bg-slide:hover, .btn-base-bg-slide:focus, .btn-base-bg-slide.focus { background: #00bcd4; } .btn-white-bg-slide:after, .btn-white-bg-slide:before { background: #00bcd4; } .blog-teaser-v2:hover .blog-teaser-v2-overlay { background: rgba(0, 188, 212, 0.7); } .news-v1 .news-v1-heading .news-v1-heading-tag:hover { color: #00bcd4; } .news-v1 .news-v1-lists .news-v1-lists-item .news-v1-lists-link:hover { color: #00bcd4; } .news-v4 .news-v4-title-element-left:after { border-bottom-color: #00bcd4; } .news-v4 .news-v4-title-element-right:after { border-bottom-color: #00bcd4; } .news-v5 .news-v5-icon { color: #00bcd4; } .news-v6 .news-v6-subtitle { color: #00bcd4; } .news-v8:hover .news-v8-img-effect:before { background: rgba(0, 188, 212, 0.7); } .news-v8 .news-v8-footer-list .news-v8-footer-list-link:hover { color: #00bcd4; } .news-v8 .news-v8-more .news-v8-more-link { background: #00bcd4; } .accordion-v1 .panel-title > a[aria-expanded="true"] { background: #00bcd4; } .accordion-v1 .panel-title > a:hover { background: #00bcd4; } .accordion-v2 .panel-title > a:hover { color: #00bcd4; } .accordion-v2 .panel-title > a:hover:after { color: #00bcd4; } .accordion-v3 .panel-title > a:hover { color: #00bcd4; } .accordion-v3 .panel-title > a:hover:before { color: #00bcd4; } .accordion-v4 .panel-title > a:before { color: #00bcd4; } .accordion-v4 .panel-title > a:hover { color: #00bcd4; } .accordion-v4 .panel-title > a:hover:before { color: #00bcd4; } .accordion-v5 .panel-title > a:hover { color: #00bcd4; } .accordion-v5 .panel-title > a:hover:after { color: #00bcd4; } .breadcrumbs-v1 .breadcrumbs-v1-links > li > a:hover { color: #00bcd4; } .breadcrumbs-v1 .breadcrumbs-v1-links > li.active { color: #00bcd4; } .breadcrumbs-v2 .breadcrumbs-v2-links > li > a:hover { color: #00bcd4; } .breadcrumbs-v2 .breadcrumbs-v2-links > li.active { color: #00bcd4; } .breadcrumbs-v3 .breadcrumbs-v3-links > li > a:hover { color: #00bcd4; } .breadcrumbs-v3 .breadcrumbs-v3-links > li.active { color: #00bcd4; } .btn-base { color: #00bcd4; } .btn-base:hover, .btn-base:focus, .btn-base.focus { background: #00bcd4; border-color: #00bcd4; } .divider-v1 .divider-v1-element-bg, .divider-v2 .divider-v2-element-bg, .divider-v3 .divider-v3-element-bg { background: #00bcd4; } .divider-v2 .divider-v2-icon, .divider-v3 .divider-v3-icon { color: #00bcd4; } .dropcap-base { color: #00bcd4; } .dropcap-base-bg { background: #00bcd4; } .dropcap-base-bordered { color: #00bcd4; border-color: #00bcd4; } .bordered-icon .bordered-icon-box:hover { background: #00bcd4; } .lists-base > li > a:hover, .lists-dark > li > a:hover { color: #00bcd4; } .lists-base > li .lists-item-element, .lists-dark > li .lists-base .lists-item-element, .lists-base .lists-dark > li .lists-item-element { color: #00bcd4; } .lists-base .lists-item-element-brd { color: #00bcd4; border-color: #00bcd4; } .lists-base .lists-item-element-bg { background: #00bcd4; } .numeric-base-lists > li > a:hover, .numeric-dark-lists > li > a:hover { color: #00bcd4; } .numeric-base-lists > li { color: #00bcd4; } .login .login-form-forgot:hover { color: #00bcd4; } .paginations-v1-list > li > a:hover, .paginations-v1-list > li > span:hover { background: rgba(0, 188, 212, 0.7); } .paginations-v1-list > li.next > a:hover, .paginations-v1-list > li.next > span:hover, .paginations-v1-list > li.previous > a:hover, .paginations-v1-list > li.previous > span:hover { color: #00bcd4; } .paginations-v1-list > li.active > a, .paginations-v1-list > li.active > span { background: #00bcd4; } .paginations-v2-list > li > a:hover, .paginations-v2-list > li > span:hover { color: #00bcd4; border-bottom-color: #00bcd4; } .paginations-v2-list > li.active > a, .paginations-v2-list > li.active > span { color: #00bcd4; border-bottom-color: #00bcd4; } .paginations-v2-list > li.active > a:hover, .paginations-v2-list > li.active > span:hover { color: #00bcd4; } .paginations-v3-list > li > a, .paginations-v3-list > li > span { color: #00bcd4; } .paginations-v3-list > li > a:hover, .paginations-v3-list > li > span:hover { color: #00bcd4; } .paginations-v3-list > li.active > a, .paginations-v3-list > li.active > span { background: #00bcd4; border-color: #00bcd4; } .paginations-v3-list > li.active > a:hover, .paginations-v3-list > li.active > span:hover { background: #00bcd4; } .pagers-v1:hover { background: #00bcd4; } .pagers-v2 li > a:hover, .pagers-v2 li > span:hover { border-color: #00bcd4; background: #00bcd4; } .tab-v1 .nav-tabs > li:hover > a { color: #00bcd4; } .tab-v3 .nav-tabs > li:not(.active):hover > a { color: #00bcd4; } .tab-v3 .nav-tabs > li.active > a { background: #00bcd4; } .tab-v4 .nav-tabs { background: #00bcd4; } .tab-v5 .nav-tabs.nav-tabs-left > li:hover > a { color: #00bcd4; } .tab-v5 .nav-tabs.nav-tabs-left > li.active > a { color: #00bcd4; } .tab-v6 .nav-tabs.nav-tabs-right > li:hover > a { color: #00bcd4; } .tab-v6 .nav-tabs.nav-tabs-right > li.active > a { color: #00bcd4; } .theme-icons-wrap > a[href] > .theme-icons-base-hover:hover { background: #00bcd4; } .theme-icons-base-bg { background: #00bcd4; } .theme-icons-wrap > a[href] > .theme-icons-grey-light-bg:hover { background: #00bcd4; } .theme-icons-base-brd { color: #00bcd4; border-color: #00bcd4; } .theme-icons-wrap > a[href] > .theme-icons-base-brd:hover { background: #00bcd4; border-color: #00bcd4; } .animate-theme-icons .animate-theme-icons-base { color: #00bcd4; } .animate-theme-icons .animate-theme-icons-base-bg { background: #00bcd4; } .animate-theme-icons .animate-theme-icons-base-brd { color: #00bcd4; border-color: #00bcd4; } .theme-icons-elegant .theme-icons-element .theme-icons-wrap > a[href] > .theme-icons:hover { background: #00bcd4; } .image-gallery .image-gallery-overlay { background: rgba(0, 188, 212, 0.7); } .image-gallery-v2 .image-gallery-v2-overlay { background: rgba(0, 188, 212, 0.7); } .i-banner-v2 .i-banner-v2-heading .i-banner-v2-heading-month { color: #00bcd4; } .i-banner-v3 .i-banner-v3-content .i-banner-v3-element .i-banner-v3-element-icon { color: #00bcd4; } .newsletter-v5 .newsletter-v5-btn:hover { color: #00bcd4; } .newsletter-v8:hover { background: #00bcd4; } .poster-v1 .poster-v1-body .poster-v1-author { color: #00bcd4; } .poster-v2 .poster-v2-subtitle { color: #00bcd4; } .process-v1 .process-v1-back { background: #00bcd4; } .process-v2:hover .process-v2-element { background: #00bcd4; } .service-block-v4 .service-block-v4-content .service-block-v4-content-subtitle { color: #00bcd4; } .service-block-v6.service-block-v6-color-three:before { background: rgba(0, 188, 212, 0.7); } .service-block-v8 .service-block-v8-subtitle { color: #00bcd4; } .team-v1 .team-v1-content .team-v1-socials .team-v1-socials-link:hover { color: #00bcd4; } .team-v2 .team-v2-member-position { color: #00bcd4; } .team-v3 .team-v3-header .team-v3-member-position { color: #00bcd4; } .team-v5 .team-v5-content .team-v5-author-contact:hover { color: #00bcd4; } .footer .footer-address .footer-address-link:hover { color: #00bcd4; } .footer .footer-media .footer-media-item .footer-media-link:hover { color: #00bcd4; } .footer .footer-tags > li > a:hover { background: #00bcd4; border-color: #00bcd4; } .footer .footer-news-list .footer-news-list-item .footer-news-list-link:hover { color: #00bcd4; } .footer .footer-video-title .footer-video-title-link:hover { color: #00bcd4; } .footer .footer-copyright .footer-copyright-item > a:hover { color: #00bcd4; } .footer .footer-toggle .footer-toggle-link:hover { color: #00bcd4; } .footer-v2 { background: #00bcd4; } .footer-v4 .footer-v4-service .footer-v4-service-item .footer-v4-service-icon { color: #00bcd4; } .footer-v4 .footer-v4-service .footer-v4-service-item .footer-v4-service-link:hover { color: #00bcd4; } .footer-v4 .footer-v4-news .footer-v4-news-item .footer-v4-news-link:hover { color: #00bcd4; } .footer-v4 .footer-v4-link:hover { color: #00bcd4; } .footer-v4 .footer-v4-copyright .footer-v4-terms-list .footer-v4-terms-link:hover { color: #00bcd4; } .footer-v5 .footer-v5-content-subtitle { color: #00bcd4; } .footer-v5 .footer-v5-list .footer-v5-list-item .footer-v5-list-link:hover { color: #00bcd4; } .footer-v5-copyright .footer-v5-copright-socials .footer-v5-copright-socials-item .footer-v5-copright-socials-link:hover { color: #00bcd4; } .footer-v6 .footer-link-v6-list .footer-link-v6-list-item .footer-link-v6-list-link:hover { color: #00bcd4; } .form-modal .form-modal-back-btn-message .form-modal-back-btn-message-link { color: #00bcd4; } .form-modal .form-modal-input-group .form-modal-hide-password:hover { color: #00bcd4; } .form-modal .form-modal-close-form:hover { color: #00bcd4; } .header .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header .navbar-toggle:hover .toggle-icon:before, .header .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; } .header .navbar-nav .nav-item-child.active { color: #00bcd4; } .header .navbar-nav .nav-item-child.active:hover { color: #00bcd4; } .header .navbar-nav .nav-item-child:hover, .header .navbar-nav .nav-item-child:focus { color: #00bcd4; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; } .header .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { background: #00bcd4; } .header .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header .dropdown-submenu .dropdown-submenu-child:hover { background: #00bcd4; } .header .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; } .header .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; } .header .mega-menu-list .mega-menu-child:hover { background: #00bcd4; } @media (max-width: 991px) { .header .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } .header-center-aligned .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-center-aligned .navbar-toggle:hover .toggle-icon:before, .header-center-aligned .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-center-aligned .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header-center-aligned .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-child.active:hover { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-child:hover, .header-center-aligned .navbar-nav .nav-item-child:focus { color: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { background: #00bcd4; } .header-center-aligned .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header-center-aligned .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header-center-aligned .dropdown-submenu .dropdown-submenu-child:hover { background: #00bcd4; } .header-center-aligned .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header-center-aligned .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; } .header-center-aligned .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header-center-aligned .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; } .header-center-aligned .mega-menu-list .mega-menu-child:hover { background: #00bcd4; } @media (max-width: 991px) { .header-center-aligned .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header-center-aligned .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header-center-aligned .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon:before, .header-center-aligned-transparent .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-center-aligned-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header-center-aligned-transparent .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-child.active:hover { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-child:hover { color: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { background: #00bcd4; } .header-center-aligned-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu .dropdown-submenu-child:hover { background: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header-center-aligned-transparent .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; } .header-center-aligned-transparent .mega-menu-list .mega-menu-child:hover { background: #00bcd4; } @media (max-width: 991px) { .header-center-aligned-transparent .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header-center-aligned-transparent .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header-center-aligned-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon { background: #00bcd4; } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after { background: #00bcd4; } .header-fullscreen .header-fullscreen-nav-actions-right .nav-item-child { background: #00bcd4; } .header-fullscreen .header-fullscreen-nav-bg-overlay .header-fullscreen-nav-close:hover { color: #00bcd4; } .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover { color: #00bcd4; } .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen .header-fullscreen-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before, .header-fullscreen .header-fullscreen-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after { color: #00bcd4; } .header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover { color: #00bcd4; } .header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child.active { color: #00bcd4; } .header-fullscreen .header-fullscreen-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover { color: #00bcd4; } @media (max-width: 991px) { .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon { background: #00bcd4; } .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after { background: #00bcd4; } } @media (min-width: 992px) { .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon { background: #00bcd4; } .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:before, .header-shrink.header-fullscreen .header-fullscreen-nav-actions-left .header-fullscreen-nav-trigger:hover .header-fullscreen-nav-trigger-icon:after { background: #00bcd4; } } .header-section-scroll .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-section-scroll .navbar-toggle:hover .toggle-icon:before, .header-section-scroll .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-section-scroll .header-section-scroll-menu .nav-item.active .nav-item-child:hover, .header-section-scroll .header-section-scroll-menu .nav-item.active .nav-item-child:focus { color: #00bcd4; } .header-section-scroll .header-section-scroll-menu .nav-item-child:hover { color: #00bcd4; } .header-transparent .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-transparent .navbar-toggle:hover .toggle-icon:before, .header-transparent .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style { background: #00bcd4; } .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:before, .header-transparent .topbar-toggle-trigger:hover .topbar-toggle-trigger-style:after { background: #00bcd4; } .header-transparent .topbar-toggle-trigger-icon-style:hover { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-child.active:hover { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-child:hover { color: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active { color: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child.active:hover { color: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item .dropdown-menu-item-child:hover { background: #00bcd4; } .header-transparent .dropdown-menu .dropdown-menu-item.active .dropdown-menu-item-child { color: #00bcd4; } .header-transparent .dropdown-submenu:hover > .dropdown-submenu-child:not(:hover) { color: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child.active { color: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child.active:hover { color: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child.active:hover:after { color: #00bcd4; } .header-transparent .dropdown-submenu .dropdown-submenu-child:hover { background: #00bcd4; } .header-transparent .dropdown-submenu.active .dropdown-submenu-child { color: #00bcd4; } .header-transparent .dropdown-submenu.active .dropdown-submenu-child:hover { color: #00bcd4; } .header-transparent .mega-menu-list .mega-menu-child.active { color: #00bcd4; } .header-transparent .mega-menu-list .mega-menu-child.active:hover { color: #00bcd4; } .header-transparent .mega-menu-list .mega-menu-child:hover { background: #00bcd4; } @media (max-width: 991px) { .header-transparent .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } } @media (min-width: 992px) { .header-transparent .navbar-nav .nav-item:hover .nav-item-child { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-child.active { color: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg { border-color: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child { background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg .nav-item-child:hover { background: #00bcd4; } .header-transparent .navbar-nav .nav-item-bg:hover .nav-item-child { background: #00bcd4; } } .header-vertical .navbar-toggle:hover .toggle-icon { background: #00bcd4; } .header-vertical .navbar-toggle:hover .toggle-icon:before, .header-vertical .navbar-toggle:hover .toggle-icon:after { background: #00bcd4; } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover { color: #00bcd4; } .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-main-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-main-item-child.nav-submenu-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-main-item-child-dropdown:hover:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown.active:after, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:before, .header-vertical .header-vertical-menu .nav-submenu-item-child.nav-submenu-item-child-dropdown:hover:after { color: #00bcd4; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-link:hover { color: #00bcd4; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child.active { color: #00bcd4; } .header-vertical .header-vertical-menu .nav-dropdown-menu .nav-dropdown-menu-child:hover { color: #00bcd4; } .search .search-btn .search-btn-default:hover, .search .search-btn .search-btn-active:hover { color: #00bcd4; } @media (max-width: 992px) { .search.search-white .search-btn .search-btn-default:hover, .search.search-white .search-btn .search-btn-active:hover { color: #00bcd4; } } @media (min-width: 992px) { .search.search-white .search-btn .search-btn-default:hover, .search.search-white .search-btn .search-btn-active:hover { color: #00bcd4; } .header-shrink .search.search-white .search-btn .search-btn-default:hover, .header-shrink .search.search-white .search-btn .search-btn-active:hover { color: #00bcd4; } } .search-classic .search-classic-btn .search-classic-btn-default:hover, .search-classic .search-classic-btn .search-classic-btn-active:hover { color: #00bcd4; } .search-classic .search-classic-field { border-top-color: #00bcd4; } @media (max-width: 992px) { .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default:hover, .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active:hover { color: #00bcd4; } } @media (min-width: 992px) { .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default:hover, .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active:hover { color: #00bcd4; } .header-shrink .search-classic.search-classic-white .search-classic-btn .search-classic-btn-default:hover, .header-shrink .search-classic.search-classic-white .search-classic-btn .search-classic-btn-active:hover { color: #00bcd4; } } .search-fullscreen .search-fullscreen-trigger-icon:hover { color: #00bcd4; } .search-fullscreen .search-fullscreen-input-group .search-fullscreen-search:hover .search-fullscreen-search-icon { color: #00bcd4; } .search-fullscreen .search-fullscreen-bg-overlay .search-fullscreen-close:hover { color: #00bcd4; } @media (min-width: 992px) { .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon:hover { color: #00bcd4; } .header-shrink .search-fullscreen.search-fullscreen-trigger-white .search-fullscreen-trigger-icon:hover { color: #00bcd4; } } .search-on-header .search-on-header-btn .search-on-header-btn-default:hover, .search-on-header .search-on-header-btn .search-on-header-btn-active:hover { color: #00bcd4; } @media (max-width: 992px) { .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default:hover, .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active:hover { color: #00bcd4; } } @media (min-width: 992px) { .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default:hover, .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active:hover { color: #00bcd4; } .header-shrink .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-default:hover, .header-shrink .search-on-header.search-on-header-white .search-on-header-btn .search-on-header-btn-active:hover { color: #00bcd4; } } .search-push .search-push-btn .search-push-btn-default:hover, .search-push .search-push-btn .search-push-btn-active:hover { color: #00bcd4; } @media (max-width: 992px) { .search-push.search-push-white .search-push-btn .search-push-btn-default:hover, .search-push.search-push-white .search-push-btn .search-push-btn-active:hover { color: #00bcd4; } } @media (min-width: 992px) { .search-push.search-push-white .search-push-btn .search-push-btn-default:hover, .search-push.search-push-white .search-push-btn .search-push-btn-active:hover { color: #00bcd4; } .header-shrink .search-push.search-push-white .search-push-btn .search-push-btn-default:hover, .header-shrink .search-push.search-push-white .search-push-btn .search-push-btn-active:hover { color: #00bcd4; } } .sidebar-trigger:hover .sidebar-trigger-icon { background: #00bcd4; } .sidebar-trigger:hover .sidebar-trigger-icon:before, .sidebar-trigger:hover .sidebar-trigger-icon:after { background: #00bcd4; } .sidebar-nav .sidebar-nav-trigger:hover .sidebar-trigger-icon:before, .sidebar-nav .sidebar-nav-trigger:hover .sidebar-trigger-icon:after { background: #00bcd4; } .sidebar-nav .sidebar-nav-about-link:hover { color: #00bcd4; } @media (min-width: 992px) { .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon { background: #00bcd4; } .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:before, .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:after { background: #00bcd4; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon { background: #00bcd4; } .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:before, .header-shrink .sidebar-trigger.sidebar-trigger-style-white:hover .sidebar-trigger-icon:after { background: #00bcd4; } } .topbar-c .topbar-c-contacts .topbar-c-contacts-link:hover { color: #00bcd4; } .topbar-c .topbar-c-actions .topbar-c-actions-link:hover { color: #00bcd4; } .topbar-c .topbar-c-actions .topbar-c-actions-link-border:hover { background: #00bcd4; border-color: #00bcd4; } .topbar-e .topbar-e-list .topbar-e-list-item .topbar-e-list-dropdown:hover { color: #00bcd4; } .topbar-e .topbar-e-actions .topbar-e-actions-link:hover { color: #00bcd4; } .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-link:hover { color: #00bcd4; } .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-menu-product-name:hover { color: #00bcd4; } .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-close:hover { color: #00bcd4; } .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-price { color: #00bcd4; } .topbar-e .topbar-e-sh-cart .topbar-e-sh-cart-subtotal-view-link:hover { color: #00bcd4; } .topbar-t .topbar-t-list .topbar-t-list-item .topbar-t-list-dropdown:hover { color: #00bcd4; } .topbar-t .topbar-t-list .topbar-t-list-dropdown-menu .topbar-t-list-dropdown-menu-link:hover { background: #00bcd4; } .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-link:hover { color: #00bcd4; } .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-menu-product-name:hover { color: #00bcd4; } .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-close:hover { color: #00bcd4; } .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-price { color: #00bcd4; } .topbar-t .topbar-t-sh-cart .topbar-t-sh-cart-subtotal-view-link:hover { color: #00bcd4; } .contact-us .contact-us-timeline-day { background: #00bcd4; } .faq .faq-search .faq-search-search:hover .faq-search-search-icon { color: #00bcd4; } .animsition-loading { border-left-color: #00bcd4; } .back-to-top-theme { background: #00bcd4; } .back-to-top-theme:hover { background: #00bcd4; } .owl-dot span, .owl-dots span { border-color: #00bcd4; } .owl-dot.active span, .owl-dots.active span { background: #00bcd4; } .testimonials-v4-arrows .arrow-next:hover, .testimonials-v4-arrows .arrow-prev:hover { background: #00bcd4; } .owl-control-arrows-v1 .owl-arrow:hover { background: #00bcd4; } .theme-portfolio .cbp-filter-item.cbp-filter-item-active { color: #00bcd4; } .theme-portfolio .cbp-filter-item:hover { color: #00bcd4; } .theme-portfolio .cbp-filter-counter { background: #00bcd4; } .theme-portfolio .cbp-filter-counter:after { border-top-color: #00bcd4; } .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link { color: #00bcd4; border-color: #00bcd4; } .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-link:hover, .theme-portfolio .cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-link:hover, .theme-portfolio .cbp-l-loadMore-text .cbp-l-loadMore-button-link:hover { background: #00bcd4; } .theme-portfolio .cbp-caption-zoom .cbp-caption-activeWrap { background: rgba(0, 188, 212, 0.7); } .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:before, .theme-portfolio .theme-portfolio-item-v3 .theme-portfolio-lightbox .theme-portfolio-item-v3-icon:hover:after { background: #00bcd4; } .theme-portfolio-desc .portfolio-item-category:hover { color: #00bcd4; } .theme-carousel-control-v2 .carousel-control-arrows-v2:hover { background: #00bcd4; } .theme-carousel-indicators-v2 li.active { background: #00bcd4; border-color: #00bcd4; } .theme-carousel-indicators-v3 li.active { color: #00bcd4; border-bottom-color: #00bcd4; } .theme-carousel-indicators-v3 li:hover { border-bottom-color: #00bcd4; } .theme-carousel-indicators-v3 li:hover.active { color: #00bcd4; border-bottom-color: #00bcd4; } .theme-carousel-indicators-v4 li.active { background: #00bcd4; border-color: #00bcd4; } .theme-carousel-indicators-v5 li.active .theme-carousel-indicators-item { border-color: #00bcd4; } .tp-loader.spinner2 { background: #00bcd4; } .checkbox input[type="checkbox"]:checked + label:before, .checkbox input[type="radio"]:checked + label:before { background: #00bcd4; border-color: #00bcd4; } .work-v1 .work-v1-badge { background: #00bcd4; } .work-v1 .work-v1-list .work-v1-category .work-v1-category-link:hover { color: #00bcd4; } .promo-block-v12 .promo-block-v12-form:focus { color: #00bcd4; } .promo-block-v12 .promo-block-v12-form:focus::-moz-placeholder { color: #00bcd4; } .promo-block-v12 .promo-block-v12-form:focus:-ms-input-placeholder { color: #00bcd4; } .promo-block-v12 .promo-block-v12-form:focus::-webkit-input-placeholder { color: #00bcd4; } .shopify-product:hover .shopify-product-name { color: #00bcd4; } .language-v1 .language-v1-toggle:hover { color: #00bcd4; } .language-v1 .language-v1-dropdown-link:hover { background: #00bcd4; } @media (min-width: 992px) { .language-v1.language-v1-style-white .language-v1-toggle:hover { color: #00bcd4; } .header-shrink .language-v1.language-v1-style-white .language-v1-toggle:hover { color: #00bcd4; } } .language-push .language-push-btn-icon:hover { color: #00bcd4; } @media (min-width: 992px) { .language-push.language-push-style-white .language-push-btn-icon:hover { color: #00bcd4; } .header-shrink .language-push.language-push-style-white .language-push-btn-icon:hover { color: #00bcd4; } } .newsletter-v6 .newsletter-v6-btn:hover { color: #00bcd4; } .news-v11 .news-v11-subtitle a { color: #00bcd4; } .image-comparison-container .image-comparison-handle { background: #00bcd4; } .testimonials-v2-arrows .arrow-next:hover, .testimonials-v2-arrows .arrow-prev:hover { background: #00bcd4; } .fuelux .radio-checkbox-bg-icon.checked:before { background: #00bcd4; border-color: #00bcd4; } .fuelux .radio-checkbox-bg-color.checked:before { background: #00bcd4; border-color: #00bcd4; } .fuelux .radio-checkbox-brd.checked:before { border-color: #00bcd4; } .fuelux .radio-checkbox-brd-dot.checked:before { border-color: #00bcd4; } .fuelux .radio-checkbox-brd-dot.checked:after { background: #00bcd4; } .segment-controls { border-color: #00bcd4; } .segment-controls .segment-controls-label:before { background: #00bcd4; } .color-base { color: #00bcd4 !important; } .bg-color-base { background: #00bcd4 !important; } .accordion-v3 .panel-title > a.fg-text-dark:hover:before, .accordion-v3 .panel-title > a.fg-text-light:hover:before, .accordion-v3 .panel-title > a.fg-text-dark:hover, .accordion-v3 .panel-title > a.fg-text-light:hover, .accordion-v4 .panel-title > a.fg-text-dark:hover:before, .accordion-v4 .panel-title > a.fg-text-light:hover:before, .accordion-v4 .panel-title > a.fg-text-dark:hover, .accordion-v4 .panel-title > a.fg-text-light:hover, .tab-v3.fg-text-light .nav-tabs > li:hover > a { color: #00bcd4; } .accordion-v2 .panel-title > a[aria-expanded="true"].fg-text-light, .accordion-v2 .panel-title > a.fg-text-light:hover, .accordion-v5 .panel-title > a[aria-expanded="true"].fg-text-light, .accordion-v5 .panel-title > a.fg-text-light:hover, .tab-v1 .nav-tabs > li > a.fg-text-light:hover, .tab-v1 .nav-tabs > li.active > a.fg-text-light, .tab-v3 .nav-tabs > li.active > a.fg-text-light, .tab-v5 .nav-tabs > li > a.fg-text-light:hover, .tab-v5 .nav-tabs > li.active > a.fg-text-light, .tab-v6 .nav-tabs > li > a.fg-text-light:hover, .tab-v6 .nav-tabs > li.active > a.fg-text-light { background-color: #00bcd4; } .theme-portfolio-title-heading .theme-portfolio-title a:hover, .theme-portfolio-item-v1-title.fg-text-light a:hover, .news-v1 .ff-meta-item.fg-text-dark a:hover { color: #00bcd4; } .post-content input[type="button"], .post-content input[type="reset"], .post-content input[type="submit"] { background-color: #00bcd4; } .shopping-cart-icon-wrapper:hover { color: #00bcd4; } .shopping-cart-icon-wrapper:after { background: #00bcd4; } .ark-header.ark-cart-classic .shopping-cart .shopping-cart-menu { border-top-width: 2px; border-top-style: solid; border-top-color: #00bcd4; } .woocommerce-message { border-top-color: #00bcd4; } .woocommerce-message:before { color: #00bcd4; } .woocommerce span.onsale { background-color: #00bcd4; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #00bcd4; } .woocommerce ul.products li.product .price { color: #00bcd4; } .woocommerce-product-search #searchsubmit { color: #00bcd4; } .woocommerce-product-search:hover #searchsubmit { background-color: #00bcd4; border-color: #00bcd4; } .widget_product_tag_cloud .widget-body a:hover { background: #00bcd4; border-color: #00bcd4; } .woocommerce-mini-cart-wrapper a.remove:not(:hover) { color: #00bcd4 !important; } .woocommerce-mini-cart-wrapper a.remove:hover { background-color: #00bcd4; } .woocommerce-mini-cart-wrapper .shopping-cart-subtotal-checkout-link { background-color: #00bcd4; } .woocommerce-mini-cart-wrapper .shopping-cart-subtotal-checkout-link:hover { background-color: #00bcd4; } .woocommerce-mini-cart-wrapper .shopping-cart-subtotal-view-link:hover { color: #00bcd4; } .woocommerce-mini-cart-wrapper .shopping-cart-menu-product-name:hover { color: #00bcd4; } .woocommerce-mini-cart-wrapper .shopping-cart-subtotal-price { color: #00bcd4; } body .woocommerce #respond input#submit.alt, body .woocommerce a.button.alt, body .woocommerce button.button.alt, body .woocommerce input.button.alt { background-color: #00bcd4; } body .woocommerce #respond input#submit.alt:hover, body .woocommerce a.button.alt:hover, body .woocommerce button.button.alt:hover, body .woocommerce input.button.alt:hover { background-color: rgba(0, 188, 212, 0.7); } .woocommerce a.button.add_to_cart_button, .woocommerce a.button.product_type_external, .woocommerce a.button.product_type_grouped { background-color: #00bcd4; } .woocommerce a.button.add_to_cart_button:hover, .woocommerce a.button.product_type_external:hover, .woocommerce a.button.product_type_grouped:hover { background-color: rgba(0, 188, 212, 0.7); } .woocommerce button.button.alt.single_add_to_cart_button { background-color: #00bcd4; } .woocommerce button.button.alt.single_add_to_cart_button:hover { background-color: rgba(0, 188, 212, 0.7); } .post-content.ff-richtext li a { color: #00bcd4; }