@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .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.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .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 { 0%, 20%, 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); animation-timing-function: cubic-bezier(.755, .05, .855, .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 { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1); } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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 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); } 100% { -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); } 100% { -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 { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -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); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -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); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 11.1% { -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(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes jello { 11.1% { -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(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); } 100% { -webkit-transform: none; transform: none; } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .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(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .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); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { 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); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1); } 0% { 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); } 100% { -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(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -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(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -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 { 0% { -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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) 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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -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; } 100% { -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 { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -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; } 100% { -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 { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -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 { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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; } 100% { -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; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes zoomInStable { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 33.333% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 66.666666% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .zoomInStable { -webkit-animation-name: zoomInStable; animation-name: zoomInStable; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); animation-timing-function: cubic-bezier(.55, .055, .675, .19); } 100% { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-webkit-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-moz-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-o-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @-ms-keyframes anime { from { opacity: 0; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); -moz-transform: scaleY(1); } } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .rotate-me { animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } @keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } .float-bob { animation-name: float-bob; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } /*** ============================================= circle Css ============================================= ***/ @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /*** ============================================= Zoom In Out Css ============================================= ***/ .zoominout { animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; } @-webkit-keyframes zoomInOut { 0% { -webkit-transform: rotate(0deg) scale(.7); transform: rotate(0deg) scale(.7); opacity: 0; } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(360deg) scale(.7); transform: rotate(360deg) scale(.7); opacity: 0; } } /*** ============================================= Zoom In Out 2 Css ============================================= ***/ .zoominout-2 { animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut2; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut2; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut2; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut2; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; } @-webkit-keyframes zoomInOut2 { 0% { -webkit-transform: rotate(0deg) scale(.7); transform: rotate(0deg) scale(.7); opacity: 0; } 50% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(0deg) scale(.7); transform: rotate(0deg) scale(.7); opacity: 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse2 { 0% { background-position: -0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: -0px 0; } } @keyframes bgSlideReverse2 { 0% { background-position: -0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: -0px 0; } } @-webkit-keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } @keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } .banner-animate { animation-name: banner-animate; animation-duration: 70s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: banner-animate; -webkit-animation-duration: 70s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: banner-animate; -moz-animation-duration: 70s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: banner-animate; -ms-animation-duration: 70s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: banner-animate; -o-animation-duration: 70s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } @keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } /*** ============================================= Animation1 Css ============================================= ***/ @-webkit-keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } /*** ============================================= Animation2 Css ============================================= ***/ @animation2 {} @-moz-keyframes animation2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes animation2 { 0% { -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @-webkit-keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @-webkit-keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } @keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } /*** ============================================= Float Bob Y Animation Css ============================================= ***/ @-webkit-keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } @keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } .footertree { -webkit-animation: footerTree 5s ease-in infinite; animation: footerTree 5s ease-in infinite; } @service_hexagon_2 {} @-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes service_hexagon_2 { 0% { -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-moz-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-o-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } .rotatescale { -webkit-animation-name: rotateScale; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateScale; -moz-animation-duration: 20s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateScale; -ms-animation-duration: 20s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rotateScale; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @-webkit-keyframes bubbleMover { 0% { transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0px) translateX(0) rotate(0); transform-origin: center center; } } @keyframes bubbleMover { 0% { transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0px) translateX(0) rotate(0); transform-origin: center center; } } @-webkit-keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @-webkit-keyframes shapeMover { 0%, 100% { -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes shapeMover-2 { 0%, 100% { -webkit-transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { -webkit-transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); transform: perspective(400px) rotate(-45deg) translateZ(20px) translateY(20px) translateX(20px); } } @-webkit-keyframes banner3Shake { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 5deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 5deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); } } @keyframes banner3Shake { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 5deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 5deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); } } @-webkit-keyframes squareMover { 0%, 100% { transform: translate(0, 0) rotate(0); } 20%, 60% { transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { transform: translate(40px, 60px) rotate(0deg); } } @keyframes squareMover { 0%, 100% { transform: translate(0, 0) rotate(0); } 20%, 60% { transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { transform: translate(40px, 60px) rotate(0deg); } } @-webkit-keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); } } @keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); } } /*-------------------------------------------------------------- # Zoom Fade Css --------------------------------------------------------------*/ .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { transform: scale(.9) translateX(-50%); } 50% { transform: scale(1) translateX(-50%); } 100% { transform: scale(.9) translateX(-50%); } } @keyframes zoom-fade { 0% { transform: scale(.9) translateX(-50%); } 50% { transform: scale(1) translateX(-50%); } 100% { transform: scale(.9) translateX(-50%); } } /*-------------------------------------------------------------- # Zoom Fade 2 Css --------------------------------------------------------------*/ .zoom-fade-2 { animation-name: zoom-fade-2; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade-2; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade-2; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade-2; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade-2; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade-2 { 0% { transform: scale(.9) translateX(-50%) translateY(-50%); } 50% { transform: scale(1) translateX(-50%) translateY(-50%); } 100% { transform: scale(.9) translateX(-50%) translateY(-50%); } } @keyframes zoom-fade-2 { 0% { transform: scale(.9) translateX(-50%) translateY(-50%); } 50% { transform: scale(1) translateX(-50%) translateY(-50%); } 100% { transform: scale(.9) translateX(-50%) translateY(-50%); } } /* custom animations */ @keyframes btnIconMove { 0% { transform: rotate(0deg) translate(0px, 0px); } 50% { transform: rotate(20deg) translate(10px, 0px); } 100% { transform: rotate(0deg) translate(0px, 0px); } } @keyframes ImgBounce { 0% { transform: translateY(0); } 25% { transform: translateY(5px); } 50% { transform: translateY(10px); } 75% { transform: translateY(5px); } 100% { transform: translateY(0px); } } /** squares **/ @-moz-keyframessquares {} @-moz-keyframes squares { 0% { -moz-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -moz-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -moz-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-o-keyframes squares { 0% { -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } /*** ============================================= Float Bob X Animation Css ============================================= ***/ @-webkit-keyframes float-bob-x { 0% { transform: translateX(-30px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-30px); } } @keyframes float-bob-x { 0% { transform: translateX(-30px); } 50% { transform: translateX(-10px); } 100% { transform: translateX(-30px); } } .float-bob-x { -webkit-animation-name: float-bob-x; animation-name: float-bob-x; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } /*** ============================================= Float Bob X Animation Css ============================================= ***/ @-webkit-keyframes float-bob-x-2 { 0% { transform: translateX(-30px) translateY(-50%); } 50% { transform: translateX(-10px) translateY(-50%); } 100% { transform: translateX(-30px) translateY(-50%); } } @keyframes float-bob-x-2 { 0% { transform: translateX(-30px) translateY(-50%); } 50% { transform: translateX(-10px) translateY(-50%); } 100% { transform: translateX(-30px) translateY(-50%); } } .float-bob-x-2 { -webkit-animation-name: float-bob-x-2; animation-name: float-bob-x-2; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } /*! * Bootstrap-select v1.14.0-beta2 (https://developer.snapappointments.com/bootstrap-select) * * Copyright 2012-2021 SnapAppointments, LLC * Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE) */ @-webkit-keyframes bs-notify-fadeOut { 0% { opacity: .9; } 100% { opacity: 0; } } @-o-keyframes bs-notify-fadeOut { 0% { opacity: .9; } 100% { opacity: 0; } } @keyframes bs-notify-fadeOut { 0% { opacity: .9; } 100% { opacity: 0; } } .bootstrap-select>select.bs-select-hidden, select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0; vertical-align: middle; } .bootstrap-select>.dropdown-toggle { position: relative; width: 100%; text-align: right; white-space: nowrap; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .bootstrap-select>.dropdown-toggle:after { margin-top: -1px; } .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #999; } .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder.btn-success:hover { color: rgba(255, 255, 255, .5); } .bootstrap-select>select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: .5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; z-index: 0 !important; } .bootstrap-select>select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2 !important; } .bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid+.dropdown-toggle { border-color: #b94a48; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid+.dropdown-toggle { border-color: #28a745; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle { outline: thin dotted #333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; height: auto; } :not(.input-group)>.bootstrap-select.form-control:not([class*=col-]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { float: none; z-index: auto; } .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) { width: auto; } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { float: right; } .form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: .25rem .5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: .5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select>.disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select>.disabled:focus { outline: 0 !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle .filter-option { position: static; top: 0; left: 0; float: left; height: 100%; width: 100%; text-align: left; overflow: hidden; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right: inherit; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { position: absolute; padding-top: inherit; padding-bottom: inherit; padding-left: inherit; float: none; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-toggle .filter-expand { width: 0 !important; float: left; opacity: 0 !important; overflow: hidden; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .bootstrap-select .dropdown-toggle .bs-select-clear-selected { position: relative; display: block; margin-right: 5px; text-align: center; } .bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected { padding-right: inherit; } .bootstrap-select .dropdown-toggle .bs-select-clear-selected span { position: relative; top: -webkit-calc(( ( -1em / 1.5 ) + 1ex ) / 2); top: calc(( ( -1em / 1.5 ) + 1ex ) / 2); pointer-events: none; } .bs3.bootstrap-select .dropdown-toggle .bs-select-clear-selected span { top: auto; } .bootstrap-select .dropdown-toggle.bs-placeholder .bs-select-clear-selected { display: none; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*=col-] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { min-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .dropdown-menu>.inner:focus { outline: 0 !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, .5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select .dropdown-menu li small { padding-left: .5em; } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); pointer-events: none; opacity: .9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bootstrap-select .dropdown-menu .notify.fadeOut { -webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut; -o-animation: .3s linear 750ms forwards bs-notify-fadeOut; animation: .3s linear 750ms forwards bs-notify-fadeOut; } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; } .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { content: " "; } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select .bs-ok-default:after { content: ""; display: block; width: .5em; height: 1em; border-style: solid; border-width: 0 .26em .26em 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, .2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, .2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid #fff; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open>.dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show>.dropdown-toggle .filter-option:before { display: block; } .bs-actionsbox, .bs-donebutton, .bs-searchbox { padding: 4px 8px; } .bs-actionsbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-actionsbox .btn-group { display: block; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-donebutton .btn-group { display: block; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox+.bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } /** * BxSlider v4.1.2 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2014 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; left: -5px; background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("https://bancamutual.com/wp-content/plugins/insur-addon/assets/vendors/images/icon/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } .bx-wrapper .bx-loading.nitro-lazy { background: none !important; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url("https://bancamutual.com/wp-content/plugins/insur-addon/assets/vendors/img/bx-slider/controls.png") no-repeat 0 -32px; } .bx-wrapper .bx-prev.nitro-lazy { background: none !important; } .bx-wrapper .bx-next { right: 10px; background: url("https://bancamutual.com/wp-content/plugins/insur-addon/assets/vendors/img/bx-slider/controls.png") no-repeat -43px -32px; } .bx-wrapper .bx-next.nitro-lazy { background: none !important; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("https://bancamutual.com/wp-content/plugins/insur-addon/assets/vendors/img/bx-slider/controls.png") -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start.nitro-lazy { background: none !important; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("https://bancamutual.com/wp-content/plugins/insur-addon/assets/vendors/img/bx-slider/controls.png") -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop.nitro-lazy { background: none !important; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666 \9; background: rgba(80, 80, 80, .75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .jarallax { position: relative; z-index: 0; } .jarallax > .jarallax-img { position: absolute; object-fit: cover; font-family: "object-fit: cover;"; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: .8; } .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; 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, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { 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: -.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: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: .65; padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: .65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ""; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: .7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3f3f3f; } .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, .6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .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, .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) { /** * Remove all paddings around the image on small screen */ .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, .6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; 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, .6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(.75); transform: scale(.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; } } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; position: relative; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; } .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; } .odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); } .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; } .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; } .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; -moz-transition: -moz-transform 2s; -ms-transition: -ms-transform 2s; -o-transition: -o-transform 2s; transition: transform 2s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; } .odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { 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; background: url("https://bancamutual.com/wp-content/plugins/insur-addon/assets/vendors/owl-carousel/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon.nitro-lazy { background: none !important; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; } .owl-theme .owl-nav { margin-top: 10px; } .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .owl-theme .owl-nav .disabled { opacity: .5; cursor: default; } .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 10px; } .owl-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #869791; } :root { --swiper-theme-color: #007aff; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-vertical>.swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, .15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-css-mode>.swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode>.swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode>.swiper-wrapper>.swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode>.swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode>.swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered>.swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal>.swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical>.swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-centered>.swiper-wrapper>.swiper-slide { scroll-snap-align: center center; } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - ( var(--swiper-navigation-size) / 2 )); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled>.swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical>.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform, .2s top; } .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s left; } .swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform, .2s right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical>.swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1); } .swiper-scrollbar-disabled>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; } .swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical>.swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-free-mode>.swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid>.swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-next+.swiper-slide, .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right, .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .nice-select { position: relative; display: block; -webkit-tap-highlight-color: transparent; background-color: #f6f4f9; border-radius: 0px; border: 0px solid #e4e4e4; box-sizing: border-box; clear: both; cursor: pointer; float: left; font-family: inherit; color: #888; font-size: 14px; font-weight: 300; height: 50px; line-height: 48px; outline: none; padding-left: 25px; padding-right: 25px; text-align: left !important; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; } .nice-select:hover { border-color: #6e7a7a; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #6e7a7a; } .nice-select:after { position: absolute; right: 17px; top: 50%; margin-top: -4px; display: block; border-bottom: 2px solid var(--insur-gray); border-right: 2px solid var(--insur-gray); content: ""; width: 6px; height: 6px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #ccc; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: var(--insur-base); border-radius: var(--insur-bdr-radius); box-sizing: border-box; margin-top: 0px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(.75) translateY(-21px); -ms-transform: scale(.75) translateY(-21px); transform: scale(.75) translateY(-21px); -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { color: #fff; font-weight: 400; line-height: 40px; list-style: none; min-height: 40px; outline: none; padding-left: 18px; padding-right: 29px; text-align: left; cursor: pointer; -webkit-transition: all .2s; transition: all .2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { color: #fff; background-color: var(--insur-black); } .nice-select .option.selected { font-weight: 700; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 12px; font-family: Arial, sans-serif; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-handle { position: absolute; display: block; box-sizing: border-box; cursor: default; z-index: 1; } .irs-handle.type_last { z-index: 2; } .irs-min, .irs-max { position: absolute; display: block; cursor: default; } .irs-min { left: 0; } .irs-max { right: 0; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0, 0, 0, 0); z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: .4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } .irs--flat { height: 40px; } .irs--flat.irs-with-grid { height: 60px; } .irs--flat .irs-line { top: 25px; height: 12px; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-bar { top: 25px; height: 12px; background-color: #ed5565; } .irs--flat .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--flat .irs-shadow { height: 1px; bottom: 16px; background-color: #e1e4e9; } .irs--flat .irs-handle { top: 22px; width: 16px; height: 18px; background-color: transparent; } .irs--flat .irs-handle>i:first-child { position: absolute; display: block; top: 0; left: 50%; width: 2px; height: 100%; margin-left: -1px; background-color: #da4453; } .irs--flat .irs-handle.state_hover>i:first-child, .irs--flat .irs-handle:hover>i:first-child { background-color: #a43540; } .irs--flat .irs-min, .irs--flat .irs-max { top: 0; padding: 1px 3px; color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; background-color: #e1e4e9; border-radius: 4px; } .irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single { color: white; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #ed5565; border-radius: 4px; } .irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #ed5565; } .irs--flat .irs-grid-pol { background-color: #e1e4e9; } .irs--flat .irs-grid-text { color: #999; } .irs--big { height: 55px; } .irs--big.irs-with-grid { height: 70px; } .irs--big .irs-line { top: 33px; height: 12px; background-color: white; background: linear-gradient(to bottom, #ddd -50%, white 150%); border: 1px solid #ccc; border-radius: 12px; } .irs--big .irs-bar { top: 33px; height: 12px; background-color: #92bce0; border: 1px solid #428bca; background: linear-gradient(to bottom, #fff 0%, #428bca 30%, #b9d4ec 100%); box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .5); } .irs--big .irs-bar--single { border-radius: 12px 0 0 12px; } .irs--big .irs-shadow { height: 1px; bottom: 16px; background-color: rgba(66, 139, 202, .5); } .irs--big .irs-handle { top: 25px; width: 30px; height: 30px; border: 1px solid rgba(0, 0, 0, .3); background-color: #cbcfd5; background: linear-gradient(to bottom, white 0%, #b4b9be 30%, white 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, .2), inset 0 0 3px 1px white; border-radius: 30px; } .irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover { border-color: rgba(0, 0, 0, .45); background-color: #939ba7; background: linear-gradient(to bottom, white 0%, #919ba5 30%, white 100%); } .irs--big .irs-min, .irs--big .irs-max { top: 0; padding: 1px 5px; color: white; text-shadow: none; background-color: #9f9f9f; border-radius: 3px; } .irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single { color: white; text-shadow: none; padding: 1px 5px; background-color: #428bca; background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%); border-radius: 3px; } .irs--big .irs-grid-pol { background-color: #428bca; } .irs--big .irs-grid-text { color: #428bca; } .irs--modern { height: 55px; } .irs--modern.irs-with-grid { height: 55px; } .irs--modern .irs-line { top: 25px; height: 5px; background-color: #d1d6e0; background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%); border: 1px solid #a3adc1; border-bottom-width: 0; border-radius: 5px; } .irs--modern .irs-bar { top: 25px; height: 5px; background: #20b426; background: linear-gradient(to bottom, #20b426 0%, #18891d 100%); } .irs--modern .irs-bar--single { border-radius: 5px 0 0 5px; } .irs--modern .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(209, 214, 224, .5); } .irs--modern .irs-handle { top: 37px; width: 12px; height: 13px; border: 1px solid #a3adc1; border-top-width: 0; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle>i:nth-child(1) { position: absolute; display: block; top: -4px; left: 1px; width: 6px; height: 6px; border: 1px solid #a3adc1; background: white; transform: rotate(45deg); } .irs--modern .irs-handle>i:nth-child(2) { position: absolute; display: block; box-sizing: border-box; top: 0; left: 0; width: 10px; height: 12px; background: #e9e6e6; background: linear-gradient(to bottom, white 0%, #e9e6e6 100%); border-radius: 0 0 3px 3px; } .irs--modern .irs-handle>i:nth-child(3) { position: absolute; display: block; box-sizing: border-box; top: 3px; left: 3px; width: 4px; height: 5px; border-left: 1px solid #a3adc1; border-right: 1px solid #a3adc1; } .irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover { border-color: #7685a2; background: #c3c7cd; background: linear-gradient(to bottom, #fff 0%, #919ba5 30%, #fff 100%); } .irs--modern .irs-handle.state_hover>i:nth-child(1), .irs--modern .irs-handle:hover>i:nth-child(1) { border-color: #7685a2; } .irs--modern .irs-handle.state_hover>i:nth-child(3), .irs--modern .irs-handle:hover>i:nth-child(3) { border-color: #48536a; } .irs--modern .irs-min, .irs--modern .irs-max { top: 0; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; color: white; background-color: #d1d6e0; border-radius: 5px; } .irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single { font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background-color: #20b426; color: white; border-radius: 5px; } .irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #20b426; } .irs--modern .irs-grid { height: 25px; } .irs--modern .irs-grid-pol { background-color: #dedede; } .irs--modern .irs-grid-text { color: silver; font-size: 13px; } .irs--sharp { height: 50px; font-size: 12px; line-height: 1; } .irs--sharp.irs-with-grid { height: 57px; } .irs--sharp .irs-line { top: 30px; height: 2px; background-color: black; border-radius: 2px; } .irs--sharp .irs-bar { top: 30px; height: 2px; background-color: #ee22fa; } .irs--sharp .irs-bar--single { border-radius: 2px 0 0 2px; } .irs--sharp .irs-shadow { height: 1px; bottom: 21px; background-color: rgba(0, 0, 0, .5); } .irs--sharp .irs-handle { top: 25px; width: 10px; height: 10px; background-color: #a804b2; } .irs--sharp .irs-handle>i:first-child { position: absolute; display: block; top: 100%; left: 0; width: 0; height: 0; border: 5px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover { background-color: black; } .irs--sharp .irs-handle.state_hover>i:first-child, .irs--sharp .irs-handle:hover>i:first-child { border-top-color: black; } .irs--sharp .irs-min, .irs--sharp .irs-max { color: white; font-size: 14px; line-height: 1; top: 0; padding: 3px 4px; opacity: .4; background-color: #a804b2; border-radius: 2px; } .irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 4px; background-color: #a804b2; color: white; border-radius: 2px; } .irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #a804b2; } .irs--sharp .irs-grid { height: 25px; } .irs--sharp .irs-grid-pol { background-color: #dedede; } .irs--sharp .irs-grid-text { color: silver; font-size: 13px; } .irs--round { height: 50px; } .irs--round.irs-with-grid { height: 65px; } .irs--round .irs-line { top: 36px; height: 4px; background-color: #dee4ec; border-radius: 4px; } .irs--round .irs-bar { top: 36px; height: 4px; background-color: #006cfa; } .irs--round .irs-bar--single { border-radius: 4px 0 0 4px; } .irs--round .irs-shadow { height: 4px; bottom: 21px; background-color: rgba(222, 228, 236, .5); } .irs--round .irs-handle { top: 26px; width: 24px; height: 24px; border: 4px solid #006cfa; background-color: white; border-radius: 24px; box-shadow: 0 1px 3px rgba(0, 0, 255, .3); } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #f0f6ff; } .irs--round .irs-min, .irs--round .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, .1); border-radius: 4px; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: #006cfa; color: white; border-radius: 4px; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; border-top-color: #006cfa; } .irs--round .irs-grid { height: 25px; } .irs--round .irs-grid-pol { background-color: #dedede; } .irs--round .irs-grid-text { color: silver; font-size: 13px; } .irs--square { height: 50px; } .irs--square.irs-with-grid { height: 60px; } .irs--square .irs-line { top: 31px; height: 4px; background-color: #dedede; } .irs--square .irs-bar { top: 31px; height: 4px; background-color: black; } .irs--square .irs-shadow { height: 2px; bottom: 21px; background-color: #dedede; } .irs--square .irs-handle { top: 25px; width: 16px; height: 16px; border: 3px solid black; background-color: white; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover { background-color: #f0f6ff; } .irs--square .irs-min, .irs--square .irs-max { color: #333; font-size: 14px; line-height: 1; top: 0; padding: 3px 5px; background-color: rgba(0, 0, 0, .1); } .irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single { font-size: 14px; line-height: 1; text-shadow: none; padding: 3px 5px; background-color: black; color: white; } .irs--square .irs-grid { height: 25px; } .irs--square .irs-grid-pol { background-color: #dedede; } .irs--square .irs-grid-text { color: silver; font-size: 11px; } [class^="flaticon-"], [class*=" flaticon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "Flaticon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .flaticon-check-symbol:before { content: ""; } .flaticon-right-arrow:before { content: ""; } .flaticon-photo:before { content: ""; } .flaticon-smartphone-call:before { content: ""; } .flaticon-layers:before { content: ""; } .flaticon-arrows-10:before { content: ""; } .flaticon-email-1:before { content: ""; } .flaticon-menu-8:before { content: ""; } .flaticon-phone-call:before { content: ""; } .flaticon-user-2:before { content: ""; } .flaticon-menu-6:before { content: ""; } .flaticon-envelope:before { content: ""; } .flaticon-speech-bubble:before { content: ""; } .flaticon-add-1:before { content: ""; } .flaticon-shopping-cart:before { content: ""; } .flaticon-letter:before { content: ""; } .flaticon-user:before { content: ""; } .flaticon-bar-chart:before { content: ""; } .flaticon-loupe-1:before { content: ""; } .flaticon-menu-5:before { content: ""; } .flaticon-smartphone-3:before { content: ""; } .flaticon-arrows:before { content: ""; } .flaticon-letter-1:before { content: ""; } .flaticon-placeholder-3:before { content: ""; } .flaticon-email:before { content: ""; } .flaticon-shelter:before { content: ""; } .flaticon-mobile-phone:before { content: ""; } .flaticon-worldwide:before { content: ""; } .flaticon-left-quote-1:before { content: ""; } .flaticon-postcard:before { content: ""; } .flaticon-round:before { content: ""; } .flaticon-design-tools:before { content: ""; } .flaticon-heart:before { content: ""; } .flaticon-technology-1:before { content: ""; } .flaticon-user-1:before { content: ""; } .flaticon-link-4:before { content: ""; } .flaticon-letter-x:before { content: ""; } .flaticon-3d-1:before { content: ""; } .flaticon-call-1:before { content: ""; } .flaticon-cms:before { content: ""; } .flaticon-settings:before { content: ""; } .flaticon-vector:before { content: ""; } .flaticon-right:before { content: ""; } .flaticon-message:before { content: ""; } .flaticon-correct:before { content: ""; } .flaticon-phone-call-1:before { content: ""; } .flaticon-three:before { content: ""; } .flaticon-heart-1:before { content: ""; } .flaticon-photo-1:before { content: ""; } .flaticon-chat-comment-oval-speech-bubble-with-text-lines:before { content: ""; } .flaticon-idea-1:before { content: ""; } .flaticon-iphone:before { content: ""; } .flaticon-up-arrow:before { content: ""; } .flaticon-back:before { content: ""; } .flaticon-fast-1:before { content: ""; } .flaticon-development:before { content: ""; } .flaticon-3d-design:before { content: ""; } .flaticon-place:before { content: ""; } .flaticon-zoom-in:before { content: ""; } .flaticon-email-2:before { content: ""; } .flaticon-sign:before { content: ""; } .flaticon-menu-9:before { content: ""; } .flaticon-right-quote:before { content: ""; } .flaticon-ui:before { content: ""; } .flaticon-digital:before { content: ""; } .flaticon-clock:before { content: ""; } .flaticon-fast:before { content: ""; } .flaticon-email-3:before { content: ""; } .flaticon-support:before { content: ""; } .flaticon-globe:before { content: ""; } .flaticon-home-1:before { content: ""; } .flaticon-down-arrow-1:before { content: ""; } .flaticon-online-banking:before { content: ""; } .flaticon-arrows-8:before { content: ""; } .flaticon-location-pin:before { content: ""; } .flaticon-delete:before { content: ""; } .flaticon-responsive:before { content: ""; } .flaticon-check:before { content: ""; } .flaticon-right-1:before { content: ""; } .flaticon-line-2:before { content: ""; } .flaticon-home:before { content: ""; } .flaticon-smartphone-2:before { content: ""; } .flaticon-case:before { content: ""; } .flaticon-worldwide-1:before { content: ""; } .flaticon-left-arrow:before { content: ""; } .flaticon-arrows-7:before { content: ""; } .flaticon-clipboard-with-a-list:before { content: ""; } .flaticon-instant-camera:before { content: ""; } .flaticon-briefcase:before { content: ""; } .flaticon-graphic-designer:before { content: ""; } .flaticon-call:before { content: ""; } .flaticon-left:before { content: ""; } .flaticon-smartphone:before { content: ""; } .flaticon-left-arrow-1:before { content: ""; } .flaticon-technology-2:before { content: ""; } .flaticon-location:before { content: ""; } .flaticon-check-1:before { content: ""; } .flaticon-vector-1:before { content: ""; } .flaticon-quality:before { content: ""; } .flaticon-search-1:before { content: ""; } .flaticon-menu-2:before { content: ""; } .flaticon-idea:before { content: ""; } .flaticon-magnifying-glass-1:before { content: ""; } .flaticon-tick-1:before { content: ""; } .flaticon-chat:before { content: ""; } .flaticon-pin:before { content: ""; } .flaticon-link-2:before { content: ""; } .flaticon-expand:before { content: ""; } .flaticon-line:before { content: ""; } .flaticon-add-2:before { content: ""; } .flaticon-network:before { content: ""; } .flaticon-shopping-bag-1:before { content: ""; } .flaticon-success:before { content: ""; } .flaticon-down-chevron:before { content: ""; } .flaticon-magnifying-glass:before { content: ""; } .flaticon-speech-bubble-1:before { content: ""; } .flaticon-truck:before { content: ""; } .flaticon-comment-1:before { content: ""; } .flaticon-left-1:before { content: ""; } .flaticon-arrows-1:before { content: ""; } .flaticon-computer:before { content: ""; } .flaticon-link:before { content: ""; } .flaticon-enterprise:before { content: ""; } .flaticon-headphones:before { content: ""; } .flaticon-send:before { content: ""; } .flaticon-chat-1:before { content: ""; } .flaticon-technology:before { content: ""; } .flaticon-magnifying-glass-2:before { content: ""; } .flaticon-computer-graphic:before { content: ""; } .flaticon-down-arrow:before { content: ""; } .flaticon-play-1:before { content: ""; } .flaticon-placeholder:before { content: ""; } .flaticon-monitor:before { content: ""; } .flaticon-clock-3:before { content: ""; } .flaticon-arrows-9:before { content: ""; } .flaticon-pin-1:before { content: ""; } .flaticon-line-1:before { content: ""; } .flaticon-play-button-1:before { content: ""; } .flaticon-group:before { content: ""; } .flaticon-digital-marketing:before { content: ""; } .flaticon-speech-bubble-2:before { content: ""; } .flaticon-clock-2:before { content: ""; } .flaticon-menu-1:before { content: ""; } .flaticon-right-arrow-1:before { content: ""; } .flaticon-cross:before { content: ""; } .flaticon-shopping-bag-2:before { content: ""; } .flaticon-vector-3:before { content: ""; } .flaticon-menu-11:before { content: ""; } .flaticon-web-design:before { content: ""; } .flaticon-list-1:before { content: ""; } .flaticon-play-button-2:before { content: ""; } .flaticon-menu-4:before { content: ""; } .flaticon-clock-1:before { content: ""; } .flaticon-cogwheel:before { content: ""; } .flaticon-next:before { content: ""; } .flaticon-telephone:before { content: ""; } .flaticon-plus:before { content: ""; } .flaticon-link-1:before { content: ""; } .flaticon-list:before { content: ""; } .flaticon-delete-1:before { content: ""; } .flaticon-time:before { content: ""; } .flaticon-arrows-2:before { content: ""; } .flaticon-trophy:before { content: ""; } .flaticon-clipboard:before { content: ""; } .flaticon-settings-1:before { content: ""; } .flaticon-interface:before { content: ""; } .flaticon-creativity:before { content: ""; } .flaticon-3d:before { content: ""; } .flaticon-next-1:before { content: ""; } .flaticon-quick-response:before { content: ""; } .flaticon-envelope-1:before { content: ""; } .flaticon-bars:before { content: ""; } .flaticon-magic-wand:before { content: ""; } .flaticon-arrows-4:before { content: ""; } .flaticon-hand-shake:before { content: ""; } .flaticon-play-button:before { content: ""; } .flaticon-vector-4:before { content: ""; } .flaticon-vector-2:before { content: ""; } .flaticon-share:before { content: ""; } .flaticon-hosting:before { content: ""; } .flaticon-search-2:before { content: ""; } .flaticon-desktop:before { content: ""; } .flaticon-ux:before { content: ""; } .flaticon-link-3:before { content: ""; } .flaticon-zoom-out:before { content: ""; } .flaticon-quote:before { content: ""; } .flaticon-menu-3:before { content: ""; } .flaticon-comment:before { content: ""; } .flaticon-left-quote:before { content: ""; } .flaticon-stats:before { content: ""; } .flaticon-printer:before { content: ""; } .flaticon-menu-7:before { content: ""; } .flaticon-symbol:before { content: ""; } .flaticon-menu-10:before { content: ""; } .flaticon-arrow:before { content: ""; } .flaticon-anchor:before { content: ""; } .flaticon-app-development:before { content: ""; } .flaticon-fax-with-phone:before { content: ""; } .flaticon-comments:before { content: ""; } .flaticon-viral-marketing:before { content: ""; } .flaticon-sketch:before { content: ""; } .flaticon-shape:before { content: ""; } .flaticon-139-tick:before { content: ""; } .flaticon-email-4:before { content: ""; } .flaticon-delete-cross:before { content: ""; } .flaticon-minus:before { content: ""; } .flaticon-contact-book:before { content: ""; } .flaticon-shopping-bag:before { content: ""; } .flaticon-arrows-3:before { content: ""; } .flaticon-desktop-1:before { content: ""; } .flaticon-placeholder-2:before { content: ""; } .flaticon-agenda:before { content: ""; } .flaticon-add:before { content: ""; } .flaticon-left-arrow-2:before { content: ""; } .flaticon-menu:before { content: ""; } .flaticon-people:before { content: ""; } .flaticon-fast-2:before { content: ""; } .flaticon-arrows-5:before { content: ""; } .flaticon-cancel:before { content: ""; } .flaticon-right-2:before { content: ""; } .flaticon-logout:before { content: ""; } .flaticon-garbage:before { content: ""; } .flaticon-arrows-6:before { content: ""; } .flaticon-business:before { content: ""; } .flaticon-maps-and-flags:before { content: ""; } .flaticon-search:before { content: ""; } .flaticon-minus-1:before { content: ""; } .flaticon-credit-card:before { content: ""; } .flaticon-calendar:before { content: ""; } .flaticon-quality-1:before { content: ""; } .flaticon-confirmation:before { content: ""; } .flaticon-loupe:before { content: ""; } .flaticon-work-team:before { content: ""; } .flaticon-team:before { content: ""; } .flaticon-collaboration:before { content: ""; } .flaticon-remove-1:before { content: ""; } .flaticon-smartphone-1:before { content: ""; } .flaticon-checked:before { content: ""; } .flaticon-marketing-online:before { content: ""; } .flaticon-remove:before { content: ""; } .flaticon-placeholder-1:before { content: ""; } .flaticon-lock:before { content: ""; } .flaticon-diamond:before { content: ""; } .flaticon-star:before { content: ""; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-magnifying-glass:before { content: ""; } .icon-right-arrow:before { content: ""; } .icon-right-arrow1:before { content: ""; } .icon-up-arrow:before { content: ""; } .icon-down-arrow:before { content: ""; } .icon-cashback:before { content: ""; } .icon-insurance:before { content: ""; } .icon-house:before { content: ""; } .icon-family:before { content: ""; } .icon-drive:before { content: ""; } .icon-home:before { content: ""; } .icon-heart-beat:before { content: ""; } .icon-fire:before { content: ""; } .icon-briefcase:before { content: ""; } .icon-ring:before { content: ""; } .icon-plane:before { content: ""; } .icon-easy-to-use:before { content: ""; } .icon-policy:before { content: ""; } .icon-contract:before { content: ""; } .icon-fund:before { content: ""; } .icon-group:before { content: ""; } .icon-insurance-1:before { content: ""; } .icon-success:before { content: ""; } .icon-life-insurance:before { content: ""; } .icon-folder:before { content: ""; } .icon-telephone:before { content: ""; } .icon-email:before { content: ""; } .icon-telephone-call:before { content: ""; } .icon-pin:before { content: ""; } .icon-cash-flow:before { content: ""; } .icon-profits:before { content: ""; } .icon-insurance-2:before { content: ""; } .icon-select:before { content: ""; } .icon-meeting:before { content: ""; } .icon-agreement:before { content: ""; } .icon-insurance-agent:before { content: ""; } .icon-tick:before { content: ""; } .icon-money-back:before { content: ""; } .icon-employees:before { content: ""; } .icon-mission:before { content: ""; } .icon-computer:before { content: ""; } .icon-chat:before { content: ""; } .icon-file:before { content: ""; } .icon-plus:before { content: ""; } .icon-shield:before { content: ""; } [class^="insur-two-icon-"], [class*=" insur-two-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "insur-two-icon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .insur-two-icon-shopping-cart:before { content: ""; } [class^="insur-three-icon-"], [class*=" insur-three-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "insur-three-icon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .insur-three-icon-insurance:before { content: ""; } .insur-three-icon-cashback:before { content: ""; } .insur-three-icon-house:before { content: ""; } .insur-three-icon-car:before { content: ""; } .insur-three-icon-cardiogram:before { content: ""; } .insur-three-icon-home:before { content: ""; } .insur-three-icon-cross:before { content: ""; } .insur-three-icon-maternity:before { content: ""; } .insur-three-icon-pdf-file:before { content: ""; } .insur-three-icon-call:before { content: ""; } .insur-three-icon-documents:before { content: ""; } .insur-three-icon-id-card:before { content: ""; } .insur-three-icon-referral-code:before { content: ""; } [class^="insur-four-icon-"], [class*=" insur-four-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "insur-four-icon" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .insur-four-icon-arrow-righ-two:before { content: ""; } .insur-four-icon-arrow-left-two:before { content: ""; } .insur-four-icon-quote:before { content: ""; } .insur-four-icon-check:before { content: ""; } .insur-four-icon-jar:before { content: ""; } .insur-four-icon-checked:before { content: ""; } .insur-four-icon-rating:before { content: ""; } .insur-four-icon-2989907:before { content: ""; } .insur-four-icon-banking:before { content: ""; } .insur-four-icon-costumer:before { content: ""; } .insur-four-icon-globe:before { content: ""; } .insur-four-icon-governance:before { content: ""; } .insur-four-icon-icon:before { content: ""; } .insur-four-icon-insurance:before { content: ""; } .insur-four-icon-investment:before { content: ""; } .insur-four-icon-phone-call:before { content: ""; } .insur-four-icon-ping:before { content: ""; } .insur-four-icon-right-arrow:before { content: ""; } .insur-four-icon-left-arrow:before { content: ""; } .insur-four-icon-safety:before { content: ""; } .insur-four-icon-share:before { content: ""; } .insur-four-icon-trolley-cart:before { content: ""; } /*# sourceMappingURL=bootstrap.min.css.map */ @charset "UTF-8"; /*! * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0)); } *, ::after, ::before { box-sizing: border-box; } @media (prefers-reduced-motion:no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-font-sans-serif); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0; color: inherit; background-color: currentColor; border: 0; opacity: .25; } hr:not([size]) { height: 1px; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem; font-weight: 500; line-height: 1.2; } .h1, h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width:1200px) { .h1, h1 { font-size: 2.5rem; } } .h2, h2 { font-size: calc(1.325rem + .9vw); } @media (min-width:1200px) { .h2, h2 { font-size: 2rem; } } .h3, h3 { font-size: calc(1.3rem + .6vw); } @media (min-width:1200px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { font-size: calc(1.275rem + .3vw); } @media (min-width:1200px) { .h4, h4 { font-size: 1.5rem; } } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[data-bs-original-title], abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } .small, small { font-size: .875em; } .mark, mark { padding: .2em; background-color: #fcf8e3; } sub, sup { position: relative; font-size: .75em; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #0d6efd; text-decoration: underline; } a:hover { color: #0a58ca; } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; direction: ltr; unicode-bidi: bidi-override; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: .875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: .875em; color: #d63384; word-wrap: break-word; } a>code { color: inherit; } kbd { padding: .2rem .4rem; font-size: .875em; color: #fff; background-color: #212529; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 1em; font-weight: 700; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: .5rem; padding-bottom: .5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]::-webkit-calendar-picker-indicator { display: none; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: .5rem; font-size: calc(1.275rem + .3vw); line-height: inherit; } @media (min-width:1200px) { legend { font-size: 1.5rem; } } legend+* { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width:1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: .5rem; } .initialism { font-size: .875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote>:last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: .875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: .5rem; line-height: 1; } .figure-caption { font-size: .875em; color: #6c757d; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto; } @media (min-width:576px) { .container, .container-sm { max-width: 540px; } } @media (min-width:768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width:992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width:1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width:1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) / -2); margin-left: calc(var(--bs-gutter-x) / -2); } .row>* { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto>* { flex: 0 0 auto; width: auto; } .row-cols-1>* { flex: 0 0 auto; width: 100%; } .row-cols-2>* { flex: 0 0 auto; width: 50%; } .row-cols-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4>* { flex: 0 0 auto; width: 25%; } .row-cols-5>* { flex: 0 0 auto; width: 20%; } .row-cols-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: .25rem; } .g-1, .gy-1 { --bs-gutter-y: .25rem; } .g-2, .gx-2 { --bs-gutter-x: .5rem; } .g-2, .gy-2 { --bs-gutter-y: .5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width:576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto>* { flex: 0 0 auto; width: auto; } .row-cols-sm-1>* { flex: 0 0 auto; width: 100%; } .row-cols-sm-2>* { flex: 0 0 auto; width: 50%; } .row-cols-sm-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4>* { flex: 0 0 auto; width: 25%; } .row-cols-sm-5>* { flex: 0 0 auto; width: 20%; } .row-cols-sm-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: .25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: .25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: .5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: .5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width:768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto>* { flex: 0 0 auto; width: auto; } .row-cols-md-1>* { flex: 0 0 auto; width: 100%; } .row-cols-md-2>* { flex: 0 0 auto; width: 50%; } .row-cols-md-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 auto; width: 25%; } .row-cols-md-5>* { flex: 0 0 auto; width: 20%; } .row-cols-md-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-md-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-md-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-md-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-md-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: .25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: .25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: .5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: .5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width:992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto>* { flex: 0 0 auto; width: auto; } .row-cols-lg-1>* { flex: 0 0 auto; width: 100%; } .row-cols-lg-2>* { flex: 0 0 auto; width: 50%; } .row-cols-lg-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4>* { flex: 0 0 auto; width: 25%; } .row-cols-lg-5>* { flex: 0 0 auto; width: 20%; } .row-cols-lg-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: .25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: .25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: .5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: .5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width:1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: .25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: .25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: .5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: .5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width:1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto>* { flex: 0 0 auto; width: auto; } .row-cols-xxl-1>* { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2>* { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3>* { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4>* { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5>* { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6>* { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.3333333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.3333333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.6666666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.3333333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.6666666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.3333333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.6666666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.3333333333%; } .offset-xxl-2 { margin-left: 16.6666666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.3333333333%; } .offset-xxl-5 { margin-left: 41.6666666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.3333333333%; } .offset-xxl-8 { margin-left: 66.6666666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.3333333333%; } .offset-xxl-11 { margin-left: 91.6666666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: .25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: .25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: .5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: .5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, .05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, .1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, .075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; } .table>:not(caption)>*>* { padding: .5rem .5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table>tbody { vertical-align: inherit; } .table>thead { vertical-align: bottom; } .table>:not(:last-child)>:last-child>* { border-bottom-color: currentColor; } .caption-top { caption-side: top; } .table-sm>:not(caption)>*>* { padding: .25rem .25rem; } .table-bordered>:not(caption)>* { border-width: 1px 0; } .table-bordered>:not(caption)>*>* { border-width: 0 1px; } .table-borderless>:not(caption)>*>* { border-bottom-width: 0; } .table-striped>tbody>tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover>tbody>tr:hover { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-bg: #cfe2ff; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: #000; border-color: #bacbe6; } .table-secondary { --bs-table-bg: #e2e3e5; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: #000; border-color: #cbccce; } .table-success { --bs-table-bg: #d1e7dd; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: #000; border-color: #bcd0c7; } .table-info { --bs-table-bg: #cff4fc; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: #000; border-color: #badce3; } .table-warning { --bs-table-bg: #fff3cd; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: #000; border-color: #e6dbb9; } .table-danger { --bs-table-bg: #f8d7da; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: #000; border-color: #dfc2c4; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width:575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width:1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: .5rem; } .col-form-label { padding-top: calc(.375rem + 1px); padding-bottom: calc(.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(.5rem + 1px); padding-bottom: calc(.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(.25rem + 1px); padding-bottom: calc(.25rem + 1px); font-size: .875rem; } .form-text { margin-top: .25rem; font-size: .875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control::-webkit-file-upload-button { padding: .375rem .75rem; margin: -.375rem -.75rem; -webkit-margin-end: .75rem; margin-inline-end: .75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; } .form-control-sm::file-selector-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem; } .form-control-sm::-webkit-file-upload-button { padding: .25rem .5rem; margin: -.25rem -.5rem; -webkit-margin-end: .5rem; margin-inline-end: .5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; } .form-control-lg::file-selector-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::-webkit-file-upload-button { padding: .5rem 1rem; margin: -.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + .75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + .5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { max-width: 3rem; height: auto; padding: .375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { height: 1.5em; border-radius: .25rem; } .form-control-color::-webkit-color-swatch { height: 1.5em; border-radius: .25rem; } .form-select { display: block; width: 100%; padding: .375rem 2.25rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3e%3cpath fill=\'none\' stroke=\'%23343a40\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M2 5l6 6 6-6\'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-select.nitro-lazy { background-image: none !important; } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: .75rem; background-image: none; } .form-select[multiple].nitro-lazy, .form-select[size]:not([size="1"]).nitro-lazy { background-image: none !important; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: .875rem; } .form-select-lg { padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: .125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-input { width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, .25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: .25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 20 20\'%3e%3cpath fill=\'none\' stroke=\'%23fff\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'3\' d=\'M6 10l3 3l6-6\'/%3e%3c/svg%3e"); } .form-check-input:checked[type=checkbox].nitro-lazy { background-image: none !important; } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'2\' fill=\'%23fff\'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio].nitro-lazy { background-image: none !important; } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 20 20\'%3e%3cpath fill=\'none\' stroke=\'%23fff\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'3\' d=\'M6 10h8\'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate.nitro-lazy { background-image: none !important; } .form-check-input:disabled { pointer-events: none; filter: none; opacity: .5; } .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity: .5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'rgba%280, 0, 0, 0.25%29\'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position .15s ease-in-out; } .form-switch .form-check-input.nitro-lazy { background-image: none !important; } @media (prefers-reduced-motion:reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%2386b7fe\'/%3e%3c/svg%3e"); } .form-switch .form-check-input:focus.nitro-lazy { background-image: none !important; } .form-switch .form-check-input:checked { background-position: right center; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3e%3ccircle r=\'3\' fill=\'%23fff\'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked.nitro-lazy { background-image: none !important; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check:disabled+.btn, .btn-check[disabled]+.btn { pointer-events: none; filter: none; opacity: .65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion:reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion:reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: .5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating>.form-control, .form-floating>.form-select { height: calc(3.5rem + 2px); padding: 1rem .75rem; } .form-floating>label { position: absolute; top: 0; left: 0; height: 100%; padding: 1rem .75rem; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity .1s ease-in-out, transform .1s ease-in-out; } @media (prefers-reduced-motion:reduce) { .form-floating>label { transition: none; } } .form-floating>.form-control::-moz-placeholder { color: transparent; } .form-floating>.form-control::placeholder { color: transparent; } .form-floating>.form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-select { padding-top: 1.625rem; padding-bottom: .625rem; } .form-floating>.form-control:not(:-moz-placeholder-shown)~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .form-floating>.form-control:-webkit-autofill~label { opacity: .65; transform: scale(.85) translateY(-.5rem) translateX(.15rem); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control, .input-group>.form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group>.form-control:focus, .input-group>.form-select:focus { z-index: 3; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 3; } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; } .input-group-lg>.btn, .input-group-lg>.form-control, .input-group-lg>.form-select, .input-group-lg>.input-group-text { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; } .input-group-sm>.btn, .input-group-sm>.form-control, .input-group-sm>.form-select, .input-group-sm>.input-group-text { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; } .input-group-lg>.form-select, .input-group-sm>.form-select { padding-right: 3rem; } .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #198754; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(25, 135, 84, .9); border-radius: .25rem; } .is-valid~.valid-feedback, .is-valid~.valid-tooltip, .was-validated :valid~.valid-feedback, .was-validated :valid~.valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: #198754; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23198754\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .form-control.is-valid.nitro-lazy, .was-validated .form-control:valid.nitro-lazy { background-image: none !important; } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); } .form-select.is-valid, .was-validated .form-select:valid { border-color: #198754; padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3e%3cpath fill=\'none\' stroke=\'%23343a40\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M2 5l6 6 6-6\'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23198754\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); } .form-select.is-valid.nitro-lazy, .was-validated .form-select:valid.nitro-lazy { background-image: none !important; } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: #198754; box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: #198754; } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: #198754; } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25); } .form-check-input.is-valid~.form-check-label, .was-validated .form-check-input:valid~.form-check-label { color: #198754; } .form-check-inline .form-check-input~.valid-feedback { margin-left: .5em; } .input-group .form-control.is-valid, .input-group .form-select.is-valid, .was-validated .input-group .form-control:valid, .was-validated .input-group .form-select:valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: .875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: .875rem; color: #fff; background-color: rgba(220, 53, 69, .9); border-radius: .25rem; } .is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated :invalid~.invalid-feedback, .was-validated :invalid~.invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: #dc3545; padding-right: calc(1.5em + .75rem); background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 12 12\' width=\'12\' height=\'12\' fill=\'none\' stroke=\'%23dc3545\'%3e%3ccircle cx=\'6\' cy=\'6\' r=\'4.5\'/%3e%3cpath stroke-linejoin=\'round\' d=\'M5.8 3.6h.4L6 6.5z\'/%3e%3ccircle cx=\'6\' cy=\'8.2\' r=\'.6\' fill=\'%23dc3545\' stroke=\'none\'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(.375em + .1875rem) center; background-size: calc(.75em + .375rem) calc(.75em + .375rem); } .form-control.is-invalid.nitro-lazy, .was-validated .form-control:invalid.nitro-lazy { background-image: none !important; } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + .75rem); background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem); } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: #dc3545; padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\'%3e%3cpath fill=\'none\' stroke=\'%23343a40\' stroke-linecap=\'round\' stroke-linejoin=\'round\' stroke-width=\'2\' d=\'M2 5l6 6 6-6\'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 12 12\' width=\'12\' height=\'12\' fill=\'none\' stroke=\'%23dc3545\'%3e%3ccircle cx=\'6\' cy=\'6\' r=\'4.5\'/%3e%3cpath stroke-linejoin=\'round\' d=\'M5.8 3.6h.4L6 6.5z\'/%3e%3ccircle cx=\'6\' cy=\'8.2\' r=\'.6\' fill=\'%23dc3545\' stroke=\'none\'/%3e%3c/svg%3e"); background-position: right .75rem center, center right 2.25rem; background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem); } .form-select.is-invalid.nitro-lazy, .was-validated .form-select:invalid.nitro-lazy { background-image: none !important; } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: #dc3545; } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: #dc3545; } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25); } .form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label { color: #dc3545; } .form-check-inline .form-check-input~.invalid-feedback { margin-left: .5em; } .input-group .form-control.is-invalid, .input-group .form-select.is-invalid, .was-validated .input-group .form-control:invalid, .was-validated .input-group .form-select:invalid { z-index: 3; } .btn { display: inline-block; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .btn { transition: none; } } .btn:hover { color: #212529; } .btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { pointer-events: none; opacity: .65; } .btn-primary { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-primary:hover { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; } .btn-check:focus+.btn-primary, .btn-primary:focus { color: #fff; background-color: #0b5ed7; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); } .btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #0a58ca; border-color: #0a53be; } .btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5c636a; border-color: #565e64; } .btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #fff; background-color: #5c636a; border-color: #565e64; box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); } .btn-check:active+.btn-secondary, .btn-check:checked+.btn-secondary, .btn-secondary.active, .btn-secondary:active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #565e64; border-color: #51585e; } .btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-success { color: #fff; background-color: #198754; border-color: #198754; } .btn-success:hover { color: #fff; background-color: #157347; border-color: #146c43; } .btn-check:focus+.btn-success, .btn-success:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); } .btn-check:active+.btn-success, .btn-check:checked+.btn-success, .btn-success.active, .btn-success:active, .show>.btn-success.dropdown-toggle { color: #fff; background-color: #146c43; border-color: #13653f; } .btn-check:active+.btn-success:focus, .btn-check:checked+.btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show>.btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #198754; border-color: #198754; } .btn-info { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-info:hover { color: #000; background-color: #31d2f2; border-color: #25cff2; } .btn-check:focus+.btn-info, .btn-info:focus { color: #000; background-color: #31d2f2; border-color: #25cff2; box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); } .btn-check:active+.btn-info, .btn-check:checked+.btn-info, .btn-info.active, .btn-info:active, .show>.btn-info.dropdown-toggle { color: #000; background-color: #3dd5f3; border-color: #25cff2; } .btn-check:active+.btn-info:focus, .btn-check:checked+.btn-info:focus, .btn-info.active:focus, .btn-info:active:focus, .show>.btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5); } .btn-info.disabled, .btn-info:disabled { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-warning { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #000; background-color: #ffca2c; border-color: #ffc720; } .btn-check:focus+.btn-warning, .btn-warning:focus { color: #000; background-color: #ffca2c; border-color: #ffc720; box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); } .btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle { color: #000; background-color: #ffcd39; border-color: #ffc720; } .btn-check:active+.btn-warning:focus, .btn-check:checked+.btn-warning:focus, .btn-warning.active:focus, .btn-warning:active:focus, .show>.btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5); } .btn-warning.disabled, .btn-warning:disabled { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #bb2d3b; border-color: #b02a37; } .btn-check:focus+.btn-danger, .btn-danger:focus { color: #fff; background-color: #bb2d3b; border-color: #b02a37; box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); } .btn-check:active+.btn-danger, .btn-check:checked+.btn-danger, .btn-danger.active, .btn-danger:active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #b02a37; border-color: #a52834; } .btn-check:active+.btn-danger:focus, .btn-check:checked+.btn-danger:focus, .btn-danger.active:focus, .btn-danger:active:focus, .show>.btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-light { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:focus+.btn-light, .btn-light:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); } .btn-check:active+.btn-light, .btn-check:checked+.btn-light, .btn-light.active, .btn-light:active, .show>.btn-light.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; } .btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5); } .btn-light.disabled, .btn-light:disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-dark { color: #fff; background-color: #212529; border-color: #212529; } .btn-dark:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; } .btn-check:focus+.btn-dark, .btn-dark:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); } .btn-check:active+.btn-dark, .btn-check:checked+.btn-dark, .btn-dark.active, .btn-dark:active, .show>.btn-dark.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; } .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-primary { color: #0d6efd; border-color: #0d6efd; } .btn-outline-primary:hover { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); } .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active { color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus { box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #0d6efd; background-color: transparent; } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:focus+.btn-outline-secondary, .btn-outline-secondary:focus { box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); } .btn-check:active+.btn-outline-secondary, .btn-check:checked+.btn-outline-secondary, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show, .btn-outline-secondary:active { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-check:active+.btn-outline-secondary:focus, .btn-check:checked+.btn-outline-secondary:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus, .btn-outline-secondary:active:focus { box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-success { color: #198754; border-color: #198754; } .btn-outline-success:hover { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:focus+.btn-outline-success, .btn-outline-success:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); } .btn-check:active+.btn-outline-success, .btn-check:checked+.btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active { color: #fff; background-color: #198754; border-color: #198754; } .btn-check:active+.btn-outline-success:focus, .btn-check:checked+.btn-outline-success:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus, .btn-outline-success:active:focus { box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #198754; background-color: transparent; } .btn-outline-info { color: #0dcaf0; border-color: #0dcaf0; } .btn-outline-info:hover { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); } .btn-check:active+.btn-outline-info, .btn-check:checked+.btn-outline-info, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show, .btn-outline-info:active { color: #000; background-color: #0dcaf0; border-color: #0dcaf0; } .btn-check:active+.btn-outline-info:focus, .btn-check:checked+.btn-outline-info:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus, .btn-outline-info:active:focus { box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0dcaf0; background-color: transparent; } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:focus+.btn-outline-warning, .btn-outline-warning:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); } .btn-check:active+.btn-outline-warning, .btn-check:checked+.btn-outline-warning, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show, .btn-outline-warning:active { color: #000; background-color: #ffc107; border-color: #ffc107; } .btn-check:active+.btn-outline-warning:focus, .btn-check:checked+.btn-outline-warning:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus, .btn-outline-warning:active:focus { box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:focus+.btn-outline-danger, .btn-outline-danger:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); } .btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-check:active+.btn-outline-danger:focus, .btn-check:checked+.btn-outline-danger:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus, .btn-outline-danger:active:focus { box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); } .btn-check:active+.btn-outline-light, .btn-check:checked+.btn-outline-light, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show, .btn-outline-light:active { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-check:active+.btn-outline-light:focus, .btn-check:checked+.btn-outline-light:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus, .btn-outline-light:active:focus { box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #f8f9fa; background-color: transparent; } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:focus+.btn-outline-dark, .btn-outline-dark:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); } .btn-check:active+.btn-outline-dark, .btn-check:checked+.btn-outline-dark, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show, .btn-outline-dark:active { color: #fff; background-color: #212529; border-color: #212529; } .btn-check:active+.btn-outline-dark:focus, .btn-check:checked+.btn-outline-dark:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus, .btn-outline-dark:active:focus { box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent; } .btn-link { font-weight: 400; color: #0d6efd; text-decoration: underline; } .btn-link:hover { color: #0a58ca; } .btn-link.disabled, .btn-link:disabled { color: #6c757d; } .btn-group-lg>.btn, .btn-lg { padding: .5rem 1rem; font-size: 1.25rem; border-radius: .3rem; } .btn-group-sm>.btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; border-radius: .2rem; } .fade { transition: opacity .15s linear; } @media (prefers-reduced-motion:reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height .35s ease; } @media (prefers-reduced-motion:reduce) { .collapsing { transition: none; } } .dropdown, .dropend, .dropstart, .dropup { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; z-index: 1000; display: none; min-width: 10rem; padding: .5rem 0; margin: 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: .25rem; } .dropdown-menu[data-bs-popper] { left: 0; margin-top: .125rem; } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width:576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width:1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid transparent; border-bottom: .3em solid; border-left: .3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu { top: 0; right: auto; left: 100%; } .dropend .dropdown-menu[data-bs-popper] { margin-top: 0; margin-left: .125rem; } .dropend .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: 0; border-bottom: .3em solid transparent; border-left: .3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu { top: 0; right: 100%; left: auto; } .dropstart .dropdown-menu[data-bs-popper] { margin-top: 0; margin-right: .125rem; } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid transparent; border-right: .3em solid; border-bottom: .3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: .5rem 0; overflow: hidden; border-top: 1px solid rgba(0, 0, 0, .15); } .dropdown-item { display: block; width: 100%; padding: .25rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: #1e2125; background-color: #e9ecef; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #0d6efd; } .dropdown-item.disabled, .dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: .5rem 1rem; margin-bottom: 0; font-size: .875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: .25rem 1rem; color: #212529; } .dropdown-menu-dark { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, .15); } .dropdown-menu-dark .dropdown-item { color: #dee2e6; } .dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover { color: #fff; background-color: rgba(255, 255, 255, .15); } .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { color: #fff; background-color: #0d6efd; } .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { color: #adb5bd; } .dropdown-menu-dark .dropdown-divider { border-color: rgba(0, 0, 0, .15); } .dropdown-menu-dark .dropdown-item-text { color: #dee2e6; } .dropdown-menu-dark .dropdown-header { color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical>.btn, .btn-group>.btn { position: relative; flex: 1 1 auto; } .btn-group-vertical>.btn-check:checked+.btn, .btn-group-vertical>.btn-check:focus+.btn, .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn-check:checked+.btn, .btn-group>.btn-check:focus+.btn, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group>.btn-group:not(:first-child), .btn-group>.btn:not(:first-child) { margin-left: -1px; } .btn-group>.btn-group:not(:last-child)>.btn, .btn-group>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: .5625rem; padding-left: .5625rem; } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-group-sm>.btn+.dropdown-toggle-split, .btn-sm+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem; } .btn-group-lg>.btn+.dropdown-toggle-split, .btn-lg+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn, .btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn-group:not(:first-child), .btn-group-vertical>.btn:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn-group:not(:last-child)>.btn, .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn-group:not(:first-child)>.btn, .btn-group-vertical>.btn~.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: .5rem 1rem; text-decoration: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .nav-link { transition: none; } } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { margin-bottom: -1px; background: 0 0; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: #e9ecef #e9ecef #dee2e6; isolation: isolate; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { background: 0 0; border: 0; border-radius: .25rem; } .nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #fff; background-color: #0d6efd; } .nav-fill .nav-item, .nav-fill>.nav-link { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item, .nav-justified>.nav-link { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: .5rem; padding-bottom: .5rem; } .navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; text-decoration: none; white-space: nowrap; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: .5rem; padding-bottom: .5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 .25rem; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width:576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (min-width:768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (min-width:992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (min-width:1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } @media (min-width:1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, .9); } .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover { color: rgba(0, 0, 0, .9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, .55); } .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: rgba(0, 0, 0, .7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, .3); } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link { color: rgba(0, 0, 0, .9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, .55); border-color: rgba(0, 0, 0, .1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba%280, 0, 0, 0.55%29\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e"); } .navbar-light .navbar-toggler-icon.nitro-lazy { background-image: none !important; } .navbar-light .navbar-text { color: rgba(0, 0, 0, .55); } .navbar-light .navbar-text a, .navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover { color: rgba(0, 0, 0, .9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, .55); } .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover { color: rgba(255, 255, 255, .75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, .25); } .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, .55); border-color: rgba(255, 255, 255, .1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 30 30\'%3e%3cpath stroke=\'rgba%28255, 255, 255, 0.55%29\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' stroke-width=\'2\' d=\'M4 7h22M4 15h22M4 23h22\'/%3e%3c/svg%3e"); } .navbar-dark .navbar-toggler-icon.nitro-lazy { background-image: none !important; } .navbar-dark .navbar-text { color: rgba(255, 255, 255, .55); } .navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: .25rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .card>.card-header+.list-group, .card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: 1rem 1rem; } .card-title { margin-bottom: .5rem; } .card-subtitle { margin-top: -.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1rem; } .card-header { padding: .5rem 1rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); border-bottom: 1px solid rgba(0, 0, 0, .125); } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } .card-footer { padding: .5rem 1rem; background-color: rgba(0, 0, 0, .03); border-top: 1px solid rgba(0, 0, 0, .125); } .card-footer:last-child { border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px); } .card-header-tabs { margin-right: -.5rem; margin-bottom: -.5rem; margin-left: -.5rem; border-bottom: 0; } .card-header-pills { margin-right: -.5rem; margin-left: -.5rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1rem; border-radius: calc(.25rem - 1px); } .card-img, .card-img-bottom, .card-img-top { width: 100%; } .card-img, .card-img-top { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .card-img, .card-img-bottom { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .card-group>.card { margin-bottom: .75rem; } @media (min-width:576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group>.card { flex: 1 0 0%; margin-bottom: 0; } .card-group>.card+.card { margin-left: 0; border-left: 0; } .card-group>.card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group>.card:not(:last-child) .card-header, .card-group>.card:not(:last-child) .card-img-top { border-top-right-radius: 0; } .card-group>.card:not(:last-child) .card-footer, .card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0; } .card-group>.card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group>.card:not(:first-child) .card-header, .card-group>.card:not(:first-child) .card-img-top { border-top-left-radius: 0; } .card-group>.card:not(:first-child) .card-footer, .card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0; } } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; background-color: #fff; border: 0; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease; } @media (prefers-reduced-motion:reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: #0c63e4; background-color: #e7f1ff; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125); } .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%230c63e4\'%3e%3cpath fill-rule=\'evenodd\' d=\'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e"); transform: rotate(180deg); } .accordion-button::after { flex-shrink: 0; width: 1.25rem; height: 1.25rem; margin-left: auto; content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23212529\'%3e%3cpath fill-rule=\'evenodd\' d=\'M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1.25rem; transition: transform .2s ease-in-out; } @media (prefers-reduced-motion:reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .accordion-header { margin-bottom: 0; } .accordion-item { margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); } .accordion-item:first-of-type { border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .accordion-item:first-of-type .accordion-button { border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .accordion-item:last-of-type { margin-bottom: 0; border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: calc(.25rem - 1px); border-bottom-left-radius: calc(.25rem - 1px); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: .25rem; border-bottom-left-radius: .25rem; } .accordion-body { padding: 1rem 1.25rem; } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button { border-radius: 0; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0 0; margin-bottom: 1rem; list-style: none; } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .5rem; color: #6c757d; content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; color: #0d6efd; text-decoration: none; background-color: #fff; border: 1px solid #dee2e6; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } @media (prefers-reduced-motion:reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: #0a58ca; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; color: #0a58ca; background-color: #e9ecef; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; background-color: #fff; border-color: #dee2e6; } .page-link { padding: .375rem .75rem; } .page-item:first-child .page-link { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; } .badge { display: inline-block; padding: .35em .65em; font-size: .75em; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { color: #084298; background-color: #cfe2ff; border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { color: #41464b; background-color: #e2e3e5; border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { color: #0f5132; background-color: #d1e7dd; border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { color: #055160; background-color: #cff4fc; border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { color: #664d03; background-color: #fff3cd; border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { color: #842029; background-color: #f8d7da; border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { color: #636464; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { color: #141619; background-color: #d3d3d4; border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @-webkit-keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: .75rem; background-color: #e9ecef; border-radius: .25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0d6efd; transition: width .6s ease; } @media (prefers-reduced-motion:reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: 1s linear infinite progress-bar-stripes; animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion:reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered>li::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: .5rem 1rem; color: #212529; text-decoration: none; background-color: #fff; border: 1px solid rgba(0, 0, 0, .125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #0d6efd; border-color: #0d6efd; } .list-group-item+.list-group-item { border-top-width: 0; } .list-group-item+.list-group-item.active { margin-top: -1px; border-top-width: 1px; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0; } .list-group-horizontal>.list-group-item.active { margin-top: 0; } .list-group-horizontal>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } @media (min-width:576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0; } .list-group-horizontal-sm>.list-group-item.active { margin-top: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-sm>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width:768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0; } .list-group-horizontal-md>.list-group-item.active { margin-top: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-md>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width:992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0; } .list-group-horizontal-lg>.list-group-item.active { margin-top: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-lg>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width:1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } @media (min-width:1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl>.list-group-item:first-child { border-bottom-left-radius: .25rem; border-top-right-radius: 0; } .list-group-horizontal-xxl>.list-group-item:last-child { border-top-right-radius: .25rem; border-bottom-left-radius: 0; } .list-group-horizontal-xxl>.list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xxl>.list-group-item+.list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush { border-radius: 0; } .list-group-flush>.list-group-item { border-width: 0 0 1px; } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23000\'%3e%3cpath d=\'M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z\'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; } .btn-close:hover { color: #000; text-decoration: none; opacity: .75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); opacity: 1; } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: .25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { width: 350px; max-width: 100%; font-size: .875rem; pointer-events: auto; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .1); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15); border-radius: .25rem; } .toast:not(.showing):not(.show) { opacity: 0; } .toast.hide { display: none; } .toast-container { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container>:not(:last-child) { margin-bottom: .75rem; } .toast-header { display: flex; align-items: center; padding: .5rem .75rem; color: #6c757d; background-color: rgba(255, 255, 255, .85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, .05); border-top-left-radius: calc(.25rem - 1px); border-top-right-radius: calc(.25rem - 1px); } .toast-header .btn-close { margin-right: -.375rem; margin-left: .75rem; } .toast-body { padding: .75rem; word-wrap: break-word; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform .3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1050; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: .5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; flex-shrink: 0; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(.3rem - 1px); border-bottom-left-radius: calc(.3rem - 1px); } .modal-footer>* { margin: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { height: calc(100% - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width:992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width:1200px) { .modal-xl { max-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } .modal-fullscreen .modal-footer { border-radius: 0; } @media (max-width:575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } } @media (max-width:767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } .modal-fullscreen-md-down .modal-footer { border-radius: 0; } } @media (max-width:991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } } @media (max-width:1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } } @media (max-width:1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } } .tooltip { position: absolute; z-index: 1080; display: block; margin: 0; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: .9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[data-popper-placement^=top], .bs-tooltip-top { padding: .4rem 0; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: 0; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: .4rem .4rem 0; border-top-color: #000; } .bs-tooltip-auto[data-popper-placement^=right], .bs-tooltip-end { padding: 0 .4rem; } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: 0; width: .4rem; height: .8rem; } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: .4rem .4rem .4rem 0; border-right-color: #000; } .bs-tooltip-auto[data-popper-placement^=bottom], .bs-tooltip-bottom { padding: .4rem 0; } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: 0; } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 .4rem .4rem; border-bottom-color: #000; } .bs-tooltip-auto[data-popper-placement^=left], .bs-tooltip-start { padding: 0 .4rem; } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: 0; width: .4rem; height: .8rem; } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: .4rem 0 .4rem .4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1070; display: block; max-width: 276px; font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: .5rem; } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow, .bs-popover-top>.popover-arrow { bottom: calc(-.5rem - 1px); } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before, .bs-popover-top>.popover-arrow::before { bottom: 0; border-width: .5rem .5rem 0; border-top-color: rgba(0, 0, 0, .25); } .bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after, .bs-popover-top>.popover-arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff; } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow, .bs-popover-end>.popover-arrow { left: calc(-.5rem - 1px); width: .5rem; height: 1rem; } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before, .bs-popover-end>.popover-arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0, 0, 0, .25); } .bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after, .bs-popover-end>.popover-arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff; } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow, .bs-popover-bottom>.popover-arrow { top: calc(-.5rem - 1px); } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before, .bs-popover-bottom>.popover-arrow::before { top: 0; border-width: 0 .5rem .5rem .5rem; border-bottom-color: rgba(0, 0, 0, .25); } .bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after, .bs-popover-bottom>.popover-arrow::after { top: 1px; border-width: 0 .5rem .5rem .5rem; border-bottom-color: #fff; } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -.5rem; content: ""; border-bottom: 1px solid #f0f0f0; } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow, .bs-popover-start>.popover-arrow { right: calc(-.5rem - 1px); width: .5rem; height: 1rem; } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before, .bs-popover-start>.popover-arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0, 0, 0, .25); } .bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after, .bs-popover-start>.popover-arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff; } .popover-header { padding: .5rem 1rem; margin-bottom: 0; font-size: 1rem; background-color: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out; } @media (prefers-reduced-motion:reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s .6s; } @media (prefers-reduced-motion:reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: .5; transition: opacity .15s ease; } @media (prefers-reduced-motion:reduce) { .carousel-control-next, .carousel-control-prev { transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: .9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23fff\'%3e%3cpath d=\'M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z\'/%3e%3c/svg%3e"); } .carousel-control-prev-icon.nitro-lazy { background-image: none !important; } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 16 16\' fill=\'%23fff\'%3e%3cpath d=\'M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z\'/%3e%3c/svg%3e"); } .carousel-control-next-icon.nitro-lazy { background-image: none !important; } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity .6s ease; } @media (prefers-reduced-motion:reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: .25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: .75s linear infinite spinner-border; animation: .75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: .75s linear infinite spinner-grow; animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion:reduce) { .spinner-border, .spinner-grow { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } } .offcanvas { position: fixed; bottom: 0; z-index: 1040; display: flex; flex-direction: column; max-width: 100%; visibility: hidden; background-color: #fff; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out; } @media (prefers-reduced-motion:reduce) { .offcanvas { transition: none; } } .offcanvas-header { display: flex; justify-content: space-between; padding: 1rem 1rem; } .offcanvas-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: 1rem 1rem; overflow-y: auto; } .offcanvas-start { top: 0; left: 0; width: 400px; border-right: 1px solid rgba(0, 0, 0, .2); transform: translateX(-100%); } .offcanvas-end { top: 0; right: 0; width: 400px; border-left: 1px solid rgba(0, 0, 0, .2); transform: translateX(100%); } .offcanvas-bottom { right: 0; left: 0; height: 30vh; max-height: 100%; border-top: 1px solid rgba(0, 0, 0, .2); transform: translateY(100%); } .offcanvas.show { transform: none; } .offcanvas-backdrop::before { position: fixed; top: 0; left: 0; z-index: 1039; width: 100vw; height: 100vh; content: ""; background-color: rgba(0, 0, 0, .5); } .clearfix::after { display: block; clear: both; content: ""; } .link-primary { color: #0d6efd; } .link-primary:focus, .link-primary:hover { color: #0a58ca; } .link-secondary { color: #6c757d; } .link-secondary:focus, .link-secondary:hover { color: #565e64; } .link-success { color: #198754; } .link-success:focus, .link-success:hover { color: #146c43; } .link-info { color: #0dcaf0; } .link-info:focus, .link-info:hover { color: #3dd5f3; } .link-warning { color: #ffc107; } .link-warning:focus, .link-warning:hover { color: #ffcd39; } .link-danger { color: #dc3545; } .link-danger:focus, .link-danger:hover { color: #b02a37; } .link-light { color: #f8f9fa; } .link-light:focus, .link-light:hover { color: #f9fafb; } .link-dark { color: #212529; } .link-dark:focus, .link-dark:hover { color: #1a1e21; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio>* { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: calc(3 / 4 * 100%); } .ratio-16x9 { --bs-aspect-ratio: calc(9 / 16 * 100%); } .ratio-21x9 { --bs-aspect-ratio: calc(9 / 21 * 100%); } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } @media (min-width:576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width:768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width:992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width:1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } @media (min-width:1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important; } .shadow-sm { box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: 1px solid #dee2e6 !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: 1px solid #dee2e6 !important; } .border-start-0 { border-left: 0 !important; } .border-primary { border-color: #0d6efd !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #198754 !important; } .border-info { border-color: #0dcaf0 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #212529 !important; } .border-white { border-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: .25rem !important; } .gap-2 { gap: .5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: .25rem !important; } .m-2 { margin: .5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: .25rem !important; margin-left: .25rem !important; } .mx-2 { margin-right: .5rem !important; margin-left: .5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: .25rem !important; } .mt-2 { margin-top: .5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: .25rem !important; } .me-2 { margin-right: .5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: .25rem !important; } .mb-2 { margin-bottom: .5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: .25rem !important; } .ms-2 { margin-left: .5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: .25rem !important; } .p-2 { padding: .5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: .25rem !important; padding-left: .25rem !important; } .px-2 { padding-right: .5rem !important; padding-left: .5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: .25rem !important; } .pt-2 { padding-top: .5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: .25rem !important; } .pe-2 { padding-right: .5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: .25rem !important; } .pb-2 { padding-bottom: .5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: .25rem !important; } .ps-2 { padding-left: .5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + .9vw) !important; } .fs-3 { font-size: calc(1.3rem + .6vw) !important; } .fs-4 { font-size: calc(1.275rem + .3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .text-primary { color: #0d6efd !important; } .text-secondary { color: #6c757d !important; } .text-success { color: #198754 !important; } .text-info { color: #0dcaf0 !important; } .text-warning { color: #ffc107 !important; } .text-danger { color: #dc3545 !important; } .text-light { color: #f8f9fa !important; } .text-dark { color: #212529 !important; } .text-white { color: #fff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, .5) !important; } .text-white-50 { color: rgba(255, 255, 255, .5) !important; } .text-reset { color: inherit !important; } .bg-primary { background-color: #0d6efd !important; } .bg-secondary { background-color: #6c757d !important; } .bg-success { background-color: #198754 !important; } .bg-info { background-color: #0dcaf0 !important; } .bg-warning { background-color: #ffc107 !important; } .bg-danger { background-color: #dc3545 !important; } .bg-light { background-color: #f8f9fa !important; } .bg-dark { background-color: #212529 !important; } .bg-body { background-color: #fff !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: .25rem !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: .2rem !important; } .rounded-2 { border-radius: .25rem !important; } .rounded-3 { border-radius: .3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important; } .rounded-end { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important; } .rounded-start { border-bottom-left-radius: .25rem !important; border-top-left-radius: .25rem !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width:576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: .25rem !important; } .gap-sm-2 { gap: .5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: .25rem !important; } .m-sm-2 { margin: .5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: .25rem !important; margin-left: .25rem !important; } .mx-sm-2 { margin-right: .5rem !important; margin-left: .5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-sm-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: .25rem !important; } .mt-sm-2 { margin-top: .5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: .25rem !important; } .me-sm-2 { margin-right: .5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: .25rem !important; } .mb-sm-2 { margin-bottom: .5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: .25rem !important; } .ms-sm-2 { margin-left: .5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: .25rem !important; } .p-sm-2 { padding: .5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: .25rem !important; padding-left: .25rem !important; } .px-sm-2 { padding-right: .5rem !important; padding-left: .5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-sm-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: .25rem !important; } .pt-sm-2 { padding-top: .5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: .25rem !important; } .pe-sm-2 { padding-right: .5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: .25rem !important; } .pb-sm-2 { padding-bottom: .5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: .25rem !important; } .ps-sm-2 { padding-left: .5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width:768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: .25rem !important; } .gap-md-2 { gap: .5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: .25rem !important; } .m-md-2 { margin: .5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: .25rem !important; margin-left: .25rem !important; } .mx-md-2 { margin-right: .5rem !important; margin-left: .5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-md-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: .25rem !important; } .mt-md-2 { margin-top: .5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: .25rem !important; } .me-md-2 { margin-right: .5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: .25rem !important; } .mb-md-2 { margin-bottom: .5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: .25rem !important; } .ms-md-2 { margin-left: .5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: .25rem !important; } .p-md-2 { padding: .5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: .25rem !important; padding-left: .25rem !important; } .px-md-2 { padding-right: .5rem !important; padding-left: .5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-md-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: .25rem !important; } .pt-md-2 { padding-top: .5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: .25rem !important; } .pe-md-2 { padding-right: .5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: .25rem !important; } .pb-md-2 { padding-bottom: .5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: .25rem !important; } .ps-md-2 { padding-left: .5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width:992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: .25rem !important; } .gap-lg-2 { gap: .5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: .25rem !important; } .m-lg-2 { margin: .5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: .25rem !important; margin-left: .25rem !important; } .mx-lg-2 { margin-right: .5rem !important; margin-left: .5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-lg-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: .25rem !important; } .mt-lg-2 { margin-top: .5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: .25rem !important; } .me-lg-2 { margin-right: .5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: .25rem !important; } .mb-lg-2 { margin-bottom: .5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: .25rem !important; } .ms-lg-2 { margin-left: .5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: .25rem !important; } .p-lg-2 { padding: .5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: .25rem !important; padding-left: .25rem !important; } .px-lg-2 { padding-right: .5rem !important; padding-left: .5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-lg-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: .25rem !important; } .pt-lg-2 { padding-top: .5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: .25rem !important; } .pe-lg-2 { padding-right: .5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: .25rem !important; } .pb-lg-2 { padding-bottom: .5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: .25rem !important; } .ps-lg-2 { padding-left: .5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width:1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: .25rem !important; } .gap-xl-2 { gap: .5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: .25rem !important; } .m-xl-2 { margin: .5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: .25rem !important; margin-left: .25rem !important; } .mx-xl-2 { margin-right: .5rem !important; margin-left: .5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-xl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: .25rem !important; } .mt-xl-2 { margin-top: .5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: .25rem !important; } .me-xl-2 { margin-right: .5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: .25rem !important; } .mb-xl-2 { margin-bottom: .5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: .25rem !important; } .ms-xl-2 { margin-left: .5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: .25rem !important; } .p-xl-2 { padding: .5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: .25rem !important; padding-left: .25rem !important; } .px-xl-2 { padding-right: .5rem !important; padding-left: .5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-xl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: .25rem !important; } .pt-xl-2 { padding-top: .5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: .25rem !important; } .pe-xl-2 { padding-right: .5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: .25rem !important; } .pb-xl-2 { padding-bottom: .5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: .25rem !important; } .ps-xl-2 { padding-left: .5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width:1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: .25rem !important; } .gap-xxl-2 { gap: .5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: .25rem !important; } .m-xxl-2 { margin: .5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: .25rem !important; margin-left: .25rem !important; } .mx-xxl-2 { margin-right: .5rem !important; margin-left: .5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: .25rem !important; margin-bottom: .25rem !important; } .my-xxl-2 { margin-top: .5rem !important; margin-bottom: .5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: .25rem !important; } .mt-xxl-2 { margin-top: .5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: .25rem !important; } .me-xxl-2 { margin-right: .5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: .25rem !important; } .mb-xxl-2 { margin-bottom: .5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: .25rem !important; } .ms-xxl-2 { margin-left: .5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: .25rem !important; } .p-xxl-2 { padding: .5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: .25rem !important; padding-left: .25rem !important; } .px-xxl-2 { padding-right: .5rem !important; padding-left: .5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: .25rem !important; padding-bottom: .25rem !important; } .py-xxl-2 { padding-top: .5rem !important; padding-bottom: .5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: .25rem !important; } .pt-xxl-2 { padding-top: .5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: .25rem !important; } .pe-xxl-2 { padding-right: .5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: .25rem !important; } .pb-xxl-2 { padding-bottom: .5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: .25rem !important; } .ps-xxl-2 { padding-left: .5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width:1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /*! * Font Awesome Free 5.15.1 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa, .fab, .fad, .fal, .far, .fas { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: .75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul>li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: .08em solid #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s linear infinite; animation: fa-spin 2s linear infinite; } .fa-pulse { -webkit-animation: fa-spin 1s steps(8) infinite; animation: fa-spin 1s steps(8) infinite; } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(1turn); transform: rotate(1turn); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scaleX(-1); transform: scaleX(-1); } .fa-flip-vertical { -webkit-transform: scaleY(-1); transform: scaleY(-1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -webkit-transform: scale(-1); transform: scale(-1); } :root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 { -webkit-filter: none; filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } .fa-500px:before { content: ""; } .fa-accessible-icon:before { content: ""; } .fa-accusoft:before { content: ""; } .fa-acquisitions-incorporated:before { content: ""; } .fa-ad:before { content: ""; } .fa-address-book:before { content: ""; } .fa-address-card:before { content: ""; } .fa-adjust:before { content: ""; } .fa-adn:before { content: ""; } .fa-adversal:before { content: ""; } .fa-affiliatetheme:before { content: ""; } .fa-air-freshener:before { content: ""; } .fa-airbnb:before { content: ""; } .fa-algolia:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-right:before { content: ""; } .fa-alipay:before { content: ""; } .fa-allergies:before { content: ""; } .fa-amazon:before { content: ""; } .fa-amazon-pay:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-american-sign-language-interpreting:before { content: ""; } .fa-amilia:before { content: ""; } .fa-anchor:before { content: ""; } .fa-android:before { content: ""; } .fa-angellist:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angry:before { content: ""; } .fa-angrycreative:before { content: ""; } .fa-angular:before { content: ""; } .fa-ankh:before { content: ""; } .fa-app-store:before { content: ""; } .fa-app-store-ios:before { content: ""; } .fa-apper:before { content: ""; } .fa-apple:before { content: ""; } .fa-apple-alt:before { content: ""; } .fa-apple-pay:before { content: ""; } .fa-archive:before { content: ""; } .fa-archway:before { content: ""; } .fa-arrow-alt-circle-down:before { content: ""; } .fa-arrow-alt-circle-left:before { content: ""; } .fa-arrow-alt-circle-right:before { content: ""; } .fa-arrow-alt-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-arrows-alt-h:before { content: ""; } .fa-arrows-alt-v:before { content: ""; } .fa-artstation:before { content: ""; } .fa-assistive-listening-systems:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-asymmetrik:before { content: ""; } .fa-at:before { content: ""; } .fa-atlas:before { content: ""; } .fa-atlassian:before { content: ""; } .fa-atom:before { content: ""; } .fa-audible:before { content: ""; } .fa-audio-description:before { content: ""; } .fa-autoprefixer:before { content: ""; } .fa-avianex:before { content: ""; } .fa-aviato:before { content: ""; } .fa-award:before { content: ""; } .fa-aws:before { content: ""; } .fa-baby:before { content: ""; } .fa-baby-carriage:before { content: ""; } .fa-backspace:before { content: ""; } .fa-backward:before { content: ""; } .fa-bacon:before { content: ""; } .fa-bacteria:before { content: ""; } .fa-bacterium:before { content: ""; } .fa-bahai:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-balance-scale-left:before { content: ""; } .fa-balance-scale-right:before { content: ""; } .fa-ban:before { content: ""; } .fa-band-aid:before { content: ""; } .fa-bandcamp:before { content: ""; } .fa-barcode:before { content: ""; } .fa-bars:before { content: ""; } .fa-baseball-ball:before { content: ""; } .fa-basketball-ball:before { content: ""; } .fa-bath:before { content: ""; } .fa-battery-empty:before { content: ""; } .fa-battery-full:before { content: ""; } .fa-battery-half:before { content: ""; } .fa-battery-quarter:before { content: ""; } .fa-battery-three-quarters:before { content: ""; } .fa-battle-net:before { content: ""; } .fa-bed:before { content: ""; } .fa-beer:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-bell:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bezier-curve:before { content: ""; } .fa-bible:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-biking:before { content: ""; } .fa-bimobject:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-biohazard:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitcoin:before { content: ""; } .fa-bity:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-blackberry:before { content: ""; } .fa-blender:before { content: ""; } .fa-blender-phone:before { content: ""; } .fa-blind:before { content: ""; } .fa-blog:before { content: ""; } .fa-blogger:before { content: ""; } .fa-blogger-b:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-bold:before { content: ""; } .fa-bolt:before { content: ""; } .fa-bomb:before { content: ""; } .fa-bone:before { content: ""; } .fa-bong:before { content: ""; } .fa-book:before { content: ""; } .fa-book-dead:before { content: ""; } .fa-book-medical:before { content: ""; } .fa-book-open:before { content: ""; } .fa-book-reader:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-bootstrap:before { content: ""; } .fa-border-all:before { content: ""; } .fa-border-none:before { content: ""; } .fa-border-style:before { content: ""; } .fa-bowling-ball:before { content: ""; } .fa-box:before { content: ""; } .fa-box-open:before { content: ""; } .fa-box-tissue:before { content: ""; } .fa-boxes:before { content: ""; } .fa-braille:before { content: ""; } .fa-brain:before { content: ""; } .fa-bread-slice:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-briefcase-medical:before { content: ""; } .fa-broadcast-tower:before { content: ""; } .fa-broom:before { content: ""; } .fa-brush:before { content: ""; } .fa-btc:before { content: ""; } .fa-buffer:before { content: ""; } .fa-bug:before { content: ""; } .fa-building:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-burn:before { content: ""; } .fa-buromobelexperte:before { content: ""; } .fa-bus:before { content: ""; } .fa-bus-alt:before { content: ""; } .fa-business-time:before { content: ""; } .fa-buy-n-large:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-calculator:before { content: ""; } .fa-calendar:before { content: ""; } .fa-calendar-alt:before { content: ""; } .fa-calendar-check:before { content: ""; } .fa-calendar-day:before { content: ""; } .fa-calendar-minus:before { content: ""; } .fa-calendar-plus:before { content: ""; } .fa-calendar-times:before { content: ""; } .fa-calendar-week:before { content: ""; } .fa-camera:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-campground:before { content: ""; } .fa-canadian-maple-leaf:before { content: ""; } .fa-candy-cane:before { content: ""; } .fa-cannabis:before { content: ""; } .fa-capsules:before { content: ""; } .fa-car:before { content: ""; } .fa-car-alt:before { content: ""; } .fa-car-battery:before { content: ""; } .fa-car-crash:before { content: ""; } .fa-car-side:before { content: ""; } .fa-caravan:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-caret-square-down:before { content: ""; } .fa-caret-square-left:before { content: ""; } .fa-caret-square-right:before { content: ""; } .fa-caret-square-up:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-carrot:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cash-register:before { content: ""; } .fa-cat:before { content: ""; } .fa-cc-amazon-pay:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-apple-pay:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-centercode:before { content: ""; } .fa-centos:before { content: ""; } .fa-certificate:before { content: ""; } .fa-chair:before { content: ""; } .fa-chalkboard:before { content: ""; } .fa-chalkboard-teacher:before { content: ""; } .fa-charging-station:before { content: ""; } .fa-chart-area:before { content: ""; } .fa-chart-bar:before { content: ""; } .fa-chart-line:before { content: ""; } .fa-chart-pie:before { content: ""; } .fa-check:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-check-double:before { content: ""; } .fa-check-square:before { content: ""; } .fa-cheese:before { content: ""; } .fa-chess:before { content: ""; } .fa-chess-bishop:before { content: ""; } .fa-chess-board:before { content: ""; } .fa-chess-king:before { content: ""; } .fa-chess-knight:before { content: ""; } .fa-chess-pawn:before { content: ""; } .fa-chess-queen:before { content: ""; } .fa-chess-rook:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-down:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-child:before { content: ""; } .fa-chrome:before { content: ""; } .fa-chromecast:before { content: ""; } .fa-church:before { content: ""; } .fa-circle:before { content: ""; } .fa-circle-notch:before { content: ""; } .fa-city:before { content: ""; } .fa-clinic-medical:before { content: ""; } .fa-clipboard:before { content: ""; } .fa-clipboard-check:before { content: ""; } .fa-clipboard-list:before { content: ""; } .fa-clock:before { content: ""; } .fa-clone:before { content: ""; } .fa-closed-captioning:before { content: ""; } .fa-cloud:before { content: ""; } .fa-cloud-download-alt:before { content: ""; } .fa-cloud-meatball:before { content: ""; } .fa-cloud-moon:before { content: ""; } .fa-cloud-moon-rain:before { content: ""; } .fa-cloud-rain:before { content: ""; } .fa-cloud-showers-heavy:before { content: ""; } .fa-cloud-sun:before { content: ""; } .fa-cloud-sun-rain:before { content: ""; } .fa-cloud-upload-alt:before { content: ""; } .fa-cloudflare:before { content: ""; } .fa-cloudscale:before { content: ""; } .fa-cloudsmith:before { content: ""; } .fa-cloudversify:before { content: ""; } .fa-cocktail:before { content: ""; } .fa-code:before { content: ""; } .fa-code-branch:before { content: ""; } .fa-codepen:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cog:before { content: ""; } .fa-cogs:before { content: ""; } .fa-coins:before { content: ""; } .fa-columns:before { content: ""; } .fa-comment:before { content: ""; } .fa-comment-alt:before { content: ""; } .fa-comment-dollar:before { content: ""; } .fa-comment-dots:before { content: ""; } .fa-comment-medical:before { content: ""; } .fa-comment-slash:before { content: ""; } .fa-comments:before { content: ""; } .fa-comments-dollar:before { content: ""; } .fa-compact-disc:before { content: ""; } .fa-compass:before { content: ""; } .fa-compress:before { content: ""; } .fa-compress-alt:before { content: ""; } .fa-compress-arrows-alt:before { content: ""; } .fa-concierge-bell:before { content: ""; } .fa-confluence:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-contao:before { content: ""; } .fa-cookie:before { content: ""; } .fa-cookie-bite:before { content: ""; } .fa-copy:before { content: ""; } .fa-copyright:before { content: ""; } .fa-cotton-bureau:before { content: ""; } .fa-couch:before { content: ""; } .fa-cpanel:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-creative-commons-by:before { content: ""; } .fa-creative-commons-nc:before { content: ""; } .fa-creative-commons-nc-eu:before { content: ""; } .fa-creative-commons-nc-jp:before { content: ""; } .fa-creative-commons-nd:before { content: ""; } .fa-creative-commons-pd:before { content: ""; } .fa-creative-commons-pd-alt:before { content: ""; } .fa-creative-commons-remix:before { content: ""; } .fa-creative-commons-sa:before { content: ""; } .fa-creative-commons-sampling:before { content: ""; } .fa-creative-commons-sampling-plus:before { content: ""; } .fa-creative-commons-share:before { content: ""; } .fa-creative-commons-zero:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-critical-role:before { content: ""; } .fa-crop:before { content: ""; } .fa-crop-alt:before { content: ""; } .fa-cross:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-crow:before { content: ""; } .fa-crown:before { content: ""; } .fa-crutch:before { content: ""; } .fa-css3:before { content: ""; } .fa-css3-alt:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-cut:before { content: ""; } .fa-cuttlefish:before { content: ""; } .fa-d-and-d:before { content: ""; } .fa-d-and-d-beyond:before { content: ""; } .fa-dailymotion:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-database:before { content: ""; } .fa-deaf:before { content: ""; } .fa-deezer:before { content: ""; } .fa-delicious:before { content: ""; } .fa-democrat:before { content: ""; } .fa-deploydog:before { content: ""; } .fa-deskpro:before { content: ""; } .fa-desktop:before { content: ""; } .fa-dev:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-dharmachakra:before { content: ""; } .fa-dhl:before { content: ""; } .fa-diagnoses:before { content: ""; } .fa-diaspora:before { content: ""; } .fa-dice:before { content: ""; } .fa-dice-d20:before { content: ""; } .fa-dice-d6:before { content: ""; } .fa-dice-five:before { content: ""; } .fa-dice-four:before { content: ""; } .fa-dice-one:before { content: ""; } .fa-dice-six:before { content: ""; } .fa-dice-three:before { content: ""; } .fa-dice-two:before { content: ""; } .fa-digg:before { content: ""; } .fa-digital-ocean:before { content: ""; } .fa-digital-tachograph:before { content: ""; } .fa-directions:before { content: ""; } .fa-discord:before { content: ""; } .fa-discourse:before { content: ""; } .fa-disease:before { content: ""; } .fa-divide:before { content: ""; } .fa-dizzy:before { content: ""; } .fa-dna:before { content: ""; } .fa-dochub:before { content: ""; } .fa-docker:before { content: ""; } .fa-dog:before { content: ""; } .fa-dollar-sign:before { content: ""; } .fa-dolly:before { content: ""; } .fa-dolly-flatbed:before { content: ""; } .fa-donate:before { content: ""; } .fa-door-closed:before { content: ""; } .fa-door-open:before { content: ""; } .fa-dot-circle:before { content: ""; } .fa-dove:before { content: ""; } .fa-download:before { content: ""; } .fa-draft2digital:before { content: ""; } .fa-drafting-compass:before { content: ""; } .fa-dragon:before { content: ""; } .fa-draw-polygon:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-dribbble-square:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-drum:before { content: ""; } .fa-drum-steelpan:before { content: ""; } .fa-drumstick-bite:before { content: ""; } .fa-drupal:before { content: ""; } .fa-dumbbell:before { content: ""; } .fa-dumpster:before { content: ""; } .fa-dumpster-fire:before { content: ""; } .fa-dungeon:before { content: ""; } .fa-dyalog:before { content: ""; } .fa-earlybirds:before { content: ""; } .fa-ebay:before { content: ""; } .fa-edge:before { content: ""; } .fa-edge-legacy:before { content: ""; } .fa-edit:before { content: ""; } .fa-egg:before { content: ""; } .fa-eject:before { content: ""; } .fa-elementor:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-ello:before { content: ""; } .fa-ember:before { content: ""; } .fa-empire:before { content: ""; } .fa-envelope:before { content: ""; } .fa-envelope-open:before { content: ""; } .fa-envelope-open-text:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-envira:before { content: ""; } .fa-equals:before { content: ""; } .fa-eraser:before { content: ""; } .fa-erlang:before { content: ""; } .fa-ethereum:before { content: ""; } .fa-ethernet:before { content: ""; } .fa-etsy:before { content: ""; } .fa-euro-sign:before { content: ""; } .fa-evernote:before { content: ""; } .fa-exchange-alt:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-exclamation-triangle:before { content: ""; } .fa-expand:before { content: ""; } .fa-expand-alt:before { content: ""; } .fa-expand-arrows-alt:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-external-link-alt:before { content: ""; } .fa-external-link-square-alt:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-dropper:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-facebook:before { content: ""; } .fa-facebook-f:before { content: ""; } .fa-facebook-messenger:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-fan:before { content: ""; } .fa-fantasy-flight-games:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-faucet:before { content: ""; } .fa-fax:before { content: ""; } .fa-feather:before { content: ""; } .fa-feather-alt:before { content: ""; } .fa-fedex:before { content: ""; } .fa-fedora:before { content: ""; } .fa-female:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-figma:before { content: ""; } .fa-file:before { content: ""; } .fa-file-alt:before { content: ""; } .fa-file-archive:before { content: ""; } .fa-file-audio:before { content: ""; } .fa-file-code:before { content: ""; } .fa-file-contract:before { content: ""; } .fa-file-csv:before { content: ""; } .fa-file-download:before { content: ""; } .fa-file-excel:before { content: ""; } .fa-file-export:before { content: ""; } .fa-file-image:before { content: ""; } .fa-file-import:before { content: ""; } .fa-file-invoice:before { content: ""; } .fa-file-invoice-dollar:before { content: ""; } .fa-file-medical:before { content: ""; } .fa-file-medical-alt:before { content: ""; } .fa-file-pdf:before { content: ""; } .fa-file-powerpoint:before { content: ""; } .fa-file-prescription:before { content: ""; } .fa-file-signature:before { content: ""; } .fa-file-upload:before { content: ""; } .fa-file-video:before { content: ""; } .fa-file-word:before { content: ""; } .fa-fill:before { content: ""; } .fa-fill-drip:before { content: ""; } .fa-film:before { content: ""; } .fa-filter:before { content: ""; } .fa-fingerprint:before { content: ""; } .fa-fire:before { content: ""; } .fa-fire-alt:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-firefox:before { content: ""; } .fa-firefox-browser:before { content: ""; } .fa-first-aid:before { content: ""; } .fa-first-order:before { content: ""; } .fa-first-order-alt:before { content: ""; } .fa-firstdraft:before { content: ""; } .fa-fish:before { content: ""; } .fa-fist-raised:before { content: ""; } .fa-flag:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-flag-usa:before { content: ""; } .fa-flask:before { content: ""; } .fa-flickr:before { content: ""; } .fa-flipboard:before { content: ""; } .fa-flushed:before { content: ""; } .fa-fly:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-minus:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-folder-plus:before { content: ""; } .fa-font:before { content: ""; } .fa-font-awesome:before { content: ""; } .fa-font-awesome-alt:before { content: ""; } .fa-font-awesome-flag:before { content: ""; } .fa-font-awesome-logo-full:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-fonticons-fi:before { content: ""; } .fa-football-ball:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-fort-awesome-alt:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-forward:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-free-code-camp:before { content: ""; } .fa-freebsd:before { content: ""; } .fa-frog:before { content: ""; } .fa-frown:before { content: ""; } .fa-frown-open:before { content: ""; } .fa-fulcrum:before { content: ""; } .fa-funnel-dollar:before { content: ""; } .fa-futbol:before { content: ""; } .fa-galactic-republic:before { content: ""; } .fa-galactic-senate:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-gas-pump:before { content: ""; } .fa-gavel:before { content: ""; } .fa-gem:before { content: ""; } .fa-genderless:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-ghost:before { content: ""; } .fa-gift:before { content: ""; } .fa-gifts:before { content: ""; } .fa-git:before { content: ""; } .fa-git-alt:before { content: ""; } .fa-git-square:before { content: ""; } .fa-github:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-github-square:before { content: ""; } .fa-gitkraken:before { content: ""; } .fa-gitlab:before { content: ""; } .fa-gitter:before { content: ""; } .fa-glass-cheers:before { content: ""; } .fa-glass-martini:before { content: ""; } .fa-glass-martini-alt:before { content: ""; } .fa-glass-whiskey:before { content: ""; } .fa-glasses:before { content: ""; } .fa-glide:before { content: ""; } .fa-glide-g:before { content: ""; } .fa-globe:before { content: ""; } .fa-globe-africa:before { content: ""; } .fa-globe-americas:before { content: ""; } .fa-globe-asia:before { content: ""; } .fa-globe-europe:before { content: ""; } .fa-gofore:before { content: ""; } .fa-golf-ball:before { content: ""; } .fa-goodreads:before { content: ""; } .fa-goodreads-g:before { content: ""; } .fa-google:before { content: ""; } .fa-google-drive:before { content: ""; } .fa-google-pay:before { content: ""; } .fa-google-play:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-google-plus-g:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-gopuram:before { content: ""; } .fa-graduation-cap:before { content: ""; } .fa-gratipay:before { content: ""; } .fa-grav:before { content: ""; } .fa-greater-than:before { content: ""; } .fa-greater-than-equal:before { content: ""; } .fa-grimace:before { content: ""; } .fa-grin:before { content: ""; } .fa-grin-alt:before { content: ""; } .fa-grin-beam:before { content: ""; } .fa-grin-beam-sweat:before { content: ""; } .fa-grin-hearts:before { content: ""; } .fa-grin-squint:before { content: ""; } .fa-grin-squint-tears:before { content: ""; } .fa-grin-stars:before { content: ""; } .fa-grin-tears:before { content: ""; } .fa-grin-tongue:before { content: ""; } .fa-grin-tongue-squint:before { content: ""; } .fa-grin-tongue-wink:before { content: ""; } .fa-grin-wink:before { content: ""; } .fa-grip-horizontal:before { content: ""; } .fa-grip-lines:before { content: ""; } .fa-grip-lines-vertical:before { content: ""; } .fa-grip-vertical:before { content: ""; } .fa-gripfire:before { content: ""; } .fa-grunt:before { content: ""; } .fa-guilded:before { content: ""; } .fa-guitar:before { content: ""; } .fa-gulp:before { content: ""; } .fa-h-square:before { content: ""; } .fa-hacker-news:before { content: ""; } .fa-hacker-news-square:before { content: ""; } .fa-hackerrank:before { content: ""; } .fa-hamburger:before { content: ""; } .fa-hammer:before { content: ""; } .fa-hamsa:before { content: ""; } .fa-hand-holding:before { content: ""; } .fa-hand-holding-heart:before { content: ""; } .fa-hand-holding-medical:before { content: ""; } .fa-hand-holding-usd:before { content: ""; } .fa-hand-holding-water:before { content: ""; } .fa-hand-lizard:before { content: ""; } .fa-hand-middle-finger:before { content: ""; } .fa-hand-paper:before { content: ""; } .fa-hand-peace:before { content: ""; } .fa-hand-point-down:before { content: ""; } .fa-hand-point-left:before { content: ""; } .fa-hand-point-right:before { content: ""; } .fa-hand-point-up:before { content: ""; } .fa-hand-pointer:before { content: ""; } .fa-hand-rock:before { content: ""; } .fa-hand-scissors:before { content: ""; } .fa-hand-sparkles:before { content: ""; } .fa-hand-spock:before { content: ""; } .fa-hands:before { content: ""; } .fa-hands-helping:before { content: ""; } .fa-hands-wash:before { content: ""; } .fa-handshake:before { content: ""; } .fa-handshake-alt-slash:before { content: ""; } .fa-handshake-slash:before { content: ""; } .fa-hanukiah:before { content: ""; } .fa-hard-hat:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-hat-cowboy:before { content: ""; } .fa-hat-cowboy-side:before { content: ""; } .fa-hat-wizard:before { content: ""; } .fa-hdd:before { content: ""; } .fa-head-side-cough:before { content: ""; } .fa-head-side-cough-slash:before { content: ""; } .fa-head-side-mask:before { content: ""; } .fa-head-side-virus:before { content: ""; } .fa-heading:before { content: ""; } .fa-headphones:before { content: ""; } .fa-headphones-alt:before { content: ""; } .fa-headset:before { content: ""; } .fa-heart:before { content: ""; } .fa-heart-broken:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-helicopter:before { content: ""; } .fa-highlighter:before { content: ""; } .fa-hiking:before { content: ""; } .fa-hippo:before { content: ""; } .fa-hips:before { content: ""; } .fa-hire-a-helper:before { content: ""; } .fa-history:before { content: ""; } .fa-hive:before { content: ""; } .fa-hockey-puck:before { content: ""; } .fa-holly-berry:before { content: ""; } .fa-home:before { content: ""; } .fa-hooli:before { content: ""; } .fa-hornbill:before { content: ""; } .fa-horse:before { content: ""; } .fa-horse-head:before { content: ""; } .fa-hospital:before { content: ""; } .fa-hospital-alt:before { content: ""; } .fa-hospital-symbol:before { content: ""; } .fa-hospital-user:before { content: ""; } .fa-hot-tub:before { content: ""; } .fa-hotdog:before { content: ""; } .fa-hotel:before { content: ""; } .fa-hotjar:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hourglass-end:before { content: ""; } .fa-hourglass-half:before { content: ""; } .fa-hourglass-start:before { content: ""; } .fa-house-damage:before { content: ""; } .fa-house-user:before { content: ""; } .fa-houzz:before { content: ""; } .fa-hryvnia:before { content: ""; } .fa-html5:before { content: ""; } .fa-hubspot:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-ice-cream:before { content: ""; } .fa-icicles:before { content: ""; } .fa-icons:before { content: ""; } .fa-id-badge:before { content: ""; } .fa-id-card:before { content: ""; } .fa-id-card-alt:before { content: ""; } .fa-ideal:before { content: ""; } .fa-igloo:before { content: ""; } .fa-image:before { content: ""; } .fa-images:before { content: ""; } .fa-imdb:before { content: ""; } .fa-inbox:before { content: ""; } .fa-indent:before { content: ""; } .fa-industry:before { content: ""; } .fa-infinity:before { content: ""; } .fa-info:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-innosoft:before { content: ""; } .fa-instagram:before { content: ""; } .fa-instagram-square:before { content: ""; } .fa-instalod:before { content: ""; } .fa-intercom:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-invision:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-italic:before { content: ""; } .fa-itch-io:before { content: ""; } .fa-itunes:before { content: ""; } .fa-itunes-note:before { content: ""; } .fa-java:before { content: ""; } .fa-jedi:before { content: ""; } .fa-jedi-order:before { content: ""; } .fa-jenkins:before { content: ""; } .fa-jira:before { content: ""; } .fa-joget:before { content: ""; } .fa-joint:before { content: ""; } .fa-joomla:before { content: ""; } .fa-journal-whills:before { content: ""; } .fa-js:before { content: ""; } .fa-js-square:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-kaaba:before { content: ""; } .fa-kaggle:before { content: ""; } .fa-key:before { content: ""; } .fa-keybase:before { content: ""; } .fa-keyboard:before { content: ""; } .fa-keycdn:before { content: ""; } .fa-khanda:before { content: ""; } .fa-kickstarter:before { content: ""; } .fa-kickstarter-k:before { content: ""; } .fa-kiss:before { content: ""; } .fa-kiss-beam:before { content: ""; } .fa-kiss-wink-heart:before { content: ""; } .fa-kiwi-bird:before { content: ""; } .fa-korvue:before { content: ""; } .fa-landmark:before { content: ""; } .fa-language:before { content: ""; } .fa-laptop:before { content: ""; } .fa-laptop-code:before { content: ""; } .fa-laptop-house:before { content: ""; } .fa-laptop-medical:before { content: ""; } .fa-laravel:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-laugh:before { content: ""; } .fa-laugh-beam:before { content: ""; } .fa-laugh-squint:before { content: ""; } .fa-laugh-wink:before { content: ""; } .fa-layer-group:before { content: ""; } .fa-leaf:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-lemon:before { content: ""; } .fa-less:before { content: ""; } .fa-less-than:before { content: ""; } .fa-less-than-equal:before { content: ""; } .fa-level-down-alt:before { content: ""; } .fa-level-up-alt:before { content: ""; } .fa-life-ring:before { content: ""; } .fa-lightbulb:before { content: ""; } .fa-line:before { content: ""; } .fa-link:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-linkedin-in:before { content: ""; } .fa-linode:before { content: ""; } .fa-linux:before { content: ""; } .fa-lira-sign:before { content: ""; } .fa-list:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-lock:before { content: ""; } .fa-lock-open:before { content: ""; } .fa-long-arrow-alt-down:before { content: ""; } .fa-long-arrow-alt-left:before { content: ""; } .fa-long-arrow-alt-right:before { content: ""; } .fa-long-arrow-alt-up:before { content: ""; } .fa-low-vision:before { content: ""; } .fa-luggage-cart:before { content: ""; } .fa-lungs:before { content: ""; } .fa-lungs-virus:before { content: ""; } .fa-lyft:before { content: ""; } .fa-magento:before { content: ""; } .fa-magic:before { content: ""; } .fa-magnet:before { content: ""; } .fa-mail-bulk:before { content: ""; } .fa-mailchimp:before { content: ""; } .fa-male:before { content: ""; } .fa-mandalorian:before { content: ""; } .fa-map:before { content: ""; } .fa-map-marked:before { content: ""; } .fa-map-marked-alt:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-map-marker-alt:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-markdown:before { content: ""; } .fa-marker:before { content: ""; } .fa-mars:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mask:before { content: ""; } .fa-mastodon:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-mdb:before { content: ""; } .fa-medal:before { content: ""; } .fa-medapps:before { content: ""; } .fa-medium:before { content: ""; } .fa-medium-m:before { content: ""; } .fa-medkit:before { content: ""; } .fa-medrt:before { content: ""; } .fa-meetup:before { content: ""; } .fa-megaport:before { content: ""; } .fa-meh:before { content: ""; } .fa-meh-blank:before { content: ""; } .fa-meh-rolling-eyes:before { content: ""; } .fa-memory:before { content: ""; } .fa-mendeley:before { content: ""; } .fa-menorah:before { content: ""; } .fa-mercury:before { content: ""; } .fa-meteor:before { content: ""; } .fa-microblog:before { content: ""; } .fa-microchip:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-alt:before { content: ""; } .fa-microphone-alt-slash:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-microscope:before { content: ""; } .fa-microsoft:before { content: ""; } .fa-minus:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-mitten:before { content: ""; } .fa-mix:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-mixer:before { content: ""; } .fa-mizuni:before { content: ""; } .fa-mobile:before { content: ""; } .fa-mobile-alt:before { content: ""; } .fa-modx:before { content: ""; } .fa-monero:before { content: ""; } .fa-money-bill:before { content: ""; } .fa-money-bill-alt:before { content: ""; } .fa-money-bill-wave:before { content: ""; } .fa-money-bill-wave-alt:before { content: ""; } .fa-money-check:before { content: ""; } .fa-money-check-alt:before { content: ""; } .fa-monument:before { content: ""; } .fa-moon:before { content: ""; } .fa-mortar-pestle:before { content: ""; } .fa-mosque:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-mountain:before { content: ""; } .fa-mouse:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-mug-hot:before { content: ""; } .fa-music:before { content: ""; } .fa-napster:before { content: ""; } .fa-neos:before { content: ""; } .fa-network-wired:before { content: ""; } .fa-neuter:before { content: ""; } .fa-newspaper:before { content: ""; } .fa-nimblr:before { content: ""; } .fa-node:before { content: ""; } .fa-node-js:before { content: ""; } .fa-not-equal:before { content: ""; } .fa-notes-medical:before { content: ""; } .fa-npm:before { content: ""; } .fa-ns8:before { content: ""; } .fa-nutritionix:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-octopus-deploy:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-oil-can:before { content: ""; } .fa-old-republic:before { content: ""; } .fa-om:before { content: ""; } .fa-opencart:before { content: ""; } .fa-openid:before { content: ""; } .fa-opera:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-orcid:before { content: ""; } .fa-osi:before { content: ""; } .fa-otter:before { content: ""; } .fa-outdent:before { content: ""; } .fa-page4:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-pager:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-paint-roller:before { content: ""; } .fa-palette:before { content: ""; } .fa-palfed:before { content: ""; } .fa-pallet:before { content: ""; } .fa-paper-plane:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-parachute-box:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-parking:before { content: ""; } .fa-passport:before { content: ""; } .fa-pastafarianism:before { content: ""; } .fa-paste:before { content: ""; } .fa-patreon:before { content: ""; } .fa-pause:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-paw:before { content: ""; } .fa-paypal:before { content: ""; } .fa-peace:before { content: ""; } .fa-pen:before { content: ""; } .fa-pen-alt:before { content: ""; } .fa-pen-fancy:before { content: ""; } .fa-pen-nib:before { content: ""; } .fa-pen-square:before { content: ""; } .fa-pencil-alt:before { content: ""; } .fa-pencil-ruler:before { content: ""; } .fa-penny-arcade:before { content: ""; } .fa-people-arrows:before { content: ""; } .fa-people-carry:before { content: ""; } .fa-pepper-hot:before { content: ""; } .fa-perbyte:before { content: ""; } .fa-percent:before { content: ""; } .fa-percentage:before { content: ""; } .fa-periscope:before { content: ""; } .fa-person-booth:before { content: ""; } .fa-phabricator:before { content: ""; } .fa-phoenix-framework:before { content: ""; } .fa-phoenix-squadron:before { content: ""; } .fa-phone:before { content: ""; } .fa-phone-alt:before { content: ""; } .fa-phone-slash:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-phone-square-alt:before { content: ""; } .fa-phone-volume:before { content: ""; } .fa-photo-video:before { content: ""; } .fa-php:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-pied-piper-hat:before { content: ""; } .fa-pied-piper-pp:before { content: ""; } .fa-pied-piper-square:before { content: ""; } .fa-piggy-bank:before { content: ""; } .fa-pills:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-pizza-slice:before { content: ""; } .fa-place-of-worship:before { content: ""; } .fa-plane:before { content: ""; } .fa-plane-arrival:before { content: ""; } .fa-plane-departure:before { content: ""; } .fa-plane-slash:before { content: ""; } .fa-play:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-playstation:before { content: ""; } .fa-plug:before { content: ""; } .fa-plus:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-podcast:before { content: ""; } .fa-poll:before { content: ""; } .fa-poll-h:before { content: ""; } .fa-poo:before { content: ""; } .fa-poo-storm:before { content: ""; } .fa-poop:before { content: ""; } .fa-portrait:before { content: ""; } .fa-pound-sign:before { content: ""; } .fa-power-off:before { content: ""; } .fa-pray:before { content: ""; } .fa-praying-hands:before { content: ""; } .fa-prescription:before { content: ""; } .fa-prescription-bottle:before { content: ""; } .fa-prescription-bottle-alt:before { content: ""; } .fa-print:before { content: ""; } .fa-procedures:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-project-diagram:before { content: ""; } .fa-pump-medical:before { content: ""; } .fa-pump-soap:before { content: ""; } .fa-pushed:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-python:before { content: ""; } .fa-qq:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-question:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-quidditch:before { content: ""; } .fa-quinscape:before { content: ""; } .fa-quora:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-quran:before { content: ""; } .fa-r-project:before { content: ""; } .fa-radiation:before { content: ""; } .fa-radiation-alt:before { content: ""; } .fa-rainbow:before { content: ""; } .fa-random:before { content: ""; } .fa-raspberry-pi:before { content: ""; } .fa-ravelry:before { content: ""; } .fa-react:before { content: ""; } .fa-reacteurope:before { content: ""; } .fa-readme:before { content: ""; } .fa-rebel:before { content: ""; } .fa-receipt:before { content: ""; } .fa-record-vinyl:before { content: ""; } .fa-recycle:before { content: ""; } .fa-red-river:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-redhat:before { content: ""; } .fa-redo:before { content: ""; } .fa-redo-alt:before { content: ""; } .fa-registered:before { content: ""; } .fa-remove-format:before { content: ""; } .fa-renren:before { content: ""; } .fa-reply:before { content: ""; } .fa-reply-all:before { content: ""; } .fa-replyd:before { content: ""; } .fa-republican:before { content: ""; } .fa-researchgate:before { content: ""; } .fa-resolving:before { content: ""; } .fa-restroom:before { content: ""; } .fa-retweet:before { content: ""; } .fa-rev:before { content: ""; } .fa-ribbon:before { content: ""; } .fa-ring:before { content: ""; } .fa-road:before { content: ""; } .fa-robot:before { content: ""; } .fa-rocket:before { content: ""; } .fa-rocketchat:before { content: ""; } .fa-rockrms:before { content: ""; } .fa-route:before { content: ""; } .fa-rss:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-ruble-sign:before { content: ""; } .fa-ruler:before { content: ""; } .fa-ruler-combined:before { content: ""; } .fa-ruler-horizontal:before { content: ""; } .fa-ruler-vertical:before { content: ""; } .fa-running:before { content: ""; } .fa-rupee-sign:before { content: ""; } .fa-rust:before { content: ""; } .fa-sad-cry:before { content: ""; } .fa-sad-tear:before { content: ""; } .fa-safari:before { content: ""; } .fa-salesforce:before { content: ""; } .fa-sass:before { content: ""; } .fa-satellite:before { content: ""; } .fa-satellite-dish:before { content: ""; } .fa-save:before { content: ""; } .fa-schlix:before { content: ""; } .fa-school:before { content: ""; } .fa-screwdriver:before { content: ""; } .fa-scribd:before { content: ""; } .fa-scroll:before { content: ""; } .fa-sd-card:before { content: ""; } .fa-search:before { content: ""; } .fa-search-dollar:before { content: ""; } .fa-search-location:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-searchengin:before { content: ""; } .fa-seedling:before { content: ""; } .fa-sellcast:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-server:before { content: ""; } .fa-servicestack:before { content: ""; } .fa-shapes:before { content: ""; } .fa-share:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-shekel-sign:before { content: ""; } .fa-shield-alt:before { content: ""; } .fa-shield-virus:before { content: ""; } .fa-ship:before { content: ""; } .fa-shipping-fast:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-shoe-prints:before { content: ""; } .fa-shopify:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-shopware:before { content: ""; } .fa-shower:before { content: ""; } .fa-shuttle-van:before { content: ""; } .fa-sign:before { content: ""; } .fa-sign-in-alt:before { content: ""; } .fa-sign-language:before { content: ""; } .fa-sign-out-alt:before { content: ""; } .fa-signal:before { content: ""; } .fa-signature:before { content: ""; } .fa-sim-card:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-sink:before { content: ""; } .fa-sistrix:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-sith:before { content: ""; } .fa-skating:before { content: ""; } .fa-sketch:before { content: ""; } .fa-skiing:before { content: ""; } .fa-skiing-nordic:before { content: ""; } .fa-skull:before { content: ""; } .fa-skull-crossbones:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-skype:before { content: ""; } .fa-slack:before { content: ""; } .fa-slack-hash:before { content: ""; } .fa-slash:before { content: ""; } .fa-sleigh:before { content: ""; } .fa-sliders-h:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-smile:before { content: ""; } .fa-smile-beam:before { content: ""; } .fa-smile-wink:before { content: ""; } .fa-smog:before { content: ""; } .fa-smoking:before { content: ""; } .fa-smoking-ban:before { content: ""; } .fa-sms:before { content: ""; } .fa-snapchat:before { content: ""; } .fa-snapchat-ghost:before { content: ""; } .fa-snapchat-square:before { content: ""; } .fa-snowboarding:before { content: ""; } .fa-snowflake:before { content: ""; } .fa-snowman:before { content: ""; } .fa-snowplow:before { content: ""; } .fa-soap:before { content: ""; } .fa-socks:before { content: ""; } .fa-solar-panel:before { content: ""; } .fa-sort:before { content: ""; } .fa-sort-alpha-down:before { content: ""; } .fa-sort-alpha-down-alt:before { content: ""; } .fa-sort-alpha-up:before { content: ""; } .fa-sort-alpha-up-alt:before { content: ""; } .fa-sort-amount-down:before { content: ""; } .fa-sort-amount-down-alt:before { content: ""; } .fa-sort-amount-up:before { content: ""; } .fa-sort-amount-up-alt:before { content: ""; } .fa-sort-down:before { content: ""; } .fa-sort-numeric-down:before { content: ""; } .fa-sort-numeric-down-alt:before { content: ""; } .fa-sort-numeric-up:before { content: ""; } .fa-sort-numeric-up-alt:before { content: ""; } .fa-sort-up:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-sourcetree:before { content: ""; } .fa-spa:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-speakap:before { content: ""; } .fa-speaker-deck:before { content: ""; } .fa-spell-check:before { content: ""; } .fa-spider:before { content: ""; } .fa-spinner:before { content: ""; } .fa-splotch:before { content: ""; } .fa-spotify:before { content: ""; } .fa-spray-can:before { content: ""; } .fa-square:before { content: ""; } .fa-square-full:before { content: ""; } .fa-square-root-alt:before { content: ""; } .fa-squarespace:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-stackpath:before { content: ""; } .fa-stamp:before { content: ""; } .fa-star:before { content: ""; } .fa-star-and-crescent:before { content: ""; } .fa-star-half:before { content: ""; } .fa-star-half-alt:before { content: ""; } .fa-star-of-david:before { content: ""; } .fa-star-of-life:before { content: ""; } .fa-staylinked:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-steam-symbol:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-sticker-mule:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-stop:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stopwatch:before { content: ""; } .fa-stopwatch-20:before { content: ""; } .fa-store:before { content: ""; } .fa-store-alt:before { content: ""; } .fa-store-alt-slash:before { content: ""; } .fa-store-slash:before { content: ""; } .fa-strava:before { content: ""; } .fa-stream:before { content: ""; } .fa-street-view:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-stripe:before { content: ""; } .fa-stripe-s:before { content: ""; } .fa-stroopwafel:before { content: ""; } .fa-studiovinari:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-subscript:before { content: ""; } .fa-subway:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-suitcase-rolling:before { content: ""; } .fa-sun:before { content: ""; } .fa-superpowers:before { content: ""; } .fa-superscript:before { content: ""; } .fa-supple:before { content: ""; } .fa-surprise:before { content: ""; } .fa-suse:before { content: ""; } .fa-swatchbook:before { content: ""; } .fa-swift:before { content: ""; } .fa-swimmer:before { content: ""; } .fa-swimming-pool:before { content: ""; } .fa-symfony:before { content: ""; } .fa-synagogue:before { content: ""; } .fa-sync:before { content: ""; } .fa-sync-alt:before { content: ""; } .fa-syringe:before { content: ""; } .fa-table:before { content: ""; } .fa-table-tennis:before { content: ""; } .fa-tablet:before { content: ""; } .fa-tablet-alt:before { content: ""; } .fa-tablets:before { content: ""; } .fa-tachometer-alt:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-tape:before { content: ""; } .fa-tasks:before { content: ""; } .fa-taxi:before { content: ""; } .fa-teamspeak:before { content: ""; } .fa-teeth:before { content: ""; } .fa-teeth-open:before { content: ""; } .fa-telegram:before { content: ""; } .fa-telegram-plane:before { content: ""; } .fa-temperature-high:before { content: ""; } .fa-temperature-low:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-tenge:before { content: ""; } .fa-terminal:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-th:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th-list:before { content: ""; } .fa-the-red-yeti:before { content: ""; } .fa-theater-masks:before { content: ""; } .fa-themeco:before { content: ""; } .fa-themeisle:before { content: ""; } .fa-thermometer:before { content: ""; } .fa-thermometer-empty:before { content: ""; } .fa-thermometer-full:before { content: ""; } .fa-thermometer-half:before { content: ""; } .fa-thermometer-quarter:before { content: ""; } .fa-thermometer-three-quarters:before { content: ""; } .fa-think-peaks:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbtack:before { content: ""; } .fa-ticket-alt:before { content: ""; } .fa-tiktok:before { content: ""; } .fa-times:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-tint:before { content: ""; } .fa-tint-slash:before { content: ""; } .fa-tired:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-toilet:before { content: ""; } .fa-toilet-paper:before { content: ""; } .fa-toilet-paper-slash:before { content: ""; } .fa-toolbox:before { content: ""; } .fa-tools:before { content: ""; } .fa-tooth:before { content: ""; } .fa-torah:before { content: ""; } .fa-torii-gate:before { content: ""; } .fa-tractor:before { content: ""; } .fa-trade-federation:before { content: ""; } .fa-trademark:before { content: ""; } .fa-traffic-light:before { content: ""; } .fa-trailer:before { content: ""; } .fa-train:before { content: ""; } .fa-tram:before { content: ""; } .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-trash:before { content: ""; } .fa-trash-alt:before { content: ""; } .fa-trash-restore:before { content: ""; } .fa-trash-restore-alt:before { content: ""; } .fa-tree:before { content: ""; } .fa-trello:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-trophy:before { content: ""; } .fa-truck:before { content: ""; } .fa-truck-loading:before { content: ""; } .fa-truck-monster:before { content: ""; } .fa-truck-moving:before { content: ""; } .fa-truck-pickup:before { content: ""; } .fa-tshirt:before { content: ""; } .fa-tty:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-tv:before { content: ""; } .fa-twitch:before { content: ""; } .fa-twitter:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-typo3:before { content: ""; } .fa-uber:before { content: ""; } .fa-ubuntu:before { content: ""; } .fa-uikit:before { content: ""; } .fa-umbraco:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-umbrella-beach:before { content: ""; } .fa-uncharted:before { content: ""; } .fa-underline:before { content: ""; } .fa-undo:before { content: ""; } .fa-undo-alt:before { content: ""; } .fa-uniregistry:before { content: ""; } .fa-unity:before { content: ""; } .fa-universal-access:before { content: ""; } .fa-university:before { content: ""; } .fa-unlink:before { content: ""; } .fa-unlock:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-unsplash:before { content: ""; } .fa-untappd:before { content: ""; } .fa-upload:before { content: ""; } .fa-ups:before { content: ""; } .fa-usb:before { content: ""; } .fa-user:before { content: ""; } .fa-user-alt:before { content: ""; } .fa-user-alt-slash:before { content: ""; } .fa-user-astronaut:before { content: ""; } .fa-user-check:before { content: ""; } .fa-user-circle:before { content: ""; } .fa-user-clock:before { content: ""; } .fa-user-cog:before { content: ""; } .fa-user-edit:before { content: ""; } .fa-user-friends:before { content: ""; } .fa-user-graduate:before { content: ""; } .fa-user-injured:before { content: ""; } .fa-user-lock:before { content: ""; } .fa-user-md:before { content: ""; } .fa-user-minus:before { content: ""; } .fa-user-ninja:before { content: ""; } .fa-user-nurse:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-user-shield:before { content: ""; } .fa-user-slash:before { content: ""; } .fa-user-tag:before { content: ""; } .fa-user-tie:before { content: ""; } .fa-user-times:before { content: ""; } .fa-users:before { content: ""; } .fa-users-cog:before { content: ""; } .fa-users-slash:before { content: ""; } .fa-usps:before { content: ""; } .fa-ussunnah:before { content: ""; } .fa-utensil-spoon:before { content: ""; } .fa-utensils:before { content: ""; } .fa-vaadin:before { content: ""; } .fa-vector-square:before { content: ""; } .fa-venus:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-vest:before { content: ""; } .fa-vest-patches:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-viadeo:before { content: ""; } .fa-viadeo-square:before { content: ""; } .fa-vial:before { content: ""; } .fa-vials:before { content: ""; } .fa-viber:before { content: ""; } .fa-video:before { content: ""; } .fa-video-slash:before { content: ""; } .fa-vihara:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-vimeo-v:before { content: ""; } .fa-vine:before { content: ""; } .fa-virus:before { content: ""; } .fa-virus-slash:before { content: ""; } .fa-viruses:before { content: ""; } .fa-vk:before { content: ""; } .fa-vnv:before { content: ""; } .fa-voicemail:before { content: ""; } .fa-volleyball-ball:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-mute:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-vote-yea:before { content: ""; } .fa-vr-cardboard:before { content: ""; } .fa-vuejs:before { content: ""; } .fa-walking:before { content: ""; } .fa-wallet:before { content: ""; } .fa-warehouse:before { content: ""; } .fa-watchman-monitoring:before { content: ""; } .fa-water:before { content: ""; } .fa-wave-square:before { content: ""; } .fa-waze:before { content: ""; } .fa-weebly:before { content: ""; } .fa-weibo:before { content: ""; } .fa-weight:before { content: ""; } .fa-weight-hanging:before { content: ""; } .fa-weixin:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-whatsapp-square:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-whmcs:before { content: ""; } .fa-wifi:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-wind:before { content: ""; } .fa-window-close:before { content: ""; } .fa-window-maximize:before { content: ""; } .fa-window-minimize:before { content: ""; } .fa-window-restore:before { content: ""; } .fa-windows:before { content: ""; } .fa-wine-bottle:before { content: ""; } .fa-wine-glass:before { content: ""; } .fa-wine-glass-alt:before { content: ""; } .fa-wix:before { content: ""; } .fa-wizards-of-the-coast:before { content: ""; } .fa-wodu:before { content: ""; } .fa-wolf-pack-battalion:before { content: ""; } .fa-won-sign:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-wordpress-simple:before { content: ""; } .fa-wpbeginner:before { content: ""; } .fa-wpexplorer:before { content: ""; } .fa-wpforms:before { content: ""; } .fa-wpressr:before { content: ""; } .fa-wrench:before { content: ""; } .fa-x-ray:before { content: ""; } .fa-xbox:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-y-combinator:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-yammer:before { content: ""; } .fa-yandex:before { content: ""; } .fa-yandex-international:before { content: ""; } .fa-yarn:before { content: ""; } .fa-yelp:before { content: ""; } .fa-yen-sign:before { content: ""; } .fa-yin-yang:before { content: ""; } .fa-yoast:before { content: ""; } .fa-youtube:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-zhihu:before { content: ""; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .fab { font-family: "Font Awesome 5 Brands"; } .fab, .far { font-weight: 400; } .fa, .far, .fas { font-family: "Font Awesome 5 Free"; } .fa, .fas { font-weight: 900; } /*! Theme Name: Insur Theme URI: https://bracketweb.com/insurwp Author: LayerDrops Author URI: https://themeforest.net/user/layerdrops Description: Insur is a very modern and creative Insurance Company WordPress Theme. It is specially designed for the insurance, car insurance, health insurance, life insurance, insurance agency, agents, finance, loan and all insurance company related any business website. Version: 1.4 Tested up to: 5.8 Requires PHP: 5.6 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: insur Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned. insur is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments # Templates - Common - Navigations One - Navigations Two - Animations - Zoom Fade Css - Mobile Nav - Search Popup - Banner One - Main Slider Two - Welcome One - Counter One - We Change - We Make - Services One - Portfolio One - Brand One - Testimonials Two - Two Boxes - Video One - Reasons One - Blog One - CTA One - Site Footer - Areas Of Practice - Build Business - Web Solutions - Team One - Watch Video - Core Features - Blog Two - Google Map - Get In Touch - CTA Two - Portfolio Two - Page Header - Service Details - Blog Sidebar - Sidebar - Blog Details - Comments - Portfolio Page - Portfolio Details - Similar Work - Portfolio Details Full - Reasons - Error Page - Contact Page - Contact Page Google Map --------------------------------------------------------------*/ :root { --insur-font: "DM Sans", sans-serif; --insur-reey-font: "reeyregular"; --insur-gray: #696e77; --insur-gray-rgb: 105, 110, 119; --insur-white: #fff; --insur-white-rgb: 255, 255, 255; --insur-primary: #0ce0ff; --insur-primary-rgb: 12, 224, 255; --insur-black: #16243d; --insur-black-rgb: 22, 36, 61; --insur-base: #015fc9; --insur-base-rgb: 1, 95, 201; --insur-extra: #f2f5f9; --insur-extra-rgb: 242, 245, 249; --insur-bdr-color: #e0e4e8; --insur-bdr-color-rgb: 224, 228, 232; --insur-bdr-radius: 10px; --insur-letter-spacing: -.02em; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: var(--insur-gray, #696e77); font-family: var(--insur-font, "DM Sans", sans-serif); font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 500; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted var(--insur-gray, #696e77); cursor: help; } mark, ins { background: var(--insur-bdr-color, #e0e4e8); text-decoration: none; } big { font-size: 125%; } b, strong { color: var(--insur-black); } /* Elements --------------------------------------------- */ body { background: #fff; } hr { background-color: var(--insur-bdr-color, #e0e4e8); border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 .5em 3em; padding-left: 1em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; } table { margin: 0 0 1.5em; width: 100%; } table { margin: 0 0 1.5em; width: 100%; max-width: 100%; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } 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; vertical-align: middle; border: 1px solid var(--insur-bdr-color, #e0e4e8); border-top: 1px solid var(--insur-bdr-color, #e0e4e8); font-size: 16px; } 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; vertical-align: middle; border: 1px solid var(--insur-bdr-color, #e0e4e8); border-top: 1px solid var(--insur-bdr-color, #e0e4e8); font-size: 16px; } /* Links --------------------------------------------- */ a { color: var(--insur-black); } a:hover, a:focus, a:active { color: var(--insur-base); } a:focus { outline: none; } a:hover, a:active { outline: none; } /* Forms --------------------------------------------- */ button, input[type=button], input[type=reset], input[type=submit] { border: 1px solid; border-color: var(--insur-bdr-color, #e0e4e8) var(--insur-bdr-color, #e0e4e8) var(--insur-bdr-color, #e0e4e8); background: var(--insur-bdr-color, #e0e4e8); color: rgba(0, 0, 0, .8); line-height: 1; padding: .6em 1em .4em; } button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover { border-color: var(--insur-bdr-color, #e0e4e8) var(--insur-bdr-color, #e0e4e8) var(--insur-bdr-color, #e0e4e8); } button:active, button:focus, input[type=button]:active, input[type=button]:focus, input[type=reset]:active, input[type=reset]:focus, input[type=submit]:active, input[type=submit]:focus { border-color: var(--insur-bdr-color, #e0e4e8) var(--insur-bdr-color, #e0e4e8) var(--insur-bdr-color, #e0e4e8); } .wp-block-button:not(.wp-block-button.align-left) { margin-bottom: 20px; } .blog-details__content .wp-block-button a:hover { background-color: var(--insur-base, #015fc9); border-color: var(--insur-base, #015fc9); color: var(--insur-white, #fff); } .blog-details__content .wp-block-button a { transition: all 500ms ease; } .blog-details__content .wp-block-button.is-style-squared a { border-radius: 0; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: var(--insur-gray, #696e77); border: 1px solid var(--insur-bdr-color, #e0e4e8); border-radius: 0px; padding: 3px; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=range]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, textarea:focus { color: var(--insur-gray, #696e77); } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } select { border: 1px solid var(--insur-bdr-color, #e0e4e8); } textarea { width: 100%; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%; } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .post, .page { margin: 0 0 0em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comments-area { position: relative; } .comments-area .comment-list { margin: 0; padding: 0; list-style: none; } .comments-area .comment-list ul.children { margin: 0; list-style: none; padding-left: 3em; } @media (max-width: 575px) { .comments-area .comment-list ul.children { padding-left: 1em; } } .comments-area .comment-box { position: relative; margin-bottom: 60px; padding-bottom: 52px; border-bottom: 1px solid var(--insur-bdr-color, #e0e4e8); } .comments-area .comment { position: relative; min-height: 90px; } .comments-area .comment-box .author-thumb { position: absolute; left: 0px; top: 0px; width: 90px; height: 90px; border-radius: 50%; margin-bottom: 20px; overflow: hidden; } .comments-area .comment-box .author-thumb img { width: 90px; height: 90px; display: block; border-radius: 50%; } .comments-area .comment-box .info { position: relative; margin-bottom: 25px; line-height: 24px; } .comments-area .comment-box .info .name { position: relative; display: block; font-size: 24px; line-height: 30px; font-weight: 800; color: var(--insur-black, #16243d); text-transform: uppercase; } .comments-area .comment-box .info .date { position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 600; color: var(--insur-primary, #0ce0ff); } .comments-area .comment-box .text { position: relative; display: block; color: var(--insur-gray, #696e77); font-weight: 300; line-height: 1.5em; letter-spacing: .1em; margin-bottom: 30px; } .comments-area .comment-box .reply-btn { position: relative; display: block; } .comments-area .comment-box .theme-btn .btn-title { padding: 6px 30px 4px; line-height: 30px; } .comments-area .comment-body .says { display: none; } .comments-area .comment-body { position: relative; padding-left: 120px; margin-bottom: 60px; padding-bottom: 52px; border-bottom: 1px solid var(--insur-bdr-color, #e0e4e8); } @media (max-width: 767px) { .comments-area .comment-body { padding-left: 0; } } .comments-area .pingback .comment-body, .comments-area .trackback .comment-body { padding-left: 0; } .comments-area .comment-body .avatar { position: absolute; top: 0; left: 0; border-radius: 50%; } @media (max-width: 767px) { .comments-area .comment-body .avatar { position: relative; margin-bottom: 30px; } } .comments-area .fn a, .comments-area .fn { position: relative; display: block; font-size: 20px; line-height: 30px; font-weight: 700; color: var(--insur-black, #16243d); text-decoration: none; font-family: var(--insur-font, "DM Sans", sans-serif); } .comments-area .comment-body .comment-metadata { margin-bottom: 25px; } .comments-area .comment-body .comment-metadata a { position: relative; display: inline-block; font-size: 14px; line-height: 26px; font-weight: 700; color: var(--insur-base, #015fc9); text-decoration: none; } .comments-area .comment-body .comment-metadata a:hover { color: var(--insur-black, #16243d); } .comments-area .comment-body .comment-metadata .edit-link a::before { content: "."; margin-left: 8px; margin-right: 10px; } .comments-area .comment-content p { position: relative; display: block; color: var(--insur-gray, #696e77); font-weight: 300; font-weight: 400; line-height: 1.5em; line-height: 2em; margin-bottom: 1.5em; font-size: 16px; font-family: var(--insur-font, "DM Sans", sans-serif); letter-spacing: 0; } .comments-area .comment-content table a { color: var(--insur-primary, #0ce0ff); text-decoration: none; } .comments-area .comment-content table a { color: var(--insur-black, #16243d); } .comments-area .comment-content table a:hover { color: var(--insur-primary, #0ce0ff); } .comments-area .comment-content p:last-of-type { margin-bottom: 0; } .comments-area .reply a { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none !important; background-color: var(--insur-extra); color: var(--insur-gray); font-size: 14px; font-weight: 500; padding: 5px 30px; transition: all .3s linear; overflow: hidden; z-index: 1; font-family: var(--insur-font-two); border-radius: var(--insur-bdr-radius); margin-top: 30px; } .comments-area .reply a:hover { background-color: var(--insur-black); color: var(--insur-white); } @media (min-width: 992px) { .comments-area .reply a { margin-top: 0; position: absolute; top: 0; right: 0; } } .comments-area .blog-pagination a, .comments-area .blog-pagination span { margin-bottom: 40px; } .comment-respond .blog-details__content-title { margin-bottom: 50px; } .reply-form .logged-in-as { display: flex; flex-wrap: wrap; color: var(--insur-base, #015fc9); margin-left: -10px; margin-top: -42px; margin-bottom: 25px; } .reply-form .logged-in-as .required-field-message { margin-left: 10px; } @media (max-width: 450px) { .reply-form .logged-in-as .required-field-message { margin-left: 10px; } } .reply-form .logged-in-as a { text-decoration: none; margin-left: 10px; margin-right: 0px; margin-bottom: 2px; } .comment-form__title small { font-size: 20px; } .comment-form__title small a { text-decoration: none; text-decoration: underline; color: var(--insur-base, #015fc9); } .comment-form__title small a:hover { color: var(--insur-black, #16243d); opacity: .5; } .comment-list .comment-respond { margin-bottom: 30px; } .reply-form .form-submit { margin-bottom: 0; } .comment-list .reply-form .form-submit { margin-bottom: 30px; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } .sidebar .widget ul, .sidebar__single ul { margin-left: 0; padding-left: 0; list-style: none; } .sidebar .widget ul ul, .sidebar__single ul ul { padding-left: .5em; margin-top: 10px; } .widget-area .widget h2, .widget .sidebar__title { font-size: 20px; margin-bottom: 30px; font-weight: 700; } .sidebar .widget select, .sidebar__single select { width: 100%; height: 70px; background-color: var(--insur-white, #fff); border: 1px solid var(--insur-bdr-color, #e0e4e8); outline: none; color: var(--insur-gray, #696e77); font-size: 16px; font-weight: 400; padding-left: 30px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: var(--insur-font, "DM Sans", sans-serif); background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; border-radius: var(--insur-bdr-radius, 10px); } .sidebar .widget select.nitro-lazy, .sidebar__single select.nitro-lazy { background-image: none !important; } .sidebar .widget, .sidebar__single { position: relative; display: block; padding: 50px 50px 50px; background-color: var(--insur-extra); border-radius: 10px; } .sidebar .widget ul li, .sidebar__single ul li { position: relative; } .sidebar .widget ul li::after, .sidebar__single ul li::after { font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; position: absolute; top: 0px; right: 0; } .sidebar .widget.widget_rss, .sidebar__single.widget_rss { padding-bottom: 40px; } .sidebar .widget.widget_rss ul, .sidebar__single.widget_rss ul { list-style: none; } .sidebar .widget.widget_rss ul li, .sidebar__single.widget_rss ul li { position: relative; } .sidebar .widget.widget_rss ul li ::after, .sidebar__single.widget_rss ul li ::after { content: ""; } .sidebar .widget.widget_rss ul li + li, .sidebar__single.widget_rss ul li + li { margin-top: 10px; } .sidebar .widget.widget_rss li .rsswidget, .sidebar__single.widget_rss li .rsswidget { color: var(--insur-black, #16243d); line-height: 1.5em; font-weight: 500; font-size: 18px; display: block; font-family: var(--insur-font, "DM Sans", sans-serif); } .sidebar .widget p, .sidebar__single p, .sidebar__single p, .sidebar__single.widget_rss li .rssSummary { font-size: 16px; line-height: 32px; } .sidebar .widget.widget_rss li .rss-date, .sidebar__single.widget_rss li .rss-date { display: flex; align-items: center; color: var(--insur-gray, #696e77); font-size: 14px; font-weight: 500; margin-top: 12px; margin-bottom: 10px; line-height: 1; text-transform: capitalize; } .sidebar .widget.widget_rss li .rssSummary, .sidebar__single.widget_rss li .rssSummary { font-size: 16px; line-height: 2em; } .sidebar .widget.widget_rss li .rss-date::before, .sidebar__single.widget_rss li .rss-date::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 400; font-size: 14px; color: var(--insur-base, #015fc9); margin-right: 10px; } .sidebar .widget.widget_rss cite, .sidebar__single.widget_rss cite { color: var(--insur-black, #16243d); font-size: 14px; } .sidebar .widget .tagcloud, .sidebar .widget .wp-block-tag-cloud, .sidebar__single .tagcloud { margin-bottom: -10px; display: flex; flex-wrap: wrap; margin-left: -10px; } .sidebar .widget .tagcloud a, .sidebar .widget .wp-block-tag-cloud a, .sidebar__single .tagcloud a, .sidebar__single .wp-block-tag-cloud a { font-size: 14px !important; color: var(--insur-gray); text-transform: capitalize; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--insur-white); display: inline-block; padding: 7px 19px 7px; line-height: 26px; margin-left: 10px; font-weight: 500; border-radius: var(--insur-bdr-radius); margin-bottom: 10px; } .sidebar .widget .tagcloud a:hover, .sidebar .widget .wp-block-tag-cloud a:hover, .sidebar__single .tagcloud a:hover, .sidebar__single .wp-block-tag-cloud a:hover { color: var(--insur-white, #fff); background: var(--insur-base, #015fc9); } .sidebar .widget .wp-block-search input[type=search], .sidebar__single .wp-block-search input[type=search] { background-color: var(--insur-white, #fff); height: 70px; font-weight: 400; padding-left: 25px; padding-right: 15px; padding-top: 0; padding-bottom: 0; border-radius: 0; } .sidebar .widget .wp-block-search .wp-block-search__button, .sidebar__single .wp-block-search .wp-block-search__button { padding: 15px 20px; text-transform: uppercase; color: var(--insur-white, #fff); background-color: var(--insur-black, #16243d); line-height: 1; fill: var(--insur-white, #fff); border-radius: 0; margin-left: 0; transition: all 500ms ease; } .sidebar__single .wp-block-search .wp-block-search__inside-wrapper { padding-top: 0; padding-bottom: 0px; } .sidebar .widget .wp-block-search .wp-block-search__button:hover, .sidebar__single .wp-block-search .wp-block-search__button:hover { background-color: var(--insur-base, #015fc9); color: var(--insur-white, #fff); fill: var(--insur-white, #fff); } .sidebar .widget:last-child, .sidebar__single.widget:last-child { margin-bottom: 0; } .wp-calendar-table { margin-bottom: 0; } .wp-calendar-table th, .wp-calendar-table td { text-align: center; } .wp-calendar-table caption { padding: 0; text-align: center; color: var(--insur-black, #16243d); padding-top: 5px; padding-bottom: 5px; } .wp-calendar-nav { line-height: 1; display: flex; justify-content: space-between; align-items: center; } .wp-calendar-nav a { color: var(--insur-black, #16243d); transition: all 500ms ease; } .wp-calendar-nav a:hover { color: var(--insur-primary, #0ce0ff); } .sidebar .widget .calendar_wrap .wp-calendar-table thead th, .sidebar__single .calendar_wrap .wp-calendar-table thead th { text-align: center; color: var(--insur-white, #fff); font-weight: 400; font-size: 18px; border: none; background-color: var(--insur-black, #16243d); } .sidebar .widget .calendar_wrap .wp-calendar-table thead th:first-child, .sidebar__single .calendar_wrap .wp-calendar-table thead th:first-child { border-top-left-radius: var(--insur-bdr-radius, 10px); } .sidebar .widget .calendar_wrap .wp-calendar-table thead th:last-child, .sidebar__single .calendar_wrap .wp-calendar-table thead th:last-child { border-top-right-radius: var(--insur-bdr-radius, 10px); } .wp-block-calendar .wp-calendar-table caption { padding-bottom: 0; line-height: 1; text-align: center; font-size: 18px; margin-top: 10px; } .wp-block-calendar .wp-calendar-nav { margin-bottom: 0px; display: flex; justify-content: space-between; align-items: center; } .wp-block-calendar .wp-calendar-nav a { text-decoration: none; line-height: 1; color: var(--insur-black, #16243d); text-transform: uppercase; font-weight: 400; transition: all 500ms ease; } .sidebar .widget ul, .sidebar__single ul { list-style: none; } .sidebar .widget .widget-title, .sidebar__single .widget-title { display: flex; align-items: center; } .sidebar .widget .widget-title .rss-widget-icon, .sidebar__single .widget-title .rss-widget-icon { position: relative; top: -2px; margin-right: 5px; } .sidebar .widget .widget-title a, .sidebar__single .widget-title a { color: inherit; transition: all 500ms ease; } .sidebar .widget .widget-title a:hover, .sidebar__single .widget-title a:hover { color: var(--insur-primary, #0ce0ff); } .sidebar .widget.widget_categories > ul, .sidebar .widget.widget_nav_menu > ul, .sidebar .widget.widget_meta > ul, .sidebar .widget.widget_pages > ul, .sidebar .widget.widget_archive > ul, .sidebar__single.widget_categories > ul, .sidebar__single.widget_nav_menu > ul, .sidebar__single.widget_meta > ul, .sidebar__single.widget_pages > ul, .sidebar__single.widget_archive > ul { margin-top: -8px; padding-left: 0; } .sidebar .widget.widget_categories > ul ul, .sidebar .widget.widget_nav_menu > ul ul, .sidebar .widget.widget_meta > ul ul, .sidebar .widget.widget_pages > ul ul, .sidebar .widget.widget_archive > ul ul, .sidebar__single.widget_categories > ul ul, .sidebar__single.widget_nav_menu > ul ul, .sidebar__single.widget_meta > ul ul, .sidebar__single.widget_pages > ul ul, .sidebar__single.widget_archive > ul ul { margin-top: 10px; padding-left: .7em; } .sidebar .widget.widget_categories li, .sidebar .widget.widget_nav_menu li, .sidebar .widget.widget_meta li, .sidebar .widget.widget_pages li, .sidebar .widget.widget_archive li, .sidebar__single.widget_categories li, .sidebar__single.widget_nav_menu li, .sidebar__single.widget_meta li, .sidebar__single.widget_pages li, .sidebar__single.widget_archive li { font-size: 16px; font-weight: 500; } .sidebar .widget.widget_categories li + li, .sidebar .widget.widget_nav_menu li + li, .sidebar .widget.widget_meta li + li, .sidebar .widget.widget_pages li + li, .sidebar .widget.widget_archive li + li, .sidebar__single.widget_categories li + li, .sidebar__single.widget_nav_menu li + li, .sidebar__single.widget_meta li + li, .sidebar__single.widget_pages li + li, .sidebar__single.widget_archive li + li { margin-top: 10px; } .sidebar .widget.widget_recent_entries ul, .sidebar .widget.widget_recent_comments ul, .sidebar__single.widget_recent_entries ul, .sidebar__single.widget_recent_comments ul { padding: 0; } .sidebar .widget.widget_recent_entries ul li ::after, .sidebar .widget.widget_recent_comments ul li ::after, .sidebar__single.widget_recent_entries ul li ::after, .sidebar__single.widget_recent_comments ul li ::after { display: none; } .sidebar .widget.widget_recent_entries ul li, .sidebar .widget.widget_recent_comments ul li, .sidebar__single.widget_recent_entries ul li, .sidebar__single.widget_recent_comments ul li { padding-left: 65px; font-size: 16px; margin: 0; line-height: 26px; color: var(--insur-gray, #696e77); } .sidebar .widget.widget_recent_entries ul li + li, .sidebar .widget.widget_recent_comments ul li + li, .sidebar__single.widget_recent_entries ul li + li, .sidebar__single.widget_recent_comments ul li + li { margin-top: 23px; } .sidebar .widget.widget_recent_entries ul li a, .sidebar .widget.widget_recent_comments ul li a, .sidebar__single.widget_recent_entries ul li a, .sidebar__single.widget_recent_comments ul li a { color: inherit; transition: all 500ms ease; } .sidebar .widget.widget_recent_entries ul li a:hover, .sidebar .widget.widget_recent_comments ul li a:hover, .sidebar__single.widget_recent_entries ul li a:hover, .sidebar__single.widget_recent_comments ul li a:hover { color: var(--insur-black, #16243d); } .sidebar .widget.widget_recent_entries ul li::before, .sidebar .widget.widget_recent_comments ul li::before, .sidebar__single.widget_recent_entries ul li::before, .sidebar__single.widget_recent_comments ul li::before { height: 45px; width: 45px; background-color: var(--insur-white, rgba(255, 255, 255, 0)); border-radius: 50%; font-size: 15px; display: flex; align-items: center; justify-content: center; position: absolute; top: 4px; left: 0; transition: all .4s ease; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; color: var(--insur-black, #16243d); } .sidebar .widget.widget_recent_entries ul:hover::before, .sidebar .widget.widget_recent_comments ul:hover::before, .sidebar__single.widget_recent_entries ul:hover::before, .sidebar__single.widget_recent_comments ul:hover::before { background-color: var(--insur-primary, #0ce0ff); color: var(--insur-white, #fff); } .sidebar .widget.widget_recent_entries li, .sidebar__single.widget_recent_entries li { min-height: 45px; display: flex; align-items: center; } .sidebar .widget.widget_recent_entries ul li::before, .sidebar__single.widget_recent_entries ul li::before { content: ""; } .sidebar .widget.widget_rss ul, .sidebar__single.widget_rss ul { padding: 0; margin-top: -10px; } .sidebar .widget.recent-posts-widget-with-thumbnails, .sidebar__single.recent-posts-widget-with-thumbnails { padding-bottom: 45px; } .sidebar .widget.recent-posts-widget-with-thumbnails ul, .sidebar__single.recent-posts-widget-with-thumbnails ul { margin: -20px !important; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li ::after, .sidebar__single.recent-posts-widget-with-thumbnails ul li ::after { display: none; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li, .sidebar__single.recent-posts-widget-with-thumbnails ul li { display: flex; flex-direction: column-reverse; position: relative; position: relative; padding: 20px; padding-left: 105px; transition: all 500ms ease; border-radius: var(--insur-bdr-radius, 10px); padding-bottom: 20px; margin: 0; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li:hover, .sidebar__single.recent-posts-widget-with-thumbnails ul li:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); background-color: #fff; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li img, .sidebar__single.recent-posts-widget-with-thumbnails ul li img { margin: 0; position: absolute; top: 21px; left: 20px; width: 70px !important; height: auto !important; background-color: var(--insur-black, #16243d); border-radius: 10px; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date::before { content: ""; font-weight: 400; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--insur-primary, #0ce0ff); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author::before, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author::before { content: ""; font-weight: 400; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--insur-base, #015fc9); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title { color: var(--insur-black, #16243d); transition: all 500ms ease; margin-top: 3px; display: block; font-family: var(--insur-font-two); font-weight: 700; font-size: 16px; line-height: 26px; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-title:hover { color: var(--insur-base); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-author { font-size: 14px; font-weight: 500; color: var(--insur-gray) !important; margin-top: -6px; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-date { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: var(--insur-gray, #696e77); line-height: 1em; } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: var(--insur-gray, #696e77); } .sidebar .widget.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before, .sidebar__single.recent-posts-widget-with-thumbnails ul li .rpwwt-post-comments-number::before { content: ""; font-weight: 400; font-family: "Font Awesome 5 Free"; margin-right: 5px; color: var(--insur-primary, #3c72fc); font-size: 12px; } .news-one .blog-pagination { justify-content: center; margin-top: 30px; } .sidebar .widget .wp-block-categories, .sidebar__single .wp-block-categories { padding-left: 0; } .sidebar__single .wp-block-archives.wp-block-archives-list { margin-bottom: 0; } .sidebar .widget .sidebar__single .wp-block-tag-cloud { margin-bottom: -10px; } .sidebar .widget .sidebar__single .wp-block-latest-comments__comment-meta { font-size: 16px; line-height: 26px; font-weight: 500; color: var(--insur-gray, #696e77); } .sidebar .widget .sidebar__single .wp-block-categories { margin-top: -8px; margin-bottom: -8px; } .sidebar .widget .sidebar__single .wp-block-categories li + li { margin-top: 5px; } .sidebar .widget .sidebar__single ul li { font-size: 16px; font-weight: 500; } .sidebar .widget .sidebar__single ul li a { transition: all 500ms ease; } .sidebar .widget .sidebar__single ul li a:hover { color: var(--insur-black); text-shadow: 0 0 1px currentColor; } .sidebar .widget .sidebar__single.recent-posts-widget-with-thumbnails { padding-bottom: 45px; } .sidebar .widget .sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li { margin-bottom: 0; } .sidebar .widget .sidebar__single .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li + li { margin-top: 20px; } .widget_nav_menu ul.menu { margin-top: -10px; margin-bottom: -6px; } .widget_recent_entries > ul { margin-top: -7px; } .sidebar .widget #recentcomments, .sidebar__single #recentcomments { margin-top: -5px; } .sidebar .widget.widget_recent_comments ul li:hover::before, .sidebar__single.widget_recent_comments ul li:hover::before { background-color: var(--insur-primary, #0ce0ff); color: var(--insur-white, #fff); } .sidebar .widget input[type=email], .sidebar .widget input[type=search], .sidebar .widget input[type=password], .sidebar .widget input[type=text] { width: 100%; display: block; height: 68px; background-color: #fff; border: 1px solid var(--insur-bdr-color, #e0e4e8); padding-left: 30px; padding-right: 30px; color: var(--insur-gray, #696e77); outline: none; font-size: 16px; } .sidebar .widget .textwidget > p:first-child { margin-top: -10px; } .sidebar .widget .wp-block-tag-cloud { margin-bottom: -10px; margin-left: -10px; } .sidebar .widget .wp-block-tag-cloud a { font-size: 14px !important; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--insur-white); display: inline-block; padding: 7px 19px 7px; line-height: 26px; margin-left: 5px; font-weight: 500; border-radius: var(--insur-bdr-radius); } .sidebar .widget .wp-block-tag-cloud a:hover { color: var(--insur-white); background: var(--insur-base); } .sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 0 solid var(--insur-black, #16243d); border-radius: var(--insur-bdr-radius, 10px); } .sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { border-radius: var(--insur-bdr-radius, 10px); border-top-right-radius: 0; border-bottom-right-radius: 0; } .sidebar .widget .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { border-radius: var(--insur-bdr-radius, 10px); border-top-left-radius: 0; border-bottom-left-radius: 0; } .sidebar .widget .wp-calendar-table td { padding: 3px 0px; font-size: 14px; } .sidebar .widget .wp-block-calendar thead th { background-color: var(--insur-black, #16243d); color: #fff; border: none; font-weight: 400; } .sidebar .widget .wp-block-calendar thead th:first-child { border-top-left-radius: var(--insur-bdr-radius, 10px); } .sidebar .widget .wp-block-calendar thead th:last-child { border-top-right-radius: var(--insur-bdr-radius, 10px); } .sidebar .widget .wp-calendar-table td { color: var(--insur-black, #16243d); } .sidebar .widget .wp-block-archives { margin-top: -10px; margin-bottom: -10px; } .sidebar .widget .wp-block-archives li + li { margin-top: 10px; } .sidebar .widget .wp-block-archives li a::after { display: none; } .sidebar .widget .wp-block-categories-dropdown, .sidebar .widget .wp-block-archives-dropdown { margin-bottom: 0; } .sidebar .widget .wp-block-calendar .wp-calendar-table caption { padding-top: 3px; padding-bottom: 15px; color: var(--insur-black, #16243d); font-weight: 500; } .sidebar .widget .wp-block-calendar .wp-calendar-nav a { text-transform: capitalize; font-weight: 500; } .sidebar .widget .wp-block-latest-comments__comment-meta { font-family: var(--insur-font, "DM Sans", sans-serif); color: var(--insur-black, #16243d); font-size: 20px; font-weight: 500; line-height: 1.5em; } .sidebar .widget .wp-block-latest-comments__comment-meta a:hover { color: var(--insur-base, #015fc9); } .sidebar .widget .wp-block-latest-comments__comment-date { display: flex; align-items: center; font-size: 14px; font-weight: 400; font-family: var(--insur-font, "DM Sans", sans-serif); text-transform: capitalize; } .sidebar .widget .wp-block-latest-comments__comment-date::before { content: ""; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--insur-base, #015fc9); } .sidebar .widget .has-avatar .wp-block-latest-comments__comment-date { margin-left: 5px; } .sidebar .widget .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .sidebar .widget .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .sidebar .widget .has-excerpts.wp-block-latest-comments { margin-bottom: -7px; } .sidebar .widget .wp-block-latest-posts__list li a::after { display: none; } .sidebar .widget .wp-block-latest-posts__list li ::after { display: none; } .sidebar .widget .wp-block-latest-posts__list.has-dates li { padding-left: 0; display: flex; flex-wrap: wrap; } .sidebar .widget .wp-block-latest-posts__list.has-dates li::before { display: none; } .sidebar .widget .wp-block-latest-posts__list.has-dates li a::after { display: none; } .sidebar .widget .wp-block-latest-posts__list { margin-bottom: -8px; } .sidebar .widget .wp-block-latest-posts__list li > a, .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { flex: 0 0 100%; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt { font-weight: 400; margin-bottom: 0; color: var(--insur-gray, #696e77); font-size: 16px; line-height: 32px; } .sidebar .widget .wp-block-latest-posts__list li + li { margin-top: 10px; } .sidebar .widget .wp-block-latest-posts__list li > a { font-family: var(--insur-font, "DM Sans", sans-serif); color: var(--insur-black, #16243d) !important; font-weight: 500; font-size: 18px; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author { margin-right: 5px; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author::before { color: var(--insur-base, #015fc9); font-weight: 400; font-family: "Font Awesome 5 Free"; content: ""; margin-right: 5px; } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date::before { content: ""; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--insur-base, #015fc9); } .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-author, .sidebar .widget .wp-block-latest-posts__list .wp-block-latest-posts__post-date { font-weight: 400; font-size: 14px; color: var(--insur-gray, #696e77); } .sidebar .widget .wp-block-archives-list, .sidebar .widget .wp-block-categories-list, .sidebar .widget .wp-block-page-list { margin-top: -10px; margin-bottom: -7px; } .sidebar .widget .wp-block-archives-list li, .sidebar .widget .wp-block-categories-list li, .sidebar .widget .wp-block-page-list li { font-size: 16px; font-weight: 500; } .sidebar .widget .wp-block-archives-list li a, .sidebar .widget .wp-block-categories-list li a, .sidebar .widget .wp-block-page-list li a { transition: all 500ms ease; } .sidebar .widget .wp-block-archives-list li a:hover, .sidebar .widget .wp-block-categories-list li a:hover, .sidebar .widget .wp-block-page-list li a:hover { color: var(--insur-black); text-shadow: 0 0 1px currentColor; } .sidebar .widget .wp-block-archives-list li + li, .sidebar .widget .wp-block-categories-list li + li, .sidebar .widget .wp-block-page-list li + li { margin-top: 10px; } .sidebar .widget .wp-block-rss__item { margin-bottom: -10px; padding-left: 0; display: flex; flex-wrap: wrap; } .sidebar .widget .wp-block-rss__item::before { display: none; } .sidebar .widget .wp-block-rss__item a::after { display: none; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title, .sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { flex: 0 0 100%; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title, .sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { flex: 0 0 100%; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-excerpt { font-weight: 400; margin-bottom: 0; color: var(--insur-gray, #696e77); font-size: 16px; line-height: 2em; } .sidebar .widget .wp-block-rss__item li + li { margin-top: 15px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title { font-family: var(--insur-font, "DM Sans", sans-serif); color: var(--insur-black, #16243d); font-weight: 500; font-size: 20px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-title::after { display: none; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-right: 5px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author::before { color: var(--insur-base, #015fc9); font-weight: 400; font-family: "Font Awesome 5 Free"; content: ""; margin-right: 5px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date::before { content: ""; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-weight: 400; color: var(--insur-base, #015fc9); } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author, .sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date { font-weight: 400; font-size: 14px; text-transform: capitalize; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-left: 10px; } .sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .sidebar .widget .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin-left: 60px; } .sidebar .widget #loginform { margin-top: -10px; } .sidebar .widget #loginform input[type=text], .sidebar .widget #loginform input[type=password] { margin-bottom: 10px; } .sidebar .widget #loginform p { margin: 0; } .sidebar .widget #loginform input[type=checkbox] { border: 1px solid var(--insur-bdr-color, #e0e4e8); width: 15px; height: 15px; margin-right: 5px; } .sidebar .widget #loginform .login-submit .button { padding: 25px 39px; color: #fff; color: var(--insur-white); font-size: 16px; font-size: 16px; background-color: var(--insur-black, #16243d); background-color: var(--insur-black, #16243d); text-transform: uppercase; text-transform: uppercase; font-family: var(--insur-font, "DM Sans", sans-serif); font-family: var(--insur-font-two); transition: all 500ms ease; position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; outline: none !important; border-color: var(--insur-black, #16243d); font-weight: 600; z-index: 1; letter-spacing: .1em; border-radius: var(--insur-bdr-radius); } .sidebar .widget #loginform .login-submit .button:hover { color: #fff; background-color: var(--insur-primary, #0ce0ff); border-color: var(--insur-black, #16243d); } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta { font-family: var(--insur-font, "DM Sans", sans-serif); font-size: 16px; color: var(--insur-gray, #696e77) !important; font-weight: 500; text-transform: capitalize; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a { color: inherit; transition: all 500ms ease; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a:hover { color: var(--insur-primary, #0ce0ff); } .sidebar .widget.widget_recent_entries li::after, .sidebar .widget.widget_recent_comments li::after, .sidebar .widget.widget_rss li::after { display: none; } .sidebar .widget .wp-block-rss li::after { display: none; } .sidebar .widget .wp-block-rss { margin-top: -10px; margin-bottom: -7px; } .sidebar .widget .wp-block-loginout { margin-top: -10px; margin-bottom: -7px; } .sidebar .widget .wp-block-latest-posts__list { margin-top: -10px; } .sidebar .widget .wp-block-latest-posts__list li::after { display: none; } .sidebar .widget .has-dates.has-excerpts.wp-block-latest-comments { margin-top: -10px; } .sidebar .widget .wp-block-latest-comments .avatar, .sidebar .widget .wp-block-latest-comments__comment-avatar { position: relative; top: 4px; } .sidebar .widget .has-avatars.has-dates.has-excerpts.wp-block-latest-comments { margin-top: -8px; } .sidebar .widget .wp-block-social-links li::after, .sidebar .widget .wp-block-archives-list li::after { display: none; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) { margin-top: -6px; margin-bottom: -5px; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta { font-family: var(--insur-font, "DM Sans", sans-serif); font-size: 15px; line-height: 26px; color: var(--insur-gray, #696e77) !important; text-transform: capitalize; font-weight: 500 !important; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a { color: inherit; } .sidebar .widget .wp-block-latest-comments:not(.has-dates):not(.has-author) .wp-block-latest-comments__comment-meta a:hover { color: var(--insur-primary, #0ce0ff); } .sidebar .widget .rpwwt-widget li::after { display: none; } .sidebar .widget .wp-block-search:not(.wp-block-search__button-inside) .wp-block-search__inside-wrapper { border-radius: var(--insur-bdr-radius, 10px); overflow: hidden; border: 1px solid var(--insur-bdr-color, #e0e4e8); } .sidebar .widget .wp-block-search:not(.wp-block-search__button-inside) .wp-block-search__inside-wrapper input[type=search] { border: none; } .sidebar .widget input[type=search]::placeholder, .sidebar .sidebar__search-form button[type=submit] { color: var(--insur-gray, #81808c); font-weight: normal; } .sidebar .widget.widget_archive > ul, .sidebar .widget.widget_categories > ul, .sidebar .widget.widget_meta > ul, .sidebar .widget #recentcomments { margin-bottom: -5px; } .sidebar .widget.widget_recent_entries ul { margin-bottom: 5px; } .widget.widget_archive ul li::after { content: ""; } .sidebar .widget .wp-block-categories-list li + li, .sidebar .widget .wp-block-page-list li + li, .sidebar .widget.widget_categories li + li, .sidebar .widget.widget_archive li + li { margin-top: 18px; } .sidebar .widget.widget_pages li + li, .sidebar .widget.widget_nav_menu li + li, .sidebar .widget.widget_meta li + li { margin-top: 18px; } .sidebar .widget.widget_nav_menu ul ul { margin-top: 18px; } .sidebar .widget ul.wp-block-categories-list ul, .widget.widget_categories ul ul.children { margin-top: 18px; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-publish-date { margin: 10px 0; } .sidebar .widget .wp-block-rss__item .wp-block-rss__item-author { margin-top: 10px; margin-bottom: 10px; } /* Media --------------------------------------------- */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /* Captions --------------------------------------------- */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*=wp-image-] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: .8075em 0; } .wp-caption-text { text-align: center; } /* Galleries --------------------------------------------- */ .gallery { margin-bottom: 1.5em; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6); clip: auto !important; clip-path: none; color: var(--insur-primary, #0ce0ff); display: block; font-size: .875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /* Custom Animations --------------------------------------------- */ @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .rotate-me { animation-name: rotateme; animation-duration: 24s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 24s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 24s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 24s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 24s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } @keyframes float-bob { 0% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-100px); transform: translateX(-100px); } } .float-bob { animation-name: float-bob; animation-duration: 7s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float-bob; -webkit-animation-duration: 7s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 7s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 7s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 7s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } /*** ============================================= circle Css ============================================= ***/ @-webkit-keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } @keyframes circle { 0% { opacity: 1; } 40% { opacity: 1; } 100% { width: 200%; height: 200%; opacity: 0; } } /*** ============================================= Zoom Fade Css ============================================= ***/ .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { -webkit-transform: scale(.9); transform: scale(.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(.9); transform: scale(.9); } } @keyframes zoom-fade { 0% { -webkit-transform: scale(.9); transform: scale(.9); } 50% { -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(.9); transform: scale(.9); } } /*** ============================================= Zoom In Out Css ============================================= ***/ .zoominout { animation-name: zoomInOut; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; -webkit-animation-name: zoomInOut; -webkit-animation-duration: 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -moz-animation-name: zoomInOut; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease-in-out; -ms-animation-name: zoomInOut; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: ease-in-out; -o-animation-name: zoomInOut; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: ease-in-out; } @keyframes zoomInOut { 0% { -webkit-transform: rotate(0deg) scale(.7); transform: rotate(0deg) scale(.7); opacity: 0; } 50% { -webkit-transform: rotate(180deg) scale(1); transform: rotate(180deg) scale(1); opacity: 1; } 100% { -webkit-transform: rotate(360deg) scale(.7); transform: rotate(360deg) scale(.7); opacity: 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse2 { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse2 { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } @keyframes banner-animate { 0% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(-1000px); transform: translateX(-1000px); } } .banner-animate { animation-name: banner-animate; animation-duration: 70s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: banner-animate; -webkit-animation-duration: 70s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: banner-animate; -moz-animation-duration: 70s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: banner-animate; -ms-animation-duration: 70s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: banner-animate; -o-animation-duration: 70s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } @keyframes ripple { 70% { box-shadow: 0 0 0 40px rgba(10, 165, 205, 0); } 100% { box-shadow: 0 0 0 0 rgba(10, 165, 205, 0); } } /*** ============================================= Animation1 Css ============================================= ***/ @-webkit-keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes animation1 { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } /*** ============================================= Animation2 Css ============================================= ***/ @keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-moz-keyframes animation2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes animation2 { 0% { -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes animation2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @-webkit-keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @keyframes bgSlideReverse { 0% { background-position: 0 0; } 20% { background-position: 100px 0; } 40% { background-position: 200px 0; } 60% { background-position: 150px 0; } 80% { background-position: 100px 0; } 100% { background-position: 0px 0; } } @-webkit-keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @keyframes ribbonRotate { 0%, 100% { -webkit-transform: rotate(0); transform: rotate(0); } 25%, 75% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 50% { -webkit-transform: rotate(30deg); transform: rotate(30deg); } } @-webkit-keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @keyframes footerFish { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(20px) translateY(30px) rotate(25deg); transform: translateX(20px) translateY(30px) rotate(25deg); } 50% { -webkit-transform: translateX(40px) translateY(60px) rotate(45deg); transform: translateX(40px) translateY(60px) rotate(45deg); } } @-webkit-keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } @keyframes contactSwimmer { 0%, 100% { -webkit-transform: translateX(0) translateY(0) rotate(0); transform: translateX(0) translateY(0) rotate(0); } 25%, 75% { -webkit-transform: translateX(15px) translateY(20px) rotate(10deg); transform: translateX(15px) translateY(20px) rotate(10deg); } 50% { -webkit-transform: translateX(60px) translateY(35px) rotate(15deg); transform: translateX(60px) translateY(35px) rotate(15deg); } } /*** ============================================= Float Bob Y Animation Css ============================================= ***/ @-webkit-keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } @keyframes float-bob-y { 0% { transform: translateY(-20px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(-20px); } } .float-bob-y { -webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @-webkit-keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } @keyframes footerTree { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } .footertree { -webkit-animation: footerTree 5s ease-in infinite; animation: footerTree 5s ease-in infinite; } @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } } @-moz-keyframes service_hexagon_2 { 0% { -moz-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -moz-transform: rotateY(360deg); transform: rotateY(360deg); } } @-o-keyframes service_hexagon_2 { 0% { -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes service_hexagon_2 { 0% { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } 100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } } @keyframes bgSlide { 0% { background-position: 0 0; } 20% { background-position: -100px 0; } 40% { background-position: -200px 0; } 60% { background-position: -150px 0; } 80% { background-position: -100px 0; } 100% { background-position: 0px 0; } } @keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-moz-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } @-o-keyframes rotateScale { from { transform: rotate(0deg) scale(1); } to { transform: rotate(360deg); } } .rotatescale { -webkit-animation-name: rotateScale; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateScale; -moz-animation-duration: 20s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateScale; -ms-animation-duration: 20s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rotateScale; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } /*-------------------------------------------------------------- # Animations --------------------------------------------------------------*/ @-webkit-keyframes bubbleMover { 0% { transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0px) translateX(0) rotate(0); transform-origin: center center; } } @keyframes bubbleMover { 0% { transform: translateY(0px) translateX(0) rotate(0); } 30% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: center center; } 50% { transform: translateY(50px) translateX(100px) rotate(45deg); transform-origin: right bottom; } 80% { transform: translateY(30px) translateX(50px) rotate(15deg); transform-origin: left top; } 100% { transform: translateY(0px) translateX(0) rotate(0); transform-origin: center center; } } @-webkit-keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @keyframes shapeMover { 0%, 100% { transform: perspective(400px) translateY(0) rotate(0deg) translateZ(0px) translateX(0); } 50% { transform: perspective(400px) rotate(0deg) translateZ(20px) translateY(20px) translateX(20px); } } @-webkit-keyframes banner3Shake { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 5deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 5deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); } } @keyframes banner3Shake { 0% { transform: rotate3d(0, 1, 0, 0deg); } 30% { transform: rotate3d(0, 0, 1, 5deg); } 60% { transform: rotate3d(1, 0, 0, 0deg); } 80% { transform: rotate3d(0, 0, 1, 5deg); } 100% { transform: rotate3d(0, 1, 0, 0deg); } } @-webkit-keyframes squareMover { 0%, 100% { transform: translate(0, 0) rotate(0); } 20%, 60% { transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { transform: translate(40px, 60px) rotate(0deg); } } @keyframes squareMover { 0%, 100% { transform: translate(0, 0) rotate(0); } 20%, 60% { transform: translate(20px, 40px) rotate(180deg); } 30%, 80% { transform: translate(40px, 60px) rotate(0deg); } } @-webkit-keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); } } @keyframes treeMove { 0%, 100% { transform: rotate(0deg) translateX(0); } 25%, 75% { transform: rotate(5deg) translateX(15px); } 50% { transform: rotate(10deg) translateX(30px); } } /*-------------------------------------------------------------- # Zoom Fade Css --------------------------------------------------------------*/ .zoom-fade { animation-name: zoom-fade; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: zoom-fade; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: zoom-fade; -moz-animation-duration: 5s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: zoom-fade; -ms-animation-duration: 5s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: zoom-fade; -o-animation-duration: 5s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes zoom-fade { 0% { transform: scale(.9); } 50% { transform: scale(1); } 100% { transform: scale(.9); } } @keyframes zoom-fade { 0% { transform: scale(.9); } 50% { transform: scale(1); } 100% { transform: scale(.9); } } /* custom animations */ @keyframes btnIconMove { 0% { transform: rotate(0deg) translate(0px, 0px); } 50% { transform: rotate(20deg) translate(10px, 0px); } 100% { transform: rotate(0deg) translate(0px, 0px); } } @keyframes ImgBounce { 0% { transform: translateY(0); } 25% { transform: translateY(5px); } 50% { transform: translateY(10px); } 75% { transform: translateY(5px); } 100% { transform: translateY(0px); } } /** squares **/ @keyframes squares { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-moz-keyframes squares { 0% { -moz-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -moz-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -moz-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @-o-keyframes squares { 0% { -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } @keyframes squares { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 0; } 20% { -webkit-transform: scale(1.24); -moz-transform: scale(1.24); -o-transform: scale(1.24); transform: scale(1.24); opacity: 1; } 100% { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); transform: scale(2.1); opacity: 0; } } /* Templates --------------------------------------------- */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Utility # Cards # Common # Form # Navigations # Animations # Mobile Nav # Search Popup # Page Header # Google Map # Client Carousel --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Common --------------------------------------------------------------*/ .row { --bs-gutter-x: 30px; } .gutter-y-30 { --bs-gutter-y: 30px; } body { font-family: var(--insur-font); color: var(--insur-gray); font-size: 16px; line-height: 26px; font-weight: 400; direction: ltr; } body.locked { overflow: hidden; } a { color: var(--insur-gray); } a, a:hover, a:focus, a:visited { text-decoration: none; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } h1, h2, h3, h4, h5, h6 { color: var(--insur-black); margin: 0; } p { margin: 0; } dl, ol, ul { margin-top: 0; margin-bottom: 0; } .ml-0 { margin-left: 0; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .page-wrapper { position: relative; margin: 0 auto; width: 100%; min-width: 300px; overflow: hidden; } .container { padding-left: 15px; padding-right: 15px; } @media (min-width: 1200px) { .container { max-width: 1200px; } } .list-unstyled { padding-left: 0; list-style: none; } .nice-select .list { margin-left: 0; } ::-webkit-input-placeholder { color: inherit; opacity: 1; } :-ms-input-placeholder { color: inherit; opacity: 1; } ::-ms-input-placeholder { color: inherit; opacity: 1; } ::placeholder { color: inherit; opacity: 1; } .insur-icon-svg svg { width: 1em; height: 1em; fill: currentColor; color: currentColor; border-color: currentColor; z-index: 99; } .section-separator { border-color: var(--insur-border); border-width: 1px; margin-top: 0; margin-bottom: 0; } #particles-js { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-position: 50% 50%; opacity: .4; z-index: -1; } /*-------------------------------------------------------------- # Custom Cursor --------------------------------------------------------------*/ .custom-cursor__cursor { width: 25px; height: 25px; border-radius: 100%; border: 1px solid var(--insur-base, #a47c68); -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; position: fixed; pointer-events: none; left: 0; top: 0; -webkit-transform: translate(calc(-50% + 5px), -50%); transform: translate(calc(-50% + 5px), -50%); z-index: 999991; } .custom-cursor__cursor-two { width: 10px; height: 10px; border-radius: 100%; background-color: var(--insur-base); opacity: .3; position: fixed; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; -webkit-transition: width .3s, height .3s, opacity .3s; transition: width .3s, height .3s, opacity .3s; z-index: 999991; } .custom-cursor__hover { background-color: var(--insur-base); opacity: .4; } .custom-cursor__innerhover { width: 25px; height: 25px; opacity: .4; } .thm-btn { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; background-color: var(--insur-base); color: var(--insur-white); font-size: 16px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); border-radius: var(--insur-bdr-radius); padding: 17px 40px 17px; transition: all .5s linear; overflow: hidden; z-index: 1; } .thm-btn:hover { color: var(--insur-white); } .thm-btn:before { position: absolute; content: ""; background-color: var(--insur-transparent); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); z-index: -1; } .thm-btn:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform .4s cubic-bezier(.1, 0, .3, 1); } .thm-btn:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--insur-black); transform: translate3d(0, -100%, 0); transition: transform .4s cubic-bezier(.1, 0, .3, 1); z-index: -1; } .thm-btn:hover::after { transform: translate3d(0, 0, 0); transition-duration: .05s; transition-delay: .4s; transition-timing-function: linear; } .section-title { position: relative; display: block; margin-top: -7px; margin-bottom: 48px; } .section-sub-title-box { position: relative; display: inline-block; margin-left: 40px; } .section-sub-title { font-size: 16px; color: var(--insur-black); font-weight: 700; line-height: 26px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 3px; } .section-title-shape-1 { position: absolute; top: -1px; left: -40px; } .section-title-shape-1 img { width: auto; } .section-title-shape-2 { position: absolute; top: -1px; right: -39px; } .section-title-shape-2 img { width: auto; } .section-title__title { margin: 0; color: var(--insur-black); font-size: 45px; line-height: 55px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .bootstrap-select .btn-light:not(:disabled):not(.disabled).active, .bootstrap-select .btn-light:not(:disabled):not(.disabled):active, .bootstrap-select .show > .btn-light.dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; outline: none !important; } .bootstrap-select > .dropdown-toggle { -webkit-box-shadow: none !important; box-shadow: none !important; } .bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle { outline: none !important; } .bootstrap-select .dropdown-menu { border: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; z-index: 991; border-radius: 0; } .bootstrap-select .dropdown-menu > li + li > a { border-top: 1px solid rgba(255, 255, 255, .2); } .bootstrap-select .dropdown-menu > li.selected > a { background: var(--insur-primary); color: #fff; } .bootstrap-select .dropdown-menu > li > a { font-size: 16px; font-weight: 500; padding: 4px 20px; color: #fff; background: var(--insur-base); -webkit-transition: all .4s ease; transition: all .4s ease; } .bootstrap-select .dropdown-menu > li > a:hover { background: var(--insur-white); color: var(--insur-base); cursor: pointer; } .preloader { position: fixed; background-color: #fff; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .preloader__image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-image: url("https://bancamutual.com/wp-content/themes/images/loader.png"); background-repeat: no-repeat; background-position: center center; background-size: 60px auto; width: 100%; height: 100%; } .preloader__image.nitro-lazy { background-image: none !important; } /* scroll to top */ .scroll-to-top { display: inline-block; display: none; width: 45px; height: 45px; background: var(--insur-base); position: fixed; bottom: 40px; right: 40px; z-index: 99; text-align: center; -webkit-transition: all .4s ease; transition: all .4s ease; transition: all .4s ease; border-radius: 50%; } .scroll-to-top i { color: #fff; font-size: 18px; line-height: 45px; } .scroll-to-top:hover { background-color: var(--insur-base); } .scroll-to-top:hover i { color: #fff; } /*-------------------------------------------------------------- # Navigations One --------------------------------------------------------------*/ .main-header { position: relative; position: relative; display: block; width: 100%; background: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 99; } .main-header__top { position: relative; display: block; background-color: var(--insur-black); padding: 7px 0; } .main-header__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .main-header__top-address { position: relative; display: block; } .main-header__top-address-list { position: relative; display: flex; align-items: center; } .main-header__top-address-list li { position: relative; display: flex; align-items: center; } .main-header__top-address-list li + li { margin-left: 30px; } .main-header__top-address-list li .icon { position: relative; display: flex; align-items: center; } .main-header__top-address-list li .icon span { font-size: 13px; color: var(--insur-base); } .main-header__top-address-list li .text { margin-left: 10px; } .main-header__top-address-list li .text p { font-size: 13px; color: #97a2b7; line-height: 15px; letter-spacing: var(--insur-letter-spacing); } .main-header__top-address-list li .text p a { color: #97a2b7; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header__top-address-list li .text p a:hover { color: #fff; } .main-header__top-right { position: relative; display: flex; align-items: center; } .main-header__top-menu-box { position: relative; display: block; } .main-header__top-menu { position: relative; display: flex; align-items: center; } .main-header__top-menu li + li { margin-left: 20px; } .main-header__top-menu li a { font-size: 13px; color: #97a2b7; display: flex; align-items: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header__top-menu li a:hover { color: #fff; } .main-header__top-social-box { margin-left: 40px; } .main-header__top-social { position: relative; display: flex; align-items: center; } .main-header__top-social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header__top-social a:hover { color: var(--insur-base); } .main-header__top-social a + a { margin-left: 25px; } .main-menu { position: relative; display: block; } .main-menu__wrapper { position: relative; display: block; } .main-menu__wrapper-inner { display: block; padding: 30px 0; } .main-menu__left { display: block; float: left; } .main-menu__logo { float: left; display: block; padding: 11.2px 0px; margin-right: 45px; } .main-menu__logo a > img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .main-menu__main-menu-box { display: flex; float: left; align-items: center; background-color: var(--insur-extra); padding-left: 30px; border-radius: var(--insur-bdr-radius); } .main-menu__main-menu-box-inner { display: block; } .main-menu__main-menu-box-search-get-quote-btn { display: flex; align-items: center; padding-left: 50px; } .main-menu__main-menu-box-search { position: relative; display: flex; align-items: center; margin-right: 20px; } .main-menu__main-menu-box-search:before { position: absolute; top: -5px; bottom: -5px; content: ""; left: -20px; width: 1px; background-color: var(--insur-bdr-color); } .main-menu__search { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__search:hover { color: var(--insur-base); } .main-menu__main-menu-box-get-quote-btn { font-size: 14px; padding: 12px 30px 12px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .main-menu__right { position: relative; display: block; float: right; } .main-menu__call { position: relative; display: flex; align-items: center; } .main-menu__call-icon { position: relative; height: 50px; width: 50px; border: 2px solid var(--insur-bdr-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-primary); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__call-icon:hover { background-color: var(--insur-base); border: 2px solid var(--insur-base); color: var(--insur-white); } .main-menu__call-content { position: relative; margin-left: 10px; top: -2px; } .main-menu__call-content a { font-size: 16px; font-weight: 700; color: var(--insur-black); display: inline-block; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu__call-content a:hover { color: var(--insur-base); } .main-menu__call-content p { font-size: 14px; letter-spacing: var(--insur-letter-spacing); line-height: 16px; } .main-menu .main-menu__list, .main-menu .main-menu__list > li > ul, .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { margin: 0; padding: 0; list-style-type: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } @media (min-width: 1200px) { .main-menu .main-menu__list, .main-menu .main-menu__list > li > ul, .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-menu .main-menu__list > li, .stricky-header .main-menu__list > li { padding-top: 12px; padding-bottom: 12px; position: relative; } .main-menu .main-menu__list > li + li, .stricky-header .main-menu__list > li + li { margin-left: 40px; } .main-menu .main-menu__list > li > a, .stricky-header .main-menu__list > li > a { font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; font-weight: 500; } .main-menu .main-menu__list > li > a::before, .stricky-header .main-menu__list > li > a::before { content: ""; position: absolute; bottom: -12px; left: 50%; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 4px solid var(--insur-base); transform: translateX(-50%); opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu .main-menu__list > li.current-menu-ancestor > a::before, .main-menu .main-menu__list > li.current_page_item > a::before, .main-menu .main-menu__list > li.current-menu-item > a::before, .main-menu .main-menu__list > li.current-menu-parent > a::before, .main-menu .main-menu__list > li:hover > a::before, .stricky-header .main-menu__list > li.current > a::before, .stricky-header .main-menu__list > li.current-menu-ancestor > a::before, .stricky-header .main-menu__list > li.current_page_item > a::before, .stricky-header .main-menu__list > li.current-menu-item > a::before, .stricky-header .main-menu__list > li.current-menu-parent > a::before, .stricky-header .main-menu__list > li:hover > a::before { opacity: 1; } .main-menu .main-menu__list > li.current > a, .main-menu .main-menu__list > li:hover > a, .stricky-header .main-menu__list > li.current > a, .stricky-header .main-menu__list > li:hover > a { color: var(--insur-black); } .main-menu .main-menu__list > li > ul, .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { position: absolute; top: 100%; left: 0; min-width: 250px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; opacity: 0; visibility: hidden; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scaleY(0) translateZ(100px); transform: scaleY(0) translateZ(100px); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; z-index: 99; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); border-radius: var(--insur-bdr-radius); padding: 31px 20px 31px; } .main-menu .main-menu__list > li > ul > li > ul > li > ul, .stricky-header .main-menu__list > li > ul > li > ul > li > ul { display: none; } .main-menu .main-menu__list > li:not(.megamenu-clickable.megamenu-clickable--toggler):hover > ul, .main-menu .main-menu__list > li > ul > li:not(.megamenu-clickable.megamenu-clickable--toggler):hover > ul, .stricky-header .main-menu__list > li:not(.megamenu-clickable.megamenu-clickable--toggler):hover > ul, .stricky-header .main-menu__list > li > ul > li:not(.megamenu-clickable.megamenu-clickable--toggler):hover > ul { opacity: 1; visibility: visible; -webkit-transform: scaleY(1) translateZ(0px); transform: scaleY(1) translateZ(0px); } .main-menu .main-menu__list > li > ul > li, .main-menu .main-menu__list > li > ul > li > ul > li, .stricky-header .main-menu__list > li > ul > li, .stricky-header .main-menu__list > li > ul > li > ul > li { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; position: relative; } .main-menu .main-menu__list > li > ul > li + li, .main-menu .main-menu__list > li > ul > li > ul > li + li, .stricky-header .main-menu__list > li > ul > li + li, .stricky-header .main-menu__list > li > ul > li > ul > li + li { border-top: none; margin-top: 10px; } .main-menu .main-menu__list > li > ul > li > a, .main-menu .main-menu__list > li > ul > li > ul > li > a, .stricky-header .main-menu__list > li > ul > li > a, .stricky-header .main-menu__list > li > ul > li > ul > li > a { position: relative; font-size: 16px; line-height: 30px; color: var(--insur-gray); letter-spacing: 0; letter-spacing: var(--insur-letter-spacing); font-weight: 500; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 4px 20px 3px; -webkit-transition: 500ms; transition: 500ms; background-color: var(--insur-white); border-radius: var(--insur-bdr-radius); } .main-menu .main-menu__list > li > ul > li:hover > a, .main-menu .main-menu__list > li > ul > li > ul > li:hover > a, .stricky-header .main-menu__list > li > ul > li:hover > a, .stricky-header .main-menu__list > li > ul > li > ul > li:hover > a { background-color: var(--insur-extra); color: var(--insur-black); } .main-menu .main-menu__list > li > ul > li > a::before, .main-menu .main-menu__list > li > ul > li > ul > li > a::before, .stricky-header .main-menu__list > li > ul > li > a::before, .stricky-header .main-menu__list > li > ul > li > ul > li > a::before { position: absolute; top: 50%; right: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: ""; font-size: 14px; color: var(--insur-base); transform: translateY(-50%) scale(0); -webkit-transition: 500ms; transition: 500ms; } .main-menu .main-menu__list > li > ul > li:hover > a::before, .main-menu .main-menu__list > li > ul > li > ul > li:hover > a::before, .stricky-header .main-menu__list > li > ul > li:hover > a::before, .stricky-header .main-menu__list > li > ul > li > ul > li:hover > a::before { transform: translateY(-50%) scale(1); } .main-menu .main-menu__list > li > ul > li > ul, .stricky-header .main-menu__list > li > ul > li > ul { top: 0; left: 100%; } .default .main-menu .main-menu__list > li > ul > li > ul, .default .stricky-header .main-menu__list > li > ul > li > ul { top: -31px !important; left: 109%; } .main-menu .main-menu__list li ul li > ul.right-align, .stricky-header .main-menu__list li ul li > ul.right-align { top: 0; left: auto; right: 100%; } .main-menu-three__main-menu-box .main-menu__list > .megamenu, .main-menu-two__main-menu-box .main-menu__list > .megamenu, .main-menu__wrapper .main-menu__list > .megamenu { position: static; } .main-menu-three__main-menu-box .main-menu__list > .megamenu > ul, .main-menu-two__main-menu-box .main-menu__list > .megamenu > ul, .main-menu__wrapper .main-menu__list > .megamenu > ul { top: 100% !important; left: 0 !important; right: 0 !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .main-menu-three__main-menu-box .main-menu__list > .megamenu > ul > li, .main-menu-two__main-menu-box .main-menu__list > .megamenu > ul > li, .main-menu__wrapper .main-menu__list > .megamenu > ul > li { padding: 0 !important; } .stricky-header { position: fixed; z-index: 991; top: 0; left: 0; background-color: #fff; width: 100%; visibility: hidden; -webkit-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, visibility 500ms ease; transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); } @media (max-width: 1199px) { .stricky-header { display: none !important; } } .stricky-header.stricky-fixed { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } .stricky-header .main-menu__inner { -webkit-box-shadow: none; box-shadow: none; padding-right: 0; max-width: 1170px; width: 100%; margin: 0 auto; } .mobile-nav__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; margin-right: 10px; } @media (min-width: 1200px) { .mobile-nav__buttons { display: none; } } .mobile-nav__buttons a { font-size: 20px; color: var(--insur-base); cursor: pointer; } .mobile-nav__buttons a + a { margin-left: 10px; } .mobile-nav__buttons a:hover { color: var(--insur-base); } .main-menu .mobile-nav__toggler { font-size: 20px; color: var(--insur-white); cursor: pointer; -webkit-transition: 500ms; transition: 500ms; } .main-menu .mobile-nav__toggler:hover { color: var(--insur-primary); } @media (min-width: 1200px) { .main-menu .mobile-nav__toggler { display: none; } } /*-------------------------------------------------------------- # Mobile Nav --------------------------------------------------------------*/ .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 999; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; visibility: hidden; } .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; } .mobile-nav__wrapper.expanded { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .5; cursor: pointer; } .mobile-nav__content { width: 300px; background-color: var(--insur-black); z-index: 10; position: relative; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 15px; padding-right: 15px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms; } .mobile-nav__container .home-showcase { margin: 0; } .mobile-nav__container .home-showcase .container { padding: 0; } .mobile-nav__content .logo-box { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-nav__close { position: absolute; top: 20px; right: 15px; font-size: 18px; color: var(--insur-white); cursor: pointer; } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list > li > ul, .mobile-nav__content .main-menu__list > li > ul > li > ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list > li > ul, .mobile-nav__content .main-menu__list > li > ul > li > ul { display: none; border-top: 1px solid rgba(255, 255, 255, .1); margin-left: .5em; } .mobile-nav__content .main-menu__list > li:not(:last-child), .mobile-nav__content .main-menu__list > li > ul > li:not(:last-child), .mobile-nav__content .main-menu__list > li > ul > li > ul > li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, .1); } .mobile-nav__content .main-menu__list > li > a > .main-menu-border { display: none !important; } .mobile-nav__content .main-menu__list > li > a, .mobile-nav__content .main-menu__list > li > ul > li > a, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 30px; color: #fff; font-size: 14px; font-family: var(--insur-font, "Rubik", sans-serif); font-weight: 500; height: 46px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__content .main-menu__list > li > a.expanded .mobile-nav__content .main-menu__list > li > ul > li > a.expanded .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a.expanded { color: var(--insur-base); } .mobile-nav__content .main-menu__list > li > a > button, .mobile-nav__content .main-menu__list > li > ul > li > a > button, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a > button { width: 30px; height: 30px; background-color: var(--insur-primary); border: none; outline: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; padding: 0; } .mobile-nav__content .main-menu__list > li > a > button.expanded, .mobile-nav__content .main-menu__list > li > ul > li > a > button.expanded, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a > button.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); background-color: #fff; color: var(--insur-base); } /* no menu after 2rd level dropdown */ .mobile-nav__content .main-menu__list > li > ul > li > ul > li > a > button, .mobile-nav__content .main-menu__list > li > ul > li > ul > li > ul { display: none !important; } .mobile-nav__content .main-menu__list li.cart-btn span { position: relative; top: auto; right: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .mobile-nav__content .main-menu__list li.cart-btn i { font-size: 16px; } .mobile-nav__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .mobile-nav__top .main-menu__login a { color: var(--insur-text-dark); } .mobile-nav__container { border-top: 1px solid rgba(255, 255, 255, .1); border-bottom: 1px solid rgba(255, 255, 255, .1); } .mobile-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__social a { font-size: 16px; color: var(--insur-white); -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__social a + a { margin-left: 30px; } .mobile-nav__social a:hover { color: var(--insur-primary); } .mobile-nav__contact { margin-bottom: 0; margin-bottom: 20px; margin-top: 20px; } .mobile-nav__contact li { color: var(--insur-text-dark); font-size: 14px; font-weight: 500; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__contact li + li { margin-top: 15px; } .mobile-nav__contact li a { color: #fff; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__contact li a:hover { color: var(--insur-primary); } .mobile-nav__contact li > i { width: 30px; height: 30px; border-radius: 50%; background-color: var(--insur-primary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; font-size: 11px; margin-right: 10px; color: #fff; } .mobile-nav__container .main-logo, .mobile-nav__container .topbar__buttons, .mobile-nav__container .main-menu__language, .mobile-nav__container .main-menu__login { display: none; } /*-------------------------------------------------------------- # Home Showcase --------------------------------------------------------------*/ .home-showcase { margin-top: -31px; margin-bottom: -31px; } .home-showcase__inner { background-color: #fff; padding: 40px 40px 34px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); border-radius: var(--insur-bdr-radius); } .home-showcase .row { --bs-gutter-x: 42px; --bs-gutter-y: 20px; } .home-showcase__image { position: relative; background-color: var(--insur-base); overflow: hidden; border-radius: 10px; } .home-showcase__image > img { width: 100%; border-radius: 10px; -webkit-transition: 500ms ease; transition: 500ms ease; -webkit-transform: scale(1); transform: scale(1); } .home-showcase__image:hover > img { opacity: .75; } .home-showcase__image:hover .home-showcase__buttons { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; } .home-showcase__buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transform: scale(1, 0); transform: scale(1, 0); opacity: 0; visibility: hidden; -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: 500ms ease; transition: 500ms ease; } .home-showcase__buttons__item { padding: 10px 20px; width: 150px; text-align: center; } .home-showcase__buttons__item + .home-showcase__buttons__item { margin-top: 10px; } .home-showcase__title { margin: 0; text-align: center; font-size: 18px; font-weight: 700; color: var(--insur-black); margin-top: 16px; } .mobile-nav__wrapper .home-showcase .row [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .mobile-nav__wrapper .home-showcase__inner { padding: 15px 0px; background-color: rgba(0, 0, 0, 0); } .mobile-nav__wrapper .home-showcase__title { color: var(--insur-white, #fff); } /*-------------------------------------------------------------- # Navigations Two --------------------------------------------------------------*/ .main-header-two { width: 100%; background: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 99; position: relative; } .main-header-two__top { position: relative; display: block; background-color: transparent; } .main-header-two__logo a > img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .main-header-two__top-social-box { position: relative; display: block; background-color: #fff; padding: 7px 0; z-index: 1; } .main-header-two__top-social-box-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .main-header-two__top-social-text { font-size: 13px; letter-spacing: var(--insur-letter-spacing); } .main-header-two__top-social-text i { color: var(--insur-base); } .main-header-two__top-social-text span { color: var(--insur-black); font-weight: 700; } .main-header-two__top-menu-social-box { position: relative; display: flex; align-items: center; } .main-header-two__top-menu-box { position: relative; display: block; } .main-header-two__top-menu { position: relative; display: flex; align-items: center; } .main-header-two__top-menu li + li { margin-left: 20px; } .main-header-two__top-menu li a { position: relative; display: flex; font-size: 13px; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-two__top-menu li a:hover { color: var(--insur-base); } .main-header-two__top-social { position: relative; display: flex; align-items: center; margin-left: 40px; } .main-header-two__top-social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-two__top-social a:hover { color: var(--insur-base); } .main-header-two__top-social a + a { margin-left: 25px; } .main-header-two__top-details { position: relative; display: block; padding: 29px 0 64px; background-color: #16243d; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); } .main-header-two__top-details-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .main-header-two__top-details-list { position: relative; display: flex; align-items: center; justify-content: flex-end; } .main-header-two__top-details-list li { position: relative; display: flex; align-items: center; } .main-header-two__top-details-list li + li { margin-left: 40px; } .main-header-two__top-details-list li .icon { position: relative; display: flex; align-items: center; } .main-header-two__top-details-list li .icon span { position: relative; display: flex; align-items: center; font-size: 39px; background: #01c8f8; background: linear-gradient(90deg, rgba(var(--insur-primary-rgb, 12, 224, 255), .8407738095) 35%, rgba(var(--insur-base-rgb, 1, 95, 201), .8099614846) 71%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .main-header-two__top-details-list li .text { margin-left: 20px; } .main-header-two__top-details-list li .text h5 { font-size: 16px; font-weight: 700; color: var(--insur-white); line-height: 24px; letter-spacing: var(--insur-letter-spacing); } .main-header-two__top-details-list li .text p { font-size: 16px; color: #97a2b7; line-height: 24px; letter-spacing: var(--insur-letter-spacing); } .main-header-two__top-details-list li .text p a { color: #97a2b7; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-two__top-details-list li .text p a:hover { color: var(--insur-primary); } .main-menu-two { margin-top: -35px; } .main-menu-two__wrapper { position: relative; display: block; } .main-menu-two__wrapper-inner { display: block; background-color: var(--insur-white); padding-left: 40px; border-radius: var(--insur-bdr-radius); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); } .main-menu-two__left { display: block; float: left; } .main-menu-two__main-menu-box { display: block; } .main-menu-two__right { position: relative; display: block; float: right; } .main-menu-two__search-box-get-quote { position: relative; display: flex; align-items: center; } .main-menu-two__search-box { position: relative; display: flex; align-items: center; margin-right: 30px; padding: 25px 0; } .main-menu-two__search-box:before { position: absolute; top: 20px; left: -20px; bottom: 20px; content: ""; width: 1px; background-color: var(--insur-bdr-color); } .main-menu-two__search { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-two__search:hover { color: var(--insur-base); } .main-menu-two__get-quote-btn { padding-top: 22px; padding-bottom: 22px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .main-menu-two .main-menu__list > li, .stricky-header.main-menu-two .main-menu__list > li { padding-top: 22px; padding-bottom: 22px; } .stricky-header.main-menu-two { margin-top: 0; } .stricky-header .main-menu-two__wrapper-inner { display: block; background-color: var(--insur-white); padding-left: 0px; border-radius: 0; box-shadow: none; } .stricky-header .main-menu-two__get-quote-btn { border-radius: 0; } .main-menu-two .main-menu__list > li > ul, .main-menu-two .main-menu__list > li > ul > li > ul, .stricky-header.main-menu-two .main-menu__list > li > ul, .stricky-header.main-menu-two .main-menu__list > li > ul > li > ul { top: 100%; } .main-menu-two .main-menu__list > li > a::before, .stricky-header.main-menu-two .main-menu__list > li > a::before { display: none; } /*-------------------------------------------------------------- # Navigations Three --------------------------------------------------------------*/ .main-header-three { position: relative; display: block; } .main-menu-three__wrapper { position: relative; display: block; } .main-menu-three__wrapper-inner { display: block; } .main-menu-three__left { display: block; float: left; } .default .main-menu-three__left { display: flex; justify-content: space-between; } .default .main-menu-three__left { float: unset; } .main-menu-three__logo { display: block; float: left; padding: 41px 0; padding-right: 170px; } .main-menu-three__logo a > img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .default .main-menu-three__logo { padding: 25px 0; display: flex; align-items: center; } .default .main-menu-three__logo h1 { text-transform: capitalize; font-weight: 700; font-size: 35px; display: flex; align-items: center; } .main-menu-three__main-menu-box { display: block; float: left; } .main-menu-three__right { display: block; float: right; } .main-menu-three__search-get-quote-btn { position: relative; display: flex; align-items: center; padding: 30px 0; } .main-menu-three__search-box { position: relative; display: flex; align-items: center; margin-right: 20px; padding: 15px 0; } .main-menu-three__search-box:before { position: absolute; top: 10px; left: -20px; bottom: 10px; content: ""; width: 1px; background-color: var(--insur-bdr-color); } .main-menu-three__search { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-three__search:hover { color: var(--insur-base); } .main-menu-three__get-quote-btn { font-size: 14px; padding: 12px 30px 12px; } .main-menu-three .main-menu__list > li, .stricky-header.main-menu-three .main-menu__list > li { padding-top: 42px; padding-bottom: 42px; } .main-menu-three .main-menu__list > li + li, .stricky-header.main-menu-three .main-menu__list > li + li { margin-left: 50px; } .main-menu-three .main-menu__list > li > ul, .main-menu-three .main-menu__list > li > ul > li > ul, .stricky-header.main-menu-three .main-menu__list > li > ul, .stricky-header.main-menu-three .main-menu__list > li > ul > li > ul { top: 100%; } .main-menu-three .main-menu__list > li > a::before, .stricky-header.main-menu-three .main-menu__list > li > a::before { display: none; } /*-------------------------------------------------------------- # Search Popup --------------------------------------------------------------*/ .search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; padding-left: 20px; padding-right: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transform: translateY(-110%); transform: translateY(-110%); -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, opacity 500ms ease; transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease; } .search-popup.active { -webkit-transform: translateY(0%); transform: translateY(0%); } .search-popup__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .9; cursor: pointer; } .search-popup__content { width: 100%; max-width: 560px; } .search-popup__content form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: #fff; border-radius: 10px; overflow: hidden; } .search-popup__content form input[type=search], .search-popup__content form input[type=text] { width: 100%; background-color: #fff; font-size: 16px; border: none; outline: none; height: 66px; padding-left: 30px; } .search-popup__content .thm-btn { padding: 0; width: 68px; height: 68px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: absolute; top: 0; right: -1px; border-radius: 0; background-color: var(--insur-base); border: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .search-popup__content .thm-btn:hover { background-color: var(--insur-black); } .search-popup__content .thm-btn:before, .search-popup__content .thm-btn:after { display: none; } /*-------------------------------------------------------------- # Main Slider --------------------------------------------------------------*/ .main-slider { position: relative; display: block; z-index: 91; } .main-slider .swiper-slide { position: relative; background-color: var(--insur-extra); } .main-slider .container { position: relative; padding-top: 134px; padding-bottom: 115px; z-index: 30; } .main-slider .image-layer { position: absolute; top: 0; right: 0; bottom: 0; width: 63%; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; z-index: 1; } .main-slider .swiper-slide-active .image-layer { -webkit-transform: scale(1.15); transform: scale(1.15); } .main-slider .image-layer:before { position: absolute; left: -1px; top: 0px; bottom: 0; width: 535px; content: ""; background-image: -moz-linear-gradient(0deg, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); background-image: -webkit-linear-gradient(0deg, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); background-image: -ms-linear-gradient(0deg, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); z-index: -1; } .main-slider-shape-1 { position: absolute; top: 0; bottom: 0; left: 0; mix-blend-mode: luminosity; opacity: .2; z-index: -1; } .main-slider-shape-1 img { width: auto; } .main-slider__content { position: relative; display: block; text-align: left; } .main-slider__title { position: relative; font-size: 80px; color: var(--insur-black); font-weight: 400; line-height: 80px; letter-spacing: -.04em; margin-bottom: 29px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider__title span { color: var(--insur-base); font-weight: 700; } .main-slider__title:before { position: absolute; top: -22px; left: 5px; height: 13px; width: 324px; content: ""; background-image: linear-gradient(90deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); border-radius: 6.5px; } .main-slider__text { font-size: 18px; color: var(--insur-gray); font-weight: 400; letter-spacing: var(--insur-letter-spacing); line-height: 30px; padding-bottom: 41px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider__btn-box { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider .swiper-slide-active .main-slider__title, .main-slider .swiper-slide-active .main-slider__text, .main-slider .swiper-slide-active .main-slider__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider__nav { position: absolute; top: 50%; left: 120px; z-index: 100; transform: translateY(-50%) translateX(0); display: flex; align-items: flex-end; flex-direction: column; } .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgba(var(--insur-black-rgb), .2); border: 2px solid rgba(var(--insur-black-rgb), .2); border-radius: 50%; margin: 0; text-align: center; transition: all 500ms ease; } .main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { color: rgba(var(--insur-black-rgb), 1); border: 2px solid rgba(var(--insur-black-rgb), 1); } .main-slider__nav .swiper-button-next::after, .main-slider__nav .swiper-button-prev::after { display: none; } .main-slider__nav .swiper-button-prev { margin-bottom: 10px; } /*-------------------------------------------------------------- # Main Slider Two --------------------------------------------------------------*/ .main-slider-two { position: relative; display: block; top: -35px; margin-bottom: -35px; } .main-slider-two .swiper-slide { position: relative; } .main-slider-two .container { position: relative; padding-top: 188px; padding-bottom: 160px; z-index: 30; } .image-layer-two { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; z-index: 1; } .main-slider-two .swiper-slide-active .image-layer-two { -webkit-transform: scale(1.15); transform: scale(1.15); } .image-layer-two:before { position: absolute; top: 0; bottom: 0; left: 0; max-width: 940px; width: 100%; content: ""; background-color: rgba(var(--insur-black-rgb), .85); clip-path: polygon(0 0, 87% 0, 100% 100%, 0% 100%); z-index: -1; } .image-layer-two:after { position: absolute; top: 0; bottom: 0; left: 48%; width: 40px; content: ""; background-color: rgba(var(--insur-black-rgb), .85); z-index: -1; transform: translateX(-50%) rotate(-10deg); } .main-slider-two__inner { position: relative; display: block; } .main-slider-two__content { position: relative; display: block; } .main-slider-two__content:before { position: absolute; bottom: 0; left: 0; height: 188px; width: 5px; background-color: rgba(var(--insur-white-rgb), .1); content: ""; } .main-slider-two__title { position: relative; font-size: 60px; color: var(--insur-white); font-weight: 700; line-height: 60px; letter-spacing: -.04em; margin-bottom: 21px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-two__text { font-size: 18px; color: var(--insur-white); font-weight: 400; letter-spacing: var(--insur-letter-spacing); line-height: 30px; margin-left: 30px; padding-bottom: 46px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-two .swiper-slide-active .main-slider-two__text { visibility: visible; opacity: .7; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-two__btn-box { position: relative; display: block; margin-left: 30px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-two .swiper-slide-active .main-slider-two__title, .main-slider-two .swiper-slide-active .main-slider-two__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-two__right { position: relative; display: block; } .main-slider-two__video-link { position: absolute; left: 30px; top: 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .main-slider-two__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 85px; height: 85px; line-height: 85px; text-align: center; font-size: 18px; color: var(--insur-black); background-color: var(--insur-white); border-radius: 50%; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .main-slider-two__video-icon:hover { background-color: var(--insur-primary); color: var(--insur-black); } .main-slider-two__video-icon:before { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; content: ""; border-radius: 50%; border: 1px solid var(--insur-white); opacity: .1; z-index: 1; } .main-slider-two__video-link .ripple, .main-slider-two__video-icon .ripple:before, .main-slider-two__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 125px; height: 125px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); -o-box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); -webkit-box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-radius: 50%; } .main-slider-two__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .main-slider-two__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .main-slider-two__video-text { font-size: 16px; color: var(--insur-white); font-weight: 700; line-height: 19px; letter-spacing: var(--insur-letter-spacing); margin-left: 35px; } .main-slider-two .main-slider__nav { top: 52%; } .main-slider-two .main-slider__nav .swiper-button-next, .main-slider-two .main-slider__nav .swiper-button-prev { color: rgba(var(--insur-white-rgb), .2); border: 2px solid rgba(var(--insur-white-rgb), .2); } .main-slider-two .main-slider__nav .swiper-button-next:hover, .main-slider-two .main-slider__nav .swiper-button-prev:hover { color: rgba(var(--insur-white-rgb), 1); border: 2px solid rgba(var(--insur-white-rgb), 1); } /*-------------------------------------------------------------- # Main Slider Three --------------------------------------------------------------*/ .main-slider-three { position: relative; display: block; } .main-slider-three .swiper-slide { position: relative; } .main-slider-three .container { position: relative; padding-top: 177px; padding-bottom: 185px; z-index: 30; } .image-layer-three { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; z-index: 1; } .main-slider-three .swiper-slide-active .image-layer-three { -webkit-transform: scale(1.15); transform: scale(1.15); } .image-layer-three:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(17, 29, 50, .6); z-index: -1; } .main-slider-three__content { position: relative; display: block; } .main-slider-three__title { position: relative; font-size: 70px; color: var(--insur-white); font-weight: 700; line-height: 70px; margin-bottom: 19px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-three__text { font-size: 18px; color: var(--insur-white); font-weight: 400; letter-spacing: var(--insur-letter-spacing); line-height: 30px; padding-bottom: 41px; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-three .swiper-slide-active .main-slider-three__text { visibility: visible; opacity: .7; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-three__btn-box { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-three .swiper-slide-active .main-slider-three__title, .main-slider-three .swiper-slide-active .main-slider-three__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-three__nav { width: 100%; max-width: 1200px; padding-left: 15px; padding-right: 15px; position: absolute; top: 50%; left: 50%; z-index: 100; transform: translateY(-50%) translateX(-50%); display: flex; align-items: flex-end; flex-direction: column; } .main-slider-three__nav .swiper-button-next, .main-slider-three__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgba(var(--insur-white-rgb), .2); border: 2px solid rgba(var(--insur-white-rgb), .2); border-radius: 50%; margin: 0; text-align: center; transition: all 500ms ease; } .main-slider-three__nav .swiper-button-next:hover, .main-slider-three__nav .swiper-button-prev:hover { color: rgba(var(--insur-white-rgb), 1); border: 2px solid rgba(var(--insur-white-rgb), 1); } .main-slider-three__nav .swiper-button-next::after, .main-slider-three__nav .swiper-button-prev::after { display: none; } .main-slider-three__nav .swiper-button-prev { margin-bottom: 10px; } /*-------------------------------------------------------------- # Feature One --------------------------------------------------------------*/ .feature-one { position: relative; display: block; padding: 60px 0 90px; } .feature-one__inner { position: relative; display: block; counter-reset: count; } .feature-one__single { position: relative; display: block; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); border-radius: var(--insur-bdr-radius); margin-bottom: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .feature-one__single:hover { transform: translateY(-10px); } .feature-one__single-inner { position: relative; display: block; padding: 132px 50px 32px; border-radius: var(--insur-bdr-radius); overflow: hidden; z-index: 1; } .feature-one__single-inner:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: var(--insur-black); border-radius: var(--insur-bdr-radius); transition: all 500ms ease; transform: translate3d(0px, 100%, 0px); z-index: -1; } .feature-one__single:hover .feature-one__single-inner:before { transform: translate3d(0px, 0, 0px); } .feature-one__icon { position: absolute; left: -40px; top: -90px; border-radius: 50%; background-image: linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); width: 197px; height: 197px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-one__single:hover .feature-one__icon { background-image: linear-gradient(90deg, var(--insur-primary, #0ce0ff) 0%, var(--insur-base, #015fc9) 100%); } .feature-one__icon span { font-size: 65px; color: var(--insur-white); position: relative; display: inline-block; top: 107px; left: 81px; -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .feature-one__single:hover .feature-one__icon span { transform: scale(.9); } .feature-one__count { position: absolute; top: 50px; right: 54px; height: 45px; width: 56px; text-align: center; } .feature-one__count:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: transparent; -webkit-text-stroke: 1px #e0e4e8; font-size: 60px; line-height: 45px; font-weight: 700; counter-increment: count; content: counters(count, ".", decimal-leading-zero); letter-spacing: var(--insur-letter-spacing); transition: all 200ms linear; transition-delay: .1s; } .feature-one__single:hover .feature-one__count:before { -webkit-text-stroke: 1px var(--insur-primary); } .feature-one__shape { position: absolute; bottom: 0; right: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; transition-delay: 400ms; transform: translateX(100%); z-index: -1; } .feature-one__single:hover .feature-one__shape { transform: translateX(0%); } .feature-one__shape img { width: auto; mix-blend-mode: luminosity; opacity: .07; } .feature-one__title { font-size: 24px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 34px; margin-bottom: 14px; } .feature-one__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-one__single:hover .feature-one__title a { color: var(--insur-white); } .feature-one__text { letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-one__single:hover .feature-one__text { color: #97a2b7; } /*-------------------------------------------------------------- # About One --------------------------------------------------------------*/ .about-one { position: relative; display: block; padding: 0 0 120px; background-color: var(--insur-white); z-index: 1; } .about-one-bg { position: absolute; bottom: 0; right: 0; width: 826px; height: 627px; background-repeat: no-repeat; background-size: cover; background-position: right center; mix-blend-mode: luminosity; opacity: .05; z-index: -1; } .about-one__left { position: relative; display: block; margin-right: 30px; } .about-one__img-box { position: relative; display: block; } .about-one__img { position: relative; display: block; } .about-one__left .about-one__img > img { width: 100%; border-radius: 20px; } .about-one__img-two { position: absolute; bottom: -105px; left: -80px; } .about-one__left .about-one__img-two > img { width: auto; border-radius: 20px; } .about-one__experience { position: absolute; bottom: -62px; left: 80px; display: flex; align-items: center; background-color: var(--insur-base); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; padding: 27px 40px 23px; } .about-one__experience:before { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; content: ""; border: 2px dashed var(--insur-primary); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; } .about-one__experience:after { position: absolute; bottom: 0px; right: -65px; content: ""; border-top: 0px solid transparent; border-left: 65px solid #0ce0ff; border-bottom: 62px solid transparent; } .about-one__experience-year { font-size: 60px; color: var(--insur-white); font-weight: 700; line-height: 60px; letter-spacing: var(--insur-letter-spacing); } .about-one__experience-text { font-size: 20px; color: var(--insur-white); line-height: 24px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); margin-left: 18px; } .about-one__shape-1 { position: absolute; top: 35px; right: -30px; opacity: .3; z-index: -1; } .about-one__shape-1 img { width: auto; } .about-one__right { position: relative; display: block; margin-left: 70px; } .about-one__right .section-title { margin-bottom: 27px; } .about-one__text-1 { font-size: 24px; color: var(--insur-base); font-weight: 500; line-height: 40px; letter-spacing: var(--insur-letter-spacing); } .about-one__points { position: relative; display: block; margin-top: 33px; margin-bottom: 37px; } .about-one__points li { position: relative; display: flex; align-items: center; } .about-one__points li + li { margin-top: 8px; } .about-one__points li .icon { height: 16px; width: 16px; background-color: var(--insur-primary); font-size: 10px; color: var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .about-one__points li .text { margin-left: 15px; } .about-one__points li .text p { font-size: 18px; color: var(--insur-black); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .about-one__text-2 { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .about-one__btn-call { position: relative; display: flex; align-items: center; margin-top: 41px; } .about-one__call { position: relative; display: flex; align-items: center; margin-left: 20px; } .about-one__call-icon { position: relative; height: 50px; width: 50px; border: 2px solid var(--insur-bdr-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-primary); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-one__call-icon:hover { background-color: var(--insur-base); color: var(--insur-white); border: 2px solid var(--insur-base); } .about-one__call-content { position: relative; margin-left: 10px; top: -2px; } .about-one__call-content a { font-size: 16px; font-weight: 700; color: var(--insur-black); display: inline-block; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-one__call-content a:hover { color: var(--insur-base); } .about-one__call-content p { font-size: 14px; letter-spacing: var(--insur-letter-spacing); line-height: 16px; } /*-------------------------------------------------------------- # Services One --------------------------------------------------------------*/ .services-one { position: relative; display: block; background-color: var(--insur-extra); padding: 120px 0 90px; } .services-one__top { position: relative; display: block; } .services-one__top-left { position: relative; display: block; } .services-one__top-right { position: relative; display: block; margin-left: 170px; margin-top: 16px; } .services-one__top-text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .services-one__bottom { position: relative; display: block; } .services-one__container { position: relative; display: block; max-width: 1280px; width: 100%; margin: 0 auto; padding: 0 15px; } .services-one__single { position: relative; display: block; margin-bottom: 30px; } .service-one__img { position: relative; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; z-index: 1; } .service-one__img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--insur-black-rgb), .3); border-top-left-radius: 10px; border-top-right-radius: 10px; transition: all 500ms ease; transform: translate3d(0px, -100%, 0px); z-index: 1; } .services-one__single:hover .service-one__img:before { transform: translate3d(0px, 0, 0px); } .service-one__img img { width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single:hover .service-one__img img { transform: scale(1.05); } .service-one__content { position: relative; display: block; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .07); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 37px 30px 28px; } .services-one__icon { position: absolute; top: -40px; right: 20px; height: 60px; width: 60px; background-color: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .05); border-radius: var(--insur-bdr-radius); display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 3; } .services-one__single:hover .services-one__icon { background-color: var(--insur-base); } .services-one__icon span { position: relative; display: inline-block; font-size: 36px; color: var(--insur-base); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .services-one__single:hover .services-one__icon span { color: var(--insur-white); transform: scale(.9); } .service-one__title { position: relative; display: inline-block; font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 5px; } .service-one__title:before { position: absolute; content: ""; left: 0; top: -16px; height: 4px; width: 40px; background-image: linear-gradient(90deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); } .service-one__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-one__single:hover .service-one__title a { color: var(--insur-base); } .service-one__text { font-size: 14px; letter-spacing: var(--insur-letter-spacing); line-height: 24px; } /*-------------------------------------------------------------- # Why Choose One --------------------------------------------------------------*/ .why-choose-one { position: relative; display: block; background-color: var(--insur-black); padding: 120px 0 110px; overflow: hidden; z-index: 1; } .why-choose-one-shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .02; z-index: -1; } .why-choose-one-shape-2 { position: absolute; right: 596px; top: -215px; z-index: 2; } .why-choose-one-shape-2 img { width: auto; } .why-choose-one-shape-3 { position: absolute; top: -260px; right: 150px; } .why-choose-one-shape-3 img { width: auto; } .why-choose-one-shape-4 { position: absolute; top: -81px; right: 0; } .why-choose-one-shape-4 img { width: auto; } .why-choose-one-shape-5 { position: absolute; bottom: -215px; right: 0; z-index: 1; } .why-choose-one-shape-5 img { width: auto; } .why-choose-one-shape-6 { position: absolute; bottom: -295px; right: 160px; } .why-choose-one-shape-6 img { width: auto; } .why-choose-one-img { position: absolute; top: -111px; bottom: 0; right: 0; z-index: 3; } .why-choose-one-img img { width: auto; } .why-choose-one__left { position: relative; display: block; } .why-choose-one__left .section-title { margin-bottom: 31px; } .why-choose-one__left .section-sub-title { color: var(--insur-white); } .why-choose-one__left .section-title__title { color: var(--insur-white); } .why-choose-one__text { color: #97a2b7; line-height: 28px; letter-spacing: var(--insur-letter-spacing); } .why-choose-one__list-box { position: relative; display: block; max-width: 510px; width: 100%; margin-top: 31px; } .why-choose-one__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .why-choose-one__list li { position: relative; flex: 0 0 50%; max-width: 50%; width: 100%; text-align: center; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } .why-choose-one__single { position: relative; display: block; background-color: #111d32; padding: 35px 20px 32px; overflow: hidden; } .why-choose-one__list-icon { position: relative; display: block; margin-bottom: 9px; } .why-choose-one__list-icon span { font-size: 45px; color: var(--insur-primary); position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .why-choose-one__single:hover .why-choose-one__list-icon span { transform: scale(.9); } .why-choose-one__list-title-box { position: relative; display: block; } .why-choose-one__list-title-inner { position: relative; display: block; transform: translateY(0%); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: visible; opacity: 1; } .why-choose-one__single:hover .why-choose-one__list-title-inner { transform: translateY(100px); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; } .why-choose-one__list-title { font-size: 18px; color: var(--insur-white); line-height: 28px; letter-spacing: var(--insur-letter-spacing); } .why-choose-one__list-text-box { position: absolute; top: -6px; left: 0; right: 0; transform: translateY(-100px); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; } .why-choose-one__single:hover .why-choose-one__list-text-box { visibility: visible; transform: translateY(0%); opacity: 1; } .why-choose-one__list-text { font-size: 14px; color: #97a2b7; line-height: 24px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Get Insurance --------------------------------------------------------------*/ .get-insurance { position: relative; display: block; padding: 120px 0px 130px; background-color: var(--insur-white); z-index: 1; } .get-insurance:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-image: -moz-linear-gradient(90deg, #f2f5f9 0%, rgba(242, 245, 249, 0) 100%); background-image: -webkit-linear-gradient(90deg, #f2f5f9 0%, rgba(242, 245, 249, 0) 100%); background-image: -ms-linear-gradient(90deg, #f2f5f9 0%, rgba(242, 245, 249, 0) 100%); z-index: -1; } .get-insurance-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; background-blend-mode: luminosity; background-color: var(--insur-white); opacity: .06; z-index: -1; } .get-insurance__left { position: absolute; bottom: 0; left: 345px; } .get-insurance__img { position: relative; display: block; z-index: 3; } .get-insurance__img img { width: 100%; } .get-insurance__author { position: absolute; top: 40px; left: -176px; border-radius: 50%; background-color: #f2f5f9; width: 550px; height: 550px; } .get-insurance__author p { position: relative; display: inline-block; font-size: 34px; color: var(--insur-black); font-family: var(--insur-reey-font); top: 194px; left: 70px; } .get-insurance__circle { position: absolute; left: 313px; top: 173px; border-radius: 50%; background-color: #fff; width: 244px; height: 244px; z-index: 1; } .get-insurance__shape-1 { position: absolute; bottom: 0; left: -145px; } .get-insurance__shape-1 img { width: auto; } .get-insurance__right { position: relative; display: block; } .get-insurance__tab { position: relative; display: block; } .get-insurance__tab-box { position: relative; display: block; z-index: 2; } .get-insurance__tab-box .tab-buttons { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 35px; } .get-insurance__tab-box .tab-buttons .tab-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .get-insurance__tab-box .tab-buttons .tab-btn + .tab-btn { margin-left: 10px; } .get-insurance__tab-box .tab-buttons .tab-btn span { position: relative; display: inline-block; -webkit-transition: all 200ms linear; -webkit-transition: all .3s ease; transition: all 200ms linear; transition: all .3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; font-size: 14px; color: var(--insur-white); background-color: var(--insur-black); padding: 7px 25px 7px; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; border-radius: 5px; cursor: pointer; text-align: center; z-index: 1; } .get-insurance__tab-box .tab-buttons .tab-btn.active-btn span { color: var(--insur-white); background-color: var(--insur-base); } .get-insurance__tab-box .tab-buttons .tab-btn span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 0; border-radius: 5px; content: ""; background-color: var(--insur-base); -webkit-transition: all .3s ease; transition: all .3s ease; z-index: -1; } .get-insurance__tab-box .tab-buttons .tab-btn.active-btn span:before { height: 100%; } .get-insurance__tab-box .tabs-content { position: relative; display: block; } .get-insurance__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .get-insurance__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); } .get-insurance__content { position: relative; display: block; } .get-insurance__content form { direction: ltr; } .get-insurance__form { position: relative; display: block; } .get-insurance__content-box { position: relative; display: block; } .get-insurance__input-box { position: relative; display: block; margin-bottom: 20px; } .get-insurance__input-box input[type=text], .get-insurance__input-box input[type=email] { height: 60px; width: 100%; border: 1px solid #dfe3e7; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); outline: none; font-size: 16px; color: var(--insur-gray); font-weight: 400; padding: 0 30px 0; border-radius: var(--insur-bdr-radius); } .get-insurance__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .get-insurance__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insurance__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border-radius: var(--insur-bdr-radius); border: 1px solid #dfe3e7; background-color: #fff !important; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05) !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray) !important; font-size: 16px; line-height: 60px; font-weight: 400; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .get-insurance__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--insur-gray); } .get-insurance__progress { position: relative; display: block; width: 100%; margin-top: 23px; margin-bottom: 50px; } .get-insurance__progress-single { position: relative; display: block; } .get-insurance__progress-title { font-size: 16px; line-height: 26px; margin-bottom: 14px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insurance__progress .bar { position: relative; width: 100%; height: 11px; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); border-radius: 5px; border: 1px solid #dfe3e7; } .get-insurance__progress .bar-inner { position: relative; display: block; width: 0px; height: 11px; border-radius: 5px; background-image: -moz-linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -webkit-linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -ms-linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-insurance__progress .count-text { position: absolute; right: -30px; bottom: -8px; opacity: 0; border-style: solid; border-width: 2px; border-color: #fff; border-radius: 50%; background-color: #16243d; width: 34px; height: 34px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance__progress .bar-inner.counted .count-text { opacity: 1; } .get-insurance__balance-box { position: absolute; top: 0; right: 0; } .get-insurance__balance { font-size: 16px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insurance__btn { border: none; } /*-------------------------------------------------------------- # Counter One --------------------------------------------------------------*/ .counter-one { position: relative; display: block; background-color: var(--insur-base); padding: 79px 0 71px; } .counter-one-shape-1 { position: absolute; top: 0; left: 0; opacity: .2; } .counter-one-shape-1 img { width: auto; } .counter-one-shape-2 { position: absolute; bottom: -35px; right: 0; opacity: .2; } .counter-one-shape-2 img { width: auto; } .counter-one__single { position: relative; display: block; } .counter-one__top { position: relative; display: flex; margin-bottom: 13px; } .counter-one__icon { position: relative; display: block; } .counter-one__icon span { position: relative; display: flex; font-size: 60px; color: var(--insur-primary); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .counter-one__single:hover .counter-one__icon span { color: var(--insur-white); transform: scale(.9); } .counter-one__count-box { position: relative; margin-left: 16px; margin-top: 27px; } .counter-one__count-box:before { position: absolute; top: -26px; left: 0; height: 4px; width: 40px; border-radius: 2px; content: ""; background-image: -moz-linear-gradient(0deg, #f2f5f9 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -webkit-linear-gradient(0deg, #f2f5f9 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -ms-linear-gradient(0deg, #f2f5f9 0%, var(--insur-primary, #0ce0ff) 100%); } .counter-one__count-box-inner { position: relative; display: flex; align-items: center; } .counter-one__count-box-inner h3 { font-size: 36px; color: var(--insur-white); font-weight: 700; line-height: 36px !important; font-family: var(--insur-font) !important; letter-spacing: var(--insur-letter-spacing); } .counter-one__plus { font-size: 36px; color: var(--insur-white); font-weight: 700; line-height: 36px !important; font-family: var(--insur-font) !important; letter-spacing: var(--insur-letter-spacing); } .counter-one__text { font-size: 24px; color: #c2dfff; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Team One --------------------------------------------------------------*/ .team-one { position: relative; display: block; padding: 120px 0 120px; overflow: hidden; } .team-one__shape-1 { position: absolute; top: -90px; right: 0; mix-blend-mode: luminosity; } .team-one__shape-1 img { width: auto; mix-blend-mode: luminosity; opacity: .15; z-index: -1; } .team-one .container { max-width: 1070px; } .team-one .row { --bs-gutter-x: 108px; } .team-one .section-title { margin-bottom: 63px; } .team-one .section-sub-title-box { margin-left: 0; } .team-one__single { position: relative; display: block; margin-bottom: 23px; } .team-one__img { position: relative; display: block; border-radius: 20px; z-index: 1; } .team-one__img:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: 20px; border: 2px dashed var(--insur-bdr-color); transform: rotate(-7deg); transition: all 500ms ease; z-index: -1; } .team-one__single:hover .team-one__img:after { border: 2px dashed var(--insur-primary); } .team-one__img-box { position: relative; display: block; overflow: hidden; border-radius: 20px; z-index: 1; } .team-one__img-box:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: 20px; background-color: rgba(var(--insur-black-rgb), .5); -webkit-transform: perspective(400px) rotateX(90deg) scaleY(.5); -ms-transform: perspective(400px) rotateX(90deg) scaleY(.5); transform: perspective(400px) rotateX(90deg) scaleY(.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; z-index: 1; } .team-one__single:hover .team-one__img-box:before { -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1); -ms-transform: perspective(400px) rotateX(0deg) scaleY(1); transform: perspective(400px) rotateX(0deg) scaleY(1); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .team-one__img-box img { width: 100%; border-radius: 20px; -webkit-transform: scale(1); transform: scale(1); transition: all 500ms ease; } .team-one__single:hover .team-one__img-box img { transform: scale(1.05); } .team-one__social { position: absolute; right: 20px; bottom: 25px; background-color: var(--insur-base); text-align: center; padding: 20px 17.5px; border-top-left-radius: 10px; border-top-right-radius: 10px; transform: scaleY(0); transform-origin: center; transform-origin: bottom center; transform-style: preserve-3d; -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; z-index: 2; } .team-one__single:hover .team-one__social { transform: scaleY(1); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .team-one__social li + li { margin-top: 25px; } .team-one__social li a { font-size: 15px; color: var(--insur-white); display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-one__social li a:hover { color: var(--insur-primary); } .team-one__content { position: relative; display: block; padding-top: 28px; } .team-one__sub-title { font-size: 14px; color: var(--insur-base); text-transform: uppercase; letter-spacing: .1em; font-weight: 700; } .team-one__name { font-size: 24px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 30px; } .team-one__name a { color: var(--insur-black); transition: all 500ms ease; } .team-one__name a:hover { color: var(--insur-base); } .team-one__social-two { position: absolute; right: 20px; top: -25px; background-color: var(--insur-primary); padding: 17.5px 18.4px; border-radius: 10px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .team-one__single:hover .team-one__social-two { border-top-left-radius: 0; border-top-right-radius: 0; background-color: var(--insur-base); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .team-one__social-two li a { font-size: 15px; color: var(--insur-white); display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-one__social-two li a:hover { color: var(--insur-primary); } .team-one__bottom { position: relative; display: block; text-align: center; max-width: 560px; width: 100%; margin: 35px auto 0; border: 2px dashed var(--insur-base); border-radius: var(--insur-bdr-radius); padding: 10px 0; } .team-one__bottom-text { font-weight: 500; } .team-one__bottom-text span { color: var(--insur-primary); font-weight: 700; } /*-------------------------------------------------------------- # Testimonial One --------------------------------------------------------------*/ .testimonial-one { position: relative; display: block; background-color: var(--insur-extra); padding: 120px 0 120px; overflow: hidden; z-index: 1; } .testimonial-one-shape-2 { position: absolute; top: -40px; right: 0; mix-blend-mode: luminosity; } .testimonial-one-shape-2 img { width: auto; mix-blend-mode: luminosity; opacity: .15; } .testimonial-one-shape-3 { position: absolute; bottom: -90px; left: 0; mix-blend-mode: luminosity; } .testimonial-one-shape-3 img { width: auto; mix-blend-mode: luminosity; opacity: .15; } .testimonial-one .container { max-width: 1160px; } .testimonial-one__top { position: relative; display: block; } .testimonial-one__top-left { position: relative; display: block; } .testimonial-one__top-right { position: relative; display: block; margin-left: 70px; margin-top: 16px; } .testimonial-one__top-text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .testimonial-one__bottom { position: relative; display: block; } .testimonial-one__carousel { position: relative; display: block; } .testimonial-one__single { position: relative; display: block; border-radius: 20px; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-one__single:hover { transform: translateY(-10px); } .testimonial-one__single-inner { position: relative; display: block; overflow: hidden; padding: 65px 60px 55px; border-radius: 20px; background-color: var(--insur-white); } .testimonial-one__shape-1 { position: absolute; top: 0; right: 0; } .testimonial-one__shape-1 > img { width: auto !important; mix-blend-mode: luminosity; border-top-right-radius: 20px; opacity: .2; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-one__single:hover .testimonial-one__shape-1 > img { mix-blend-mode: normal; opacity: 1; } .testimonial-one__client-info { position: relative; display: flex; align-items: center; margin-left: 5px; margin-bottom: 26px; } .testimonial-one__client-img-box { position: relative; display: block; width: 100%; max-width: 115px; z-index: 1; } .testimonial-one__client-img-box:before { position: absolute; content: ""; top: -5px; bottom: -5px; left: -5px; right: -5px; background-image: -moz-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -webkit-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -ms-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); border-top-left-radius: 45px; z-index: -1; } .testimonial-one__single .testimonial-one__client-img-box > img { width: 100% !important; border-top-left-radius: 45px; border: 6px solid var(--insur-white); } .testimonial-one__quote { position: absolute; top: -28px; right: -33px; height: 58px; width: 58px; border-radius: 50%; background-color: #fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, .07); display: flex; align-items: center; justify-content: center; } .testimonial-one__quote > img { width: auto !important; } .testimonial-one__client-content { margin-left: 45px; position: relative; top: 3px; } .testimonial-one__client-review { position: relative; display: flex; align-items: center; margin-bottom: 14px; } .testimonial-one__client-review i { font-size: 15px; color: #fab600; } .testimonial-one__client-details { position: relative; display: block; } .testimonial-one__client-name { font-size: 24px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 34px; } .testimonial-one__client-sub-title { font-size: 14px; color: var(--insur-base); text-transform: uppercase; letter-spacing: .1em; font-weight: 500; } .testimonial-one__text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .testimonial-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-one__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-one__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-one__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # News One --------------------------------------------------------------*/ .news-one { position: relative; display: block; padding: 120px 0 90px; } .news-one .section-sub-title-box { margin-left: 0; } .news-one__single { position: relative; display: block; margin-bottom: 30px; } .news-one__img { position: relative; display: block; overflow: hidden; border-top-left-radius: var(--insur-bdr-radius); border-top-right-radius: var(--insur-bdr-radius); z-index: 1; } .news-one__img:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-top-left-radius: var(--insur-bdr-radius); border-top-right-radius: var(--insur-bdr-radius); background-color: rgba(var(--insur-black-rgb), .5); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; visibility: hidden; opacity: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); z-index: 1; } .news-one__single:hover .news-one__img:before { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .news-one__img img { width: 100%; border-top-left-radius: var(--insur-bdr-radius); border-top-right-radius: var(--insur-bdr-radius); transition: all 500ms ease; } .news-one__single:hover .news-one__img img { transform: scale(1.05); } .news-one__tag { position: absolute; bottom: 0; right: 0; background-color: var(--insur-base); padding: 14px 20px; border-top-left-radius: var(--insur-bdr-radius); z-index: 2; } .news-one__tag p { font-size: 12px; color: var(--insur-white); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; line-height: 12px; } .news-one__tag p i { font-size: 12px; padding-right: 3px; } .news-one__arrow-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 2; } .news-one__arrow { height: 50px; width: 50px; border: 2px solid var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 15px; opacity: 0; transform: translateY(70px); transition: all 500ms ease; } .news-one__single:hover .news-one__arrow { opacity: 1; transform: translateY(0%); transition-delay: 500ms; } .news-one__arrow:hover { border: 2px solid var(--insur-primary); color: var(--insur-primary); } .news-one__content { position: relative; display: block; border-bottom-left-radius: var(--insur-bdr-radius); border-bottom-right-radius: var(--insur-bdr-radius); border: 1px solid var(--insur-bdr-color); border-top: 0; padding: 25px 38px 32px; transition: all 500ms ease; } .news-one__single:hover .news-one__content { background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); } .news-one__meta { position: relative; display: flex; align-items: center; } .news-one__meta li + li { margin-left: 10px; } .news-one__meta li a { font-size: 14px; color: var(--insur-gray); font-weight: 500; letter-spacing: var(--insur-letter-spacing); transition: all 500ms ease; } .news-one__meta li a:hover { color: var(--insur-base); } .news-one__meta li a i, .news-one__meta li span i { font-size: 15px; color: var(--insur-base); padding-right: 2px; } .news-one__title { font-size: 24px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); font-weight: 700; margin-top: 8px; margin-bottom: 15px; } .news-one__title a { color: var(--insur-black); transition: all 500ms ease; } .news-one__single:hover .news-one__title a { color: var(--insur-base); } .news-one__text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .news-one__read-more { position: relative; display: flex; align-items: center; margin-top: 11px; } .news-one__read-more a { font-size: 15px; color: var(--insur-black); font-weight: 500; display: flex; align-items: center; transition: all 500ms ease; } .news-one__read-more a i { font-size: 13px; position: relative; padding-left: 5px; top: 2px; } .news-one__single:hover .news-one__read-more a { color: var(--insur-primary); } /*-------------------------------------------------------------- # Tracking --------------------------------------------------------------*/ .tracking { position: relative; display: block; } .tracking__inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 57px 80px 57px; background-color: var(--insur-base); border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } .tracking-shape-1 { position: absolute; bottom: 0; left: -55px; } .tracking-shape-1 img { width: auto; } .tracking-shape-2 { position: absolute; top: 50px; left: -100px; } .tracking-shape-2 img { width: auto; } .tracking-shape-3 { position: absolute; top: -15px; right: -192px; z-index: 2; } .tracking-shape-3 img { width: auto; } .tracking-shape-4 { position: absolute; top: 50px; right: -55px; } .tracking-shape-4 img { width: auto; } .tracking__left { position: relative; display: flex; } .tracking__icon { position: relative; display: flex; } .tracking__icon span { font-size: 65px; color: var(--insur-white); position: relative; display: inline-block; } .tracking__content { position: relative; margin-left: 30px; top: -7px; } .tracking__sub-title { font-size: 14px; color: #c2dfff; text-transform: uppercase; letter-spacing: .1em; line-height: 24px; font-weight: 500; } .tracking__title { font-size: 36px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 47px; } .tracking__btn-box { position: relative; display: block; z-index: 2; } .tracking__btn { background-color: var(--insur-white); color: var(--insur-black); } /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .site-footer { position: relative; display: block; background-color: var(--insur-black); z-index: 1; } .site-footer-bg { position: absolute; top: 0; bottom: 0; left: 0; width: 1709px; mix-blend-mode: color-burn; opacity: .15; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .site-footer__top { position: relative; display: block; padding: 100px 0 82px; } .footer-widget__logo { position: relative; display: inline-block; margin-bottom: 33px; margin-top: -8px; } .footer-widget__logo a > img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); } .footer-widget__about { position: relative; display: block; } .footer-widget__about-text-box { position: relative; display: block; } .footer-widget__about-text { color: #97a2b7; line-height: 26px; font-size: 15px; letter-spacing: var(--insur-letter-spacing); } .site-footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 32px; } .site-footer__social a { position: relative; height: 43px; width: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-white); font-size: 15px; border-radius: 17px; border: 2px solid var(--insur-base); overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .site-footer__social a:hover { color: var(--insur-base); background-color: var(--insur-white); border: 2px solid var(--insur-white); } .site-footer__social a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--insur-white); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .site-footer__social a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .site-footer__social a + a { margin-left: 10px; } .footer-widget__title { font-size: 20px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 20px; margin-bottom: 40px; } .footer-widget__contact { position: relative; display: block; } .footer-widget__contact-list { position: relative; display: block; } .footer-widget__contact-list li { position: relative; display: flex; } .footer-widget__contact-list li + li { margin-top: 20px; } .footer-widget__contact-list li .icon { position: relative; display: block; } .footer-widget__contact-list li .icon span { font-size: 14px; color: var(--insur-base); } .footer-widget__contact-list li .text { margin-left: 14px; } .footer-widget__contact-list li .text p { font-size: 15px; color: #97a2b7; line-height: 25px; letter-spacing: var(--insur-letter-spacing); } .footer-widget__contact-list li .text p a { color: #97a2b7; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__contact-list li .text p a:hover { color: var(--insur-primary); } .footer-widget__open-hour { position: relative; display: block; margin-top: 26px; } .footer-widget__open-hour-title { font-size: 15px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 25px; margin-bottom: 10px; } .footer-widget__open-hour-text { font-size: 15px; color: #97a2b7; line-height: 26px; letter-spacing: var(--insur-letter-spacing); } .footer-widget__gallery { position: relative; display: block; } .footer-widget__gallery-list { position: relative; display: block; margin-right: -5px; margin-left: -5px; padding-top: 7px; } .footer-widget__gallery-list li { position: relative; display: inline-block; padding-left: 5px; padding-right: 5px; margin-bottom: 15px; } .footer-widget__gallery-img { position: relative; display: block; overflow: hidden; border-radius: 5px; z-index: 1; } .footer-widget__gallery-img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--insur-base-rgb), .9); transition: all 700ms ease; transform: translateY(-100%); border-radius: 5px; z-index: 1; } .footer-widget__gallery-list li:hover .footer-widget__gallery-img:before { transform: translateY(0%); } .footer-widget__gallery-img img { width: 100%; border-radius: 5px; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; transform: scale(1); } .footer-widget__gallery-list li:hover .footer-widget__gallery-img img { transform: scale(1.05); } .footer-widget__gallery-img a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--insur-white); transform: translateY(100px); opacity: 0; transition: all 700ms ease; z-index: 2; } .footer-widget__gallery-list li:hover .footer-widget__gallery-img a { transform: translateY(0px); opacity: 1; transition-delay: .3s; } .footer-widget__newsletter { position: relative; display: block; } .footer-widget__newsletter-text { color: #97a2b7; line-height: 26px; font-size: 15px; letter-spacing: var(--insur-letter-spacing); } .footer-widget__newsletter-form { position: relative; display: block; margin-top: 27px; margin-bottom: 27px; } .footer-widget__newsletter-input-box { position: relative; display: block; } .footer-widget__newsletter-input-box input[type=email] { height: 60px; width: 100%; border: none; outline: none; padding-left: 20px; padding-right: 60px; background-color: #111d32; border-radius: 10px; font-size: 14px; font-weight: 400; color: #97a2b7; letter-spacing: var(--insur-letter-spacing); } .footer-widget__newsletter-btn { position: absolute; top: 50%; right: 10px; height: 35px; width: 35px; border: none; font-size: 15px; background-color: transparent; color: var(--insur-white); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__newsletter-btn:hover { color: var(--insur-base); } .footer-widget__phone { position: relative; display: flex; align-items: center; } .footer-widget__phone-icon { position: relative; display: flex; align-items: center; } .footer-widget__phone-icon span { font-size: 37px; color: var(--insur-primary); position: relative; display: inline-block; } .footer-widget__phone-text { position: relative; margin-left: 15px; } .footer-widget__phone-text a { font-size: 18px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget__phone-text a:hover { color: var(--insur-primary); } .footer-widget__phone-text p { font-size: 14px; color: #97a2b7; line-height: 26px; letter-spacing: var(--insur-letter-spacing); } .site-footer__bottom { position: relative; display: block; } .site-footer__bottom-inner { position: relative; display: block; text-align: center; border-top: 1px solid rgba(var(--insur-white-rgb), .1); padding: 34px 0; } .site-footer__bottom-text { color: #97a2b7; letter-spacing: var(--insur-letter-spacing); } .site-footer__bottom-text a { color: #97a2b7; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer__bottom-text a:hover { color: var(--insur-white); } /*-------------------------------------------------------------- # Feature Two --------------------------------------------------------------*/ .feature-two { position: relative; display: block; padding: 120px 0 90px; } .feature-two__single { position: relative; display: block; margin-bottom: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__single:hover { transform: translateY(-10px); } .feature-two__img { position: relative; display: block; border-radius: var(--insur-bdr-radius); overflow: hidden; } .feature-two__img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: var(--insur-bdr-radius); background-color: rgba(var(--insur-base-rgb), .3); -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: 1; } .feature-two__single:hover .feature-two__img:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .feature-two__img img { width: 100%; border-radius: var(--insur-bdr-radius); -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__single:hover .feature-two__img img { transform: scale(1.05); } .feature-two__content { position: relative; display: block; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); margin-right: 70px; margin-top: -55px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; z-index: 1; } .feature-two__content-inner { position: relative; display: flex; align-items: center; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; z-index: 1; } .feature-two__content-inner:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: var(--insur-base); border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; transform: translateX(-100%); transition: all 700ms ease; z-index: -1; } .feature-two__single:hover .feature-two__content-inner:before { transform: translateX(0); } .feature-two__icon { position: relative; display: flex; align-items: center; max-width: 84px; width: 100%; min-height: 100px; justify-content: center; background-color: var(--insur-base); border-bottom-left-radius: 10px; } .feature-two__icon span { font-size: 40px; color: var(--insur-white); position: relative; display: inline-block; } .feature-two__text-box { position: relative; display: block; padding-left: 20px; } .feature-two__text-box:before { position: absolute; content: ""; top: 1px; bottom: -2px; left: 0; width: 2px; background-color: rgba(var(--insur-white-rgb), .1); transform: scaleY(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-two__single:hover .feature-two__text-box:before { transform: scaleY(1); transition-delay: 700ms; } .feature-two__text { font-size: 20px; font-weight: 700; color: var(--insur-black); letter-spacing: var(--insur-letter-spacing); line-height: 25px; transition: all 700ms ease; } .feature-two__text a { color: var(--insur-black); transition: all 700ms ease; } .feature-two__single:hover .feature-two__text a { color: var(--insur-white); } /*-------------------------------------------------------------- # About Two --------------------------------------------------------------*/ .about-two { position: relative; display: block; padding: 0 0 120px; } .about-two__left { position: relative; display: block; margin-right: 42px; } .about-two__left .section-title { margin-bottom: 39px; } .about-two__text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .about-two__points { position: relative; display: block; margin-top: 36px; margin-bottom: 42px; } .about-two__points li { position: relative; display: flex; align-items: center; } .about-two__points li + li { margin-top: 8px; } .about-two__points li .icon { height: 16px; width: 16px; background-color: var(--insur-primary); font-size: 10px; color: var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .about-two__points li .text { margin-left: 20px; } .about-two__points li .text p { font-size: 18px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .about-two__middle { position: relative; display: block; margin-right: 40px; } .about-two__img-box { position: relative; display: block; } .about-two__img { position: relative; display: block; } .about-two .about-two__img img { width: 100%; border-radius: 20px; } .about-two__awards-box { position: absolute; bottom: 45px; left: -150px; background-color: #fff; box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, .2); border-radius: 25px; padding: 15px; z-index: 1; } .about-two__awards-box:before { position: absolute; bottom: -46px; left: 70px; content: ""; background-image: url("https://bancamutual.com/wp-content/themes/insur/assets/images/shapes/about-two-awards-shape-1.png"); background-repeat: no-repeat; width: 73px; height: 46px; z-index: -1; } .about-two__awards-inner { position: relative; display: block; background-color: var(--insur-black); border: 4px solid var(--insur-primary); border-radius: 20px; padding-top: 17px; padding-bottom: 20px; padding-left: 25px; padding-right: 40px; overflow: hidden; } .about-two__awards-shape-2 { position: absolute; top: -36px; right: -38px; } .about-two__awards-shape-2 img { width: auto; } .about-two__awards-year { font-size: 72px; color: var(--insur-white); font-weight: 700; line-height: 72px; letter-spacing: var(--insur-letter-spacing); } .about-two__awards-content { font-size: 20px; color: var(--insur-white); font-weight: 700; line-height: 23px; letter-spacing: var(--insur-letter-spacing); } .about-two__dots { position: absolute; bottom: 225px; left: -80px; z-index: -1; } .about-two__dots img { width: auto; opacity: .2; } .about-two__counter { position: relative; display: block; text-align: right; margin-left: -20px; margin-top: -8px; } .about-two__counter-list { position: relative; display: block; } .about-two__counter-list li { position: relative; display: block; padding-bottom: 33px; margin-bottom: 32px; } .about-two__counter-list li:before { position: absolute; content: ""; bottom: 0; left: 14px; right: 0; background-color: var(--insur-bdr-color); height: 2px; } .about-two__counter-list li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .about-two__counter-list li:last-child:before { display: none; } .about-two__counter-single { position: relative; display: block; } .about-two__counter-count { position: relative; display: flex; align-items: center; justify-content: flex-end; } .about-two__counter-count h3 { font-size: 48px; font-weight: 700; line-height: 48px !important; color: var(--insur-base); font-family: var(--insur-font) !important; letter-spacing: var(--insur-letter-spacing); } .about-two__counter-percent { font-size: 48px; font-weight: 700; line-height: 48px !important; color: var(--insur-base); font-family: var(--insur-font) !important; letter-spacing: var(--insur-letter-spacing); } .about-two__counter-text-1 { font-size: 20px; color: var(--insur-black); font-weight: 700; line-height: 24px; letter-spacing: var(--insur-letter-spacing); margin-top: 15px; margin-bottom: 4px; } .about-two__counter-text-2 { font-size: 15px; line-height: 28px; letter-spacing: var(--insur-letter-spacing); } .about-two__counter .odometer-formatting-mark { display: none; } /*-------------------------------------------------------------- # Services Two --------------------------------------------------------------*/ .services-two { position: relative; display: block; background-color: var(--insur-black); padding: 120px 0 90px; z-index: 1; } .services-two-shape-1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-position: center; background-size: cover; opacity: .02; z-index: -1; } .services-two__top { position: relative; display: block; } .services-two__top-left { position: relative; display: block; } .services-two__top-left .section-sub-title { color: #97a2b7; } .services-two__top-left .section-title__title { color: var(--insur-white); } .services-two__top-right { position: relative; display: block; margin-left: 70px; margin-top: 14px; } .services-two__top-text { font-size: 18px; color: #97a2b7; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .services-two__bottom { position: relative; display: block; } .services-two__single { position: relative; display: block; background-color: #1c2a44; border-radius: var(--insur-bdr-radius); text-align: center; padding: 40px 35px 33px; border-bottom: 3px solid transparent; margin-bottom: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover { border-bottom: 3px solid var(--insur-primary); transform: translateY(-10px); background-color: #111d32; } .services-two__icon-box { position: relative; display: block; } .services-two__icon-box:before { position: absolute; content: ""; bottom: -9px; left: 50%; height: 4px; width: 40px; background-color: #111d32; transform: translateX(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__icon-box:before { background-color: #070e1b; } .services-two__icon { position: relative; height: 85px; width: 85px; background-color: #111d32; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .services-two__icon:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; background-image: linear-gradient(90deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); border-radius: 50%; background-color: var(--insur-white); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .services-two__single:hover .services-two__icon:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .services-two__icon span { position: relative; display: inline-block; font-size: 36px; background: #0161ca; background: linear-gradient(90deg, #0161ca 41%, #0cdefe 67%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__single:hover .services-two__icon span { -webkit-text-fill-color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-two__title { font-size: 20px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 30px; margin-top: 26px; margin-bottom: 5px; } .services-two__title a { color: var(--insur-white); } .services-two__text { font-size: 14px; color: #97a2b7; line-height: 24px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Work Together --------------------------------------------------------------*/ .work-together { position: relative; display: block; padding: 120px 0 120px; } .work-together__left { position: relative; display: block; } .work-together__left .section-title { margin-bottom: 38px; } .work-together__content-box { position: relative; display: flex; align-items: center; } .work-together__img { position: relative; display: block; } .work-together__content-box .work-together__img img { width: auto; border-radius: 7px; max-width: unset; } .work-together__text-box { margin-left: 30px; } .work-together__text { font-weight: 500; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .work-together__progress { position: relative; display: block; width: 100%; margin-top: 24px; } .work-together__progress-single { position: relative; display: block; } .work-together__progress-title { font-size: 16px; line-height: 26px; margin-bottom: 7px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .work-together__progress .bar { position: relative; width: 100%; height: 13px; background-color: var(--insur-extra); border-radius: 6px; } .work-together__progress .bar-inner { position: relative; display: block; width: 0px; height: 13px; border-radius: 6px; background-color: var(--insur-primary); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .work-together__progress .count-text { position: absolute; right: -13px; bottom: 20px; opacity: 0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; font-size: 14px; font-weight: 500; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); } .work-together__progress .bar-inner.counted .count-text { opacity: 1; } .work-together__right { position: relative; display: block; } .faq-one-accrodion .accrodion { position: relative; display: block; border: 1px solid var(--insur-bdr-color); border-radius: 20px; background-color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-one-accrodion .accrodion.active { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); } .faq-one-accrodion .accrodion-title { position: relative; display: block; cursor: pointer; transition: all 200ms linear; transition-delay: .1s; border-radius: 20px; padding-top: 14px; padding-bottom: 14px; padding-left: 15px; padding-right: 40px; border-bottom: 1px solid transparent; } .faq-one-accrodion .accrodion-title h4 { margin: 0; font-size: 18px; font-weight: 500; line-height: 28px; color: var(--insur-black); letter-spacing: var(--insur-letter-spacing); position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .faq-one-accrodion .accrodion-title h4 span { position: relative; height: 37px; width: 37px; background-color: var(--insur-base); display: inline-block; border-radius: 50%; text-align: center; line-height: 37px; color: var(--insur-white); margin-right: 10px; } .faq-one-accrodion .accrodion + .accrodion { margin-top: 20px; } .faq-one-accrodion .accrodion.active .accrodion-title { color: var(--insur-base); border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid var(--insur-bdr-color); } .faq-one-accrodion .accrodion.active .accrodion-title h4 { color: var(--insur-base); } .faq-one-accrodion .accrodion-title h4::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: var(--insur-black); position: absolute; top: 51%; right: -15px; height: 20px; width: 20px; line-height: 20px; border-radius: 50%; display: flex; justify-content: center; align-items: center; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; text-align: center; } .faq-one-accrodion .accrodion.active .accrodion-title h4::before { content: ""; color: var(--insur-primary); height: 20px; width: 20px; border-radius: 50%; text-align: center; display: flex; justify-content: center; align-items: center; } .faq-one-accrodion .accrodion-content { position: relative; padding: 12px 30px 20px; } .faq-one-accrodion .accrodion-content p { margin: 0; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .cta-one { position: relative; display: block; padding: 0 0 80px; z-index: 1; } .cta-one__content { position: relative; display: block; border-radius: 30px; background-color: #fff; box-shadow: inset 0px 0px 18px 0px rgba(0, 0, 0, .2); padding: 15px; z-index: 1; } .cta-one__inner { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: var(--insur-black); border-radius: 20px; border: 4px solid var(--insur-primary); padding: 51px 55px 51px; overflow: hidden; z-index: 1; } .cta-one__left { position: relative; display: block; } .cta-one__title { font-size: 36px; font-weight: 700; color: var(--insur-white); line-height: 36px; letter-spacing: var(--insur-letter-spacing); } .cta-one__right { position: relative; display: flex; align-items: center; } .cta-one__call { position: relative; display: flex; align-items: center; } .cta-one__call-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border: 2px solid var(--insur-primary); border-radius: 50%; color: var(--insur-primary); font-size: 20px; } .cta-one__call-number { position: relative; top: -1px; margin-left: 10px; } .cta-one__call-number a { font-size: 16px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .cta-one__call-number a:hover { color: var(--insur-primary); } .cta-one__call-number p { font-size: 14px; color: #97a2b7; line-height: 18px; letter-spacing: var(--insur-letter-spacing); } .cta-one__btn-box { margin-left: 40px; } .cta-one__btn:hover { color: var(--insur-black); } .cta-one__btn:before { background-color: var(--insur-white); } .cta-one__btn:after { background-color: var(--insur-white); } .cta-one__img { position: absolute; top: 0; left: 0; mix-blend-mode: luminosity; opacity: .1; z-index: -1; } .cta-one__img img { width: auto; } .cta-two { padding: 120px 0 120px; } /*-------------------------------------------------------------- # Brand One --------------------------------------------------------------*/ .brand-one { position: relative; display: block; border-top: 1px solid var(--insur-bdr-color); padding: 59px 0 60px; z-index: 1; } .brand-one__title { position: relative; display: block; margin-right: 60px; margin-top: 9px; } .brand-one__title h2 { font-size: 16px; color: var(--insur-black); font-weight: 700; line-height: 28px; letter-spacing: var(--insur-letter-spacing); } .brand-one__main-content { position: relative; display: block; } .brand-one__main-content .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .brand-one__main-content .swiper-slide img { -webkit-transition: 500ms; transition: 500ms; opacity: .3; max-width: unset; } .brand-one.brand-two .brand-one__main-content .swiper-slide img { max-width: unset; } .brand-one__main-content .swiper-slide img:hover { opacity: 1; } /*-------------------------------------------------------------- # Get Insuracne Two --------------------------------------------------------------*/ .get-insuracne-two { position: relative; display: block; padding: 120px 0 120px; background-color: var(--insur-white); z-index: 1; } .get-insuracne-two:before { position: absolute; top: 0; bottom: 0; left: 208px; right: 0; border-style: solid; border-width: 1px; border-color: #dfe3e7; background-color: #fff; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, .07); content: ""; border-top-left-radius: 377.5px; border-bottom-left-radius: 377.5px; z-index: -1; } .get-insuracne-two-shape-3 { position: absolute; top: 0; right: -18px; mix-blend-mode: luminosity; opacity: .03; z-index: -1; } .get-insuracne-two-shape-3 img { width: auto; } .get-insuracne-two__left { position: relative; display: block; } .get-insuracne-two__shape-box { position: absolute; top: 0; bottom: 0; left: 0; } .get-insuracne-two-shape-1 { position: absolute; top: -44px; bottom: -42px; left: -375px; width: 814px; background-repeat: no-repeat; background-position: left center; background-size: cover; } .get-insuracne-two-shape-2 { position: absolute; top: -34px; bottom: 0; left: -375px; mix-blend-mode: luminosity; opacity: .15; } .get-insuracne-two-shape-2 img { width: auto; } .get-insuracne-two__img { position: relative; display: block; border-radius: 50%; margin-left: -139px; margin-right: 102px; } .get-insuracne-two .get-insuracne-two__img img { width: 100%; border-radius: 50%; } .get-insuracne-two__right { position: relative; display: block; } .get-insuracne-two__right .section-title { margin-bottom: 38px; } .get-insuracne-two__tab { position: relative; display: block; } .get-insuracne-two__tab-box { position: relative; display: block; z-index: 2; } .get-insuracne-two__inner { position: relative; display: block; } .get-insuracne-two__tab-left { position: relative; display: block; max-width: 160px; width: 100%; float: left; } .get-insuracne-two__tab-box .tab-buttons { position: relative; display: block; } .get-insuracne-two__tab-box .tab-buttons .tab-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: block; } .get-insuracne-two__tab-box .tab-buttons .tab-btn + .tab-btn { margin-top: 10px; } .get-insuracne-two__tab-btn-content { position: relative; display: flex; align-items: center; border: 1px solid #dfe3e7; border-radius: var(--insur-bdr-radius); padding-top: 17px; padding-bottom: 17px; padding-left: 20px; padding-right: 30px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .get-insuracne-two__tab-box .tab-buttons .tab-btn.active-btn .get-insuracne-two__tab-btn-content { border: 1px solid var(--insur-base); } .get-insuracne-two__tab-btn-content:before { position: absolute; top: 50%; right: -6px; content: ""; border-top: 8px solid transparent; border-left: 6px solid var(--insur-base); border-bottom: 8px solid transparent; transform: translateY(-50%) scale(0); cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .get-insuracne-two__tab-box .tab-buttons .tab-btn.active-btn .get-insuracne-two__tab-btn-content:before { transform: translateY(-50%) scale(1); } .get-insuracne-two__tab-icon { position: relative; display: flex; align-items: center; } .get-insuracne-two__tab-icon img { width: auto; } .get-insuracne-two__tab-text-box { margin-left: 14px; } .get-insuracne-two__tab-text { font-size: 14px; color: var(--insur-black); font-weight: 700; line-height: 17px; letter-spacing: var(--insur-letter-spacing); } .get-insuracne-two__tab-box .tabs-content { position: relative; display: block; } .get-insuracne-two__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .get-insuracne-two__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); } .get-insuracne-two__tab-right { position: relative; display: block; max-width: 510px; width: 100%; padding-left: 40px; float: right; } .get-insuracne-two__content { position: relative; display: block; } .get-insuracne-two__content .get-insurance__progress { margin-bottom: 2px; } .get-insuracne-two__content .get-insuracne__form { position: relative; display: block; } .get-insuracne-two__content .get-insurance__input-box { position: relative; display: block; margin-bottom: 10px; } .get-insuracne-two__content .get-insurance__input-box input[type=text], .get-insuracne-two__content .get-insurance__input-box input[type=email] { height: 60px; width: 100%; border: 0; background-color: var(--insur-extra); outline: none; font-size: 16px; color: var(--insur-gray); font-weight: 400; padding: 0 30px 0; border-radius: var(--insur-bdr-radius); box-shadow: none; } .get-insuracne-two__content .get-insurance__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .get-insuracne-two__content .get-insurance__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insuracne-two__content .get-insurance__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border-radius: var(--insur-bdr-radius); border: 0; background-color: var(--insur-extra) !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray) !important; font-size: 16px; line-height: 60px; font-weight: 400; box-shadow: none !important; box-shadow: none; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .get-insuracne-two__content .get-insurance__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--insur-gray); } .get-insuracne-two__content .get-insurance__progress-range .irs--flat .irs-line { background-color: var(--insur-extra); } .get-insuracne-two__content-box { position: relative; display: block; } .get-insuracne-two__progress { position: relative; display: block; width: 100%; margin-top: 13px; margin-bottom: 20px; } .get-insuracne-two__progress-single { position: relative; display: block; } .get-insuracne-two__progress-title { font-size: 16px; line-height: 26px; margin-bottom: 14px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insuracne-two__progress .bar { position: relative; width: 100%; height: 13px; background-color: var(--insur-extra); border-radius: 6px; border: 0; } .get-insuracne-two__progress .bar-inner { position: relative; display: block; width: 0px; height: 13px; border-radius: 6px; background-image: -moz-linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -webkit-linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -ms-linear-gradient(0deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-insuracne-two__progress .count-text { position: absolute; right: -30px; bottom: -8px; opacity: 0; border-style: solid; border-width: 2px; border-color: #fff; border-radius: 50%; background-color: #16243d; width: 30px; height: 30px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .get-insuracne-two__progress .bar-inner.counted .count-text { opacity: 1; } .get-insuracne-two__balance-box { position: absolute; top: 0; right: 0; } .get-insuracne-two__balance { font-size: 16px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insuracne-two__content-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; } .get-insuracne-two__btn { border: none; } .get-insuracne-two__content-bottom-text-box p { line-height: 24px; letter-spacing: var(--insur-letter-spacing); } .get-insuracne-two__content-bottom-text-box h5 { font-size: 16px; color: var(--insur-black); line-height: 24px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Process --------------------------------------------------------------*/ .process { position: relative; display: block; padding: 120px 0 90px; } .home-two .process { padding-bottom: 20px; } .process .section-title { margin-bottom: 18px; } .process .section-sub-title-box { margin-left: 0; } .process__inner { position: relative; display: block; counter-reset: count; } .process-shape-1 { position: absolute; top: 0; left: 135px; } .process-shape-1 img { width: auto; } .process__single { position: relative; display: block; text-align: center; padding: 0 40px 0; margin-bottom: 22px; } .process__icon-box { position: relative; display: block; height: 150px; width: 150px; margin: 0 auto; } .process__icon { position: relative; display: flex; align-items: center; justify-content: center; border-style: solid; border-width: 1px; border-color: #dfe3e7; border-radius: 50%; background-color: #fff; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, .1); height: 148px; width: 148px; margin: 0 auto; z-index: 1; } .process__icon:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 50%; background-color: var(--insur-base); transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all .4s cubic-bezier(.62, .21, .45, 1.52); z-index: -1; } .process__single:hover .process__icon:before { transform: scaleX(1); } .process__icon span { position: relative; display: inline-block; font-size: 60px; color: var(--insur-base); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .process__single:hover .process__icon span { transform: scale(.9); color: var(--insur-white); } .process__count { position: absolute; top: 0; left: 0; height: 40px; width: 40px; border-radius: 50%; background-color: var(--insur-primary); z-index: 2; } .process__count:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: var(--insur-white); font-size: 14px; line-height: 40px; font-weight: 700; border-radius: 50%; counter-increment: count; content: counters(count, ".", decimal-leading-zero); transition: all 200ms linear; transition-delay: .1s; } .process__single:hover .process__count:before { background-color: var(--insur-black); } .process__content { position: relative; display: block; margin-top: 21px; } .process__title { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 7px; } .process__text { font-size: 15px; letter-spacing: var(--insur-letter-spacing); } .process__bottom { position: relative; display: block; } .process__contact { position: relative; display: block; } .process__input-box { position: relative; display: block; max-width: 580px; width: 100%; margin: 0 auto; } .process__input-box input[type=text] { height: 50px; width: 100%; border: 0; background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); font-size: 16px; font-weight: 500; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); padding-left: 50px; padding-right: 195px; outline: none; } .process__btn { position: absolute; top: 0; bottom: 0; right: 0; border: 0; width: 158px; background-color: var(--insur-base); font-size: 14px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); border-top-right-radius: var(--insur-bdr-radius); border-bottom-right-radius: var(--insur-bdr-radius); text-align: center; transition: all 500ms ease; } .process__btn:hover { background-color: var(--insur-primary); color: var(--insur-white); } .process__single-2 { margin-top: 100px; } .process__single-2 .process__count { bottom: 0; right: 0; top: inherit; left: inherit; } .process__single-3 { margin-top: 50px; } .process__single-4 .process__count { bottom: 0; right: 0; top: inherit; left: inherit; } /*-------------------------------------------------------------- # Testimonial Two --------------------------------------------------------------*/ .testimonial-two { position: relative; display: block; background-color: var(--insur-extra); padding: 120px 0 90px; z-index: 1; } .testimonial-two-shape-1 { position: absolute; top: 0; bottom: 0; left: 0; width: 1432px; mix-blend-mode: luminosity; background-repeat: no-repeat; background-position: left center; background-size: cover; opacity: .3; z-index: -1; } .testimonial-two__left { position: relative; display: block; margin-right: 50px; z-index: 5; } .testimonial-two__left .section-title { margin-bottom: 28px; } .testimonial-two__text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .testimonial-two__point-box { position: relative; display: block; overflow: hidden; margin-top: 37px; } .testimonial-two__point { position: relative; display: block; float: left; } .testimonial-two__point li { position: relative; display: flex; align-items: center; } .testimonial-two__point li + li { margin-top: 31px; } .testimonial-two__point li .icon { position: relative; height: 43px; width: 43px; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 15px; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-two__point li:hover .icon { background-color: var(--insur-base); color: var(--insur-white); } .testimonial-two__point li .text { margin-left: 14px; } .testimonial-two__point li .text p { font-size: 16px; color: var(--insur-black); font-weight: 700; line-height: 26px; } .testimonial-two__point-two { margin-left: 33px; } .testimonial-two__right { position: relative; display: block; margin-left: 20px; } .testimonial-two__carousel { position: relative; display: block; } .testimonial-two__wrap { position: relative; display: block; } .testimonial-two__single { position: relative; display: block; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; margin-bottom: 30px; } .testimonial-two__single:before { position: absolute; top: 0; left: -39px; content: ""; border-top: 0px solid transparent; border-right: 40px solid #fff; border-bottom: 40px solid transparent; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); } .testimonial-two__single-inner { position: relative; display: block; overflow: hidden; padding-top: 42px; padding-bottom: 26px; background-color: var(--insur-white); border-top-right-radius: 20px; z-index: 1; } .testimonial-two-shape-2 { position: absolute; top: -20px; right: 0; mix-blend-mode: luminosity; opacity: .1; z-index: -1; } .testimonial-two-shape-2 > img { width: auto; } .testimonial-two__content-box { position: relative; display: block; max-width: 296px; width: 100%; margin-left: 50px; } .testimonial-two__client-name { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 2px; } .testimonial-two__text-2 { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .testimonial-two__client-review { position: absolute; display: flex; align-items: center; top: 50px; right: 55px; } .testimonial-two__client-review i { font-size: 15px; color: #fab600; } .testimonial-two__client-review i + i { margin-left: 2px; } .testimonial-two__founder-box { position: relative; display: block; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); background-color: var(--insur-base); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .testimonial-two__founder { position: relative; display: block; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding-left: 50px; padding-top: 23px; padding-bottom: 23px; overflow: hidden; z-index: 1; } .testimonial-two__founder-text { font-size: 14px; color: var(--insur-white); text-transform: uppercase; letter-spacing: .1em; line-height: 14px; } .testimonial-two__client-img-box { position: absolute; bottom: 20px; right: 30px; height: 150px; width: 150px; border-radius: 50%; background-color: var(--insur-white); padding: 10px; z-index: 1; } .testimonial-two__client-img { position: relative; display: block; width: 131px; height: 131px; padding: 6px; border-radius: 50%; background-image: -moz-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -webkit-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -ms-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); } .testimonial-two__single .testimonial-two__client-img > img { width: 100% !important; border-radius: 50%; border: 6px solid var(--insur-white); } .testimonial-two__quote { position: absolute; top: 50%; left: -28px; transform: translateY(-50%); border-radius: 50%; background-color: #fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, .07); height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .testimonial-two__quote > img { width: auto !important; } .testimonial-two__founder-shape { position: absolute; top: 0; left: 0; bottom: 0; z-index: -1; } .testimonial-two__founder-shape > img { width: auto; } .testimonial-two__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-two__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-two__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .testimonial-two__carousel.owl-carousel .owl-dots { position: absolute; right: -185px; top: 265px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; height: 10px; max-width: 300px; width: 100%; border-radius: 5px; background-color: var(--insur-white); margin-top: 0px !important; transform: rotate(-90deg); } .testimonial-two__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; height: 10px; width: 100px; border-radius: 5px; background-color: transparent; margin: 0; padding: 0 !important; -webkit-transition: all 100ms linear; transition: all 100ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .testimonial-two__carousel.owl-carousel .owl-dot.active { background-color: var(--insur-primary); opacity: 1; } .testimonial-two__carousel.owl-carousel .owl-dot:focus { outline: none; } .testimonial-two__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } /*-------------------------------------------------------------- # News Two --------------------------------------------------------------*/ .news-two { position: relative; display: block; padding: 120px 0 90px; } .news-two .section-sub-title-box { margin-left: 0; } .news-two__single { position: relative; display: block; margin-bottom: 30px; } .news-two__img { position: relative; display: block; border-top-left-radius: var(--insur-bdr-radius); border-top-right-radius: var(--insur-bdr-radius); overflow: hidden; z-index: 1; } .news-two__img:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-top-left-radius: var(--insur-bdr-radius); border-top-right-radius: var(--insur-bdr-radius); background-color: rgba(var(--insur-black-rgb), .5); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; visibility: hidden; opacity: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); z-index: 1; } .news-two__single:hover .news-two__img:before { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .news-two__single .news-two__img img { width: 100%; border-top-left-radius: var(--insur-bdr-radius); border-top-right-radius: var(--insur-bdr-radius); transition: all 500ms ease; } .news-two__single:hover .news-two__img img { transform: scale(1.05); } .news-two__arrow-box { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 2; } .news-two__arrow { height: 50px; width: 50px; border: 2px solid var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 15px; opacity: 0; transform: translateY(70px); transition: all 500ms ease; } .news-two__single:hover .news-two__arrow { opacity: 1; transform: translateY(0%); transition-delay: 500ms; } .news-two__arrow:hover { border: 2px solid var(--insur-primary); color: var(--insur-primary); } .news-two__content { position: relative; display: block; border-bottom-left-radius: var(--insur-bdr-radius); border-bottom-right-radius: var(--insur-bdr-radius); border: 1px solid var(--insur-bdr-color); background-color: var(--insur-white); border-top: 0; padding: 33px 40px 40px; transition: all 500ms ease; } .news-two__single:hover .news-two__content { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); } .news-two__title { font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 23px; } .news-two__title a { color: var(--insur-black); transition: all 500ms ease; } .news-two__single:hover .news-two__title a { color: var(--insur-base); } .news-two__client { position: relative; display: flex; align-items: center; } .news-two__client-img { position: relative; display: inline-block; } .news-two__single .news-two__client-img img { border: 2px solid var(--insur-primary); border-radius: 50%; } .news-two__client-content { margin-left: 15px; } .news-two__client-content p { font-size: 14px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); line-height: 24px; } .news-two__client-content h5 { font-size: 14px; color: var(--insur-base); text-transform: uppercase; letter-spacing: .1em; line-height: 24px; } .news-two__tag { position: absolute; top: -20px; right: 20px; background-color: #fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, .1); padding: 14px 20px; border-radius: var(--insur-bdr-radius); z-index: 2; } .news-two__tag p { font-size: 12px; color: var(--insur-black); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; line-height: 12px; } .news-two__tag p i { font-size: 12px; padding-right: 3px; } /*-------------------------------------------------------------- # Google Map --------------------------------------------------------------*/ .google-map { position: relative; display: block; background-color: var(--insur-extra); } .google-map__one { position: relative; display: block; border: none; height: 420px; width: 100%; mix-blend-mode: luminosity; } /*-------------------------------------------------------------- # Feature Three --------------------------------------------------------------*/ .feature-three { position: relative; display: block; padding: 0 0 90px; margin-top: -30px; z-index: 2; } .feature-three-shape { position: absolute; top: 30px; right: -30px; z-index: -1; } .feature-three-shape img { width: auto; } .feature-three__single { position: relative; display: flex; align-items: center; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .07); border-radius: var(--insur-bdr-radius); padding: 30px 40px 30px; margin-bottom: 30px; z-index: 1; } .feature-three__single:after { position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ""; border-radius: var(--insur-bdr-radius); background-color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 1; -webkit-transform-origin: bottom; transform-origin: bottom; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .feature-three__single:hover:after { -webkit-transform: scaleY(1); transform: scaleY(1); } .feature-three__icon { position: relative; display: flex; align-items: center; justify-content: center; height: 85px; width: 85px; background-color: var(--insur-extra); border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__single:hover .feature-three__icon { background-color: var(--insur-primary); } .feature-three__icon span { position: relative; display: inline-block; font-size: 36px; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__single:hover .feature-three__icon span { color: var(--insur-white); } .feature-three__content { position: relative; margin-left: 20px; } .feature-three__sub-title { font-size: 14px; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 2px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__single:hover .feature-three__sub-title { color: var(--insur-white); } .feature-three__title { font-size: 22px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 26px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-three__single:hover .feature-three__title { color: var(--insur-white); } /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .about-three { position: relative; display: block; padding: 0 0 120px; } .about-three__left { position: relative; display: block; margin-right: 70px; } .about-three__img-box { position: relative; display: block; } .about-three__img { position: relative; display: block; z-index: 1; } .about-three__img > img { width: 100%; border-radius: var(--insur-bdr-radius); } .about-three__shape-1 { position: absolute; top: 42px; left: 0; right: 0; } .about-three__shape-1 > img { width: 100%; border-radius: var(--insur-bdr-radius); } .about-three__location { position: absolute; bottom: 135px; left: -68px; height: 150px; width: 190px; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 2; } .about-three__location-text { font-size: 20px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 24px; } .about-three__location-bg { position: absolute; top: 0; left: 8px; right: -8px; bottom: 0; z-index: -1; } .about-three__right { position: relative; display: block; } .about-three__right .section-title { margin-bottom: 34px; } .about-three__business-start { position: relative; display: flex; align-items: center; margin-bottom: 30px; } .about-three__business-start-icon { position: relative; display: flex; align-items: center; } .about-three__business-start-icon span { font-size: 60px; color: var(--insur-base); position: relative; display: inline-block; -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .about-three__business-start:hover .about-three__business-start-icon span { transform: scale(.9); } .about-three__business-start-text-box { position: relative; margin-left: 30px; } .about-three__business-start-text { font-size: 24px; color: var(--insur-black); font-weight: 700; line-height: 36px; letter-spacing: var(--insur-letter-spacing); } .about-three__business-start-text span { color: var(--insur-primary); position: relative; display: inline-block; } .about-three__business-start-text span:before { position: absolute; bottom: 4px; left: 0; right: 0; height: 1px; content: ""; background-color: var(--insur-primary); } .about-three__text { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .about-three__bottom { position: relative; display: flex; align-items: center; margin-top: 41px; } .about-three__founder { position: relative; display: flex; align-items: center; } .about-three__founder-img { position: relative; display: flex; align-items: center; } .about-three__right .about-three__founder-img img { border-radius: 50%; border: 2px solid var(--insur-primary); width: auto; } .about-three__founder-content { position: relative; margin-left: 30px; top: 10px; } .about-three__founder-name { font-size: 20px; letter-spacing: var(--insur-letter-spacing); font-family: var(--insur-reey-font); line-height: 22px; } .about-three__founder-sub-title { font-size: 14px; letter-spacing: var(--insur-letter-spacing); line-height: 26px; margin-left: -16px; } .about-three__btn-box { margin-left: 20px; } /*-------------------------------------------------------------- # Services Three --------------------------------------------------------------*/ .services-three { position: relative; display: block; padding: 0 0 90px; z-index: 1; } .services-three__inner { position: relative; display: block; z-index: 1; } .services-three-shape-1 { position: absolute; bottom: -126px; right: -160px; opacity: .05; -webkit-animation-name: shapeMover-2; animation-name: shapeMover-2; -webkit-animation-duration: 9s; animation-duration: 9s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index: 1; } .services-three-shape-1 img { width: auto; } .services-three__single { position: relative; display: block; margin-bottom: 30px; } .services-three .section-title { margin-bottom: 0; } .services-three__img { position: relative; display: block; border-radius: var(--insur-bdr-radius); overflow: hidden; z-index: 1; } .services-three__img::before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background: #16243d; background: linear-gradient(0deg, rgba(22, 36, 61, .9164040616) 14%, rgba(22, 36, 61, .0368522409) 58%); z-index: 1; } .services-three__img:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--insur-black-rgb), .3); transition: all 500ms ease; transform: translate3d(0px, -100%, 0px); } .services-three__single:hover .services-three__img:after { transform: translate3d(0px, 0, 0px); } .services-three__single .services-three__img img { width: 100%; border-radius: var(--insur-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-three__single:hover .services-three__img img { transform: scale(1.05); } .services-three__content { position: absolute; bottom: 25px; left: 30px; z-index: 2; } .services-three__title { font-size: 20px; line-height: 24px; letter-spacing: var(--insur-letter-spacing); } .services-three__title a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-three__single:hover .services-three__title a { color: var(--insur-primary); } .services-three__get-quote { position: relative; display: block; background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); padding: 39px 60px 50px; } .services-three__get-quote-sub-title { font-size: 16px; text-transform: uppercase; letter-spacing: .1em; line-height: 33px; } .services-three__get-quote-title { font-size: 24px; font-weight: 700; line-height: 36px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 26px; } .services-three__get-quote-btn { padding: 12px 30px 12px; font-size: 14px; } /*-------------------------------------------------------------- # Benefits --------------------------------------------------------------*/ .benefits { position: relative; display: block; background-color: var(--insur-extra); padding: 120px 0 110px; z-index: 1; } .benefits-bg { position: absolute; top: 0; bottom: 0; right: 0; width: 886px; background-repeat: no-repeat; background-position: bottom left; background-size: cover; z-index: 1; } .benefits-bg-2 { position: absolute; top: 0; bottom: 0; left: 0; width: 1424px; background-repeat: no-repeat; background-position: bottom left; background-size: cover; opacity: .3; z-index: -1; } .benefits__left { position: relative; display: block; margin-right: 20px; } .benefits__left .section-title { margin-bottom: 30px; } .benefits__text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .benefits__point-box { position: relative; display: block; overflow: hidden; margin-top: 41px; } .benefits__point { position: relative; display: block; float: left; } .benefits__point li { position: relative; display: flex; align-items: center; background-color: var(--insur-white); border-radius: var(--insur-bdr-radius); padding-top: 22px; padding-bottom: 22px; padding-left: 30px; padding-right: 35px; margin-bottom: 10px; transition: all 500ms ease; } .benefits__point li:hover { background-color: var(--insur-base); } .benefits__point li .icon { position: relative; display: flex; align-items: center; justify-content: center; height: 16px; width: 16px; background-color: var(--insur-base); border-radius: 50%; color: var(--insur-white); font-size: 8px; transition: all 500ms ease; } .benefits__point li:hover .icon { background-color: var(--insur-primary); color: var(--insur-base); } .benefits__point li .text { margin-left: 10px; } .benefits__point li .text p { font-size: 18px; color: var(--insur-black); font-weight: 500; letter-spacing: var(--insur-letter-spacing); transition: all 500ms ease; } .benefits__point li:hover .text p { color: var(--insur-white); } .benefits__point-two { margin-left: 10px; } /*-------------------------------------------------------------- # Testimonial Three --------------------------------------------------------------*/ .testimonial-three { position: relative; display: block; padding: 120px 0 170px; } .testimonial-three__top { position: relative; display: block; margin-bottom: 108px; } .testimonial-three__left { position: relative; display: block; } .testimonial-three__left .section-title { margin-bottom: 0px; } .testimonial-three__right { position: relative; display: block; margin-left: 100px; margin-top: 16px; } .testimonial-three__right-text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .testimonial-three__bottom { position: relative; display: block; } .testimonial-three__carousel { position: relative; display: block; } .testimonial-three__single { position: relative; display: block; text-align: center; border: 1px solid var(--insur-bdr-color); border-radius: 20px; padding: 108px 48px 51px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-three__single:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); transform: translateY(-10px); } .testimonial-three__client-img-box { position: absolute; top: -73px; left: 50%; transform: translateX(-50%); height: 150px; width: 150px; border-radius: 50%; background-color: var(--insur-white); padding: 10px; z-index: 1; } .testimonial-three__client-img { position: relative; display: block; width: 131px; height: 131px; padding: 6px; border-radius: 50%; background-image: -moz-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -webkit-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); background-image: -ms-linear-gradient(-29deg, var(--insur-base, #015fc9) 0%, var(--insur-primary, #0ce0ff) 100%); } .testimonial-three__single .testimonial-three__client-img > img { width: 100% !important; border-radius: 50%; border: 6px solid var(--insur-white); } .testimonial-three__quote { position: absolute; bottom: -17px; left: 50%; transform: translateX(-50%); border-radius: 50%; background-color: #fff; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, .07); height: 60px; width: 60px; display: flex; align-items: center; justify-content: center; } .testimonial-three__quote > img { width: auto !important; } .testimonial-three__star { position: relative; display: flex; align-items: center; justify-content: center; } .testimonial-three__star i { font-size: 15px; color: #fab600; } .testimonial-three__text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); padding-top: 23px; padding-bottom: 23px; } .testimonial-three__client { position: relative; display: block; } .testimonial-three__client-name { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .testimonial-three__client-sub-title { font-size: 14px; color: var(--insur-base); font-weight: 500; text-transform: uppercase; letter-spacing: .1em; } .testimonial-three__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-three__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-three__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-three__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .testimonial-three__carousel.owl-carousel .owl-dots { position: absolute; bottom: -50px; left: 0; right: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; max-width: 300px; width: 100%; margin: 0 auto !important; border-radius: 5px; height: 10px; background-color: var(--insur-extra); } .testimonial-three__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 100px; height: 10px; border-radius: 5px; background-color: transparent; margin: 0; padding: 0 !important; -webkit-transition: all 100ms linear; transition: all 100ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .testimonial-three__carousel.owl-carousel .owl-dot.active { background-color: var(--insur-primary); opacity: 1; } .testimonial-three__carousel.owl-carousel .owl-dot:focus { outline: none; } .testimonial-three__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } /*-------------------------------------------------------------- # Download --------------------------------------------------------------*/ .download { position: relative; display: block; background-color: var(--insur-base); padding: 120px 0 0; overflow: hidden; z-index: 1; } .download-bg { position: absolute; top: 0; bottom: 0; right: -1px; width: 828px; mix-blend-mode: luminosity; background-repeat: no-repeat; background-position: top center; opacity: .08; z-index: -1; } .download-shape-1 { position: absolute; top: -240px; left: 0; } .download-shape-1 img { width: auto; } .download-shape-2 { position: absolute; bottom: 87px; left: 0; } .download-shape-2 img { width: auto; } .download__left { position: relative; display: block; margin-top: 9px; } .download__sub-title { font-size: 18px; color: var(--insur-white); letter-spacing: var(--insur-letter-spacing); } .download__title { font-size: 50px; color: var(--insur-white); font-weight: 700; line-height: 60px; letter-spacing: var(--insur-letter-spacing); margin-top: 7px; margin-bottom: 47px; } .download__apps { position: relative; display: flex; align-items: center; } .download__app-one { position: relative; display: block; max-width: 215px; width: 100%; } .download__app-one > a { position: relative; display: flex; align-items: center; background-color: var(--insur-white); border-radius: var(--insur-bdr-radius); padding: 9px 40px 18px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .download__app-one:hover > a { background-color: var(--insur-primary); } .download__app-one:hover > a > p, .download__app-one:hover > a > i { color: var(--insur-white); } .download__app-one > a > i { font-size: 20px; color: var(--insur-black); position: relative; transition: all 500ms ease; top: 6px; } .download__app-one > a > p { font-size: 18px; color: var(--insur-black); font-weight: 700; margin-left: 15px; transition: all 500ms ease; line-height: 20px; } .download__app-one > a > p > span { font-size: 10px; text-transform: uppercase; letter-spacing: .1em; } .download__app-one--two { margin-left: 10px; } .download__app-one--two > a { background-color: var(--insur-black); } .download__app-one--two > a > i { color: var(--insur-white); } .download__app-one--two > a > p { color: var(--insur-white); } .download__right { position: relative; display: block; margin-left: 58px; } .download__img { position: relative; display: block; top: 1px; } .download__img > img { width: 100%; } .download__badge { position: absolute; top: 10px; left: -98px; } .download__badge > img { width: auto; } /*-------------------------------------------------------------- # We Provide --------------------------------------------------------------*/ .we-provide { position: relative; display: block; background-color: var(--insur-extra); padding: 120px 0 120px; z-index: 1; } .we-provide-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: luminosity; opacity: .2; z-index: -1; } .we-provide .section-sub-title-box { margin-left: 0; } .we-provide__tab { position: relative; display: block; } .we-provide__tab-box { position: relative; display: block; z-index: 2; } .we-provide__tab-btn-box { position: relative; display: block; margin-right: -30px; } .we-provide__tab-box .tab-buttons { position: relative; display: block; background-color: var(--insur-white); border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding-right: 18px; z-index: 1; } .we-provide__tab-box .tab-buttons:before { position: absolute; top: 0; bottom: 0; left: 0; content: ""; width: 6px; background-color: var(--insur-bdr-color); z-index: -1; } .we-provide__tab-box .tab-buttons .tab-btn { position: relative; display: block; border-bottom: 2px solid var(--insur-bdr-color); } .we-provide__tab-box .tab-buttons .tab-btn.active-btn { border-bottom: 2px solid transparent; } .we-provide__tab-box .tab-buttons .tab-btn:last-child { border-bottom: 0; } .we-provide__tab-box .tab-buttons .tab-btn + .tab-btn { margin-left: 0px; } .we-provide__tab-box .tab-buttons .tab-btn span { position: relative; display: block; -webkit-transition: all 200ms linear; -webkit-transition: all .3s ease; transition: all 200ms linear; transition: all .3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; font-size: 18px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); cursor: pointer; z-index: 1; z-index: 1; border-top-right-radius: 10px; border-bottom-right-radius: 10px; padding-left: 47px; max-width: 282px; width: 100%; padding-top: 26px; padding-bottom: 26px; } .we-provide__tab-box .tab-buttons .tab-btn.active-btn span { color: var(--insur-white); } .we-provide__tab-box .tab-buttons .tab-btn span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; content: ""; background-color: var(--insur-black); -webkit-transition: all .3s ease; transition: all .3s ease; z-index: -1; } .we-provide__tab-box .tab-buttons .tab-btn.active-btn span:before { height: 100%; } .we-provide__tab-box .tab-buttons .tab-btn span:after { position: absolute; top: 0; left: 0; bottom: 0; width: 6px; content: ""; background-color: var(--insur-primary); -webkit-transition: all .3s ease; transition: all .3s ease; transform: scaleY(0); z-index: -1; } .we-provide__tab-box .tab-buttons .tab-btn.active-btn span:after { transform: scaleY(1); } .we-provide__tab-main-content { position: relative; display: block; margin-left: 30px; } .we-provide__tab-box .tabs-content { position: relative; display: block; } .we-provide__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .we-provide__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); } .we-provide__tab-main-content-inner { position: relative; display: flex; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); border-radius: var(--insur-bdr-radius); padding-left: 60px; padding-right: 50px; padding-top: 49px; padding-bottom: 49px; z-index: 1; } .we-provide-shape-1 { position: absolute; top: 0; right: 0; opacity: .1; z-index: -1; } .we-provide-shape-1 img { width: auto; } .we-provide__tab-main-content-left { position: relative; display: block; max-width: 396px; width: 100%; } .we-provide__tab-main-content-icon { position: relative; display: block; } .we-provide__tab-main-content-icon span { position: relative; display: inline-block; font-size: 64px; color: var(--insur-base); } .we-provide__tab-main-content-title { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: var(--insur-letter-spacing); margin-top: 15px; margin-bottom: 13px; } .we-provide__tab-main-content-text { line-height: 28px; letter-spacing: var(--insur-letter-spacing); } .we-provide__tab-main-content-points { position: relative; display: block; margin-top: 16px; } .we-provide__tab-main-content-points li { position: relative; display: flex; align-items: center; } .we-provide__tab-main-content-points li + li { margin-top: 8px; } .we-provide__tab-main-content-points li .icon { position: relative; display: flex; align-items: center; justify-content: center; height: 16px; width: 16px; background-color: var(--insur-primary); font-size: 9px; color: var(--insur-white); border-radius: 50%; } .we-provide__tab-main-content-points li .text { margin-left: 10px; } .we-provide__tab-main-content-points li .text p { font-size: 18px; color: var(--insur-black); font-weight: 700; } .we-provide__tab-main-content-right { position: relative; display: block; margin-left: 64px; } .we-provide__tab-main-content-right-img { position: relative; display: block; } .we-provide__tab-main-content-right .we-provide__tab-main-content-right-img img { width: auto; border-radius: var(--insur-bdr-radius); } /*-------------------------------------------------------------- # News Three --------------------------------------------------------------*/ .news-three { position: relative; display: block; padding: 0 0 90px; } .news-three .section-sub-title-box { margin-left: 0; } .news-three__single { position: relative; display: block; border: 1px solid var(--insur-bdr-color); border-radius: var(--insur-bdr-radius); padding: 59px 59px 55px; overflow: hidden; transition: all 500ms ease; margin-bottom: 30px; z-index: 1; } .news-three__single:hover { border: 1px solid transparent; } .news-three-bg { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: var(--insur-bdr-radius); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .news-three-bg:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: var(--insur-bdr-radius); background-color: rgba(var(--insur-black-rgb), .7); } .news-three__single:hover .news-three-bg { transform: scaleY(1); } .news-three__client-info { position: relative; display: flex; align-items: center; } .news-three__client-img { position: relative; display: inline-block; } .news-three .news-three__client-img img { border: 2px solid var(--insur-primary); border-radius: 50%; } .news-three__client-content { position: relative; display: block; margin-left: 15px; } .news-three__client-content p { font-size: 14px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); line-height: 24px; transition: all 500ms ease; } .news-three__single:hover .news-three__client-content p, .news-three__single:hover .news-three__client-content p a { color: var(--insur-white); } .news-three__client-content p i { color: var(--insur-primary); padding-right: 5px; transition: all 500ms ease; } .news-three__single:hover .news-three__client-content p i { color: var(--insur-white); } .news-three__client-content h5 { font-size: 14px; color: var(--insur-base); text-transform: uppercase; letter-spacing: .1em; line-height: 24px; transition: all 500ms ease; } .news-three__single:hover .news-three__client-content h5 { color: var(--insur-white); } .news-three__content { position: relative; display: block; margin-top: 22px; } .news-three__title { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .news-three__title a { color: var(--insur-black); transition: all 500ms ease; } .news-three__single:hover .news-three__title a { color: var(--insur-white); } .news-three__arrow { position: relative; display: block; margin-top: 27px; } .news-three__arrow a { font-size: 16px; color: var(--insur-black); display: flex; align-items: center; transition: all 500ms ease; } .news-three__single:hover .news-three__arrow a { color: var(--insur-white); } /*-------------------------------------------------------------- # Page Header --------------------------------------------------------------*/ .page-header { position: relative; display: block; padding: 117px 0 113px; background-color: var(--insur-extra); z-index: 1; } .page-header-bg { position: absolute; top: 0; right: 0; bottom: 0; width: 1221px; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .page-header-bg:before { position: absolute; top: 0; left: -1px; bottom: 0; width: 250px; content: ""; background-image: -moz-linear-gradient(0deg, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); background-image: -webkit-linear-gradient(0deg, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); background-image: -ms-linear-gradient(0deg, #f3f6f8 0%, rgba(243, 246, 248, 0) 100%); } .page-header-shape-1 { position: absolute; top: 0; left: 0; bottom: 0; mix-blend-mode: luminosity; opacity: .2; } .page-header-shape-1 img { width: auto; } .page-header__inner { position: relative; display: block; z-index: 15; } .page-header__inner h2 { font-size: 40px; color: var(--insur-black); font-weight: 700; line-height: 52px; letter-spacing: -.04em; } .thm-breadcrumb { position: relative; display: block; } .thm-breadcrumb li { position: relative; display: inline-block; color: var(--insur-gray); font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: .1em; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .thm-breadcrumb li + li { margin-left: 5px; } .thm-breadcrumb li a { position: relative; display: inline-block; color: var(--insur-gray); font-size: 14px; font-weight: 400; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .thm-breadcrumb li:hover a { color: var(--insur-base); } /*-------------------------------------------------------------- # News Carousel Page --------------------------------------------------------------*/ .news-carousel-page { position: relative; display: block; padding: 120px 0 133px; } .carousel-dot-style.owl-carousel .owl-stage-outer { overflow: visible; } .carousel-dot-style.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .carousel-dot-style.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .carousel-dot-style.owl-carousel .owl-dots { position: absolute; bottom: -13px; left: 0px; right: 0; text-align: center; margin: 0 !important; display: flex; align-items: center; justify-content: center; } .carousel-dot-style.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 13px; height: 13px; border-radius: 50%; background-color: rgba(var(--insur-base-rgb), .3); margin: 0px 5px; padding: 0px; transition: all 100ms linear; transition-delay: .1s; } .carousel-dot-style.owl-carousel .owl-dot.active { background-color: rgba(var(--insur-primary-rgb), 1); } .carousel-dot-style.owl-carousel .owl-dot:focus { outline: none; } .carousel-dot-style.owl-carousel .owl-dots .owl-dot span { display: none; } /*-------------------------------------------------------------- # News Sidebar --------------------------------------------------------------*/ .news-sidebar { position: relative; display: block; padding: 120px 0 120px; } .news-sideabr__left { position: relative; display: block; } .news-sideabr__content { position: relative; display: block; } .news-sideabr__single { position: relative; display: block; } .news-sideabr__single + .news-sideabr__single { margin-top: 30px; } .news-sideabr__img { position: relative; display: block; border-radius: var(--insur-bdr-radius); } .news-sideabr__img img { max-width: 100%; border-radius: var(--insur-bdr-radius); } .news-sideabr__content-box { position: relative; display: block; margin-top: 24px; } .news-sideabr__meta { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; flex-wrap: wrap; margin-left: -7.5px !important; margin-right: -7.5px !important; } .news-sideabr__meta li { padding-left: 7.5px; padding-right: 7.5px; } .news-sideabr__meta li a { font-size: 14px; color: var(--insur-gray); font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-sideabr__meta li a:hover { color: var(--insur-base); } .news-sideabr__meta li a i, .news-sideabr__meta li span i { color: var(--insur-base); } .thm-btn.comment-form__btn { line-height: 30px; } .news-sideabr__title { font-size: 34px; font-weight: 700; line-height: 44px; margin-top: 4px; margin-bottom: 12px; letter-spacing: var(--insur-letter-spacing); } .news-sideabr__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; word-break: break-word; } .news-sideabr__title a:hover { color: var(--insur-base); } .news-sideabr__text { padding-bottom: 25px; font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); word-break: break-all; } .news-sideabr__btn { font-size: 12px; font-weight: 500; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); padding: 7px 30px 7px; background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); } .news-sideabr__bottom-box { position: relative; display: block; background-color: var(--insur-extra); padding: 50px 60px 45px; margin-top: 30px; border-radius: var(--insur-bdr-radius); } .news-sideabr__bottom-box-icon { margin-bottom: 21px; } .news-sideabr__bottom-box-text { margin: 0; font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .news-sideabr__delivering-services { position: relative; display: block; background-color: var(--insur-extra); padding: 50px 60px 47px; margin-top: 30px; margin-bottom: 30px; border-radius: var(--insur-bdr-radius); } .news-sideabr__delivering-services-icon { margin-bottom: 21px; } .news-sideabr__delivering-services-title { font-size: 30px; line-height: 40px; font-weight: 700; } .news-sideabr__delivering-services-title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-sideabr__delivering-services-title a:hover { color: var(--insur-base); } .news-sideabr__video-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .news-sideabr__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 97px; height: 97px; line-height: 97px; text-align: center; font-size: 23px; color: var(--insur-white); background-color: var(--insur-primary); border-radius: 50%; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } .news-sideabr__video-icon:hover { background-color: var(--insur-white); color: var(--insur-base); } .news-sideabr__video-icon:before { position: absolute; top: -15px; left: -15px; right: -15px; bottom: -15px; content: ""; border-radius: 50%; border: 1px solid var(--insur-white); opacity: .1; z-index: 1; } .news-sideabr__video-link .ripple, .news-sideabr__video-icon .ripple:before, .news-sideabr__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 125px; height: 125px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); -o-box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); -webkit-box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); box-shadow: 0 0 0 0 rgba(var(--insur-primary-rgb), .6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-radius: 50%; } .news-sideabr__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .news-sideabr__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ @media (max-width: 991px) { .sidebar { margin-top: 50px; } } .sidebar__single + .sidebar__single { margin-top: 30px; } .sidebar__title { margin: 0; font-size: 20px; margin-bottom: 5px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .sidebar__search { position: relative; display: block; } .sidebar__search-form { position: relative; } .sidebar__search-form input[type=search] { display: block; border: none; outline: none; background-color: var(--insur-base); color: var(--insur-white); font-size: 18px; font-weight: 400; padding-left: 50px; height: 80px; width: 100%; padding-right: 80px; border-radius: 10px; } .sidebar__search-form ::-webkit-input-placeholder { color: var(--insur-white); opacity: 1; } .sidebar__search-form :-ms-input-placeholder { color: var(--insur-white); opacity: 1; } .sidebar__search-form ::-ms-input-placeholder { color: var(--insur-white); opacity: 1; } .sidebar__search-form ::placeholder { color: var(--insur-white); opacity: 1; } .sidebar__search-form :-ms-input-placeholder { color: var(--insur-white); } .sidebar__search-form ::-ms-input-placeholder { color: var(--insur-white); } .sidebar__search-form button[type=submit] { background-color: transparent; color: var(--insur-white); font-size: 22px; position: absolute; top: 0; right: 0; bottom: 0; width: 72px; outline: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .sidebar__post { position: relative; display: block; padding: 45px 30px 30px; background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); } .sidebar__post .sidebar__title { margin-left: 20px; } .sidebar__post-list { margin: 0; } .sidebar__post-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 20px 16px; -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: var(--insur-bdr-radius); } .sidebar__post-list li:hover { background-color: var(--insur-white); } .sidebar__post-list li + li { margin-top: 10px; } .sidebar__post-image { margin-right: 20px; } .sidebar__post-image > img { width: 70px; border-radius: var(--insur-bdr-radius); } .sidebar__post-content { position: relative; } .sidebar__post-content h3 { font-size: 16px; margin: 0; line-height: 26px; } .sidebar__post-content-meta { font-size: 14px; font-weight: 500; color: var(--insur-gray) !important; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .sidebar__post-content-meta i { color: var(--insur-base); font-size: 14px; padding-right: 1px; } .sidebar__post-content h3 a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-top: 1px; display: block; font-size: 16px; font-weight: 700; } .sidebar__category { position: relative; display: block; background-color: var(--insur-extra); padding: 45px 30px 35px; border-radius: var(--insur-bdr-radius); } .sidebar__category .sidebar__title { padding-left: 20px; margin-bottom: 11px; } .sidebar__category-list { margin: 0; } .sidebar__category-list li + li { margin-top: 8px; } .sidebar__category-list li a { color: var(--insur-gray); font-size: 16px; position: relative; -webkit-transition: all 500ms ease; transition: all 500ms ease; display: block; background: none; padding: 7px 20px 7px; border-radius: var(--insur-bdr-radius); font-weight: 500; } .sidebar__category-list li a:hover { background-color: white; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); color: var(--insur-base); } .sidebar__category-list li.active a { background-color: white; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); color: var(--insur-base); } .sidebar__category-list li a span { position: absolute; top: 50%; right: 20px; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: var(--insur-base); text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; } .sidebar__category-list li a:hover span { color: var(--insur-base); -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } .sidebar__category-list li.active a span { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); color: var(--insur-base); } .sidebar__tags { position: relative; display: block; background: var(--insur-extra); padding: 45px 45px 50px; border-radius: var(--insur-bdr-radius); } .sidebar__tags .sidebar__title { margin-left: 5px; margin-bottom: 25px; } .sidebar__tags-list { margin-top: -10px; } .sidebar__tags-list a { font-size: 14px; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); -webkit-transition: all .4s ease; transition: all .4s ease; background: var(--insur-white); display: inline-block; padding: 7px 20px 7px; margin-left: 5px; font-weight: 500; border-radius: var(--insur-bdr-radius); } .sidebar__tags-list a + a { margin-left: 5px; margin-top: 10px; } .sidebar__tags-list a:hover { color: var(--insur-white); background: var(--insur-base); } .sidebar__comments { position: relative; display: block; background: var(--insur-extra); padding: 45px 50px 43px; border-radius: var(--insur-bdr-radius); } .sidebar__comments .sidebar__title { margin-bottom: 25px; } .sidebar__comments-list { position: relative; display: block; } .sidebar__comments-list li { position: relative; display: block; padding-left: 65px; } .sidebar__comments-list li + li { margin-top: 23px; } .sidebar__comments-icon { height: 45px; width: 45px; background-color: var(--insur-white); border-radius: 50%; font-size: 15px; color: var(--insur-black); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; -webkit-transition: all .4s ease; transition: all .4s ease; } .sidebar__comments-list li:hover .sidebar__comments-icon { background-color: var(--insur-primary); color: var(--insur-white); } .sidebar__comments-text-box p { font-size: 15px; margin: 0; line-height: 26px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .sidebar__comments-text-box p span { color: var(--insur-base); } .sidebar__comments-text-box h5 { font-size: 15px; margin: 0; line-height: 26px; color: var(--insur-gray); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Blog Details --------------------------------------------------------------*/ .news-details { position: relative; display: block; padding: 120px 0 120px; } .news-details__left { position: relative; display: block; } .news-details__img { position: relative; display: block; border-radius: var(--insur-bdr-radius); } .news-details__img img { width: 100%; border-radius: var(--insur-bdr-radius); } .news-details__content { position: relative; display: block; margin-top: 24px; } .news-details__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-details__meta li + li { margin-left: 15px; } .news-details__meta li a { font-size: 14px; color: var(--insur-gray); font-weight: 500; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-details__meta li a:hover { color: var(--insur-base); } .news-details__meta li a i, .news-details__meta li span i { color: var(--insur-base); } .news-details__title { font-size: 34px; line-height: 44px; margin-bottom: 12px; margin-top: 4px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .news-details__text-1 { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .news-details__text-2 { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); padding-top: 31px; } .news-details__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0 30px; margin-top: 56px; border-top: 1px solid var(--insur-bdr-color); } .news-details__bottom p { margin: 0; } .news-details__tags span { color: var(--insur-black); font-size: 20px; margin-right: 5px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .news-details__tags a { position: relative; color: var(--insur-gray); font-size: 14px; background-color: var(--insur-extra); display: inline-block; text-transform: capitalize; padding: 7px 20px 7px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); border-radius: var(--insur-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-bottom: 10px; } .news-details__tags a:hover { background-color: var(--insur-base); color: var(--insur-white); } .news-details__tags a + a { margin-left: 6px; } .news-details__social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-details__social-list a { position: relative; height: 43px; width: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-base); font-size: 15px; border-radius: 17px; border: 2px solid var(--insur-base); overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .news-details__social-list a:hover { color: var(--insur-white); } .news-details__social-list a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--insur-base); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .news-details__social-list a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .news-details__social-list a + a { margin-left: 10px; } .blgo-details__pagenation-box { position: relative; display: block; overflow: hidden; margin-bottom: 53px; } .news-details__pagenation { position: relative; display: block; } .news-details__pagenation li { position: relative; float: left; font-size: 20px; color: var(--insur-black); font-weight: 700; background-color: var(--insur-extra); line-height: 34px; -webkit-transition: all 500ms ease; transition: all 500ms ease; max-width: 370px; width: 100%; padding-left: 60px; padding-right: 60px; padding-top: 50px; padding-bottom: 50px; border-radius: var(--insur-bdr-radius); } .news-details__pagenation li + li { margin-left: 30px; } .news-details__pagenation li:hover { background-color: var(--insur-base); color: var(--insur-white); } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-one__title, .comment-form__title { margin: 0; color: var(--insur-black); font-size: 30px; margin-bottom: 60px; margin-top: 20px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .comment-one__single { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid var(--insur-bdr-color); padding-bottom: 60px; margin-bottom: 60px; } .comment-one__content { position: relative; margin-left: 45px; } .comment-one__content h3 { margin: 0; font-size: 20px; color: var(--insur-black); margin-bottom: 26px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .comment-one__content p { font-size: 16px; line-height: 30px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .comment-one__btn { padding: 7px 30px; position: absolute; top: 0; right: 0; background-color: var(--insur-extra); font-size: 14px; font-weight: 500; color: var(--insur-gray); } .comment-one__image { position: relative; display: block; border-radius: 50%; } .comment-one__image img { border-radius: 50%; } .comment-form .comment-form__title { margin-top: -7px; } .comment-one__form .row { --bs-gutter-x: 20px; } .comment-form__input-box { position: relative; display: block; margin-bottom: 20px; } .comment-form__input-box input[type=text], .comment-form__input-box input[type=email] { height: 60px; width: 100%; border: none; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--insur-gray); display: block; border-radius: var(--insur-bdr-radius); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .comment-form__input-box textarea { font-size: 14px; color: var(--insur-gray); height: 180px; width: 100%; background-color: var(--insur-extra); padding: 15px 30px 30px; border: none; border-radius: var(--insur-bdr-radius); outline: none; margin-bottom: 0px; font-weight: 500; } .comment-form__btn { border: none; } .comment-form__input-box.text-message-box { height: auto; } .comment-form__input-box.text-message-box textarea { height: 180px; } /*-------------------------------------------------------------- # Contact Page --------------------------------------------------------------*/ .contact-page { position: relative; display: block; padding: 120px 0 120px; } .contact-page__left { position: relative; display: block; } .contact-page__left .section-title { margin-bottom: 43px; } .contact-page__call-email { position: relative; display: block; padding-left: 70px; } .contact-page__call-icon { position: absolute; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border: 2px solid var(--insur-bdr-color); border-radius: 50%; color: var(--insur-primary); font-size: 19px; top: 5px; left: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-page__call-icon:hover { background-color: var(--insur-base); border: 2px solid var(--insur-base); color: var(--insur-white); } .contact-page__call-email-content { position: relative; display: block; } .contact-page__call-email-content h4 { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .contact-page__call-number { position: relative; display: block; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-page__call-number:hover { color: var(--insur-primary); } .contact-page__email { position: relative; display: block; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .contact-page__email:hover { color: var(--insur-primary); } .contact-page__location-text { font-size: 18px; line-height: 30px; letter-spacing: var(--insur-letter-spacing); font-weight: 500; padding-top: 36px; } .contact-page__right { position: relative; display: block; } .contact-page__form { position: relative; display: block; } /*-------------------------------------------------------------- # CTA Three --------------------------------------------------------------*/ .cta-three { padding: 0 0 0; } /*-------------------------------------------------------------- # Google Map --------------------------------------------------------------*/ .google-map-two { position: relative; display: block; background-color: var(--insur-extra); margin-top: -60px; } .google-map__two { position: relative; display: block; border: none; height: 420px; width: 100%; mix-blend-mode: luminosity; } /*-------------------------------------------------------------- # Portfolio --------------------------------------------------------------*/ .portfolio { position: relative; display: block; padding: 114px 0 90px; } .portfolio-filter { position: relative; display: block; text-align: center; margin-bottom: 26px; } .portfolio-filter.style1 li { position: relative; display: inline-block; vertical-align: middle; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .portfolio-filter.style1 li .filter-text { position: relative; display: inline-block; display: block; color: var(--insur-gray); font-size: 18px; font-weight: 500; cursor: pointer; transition: all .4s ease; } .portfolio-filter.style1 li .filter-text:before { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; content: ""; background: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; border-radius: 0; transform: scale(0); } .portfolio-filter.style1 li .filter-text:hover:before, .portfolio-filter.style1 li.active .filter-text:before { transform: scale(1); } .portfolio-filter.style1 li:hover .filter-text, .portfolio-filter.style1 li.active .filter-text { color: var(--insur-black); } .portfolio-filter.style1 li .count { color: var(--insur-black); font-size: 12px; line-height: 26px; font-weight: 500; display: inline-block; padding: 0 0; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; position: relative; top: -4px; } .portfolio-filter.style1 li:hover .count, .portfolio-filter.style1 li.active .count { color: var(--insur-black); opacity: 1; } .portfolio-filter.style1 li + li { margin-left: 30px; } .portfolio__single { position: relative; display: block; margin-bottom: 30px; } .portfolio__img { position: relative; display: block; border-radius: 20px; overflow: hidden; z-index: 1; } .portfolio__img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border-radius: 20px; background-image: -moz-linear-gradient(90deg, #111d32 0%, rgba(17, 29, 50, 0) 100%); background-image: -webkit-linear-gradient(90deg, #111d32 0%, rgba(17, 29, 50, 0) 100%); background-image: -ms-linear-gradient(90deg, #111d32 0%, rgba(17, 29, 50, 0) 100%); transform: scale(1, 0); transition: transform 500ms ease; transform-origin: top center; z-index: 1; } .portfolio__single:hover .portfolio__img:before { transform: scale(1, 1); transform-origin: bottom center; } .process__single .portfolio__img img { width: 100%; border-radius: 20px; } .portfolio__plus { position: absolute; top: 30px; right: 30px; height: 50px; width: 50px; background-color: var(--insur-primary); border-radius: var(--insur-bdr-radius); display: flex; align-items: center; justify-content: center; transform: scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .portfolio__single:hover .portfolio__plus { transform: scale(1); transition-delay: 500ms; } .portfolio__plus a { position: relative; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--insur-white); } .portfolio__content { position: absolute; bottom: 38px; left: 40px; -webkit-transform: translateY(-100px); transform: translateY(-100px); opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .portfolio__single:hover .portfolio__content { -webkit-transform: translateY(0px); transform: translateY(0px); opacity: 1; } .portfolio__sub-title { font-size: 14px; color: var(--insur-white); text-transform: uppercase; letter-spacing: .1em; line-height: 24px; opacity: .6; } .portfolio__title { font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .portfolio__title a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .portfolio__title a:hover { color: var(--insur-primary); } /*-------------------------------------------------------------- # Portfolio Details --------------------------------------------------------------*/ .portfolio-details { position: relative; display: block; padding: 120px 0 120px; } .portfolio-details__img { position: relative; display: block; border-radius: 20px; } .portfolio-details__img img { width: 100%; border-radius: 20px; } .portfolio-details__content { position: relative; display: block; padding-top: 50px; } .portfolio-details__content-left { position: relative; display: block; margin-top: -4px; } .portfolio-details__title { font-size: 34px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 34px; margin-bottom: 24px; } .portfolio-details__text-1 { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); padding-bottom: 34px; } .portfolio-details__text-2 { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .portfolio-details__content-right { position: relative; display: block; } .portfolio-details__details-box { position: relative; border-radius: var(--insur-bdr-radius); background-color: var(--insur-extra); padding: 42px 50px 50px; } .portfolio-details__details-list { position: relative; display: block; } .portfolio-details__details-list li { position: relative; display: block; } .portfolio-details__details-list li + li { margin-top: 32px; } .portfolio-details__client { font-size: 18px; color: var(--insur-black); font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .portfolio-details__name { font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .portfolio-details__social { position: relative; display: flex; align-items: center; margin-top: 9px; } .portfolio-details__social a { position: relative; height: 43px; width: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-base); font-size: 15px; border-radius: 17px; border: 2px solid var(--insur-base); overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .portfolio-details__social a:hover { background-color: var(--insur-base); color: var(--insur-white); } .portfolio-details__social a + a { margin-left: 10px; } .projectc-details__pagination-box { position: relative; display: block; text-align: center; border-top: 1px solid var(--insur-bdr-color); border-bottom: 1px solid var(--insur-bdr-color); padding: 30px 0; margin-top: 109px; } .projectc-details__pagination { position: relative; display: block; } .projectc-details__pagination li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .projectc-details__pagination li.next { float: left; position: relative; } .projectc-details__pagination li a { font-size: 14px; color: var(--insur-gray); font-weight: 400; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .projectc-details__pagination li a:hover { color: var(--insur-base); } .projectc-details__pagination li p { color: var(--insur-black); font-weight: 700; line-height: 18px; letter-spacing: var(--insur-letter-spacing); margin-top: 3px; } .projectc-details__pagination li span { font-size: 14px; line-height: 14px; letter-spacing: var(--insur-letter-spacing); } .projectc-details__pagination li.next i { position: relative; height: 50px; width: 50px; border: 2px solid rgba(var(--insur-black-rgb), .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: rgba(var(--insur-black-rgb), .2); font-size: 17px; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-right: 20px; z-index: 1; } .projectc-details__pagination li.previous { position: relative; float: right; } .projectc-details__pagination li.previous i { position: relative; height: 50px; width: 50px; border: 2px solid rgba(var(--insur-black-rgb), .2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: rgba(var(--insur-black-rgb), .2); font-size: 17px; -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 20px; z-index: 1; } .projectc-details__pagination li a:hover i { color: rgba(var(--insur-black-rgb), 1); border: 2px solid rgba(var(--insur-black-rgb), 1); } .projectc-details__pagination li .content { position: relative; display: block; top: -3px; } .projectc-details__pagination li.next .content { text-align: left; } .projectc-details__pagination li.previous .content { text-align: right; } /*-------------------------------------------------------------- # Similar Portfolio --------------------------------------------------------------*/ .similar-portfolio { position: relative; display: block; padding: 0 0 90px; } .similar-portfolio .section-sub-title-box { margin-left: 0; } /*-------------------------------------------------------------- # Portfolio Carousel --------------------------------------------------------------*/ .portfolio-carousel-page { position: relative; display: block; padding: 120px 0 133px; } /*-------------------------------------------------------------- # Insurance Page One --------------------------------------------------------------*/ .insurance-page-one { position: relative; display: block; padding: 120px 0 90px; } /*-------------------------------------------------------------- # Insurance Page Two --------------------------------------------------------------*/ .insurance-page-two { position: relative; display: block; padding: 120px 0 90px; } .insurance-page-two .services-two__single { background-color: transparent; border-radius: var(--insur-bdr-radius); border: 1px solid var(--insur-bdr-color); } .insurance-page-two .services-two__single:hover { border: 1px solid transparent; border-bottom: 3px solid var(--insur-primary); background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .07), inset 0px -3px 0px 0px rgba(var(--insur-primary-rgb, 12, 224, 255), .004); } .insurance-page-two .services-two__icon { background-color: var(--insur-extra); } .insurance-page-two .services-two__icon-box:before { background-color: var(--insur-extra); } .insurance-page-two .services-two__single:hover .services-two__icon-box:before { background-color: var(--insur-extra); } .insurance-page-two .services-two__title a { color: var(--insur-black); } /*-------------------------------------------------------------- # Why Choose Two --------------------------------------------------------------*/ .why-choose-two { position: relative; display: block; padding: 120px 0 107px; } .why-choose-two__left { position: relative; display: block; margin-right: -23px; } .why-choose-two__left .section-title { margin-bottom: 27px; } .why-choose-two__text { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .why-choose-two__right { position: relative; display: block; margin-left: 60px; } .why-choose-two__list-box { position: relative; display: block; max-width: 510px; width: 100%; } .why-choose-two__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .why-choose-two__list li { position: relative; flex: 0 0 50%; max-width: 50%; width: 100%; text-align: center; margin-bottom: 10px; padding-left: 5px; padding-right: 5px; } .why-choose-two__single { position: relative; display: block; padding: 35px 20px 27px; border: 2px solid var(--insur-bdr-color); overflow: hidden; } .why-choose-two__list-icon { position: relative; display: block; margin-bottom: 9px; } .why-choose-two__list-icon span { font-size: 45px; color: var(--insur-base); position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .why-choose-two__single:hover .why-choose-two__list-icon span { transform: scale(.9); } .why-choose-two__list-title-box { position: relative; display: block; } .why-choose-two__list-title-inner { position: relative; display: block; transform: translateY(0%); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: visible; opacity: 1; } .why-choose-two__single:hover .why-choose-two__list-title-inner { transform: translateY(100px); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; } .why-choose-two__list-title { font-size: 18px; color: var(--insur-black); line-height: 28px; letter-spacing: var(--insur-letter-spacing); } .why-choose-two__list-text-box { position: absolute; top: -6px; left: 0; right: 0; transform: translateY(-100px); transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; visibility: hidden; opacity: 0; } .why-choose-two__single:hover .why-choose-two__list-text-box { visibility: visible; transform: translateY(0%); opacity: 1; } .why-choose-two__list-text { font-size: 14px; color: var(--insur-gray); line-height: 24px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Site Footer --------------------------------------------------------------*/ .benefits-two { position: relative; display: block; padding: 0 0 120px; } .benefits-two__left { position: relative; display: block; margin-right: 30px; } .benefits-two__img { position: relative; display: block; } .benefits-two__left .benefits-two__img img { width: 100%; border-radius: 20px; } .benefits-two__right { position: relative; display: block; margin-left: 70px; } .benefits-two__right .section-title { margin-bottom: 33px; } .benefits-two__points { position: relative; display: block; } .benefits-two__points li { position: relative; display: flex; align-items: center; } .benefits-two__points li + li { margin-top: 14px; } .benefits-two__points li .icon { position: relative; height: 16px; width: 16px; background-color: var(--insur-primary); font-size: 10px; color: var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: scale(1) rotateY(0deg); transform: scale(1) rotateY(0deg); } .benefits-two__points li:hover .icon { -webkit-transform: scale(.9) rotateY(360deg); transform: scale(.9) rotateY(360deg); background-color: var(--insur-base); } .benefits-two__points li .text { margin-left: 15px; } .benefits-two__points li .text p { font-size: 18px; color: var(--insur-black); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Feature Four --------------------------------------------------------------*/ .feature-four { position: relative; display: block; background-color: var(--insur-extra); } .feature-four__top { position: relative; display: block; padding: 100px 0 100px; } .feature-four__top-inner { position: relative; display: block; padding-left: 305px; min-height: 245px; margin-left: 70px; } .feature-four__top-call { position: absolute; top: 0; left: 0; } .feature-four__top-call-box { position: relative; border: 1px solid var(--insur-bdr-color); border-radius: 50%; height: 245px; width: 245px; display: flex; align-items: center; justify-content: center; } .feature-four__top-call-box-two { position: relative; border: 1px solid var(--insur-bdr-color); border-radius: 50%; height: 175px; width: 175px; display: flex; align-items: center; justify-content: center; } .feature-four__top-call-box-three { position: relative; border: 1px solid var(--insur-bdr-color); border-radius: 50%; height: 107px; width: 107px; display: flex; align-items: center; justify-content: center; } .feature-four__top-call-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border: 2px solid var(--insur-primary); border-radius: 50%; color: var(--insur-primary); font-size: 20px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-four__top-call-icon:hover { border: 2px solid var(--insur-base); color: var(--insur-base); } .feature-four__top-call-number-box { position: absolute; top: 65px; left: calc(50% - 91px); max-width: 182px; width: 100%; background-color: var(--insur-base); text-align: center; border-radius: var(--insur-bdr-radius); padding: 4px 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .feature-four__top-call-number-box:hover { background-color: var(--insur-primary); } .feature-four__top-call-number-box:before { content: ""; position: absolute; bottom: -6px; left: 50%; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 6px solid var(--insur-base); transform: translateX(-50%); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-four__top-call-number-box:hover:before { border-top: 6px solid var(--insur-primary); } .feature-four__top-call-number-box a { font-size: 14px; color: var(--insur-white); letter-spacing: var(--insur-letter-spacing); } .feature-four__top-content { position: relative; display: block; top: 11px; } .feature-four__top-title { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: var(--insur-letter-spacing); } .feature-four__top-text { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); padding-bottom: 29px; padding-top: 20px; } .feature-four__bottom { position: relative; display: block; padding: 0 0 90px; } .feature-four__single { position: relative; display: block; background-color: var(--insur-white); border-radius: var(--insur-bdr-radius); padding: 50px 50px 45px; margin-bottom: 30px; } .feature-four__single-top { position: relative; display: flex; align-items: center; } .feature-four__icon { font-size: 40px; color: var(--insur-base); display: flex; align-items: center; } .feature-four__icon span { position: relative; display: inline-block; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .feature-four__single:hover .feature-four__icon span { transform: scale(.9); color: var(--insur-primary); } .feature-four__title { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: var(--insur-letter-spacing); margin-left: 20px; } .feature-four__text { line-height: 30px; letter-spacing: var(--insur-letter-spacing); padding-top: 19px; padding-bottom: 34px; } .feature-four__points { position: relative; display: block; } .feature-four__points li { position: relative; display: flex; align-items: center; } .feature-four__points li + li { margin-top: 5px; } .feature-four__points li .icon { height: 15px; width: 15px; background-color: var(--insur-base); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 9px; color: var(--insur-white); } .feature-four__points li .text { margin-left: 10px; } .feature-four__points li .text p { color: var(--insur-black); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .feature-four__points-two { position: relative; display: block; } .feature-four__points-two li { position: relative; display: block; } .feature-four__points-two li + li { margin-top: 6px; } .feature-four__points-two li a { font-size: 16px; color: var(--insur-base); font-weight: 500; letter-spacing: var(--insur-letter-spacing); transition: all 500ms; -webkit-transition: all 500ms; } .feature-four__points-two li a:hover { color: var(--insur-primary); } /*-------------------------------------------------------------- # FaQ One --------------------------------------------------------------*/ .faq-one { position: relative; display: block; padding: 120px 0 100px; } .faq-one .section-sub-title-box { margin-left: 0px; } .faq-one__single { position: relative; display: block; margin-bottom: 20px; } /*-------------------------------------------------------------- # About Four --------------------------------------------------------------*/ .about-four { position: relative; display: block; padding: 120px 0 120px; } .about-four__left { position: relative; display: block; margin-right: 100px; } .about-four__img-box { position: relative; display: block; } .about-four__img { position: relative; display: block; border-radius: var(--insur-bdr-radius); } .about-four__left .about-four__img > img { width: 100%; border-radius: var(--insur-bdr-radius); } .about-four__img-two { position: absolute; right: -130px; bottom: -145px; border-radius: var(--insur-bdr-radius); } .about-four__left .about-four__img-two > img { width: auto; border-radius: var(--insur-bdr-radius); } .about-four__right { position: relative; display: block; margin-left: 70px; } .about-four__right .section-title { margin-bottom: 33px; } .about-four__text-1 { font-size: 22px; color: var(--insur-base); font-weight: 500; line-height: 34px; letter-spacing: var(--insur-letter-spacing); padding-bottom: 9px; } .about-four__text-2 { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .about-four__founder { position: relative; display: flex; align-items: center; margin-top: 51px; } .about-four__founder-img { position: relative; display: flex; align-items: center; } .about-four .about-four__founder-img img { border-radius: 50%; border: 2px solid var(--insur-primary); width: auto; } .about-four__founder-content { position: relative; margin-left: 20px; top: 3px; } .about-four__founder-name { font-size: 24px; letter-spacing: var(--insur-letter-spacing); font-family: var(--insur-reey-font); line-height: 36px; margin-left: 20px; } .about-four__founder-sub-title { font-size: 16px; letter-spacing: var(--insur-letter-spacing); line-height: 26px; color: var(--insur-base); } /*-------------------------------------------------------------- # CTA Four --------------------------------------------------------------*/ .cta-four { padding: 120px 0 120px; background-color: var(--insur-white); overflow: hidden; } .cta-four-shape-1 { position: absolute; top: -90px; right: -29px; mix-blend-mode: luminosity; } .cta-four-shape-1 img { width: auto; mix-blend-mode: luminosity; opacity: .15; } /*-------------------------------------------------------------- # Team Two --------------------------------------------------------------*/ .team-two { padding: 0 0 90px; } /*-------------------------------------------------------------- # Team Page --------------------------------------------------------------*/ .team-page { padding: 135px 0 70px; } .team-page .container { max-width: 1070px; } .team-page .row { --bs-gutter-x: 108px; } .team-page .team-one__single { margin-bottom: 43px; } /*-------------------------------------------------------------- # Team Page Carousel --------------------------------------------------------------*/ .team-page-carousel { padding: 135px 0 133px; } /*-------------------------------------------------------------- # Team Details --------------------------------------------------------------*/ .team-details { position: relative; display: block; } .team-details__top { position: relative; display: block; padding: 120px 0 120px; } .team-details__top-left { position: relative; display: block; } .team-details__top-img { position: relative; display: block; border-radius: var(--insur-bdr-radius); } .team-details .team-details__top-img img { width: 100%; border-radius: var(--insur-bdr-radius); } .team-details__big-text { font-size: 80px; line-height: 80px; text-transform: uppercase; color: var(--insur-extra); letter-spacing: .35em; position: absolute; transform: rotate(-90deg); top: 209px; left: -319px; } .team-details__top-right { position: relative; display: block; margin-left: 70px; } .team-details__top-content { position: relative; display: block; margin-top: -7px; } .team-details__top-name { font-size: 40px; font-weight: 700; line-height: 50px; letter-spacing: var(--insur-letter-spacing); margin-top: 2px; } .team-details__top-title { font-size: 14px; color: var(--insur-gray); font-weight: 500; letter-spacing: .1em; text-transform: uppercase; line-height: 24px; } .team-details__social { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 19px; margin-bottom: 38px; } .team-details__social a { position: relative; height: 43px; width: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-base); font-size: 15px; border-radius: 17px; border: 2px solid var(--insur-base); overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .team-details__social a:hover { background-color: var(--insur-base); color: var(--insur-white); } .team-details__social a + a { margin-left: 10px; } .team-details__top-text-1 { font-size: 30px; color: var(--insur-base); line-height: 46px; letter-spacing: var(--insur-letter-spacing); } .team-details__top-text-2 { font-size: 18px; line-height: 34px; padding-top: 33px; padding-bottom: 35px; letter-spacing: var(--insur-letter-spacing); } .team-details__top-text-3 { font-size: 18px; line-height: 34px; letter-spacing: var(--insur-letter-spacing); } .team-details__bottom { position: relative; display: block; border-top: 1px solid var(--insur-bdr-color); padding-top: 112px; padding-bottom: 120px; } .team-details__bottom-left { position: relative; display: block; margin-right: 70px; margin-top: -2px; } .team-details__bottom-left-title { font-size: 36px; font-weight: 700; line-height: 46px; letter-spacing: var(--insur-letter-spacing); } .team-details__bottom-left-text { font-size: 18px; line-height: 34px; padding-top: 30px; letter-spacing: var(--insur-letter-spacing); } .team-details__bottom-right { position: relative; display: block; margin-left: 70px; } .team-details__progress { position: relative; display: block; width: 100%; } .team-details__progress-single { position: relative; display: block; } .team-details__progress-title { font-size: 16px; font-weight: 700; line-height: 28px; color: var(--insur-black); margin-bottom: 6px; letter-spacing: var(--insur-letter-spacing); } .team-details__progress .bar { position: relative; width: 100%; height: 13px; background-color: var(--insur-extra); border-radius: 7px; margin-bottom: 12px; } .team-details__progress .bar-inner { position: relative; display: block; width: 0px; height: 13px; border-radius: 7px; background-color: var(--insur-primary); -webkit-transition: all 1500ms ease; transition: all 1500ms ease; } .team-details__progress .count-text { position: absolute; right: 0px; bottom: 21px; color: var(--insur-gray); line-height: 24px; font-size: 14px; text-align: center; font-weight: 500; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-details__progress .bar-inner.counted .count-text { opacity: 1; } .team-details__progress .bar.marb-0 { margin-bottom: 0; } /*-------------------------------------------------------------- # Message One --------------------------------------------------------------*/ .message-one { position: relative; display: block; background-color: var(--insur-extra); padding: 120px 0 120px; overflow: hidden; z-index: 1; } .message-one-shape-1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .02; z-index: -1; } .message-one-shape-2 { position: absolute; top: -110px; left: 0; right: 0; height: 414px; background-repeat: no-repeat; background-position: top center; background-size: cover; mix-blend-mode: luminosity; opacity: .15; z-index: -1; } .message-one .section-sub-title-box { margin-left: 0px; } .message-one .container { max-width: 770px; width: 100%; } .message-one .comment-form__btn { margin: 20px auto 0; display: block; } .message-one .comment-form__input-box input[type=text], .message-one .comment-form__input-box input[type=email] { background-color: var(--insur-white); } .message-one .comment-form__input-box.text-message-box { height: 180px; } .message-one .comment-form__input-box textarea { background-color: var(--insur-white); height: 180px; } /*-------------------------------------------------------------- # Testimonial Page --------------------------------------------------------------*/ .testimonial-page { position: relative; display: block; padding: 120px 0 90px; } .testimonial-page .container { max-width: 1160px; } .testimonial-page .testimonial-one__single { margin-bottom: 30px; } /*-------------------------------------------------------------- # Testimonial Carousel Page --------------------------------------------------------------*/ .testimonial-carousel-page { position: relative; display: block; padding: 120px 0 133px; } .testimonial-carousel-page .testimonial-one__single { margin-bottom: 30px; } /*-------------------------------------------------------------- # Contact Page --------------------------------------------------------------*/ .contact-page--two { background-color: var(--insur-extra); overflow: hidden; z-index: 1; } .contact-page-two-shape-1 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .02; z-index: -1; } .contact-page-two-shape-2 { position: absolute; top: -165px; left: 0; right: 0; height: 414px; background-repeat: no-repeat; background-position: top center; background-size: cover; mix-blend-mode: luminosity; opacity: .15; z-index: -1; } .contact-page--two .contact-page__call-icon { background-color: var(--insur-white); } .contact-page--two .contact-page__call-icon:hover { background-color: var(--insur-base); border: 2px solid var(--insur-base); color: var(--insur-white); } .contact-page--two .comment-form__input-box input[type=text], .contact-page--two .comment-form__input-box input[type=email] { background-color: var(--insur-white); } .contact-page--two .comment-form__input-box textarea { background-color: var(--insur-white); } /*-------------------------------------------------------------- ## Error Page --------------------------------------------------------------*/ .error-page { position: relative; display: block; padding: 81px 0 120px; } .error-page-shape-1 { position: absolute; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background-repeat: no-repeat; background-position: center 53%; background-size: 100%; } @media (max-width: 991px) { .error-page-shape-1 { background-position: center 55%; } } @media (max-width: 767px) { .error-page-shape-1 { display: none; } } .error-page__inner { position: relative; display: block; text-align: center; } .error-page__title-box { position: relative; display: block; margin-bottom: 192px; } .error-page__title-box.error-no-image { margin-bottom: 20px; } @media (max-width: 991px) { .error-page__title-box { margin-bottom: 100px; } } @media (max-width: 767px) { .error-page__title-box { margin-bottom: 30px; } } .error-page__title { position: relative; display: inline-block; font-size: 280px; line-height: 280px; font-weight: 400; margin-bottom: 0; color: var(--insur-black); } .error-page__sub-title { font-size: 40px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; line-height: 50px; margin-top: -16px; } .error-page__text { font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: var(--insur-letter-spacing); text-align: center; } .error-page__form { position: relative; display: block; margin: 42px auto 20px; } .error-page__form-input { position: relative; display: block; max-width: 570px; width: 100%; margin: 0 auto; } .error-page__form input[type=search] { height: 60px; width: 100%; border: none; outline: none; background-color: var(--insur-extra); font-size: 18px; color: var(--insur-gray); font-weight: 400; letter-spacing: var(--insur-letter-spacing); padding-left: 50px; padding-right: 75px; border-radius: var(--insur-bdr-radius); } .error-page__form button[type=submit] { background-color: transparent; color: var(--insur-black); font-size: 22px; position: absolute; top: 0; right: 0px; bottom: 0; width: 60px; outline: none; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } /*-------------------------------------------------------------- # Pricing --------------------------------------------------------------*/ .pricing { position: relative; display: block; padding: 120px 0 90px; } .pricing .section-title { margin-bottom: 38px; } .pricing .section-sub-title-box { margin-left: 0px; } .pricing__tab { position: relative; display: block; } .pricing__tab-box { position: relative; display: block; z-index: 2; } .pricing__tab-box .tab-buttons { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; margin-bottom: 50px; } .pricing__tab-box .tab-buttons .tab-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .pricing__tab-box .tab-buttons .tab-btn:first-child span { border-top-left-radius: var(--insur-bdr-radius); border-bottom-left-radius: var(--insur-bdr-radius); } .pricing__tab-box .tab-buttons .tab-btn:last-child span { border-top-right-radius: var(--insur-bdr-radius); border-bottom-right-radius: var(--insur-bdr-radius); } .pricing__tab-box .tab-buttons .tab-btn span { position: relative; display: inline-block; -webkit-transition: all 200ms linear; -webkit-transition: all .3s ease; transition: all 200ms linear; transition: all .3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; font-size: 14px; color: var(--insur-black); background-color: var(--insur-extra); padding: 12px 30px 12px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); cursor: pointer; text-align: center; z-index: 1; } .pricing__tab-box .tab-buttons .tab-btn.active-btn span { color: var(--insur-white); background-color: var(--insur-base); } .pricing__tab-box .tab-buttons .tab-btn span:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 0; border-radius: 5px; content: ""; background-color: var(--insur-base); -webkit-transition: all .3s ease; transition: all .3s ease; z-index: -1; } .pricing__tab-box .tab-buttons .tab-btn:first-child span:before { border-top-left-radius: var(--insur-bdr-radius); border-bottom-left-radius: var(--insur-bdr-radius); } .pricing__tab-box .tab-buttons .tab-btn:last-child span:before { border-top-right-radius: var(--insur-bdr-radius); border-bottom-right-radius: var(--insur-bdr-radius); } .pricing__tab-box .tab-buttons .tab-btn.active-btn span:before { height: 100%; } .pricing__tab-box .tabs-content { position: relative; display: block; } .pricing__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .pricing__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); } .pricing__main-content-box { position: relative; display: block; } .pricing__single { position: relative; display: block; border: 1px solid #dfe3e7; border-radius: var(--insur-bdr-radius); padding: 40px 40px 40px; background-color: #fff; margin-bottom: 30px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .pricing__single:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; border: 2px solid transparent; border-radius: var(--insur-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .pricing__single:hover:before { border: 2px solid var(--insur-base); } .pricing__single:hover { box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); border: 1px solid transparent; } .pricing-shape-1 { position: absolute; bottom: 30px; right: 0; z-index: -1; } .pricing-shape-1 img { width: auto; } .pricing__single-top { position: relative; display: flex; align-items: center; justify-content: space-between; } .pricing__img img { width: auto; } .pricing__content { position: relative; display: block; text-align: right; } .pricing__content h3 { font-size: 60px; color: var(--insur-base); font-weight: 700; line-height: 60px; letter-spacing: var(--insur-letter-spacing); } .pricing__content p { color: var(--insur-primary); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .pricing__single-bottom { position: relative; display: block; margin-top: 34px; } .pricing__title { font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 26px; } .pricing__points { position: relative; display: block; } .pricing__points li { position: relative; display: flex; align-items: center; } .pricing__points li + li { margin-top: 10px; } .pricing__points li .icon i { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-primary); } .pricing__points li .text { margin-left: 20px; } .pricing__points li .text p { letter-spacing: var(--insur-letter-spacing); } .pricing__btn-box { position: relative; display: block; margin-top: 32px; } .pricing__btn { background-color: var(--insur-black); } .pricing__btn:before { background-color: var(--insur-base); } .pricing__btn:after { background-color: var(--insur-base); } .pricing__single:hover .pricing__btn:before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform .4s cubic-bezier(.1, 0, .3, 1); } .pricing__single:hover .pricing__btn:after { transform: translate3d(0, 0, 0); transition-duration: .05s; transition-delay: .4s; transition-timing-function: linear; } /*-------------------------------------------------------------- # Boxed Version --------------------------------------------------------------*/ body.boxed-wrapper { background-color: var(--ambed-extra, #f2f5f9); } .boxed-wrapper .page-wrapper { max-width: 1530px; margin-left: auto; margin-right: auto; background-color: #fff; -webkit-box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, .08); box-shadow: 0px 0px 100px 0px rgba(0, 0, 0, .08); } @media (min-width: 1531px) { body.boxed-wrapper .get-insurance__left { left: 120px; } } .portfolio-details__name .category::after { content: ", "; } .portfolio-details__name .category:last-child::after { content: " "; } article.news-sideabr__content { margin-bottom: 60px; } .mobile-nav__content .logo-box h1 { color: white; text-transform: capitalize; font-weight: 700; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: none !important; } .error-page__tagline { font-size: 40px; line-height: 49px; margin-bottom: 19px; font-weight: 500; } .error-page__text { max-width: 570px; width: 100%; margin: 0 auto; } .news-sidebar .blog-pagination { margin-top: 0px; } .bootstrap-select:not(.input-group-btn) { width: 100%; } .footer-shape-bg.elementor-widget { position: unset; } .thm-breadcrumb li:not(:last-child)::after { content: "/"; color: var(--insur-gray); font-size: 14px; margin-left: 10px; } .insur-sponsor .swiper-slide img { max-width: unset; } .news-sideabr__content.tag-sticky-2 .news-sideabr__content-box:before, .news-sideabr__content.sticky .news-sideabr__content-box:before { position: absolute; right: 0px; content: ""; width: 40px; height: 40px; background-color: var(--insur-base, #015fc9); z-index: 10; clip-path: polygon(50% 0%, 100% 0, 100% 100%, 50% 50%, 0 100%, 0 0); top: 5px; } .wp-block-cover-image .wp-block-cover-image-text, .blog-details__content .wp-block-cover-image .wp-block-cover-text, .blog-details__content .wp-block-cover-image h2, .blog-details__content .wp-block-cover .wp-block-cover-image-text, .blog-details__content .wp-block-cover .wp-block-cover-text, .blog-details__content .wp-block-cover h2 { color: #fff; } .blog-details__content > .wp-block-cover { margin-bottom: 32px; } .blog-details__content { font-size: 16px; line-height: 2; } .blog-details__content .wp-block-quote.has-text-align-right { border-right: 2px solid var(--insur-black, #1e1e22); border-left: 0; } .blog-details__content .wp-block-quote.has-text-align-right::before { right: auto; left: 30px; transform: rotateX(-180deg); } .blog-details__content .blocks-gallery-caption { margin-bottom: 24px; } .blog-details__content blockquote:not([class*=has-]), .comment-content blockquote, .blog-details__content .wp-block-quote { background-color: var(--insur-extra, #f2f5f9); border-left: 2px solid var(--insur-black, #1e1e22); padding-left: 30px; padding-right: 30px; padding-top: 20px; padding-bottom: 20px; position: relative; overflow: hidden; margin-bottom: 20px; margin-left: 0; margin-right: 0; border-radius: var(--insur-bdr-radius); } blockquote { margin: 0 1.5em; } .blog-details__content blockquote:not([class*=has-])::before, .comment-content blockquote::before, .blog-details__content .wp-block-quote::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; bottom: 0; bottom: -25px; transform: rotate(180deg); font-size: 100px; color: var(--insur-base, #015fc9); opacity: .4; right: 30px; line-height: .9em; } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-style: italic; } .comment-content strong, .blog-details__content strong { color: var(--insur-black, #16243d); } .blog-details__content a:hover { color: var(--insur-base, #015fc9); transition: all 500ms ease; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote { border-top: 4px solid #555d66; border-bottom: 4px solid #555d66; color: #40464d; } .wp-block-pullquote { margin: 0 0 1em; padding: 3em 0; text-align: center; border-radius: var(--insur-bdr-radius); } .post .blog-details__content p.has-large-font-size { font-size: 2.25em; } .post .blog-details__content p.has-small-font-size { font-size: .9125em; } .wp-block-group.has-background { padding: 30px; } .wp-block-columns { margin: 30px 0; } .post-password-form label { font-weight: 600; } label { display: inline-block; margin-bottom: .5rem; } .blog-details__content .post-password-form label { font-size: 18px; font-weight: 600; color: var(--insur-black, #1e1e22); } .comments-area h1, .blog-details__content h1, .comment-content h2, .blog-details__content h2, .comment-content h3, .blog-details__content h3, .comment-content h4, .blog-details__content h4, .comment-content h5, .blog-details__content h5, .comment-content h6, .blog-details__content h6 { margin-bottom: 1rem; color: var(--insur-black, #1e1e22); } .blog-details__content .post-password-form label { font-size: 18px; font-weight: 600; color: var(--insur-black, #1e1e22); } .blog-details__content .post-password-form input[type=password] { width: 200px; height: 50px; background-color: var(--insur-extra, #f2f5f9); color: var(--insur-gray, #717178); padding-left: 30px; display: inline-block; vertical-align: middle; border-radius: var(--insur-bdr-radius); } .blog-details__content .post-password-form input[type=submit] { width: 120px; height: 50px; background-color: var(--insur-black, #1e1e22); color: var(--insur-white, #fff); padding: 0; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: middle; transition: all 500ms ease; border-radius: var(--insur-bdr-radius); } .blog-details__content .post-password-form input[type=submit]:hover { background-color: var(--insur-base, #015fc9); color: var(--insur-white, #fff); } .post .blog-details__content > p { line-height: 2em; font-size: 16px; } .wp-block-cover-text strong { color: inherit; } .blog-details__content ul, .comments-area ul, .comments-area ol, .blog-details__content ol { margin: 0 0 .5em .5em; margin-left: 0; } .wp-block-archives-list li { display: flex; align-items: center; justify-content: space-between; color: var(--insur-gray, #717178); color: var(--insur-gray, #717178); position: relative; line-height: 34px; font-size: 16px; text-transform: capitalize; transition: all .3s ease; z-index: 1; } .wp-block-archives-list li a { color: inherit; transition: all 500ms ease; } .wp-block-archives.wp-block-archives-list { margin: 0; padding: 0; list-style: none; margin-bottom: 30px; } .wp-block-categories-dropdown select, .wp-block-archives-dropdown select { width: 100%; height: 60px; background-color: var(--insur-extra); border: 1px solid var(--insur-extra); outline: none; color: var(--insur-gray, #717178); font-size: 16px; font-weight: 500; padding-left: 30px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: var(--insur-font, "Kumbh Sans", sans-serif); background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; border-radius: var(--insur-bdr-radius); } .wp-block-categories-dropdown select.nitro-lazy, .wp-block-archives-dropdown select.nitro-lazy { background-image: none !important; } .wp-block-categories-dropdown, .wp-block-archives-dropdown { margin-bottom: 30px; } .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; } .wp-block-latest-comments__comment-meta { font-size: 18px; line-height: 1.889; font-weight: 600; color: var(--insur-black, #1e1e22); } .wp-block-latest-comments__comment-date { font-weight: 500; color: var(--insur-gray, #717178); } .wp-block-latest-comments__comment-date { display: block; font-size: .75em; } .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li { position: relative; padding-left: 68px; min-height: 44px; } .wp-block-latest-comments { padding-left: 0; margin-left: 0; } .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-black, #16243d); width: 44px; height: 44px; background-color: var(--insur-white, #fff); margin-right: 20px; transition: all 500ms ease; position: absolute; top: 8px; left: 0; } .wp-block-latest-comments:not(.has-avatar):not(.has-dates) li:hover::before { background-color: var(--insur-primary, #0ce0ff); color: var(--insur-white, #fff); } .wp-block-latest-posts__list.has-dates li { position: relative; padding-left: 64px; font-size: 16px; line-height: 1.889; font-weight: 600; color: var(--insur-gray, #717178); } .wp-block-latest-posts__list.has-dates { margin: 0; padding: 0; margin-bottom: 30px; } .wp-block-latest-posts__list.has-dates li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--insur-black, #1e1e22); width: 44px; height: 44px; color: var(--insur-white, #fff); transition: all 500ms ease; position: absolute; top: 10px; left: 0; } .wp-block-latest-posts__list.is-grid.has-dates li::before { position: relative; top: auto; left: 0; margin-bottom: 10px; } .wp-block-latest-posts__list.is-grid.has-dates li { padding-left: 0; } .wp-block-search label { font-size: 18px; color: var(--insur-black, #1e1e22); font-weight: 600; } .wp-block-search input[type=search] { display: block; display: block; border: none; border: 1px solid var(--insur-extra); outline: none; width: 100%; width: 100%; max-width: 300px; position: relative; line-height: 40px; padding: 19px 80px 19px 35px; background: var(--insur-extra); color: var(--insur-gray, #717178); font-size: 16px; font-weight: 500; font-family: var(--insur-font, "Kumbh Sans", sans-serif); height: 60px; border-radius: 7px; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .wp-block-search .wp-block-search__button { display: inline-block; vertical-align: middle; border: none; outline: none; background-color: var(--insur-black, #1e1e22); text-align: center; border-radius: 5px; color: var(--insur-white, #fff); padding: 0 50px; font-size: 18px; font-weight: 700; -webkit-transition: all .4s ease; transition: all .4s ease; letter-spacing: .01em; } .wp-block-tag-cloud a { font-size: 18px !important; color: var(--insur-gray, #717178); display: inline-block; vertical-align: middle; margin-left: 5px; transition: all 500ms ease; } .wp-block-rss li { position: relative; padding-left: 68px; font-size: 16px; font-weight: 600; color: var(--insur-black, #1e1e22); min-height: 44px; } .wp-block-rss li + li { margin-top: 20px; } .wp-block-rss { margin: 0; padding: 0; list-style: none; } .wp-block-rss li::before { content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--insur-black, #1e1e22); width: 44px; height: 44px; color: var(--insur-white, #fff); transition: all 500ms ease; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .blog-details__content .page-links { color: var(--insur-black, #1e1e22); display: flex; align-items: center; } .page-links { clear: both; margin: 0 0 1.5em; } .blog-details__content .page-links span, .blog-details__content .page-links a { display: flex; display: flex; width: 40px; height: 40px; color: var(--insur-black, #1e1e22); align-items: center; justify-content: center; text-align: center; background-color: #f1f1f5; margin-left: 10px; font-size: 14px; font-weight: 500; line-height: 1; transition: all 500ms ease; border-radius: var(--insur-bdr-radius); } .blog-details__content .page-links span { background-color: var(--insur-base, #015fc9); color: var(--insur-white, #fff); } .blog-details__content .page-links a:hover { background-color: var(--insur-base, #015fc9); color: var(--insur-white, #fff); } .news-sidebar__left .blog-pagination { margin-top: 30px; } .blog-pagination { display: flex; align-items: center; line-height: 1; } .blog-widget-pagination { justify-content: center; margin-top: 30px; } .blog-pagination a, .blog-pagination span { display: flex; align-items: center; justify-content: center; line-height: 1; border: 1px solid var(--insur-bdr-color, #e0e4e8); width: 50px; height: 50px; font-size: 16px; transition: all 500ms ease; border-radius: var(--insur-bdr-radius); } .blog-pagination a.current, .blog-pagination a:hover, .blog-pagination span.current, .blog-pagination span:hover { background-color: var(--insur-base, #015fc9); border-color: var(--insur-base, #015fc9); color: var(--insur-white, #fff); } .blog-pagination span + span, .blog-pagination a + span, .blog-pagination span + a, .blog-pagination a + a { margin-left: 10px; } .blog-details__content a, .comment-content a, .blog-details__content blockquote:not([class*=has-]) cite { color: var(--insur-black); } .wp-block-latest-comments a, .wp-block-latest-posts__list.has-dates li a, .wp-block-rss li a { color: var(--insur-black); font-size: 15px; } a.wp-block-button__link { background-color: var(--insur-black); color: #fff; } .blog-details__content a.wp-block-file__button, .wp-block-cover strong, .wp-block-cover__inner-container a, .blog-details__content .wp-block-cover-text a { color: #fff; } .post .blog-details__content p { margin-bottom: 1rem; } .wp-block-calendar table th { background: var(--insur-extra); } .comments-area ol ol, .blog-details__content ol ol, .blog-details__content ul ol, .blog-details__content ol ul, .blog-details__content ul ul, .comments-area ul ul { margin-bottom: 0; } .wp-block-archives-list li, .sidebar .widget.widget_archive li { display: flex; align-items: center; justify-content: space-between; position: relative; } .news-sideabr__single .news-sideabr__content-box, .news-details__content { margin-top: -5px; } .news-sideabr__single .news-sideabr__img img, .blog-details__img img { margin-bottom: 30px; } .blog-details__img img { border-radius: var(--insur-bdr-radius); } .blog-details__content .wp-block-calendar .wp-calendar-nav { margin-bottom: 20px; } .insur-overlay { position: fixed; top: 0; z-index: 99999; width: 100%; height: 100%; left: 0; display: none; background: rgba(0, 0, 0, .1); } .cv-spinner { height: 100%; display: flex; justify-content: center; align-items: center; } .spinner { width: 40px; height: 40px; border: 4px #ddd solid; border-top: 4px solid; border-radius: 50%; animation: sp-anime .8s infinite linear; border-top-color: var(--insur-primary); } @keyframes sp-anime { 100% { transform: rotate(360deg); } } .is-hide { display: none; } /* insur get balance updated css */ .get-insurance__progress-range .irs-single, .get-insurance__progress-range .irs-from, .get-insurance__progress-range .irs-to { display: none; } .get-insurance__progress-range .irs--flat { height: 29px; } .get-insurance__progress-range .irs--flat .irs-handle, .get-insurance__progress-range .irs--flat .irs-line, .get-insurance__progress-range .irs--flat .irs-bar { top: 0; } .get-insurance__progress-range .irs--flat .irs-line { height: 12px; border-radius: 6px; border-style: solid; border-width: 1px; border-color: #dfe3e7; background-color: #fff; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); } .get-insurance__progress-range .irs--flat .irs-bar { height: 12px; border-radius: 6px; background-image: linear-gradient(90deg, var(--insur-base) 0%, var(--insur-primary) 100%); } .get-insurance__progress-range .irs--flat .irs-handle { height: 29px; width: 29px; background-color: var(--insur-black); border: 2px solid #fff; border-radius: 50%; top: -9px; } .get-insurance__progress-range .irs--flat .irs-handle i { display: none; } .get-insurance__progress { margin-bottom: 33px; } .comment-form__title { margin-top: -7px; margin-bottom: 50px; } /*-------------------------------------------------------------- # Product --------------------------------------------------------------*/ .product { position: relative; display: block; } .insur-product { padding: 120px 0; } .product__items { position: relative; display: block; } .product__showing-result { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .product__showing-text-box { position: relative; display: block; } .product__showing-text { font-size: 18px; } .product__showing-sort { position: relative; display: block; max-width: 340px; width: 100%; } .product__showing-sort .select-box .nice-select { position: relative; height: 70px; outline: none; border-radius: var(--insur-bdr-radius); border: 0; background-color: var(--insur-extra); margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray); font-size: 14px; line-height: 70px; font-weight: 400; box-shadow: none; letter-spacing: var(--insur-letter-spacing); } .product__showing-sort .select-box .nice-select:after { position: absolute; right: 30px; } .product__all { position: relative; display: block; } .product__all-single { position: relative; display: block; margin-bottom: 30px; z-index: 1; } .product__all-img { position: relative; display: block; overflow: hidden; border-radius: 20px; z-index: 1; } .product__all-img:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; border-radius: 20px; background-color: rgba(var(--insur-black-rgb), .5); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; visibility: hidden; opacity: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); z-index: 1; } .product__all-single:hover .product__all-img:before { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .product__all-img img { width: 100%; border-radius: 20px; transition: all 500ms ease; } .product__all-single:hover .product__all-img img { transform: scale(1.05); } .product__all-btn-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transform: rotate(45deg) scale(1); transition: all 600ms ease; opacity: 0; visibility: hidden; z-index: 2; } .product__all-single:hover .product__all-btn-box { transform: rotate(0deg) scale(1); visibility: visible; opacity: 1; transition-delay: 400ms; } .product__all-content { position: relative; display: block; text-align: center; margin-top: 14px; } .product__all-title { font-size: 20px; font-weight: 800; line-height: 26px; margin-bottom: 2px; letter-spacing: var(--insur-letter-spacing); } .product__all-title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .product__all-title a:hover { color: var(--insur-base); } .product__all-price { font-weight: 500; } .product__all-review { position: relative; display: flex; align-items: center; justify-content: center; margin-top: 7px; } .product__all-review i { font-size: 15px; color: var(--insur-primary); } .product__all-review i + i { margin-left: 5px; } .product__sidebar { position: relative; display: block; } .product__sidebar-single + .product__sidebar-single { margin-top: 30px; } .product__sidebar-title { font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; margin-bottom: 22px; letter-spacing: var(--insur-letter-spacing); } .shop-search { position: relative; display: block; } .shop-search form { border-radius: 0px; border-radius: var(--insur-bdr-radius); position: relative; background-color: var(--insur-base); } .shop-search form input[type=search], .shop-search form input[type=text] { width: 100%; height: 70px; background-color: var(--insur-base); border-radius: var(--insur-bdr-radius); padding-left: 30px; padding-right: 30px; font-size: 16px; color: var(--insur-white); font-family: var(--insur-font); border: none; outline: none; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .shop-search form ::placeholder { color: inherit; opacity: 1; } .product__price-ranger { position: relative; padding: 27px 30px 26px; margin: 0; border: 1px solid var(--insur-bdr-color); border-radius: var(--insur-bdr-radius); } .product__price-ranger.price-ranger { margin-top: 7px; margin-bottom: 0px; } .product__price-ranger .price-ranger .ui-widget-content { background: var(--insur-extra); border: none; height: 6px; border-radius: 2px; } .product__price-ranger .price-ranger .ui-slider-handle { position: absolute; top: -5px; background: var(--insur-primary); border: 0; height: 14px; width: 14px !important; border-radius: 50%; margin-left: -2px; outline: medium none; cursor: pointer; z-index: 2; } .product__price-ranger .price-ranger .ui-slider .ui-slider-range { background: var(--insur-primary); } .product__price-ranger .price-ranger #slider-range { margin-left: 3px; margin-right: 0; margin-top: 0; } .product__price-ranger .price-ranger .ranger-min-max-block { position: relative; display: block; margin-top: 11px; } .product__price-ranger .price-ranger .ranger-min-max-block input { display: inline-block; } .product__price-ranger .price-ranger .ranger-min-max-block input[type=submit] { position: relative; display: block; background: var(--insur-base); float: right; text-align: center; border: none; color: #fff; font-size: 14px; font-weight: 500; margin-top: 0; text-transform: capitalize; cursor: pointer; padding: 7px 20px; border-radius: 10px; } .product__price-ranger .price-ranger .ranger-min-max-block input[type=text] { position: relative; display: inline-block; color: var(--insur-gray); font-size: 14px; font-weight: 500; width: 40px; line-height: 30px; border: none; padding: 0; text-align: center; } .product__price-ranger .price-ranger .ranger-min-max-block span { position: relative; display: inline-block; color: var(--insur-gray); font-size: 14px; font-weight: 600; line-height: 40px; left: -2px; } .shop-category { position: relative; display: block; border: 1px solid var(--insur-bdr-color); padding: 27px 15px 15px; border-radius: var(--insur-bdr-radius); } .shop-category .product__sidebar-title { margin-left: 15px; margin-bottom: 13px; } .shop-category ul { position: relative; display: block; margin-top: -5px !important; margin-left: -15px !important; margin-right: -15px !important; margin-bottom: -15px !important; } .shop-category ul li { position: relative; line-height: 24px; font-size: 16px; text-transform: capitalize; color: var(--insur-gray); margin-bottom: 7px; } .shop-category ul li:last-child { margin-bottom: 0; } .shop-category ul li a { position: relative; display: block; line-height: 24px; font-size: 16px; text-transform: capitalize; color: var(--insur-gray); padding: 8px 15px 8px; font-weight: 500; border-radius: 0; border-radius: var(--insur-bdr-radius); transition: all .3s ease; z-index: 1; } .shop-category ul li a::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: var(--insur-extra); border-radius: var(--insur-bdr-radius); z-index: -1; transform: scaleY(0); transform-origin: left; transform-style: preserve-3d; transition: all 200ms linear; transition-delay: .1s; } .shop-category ul li a:hover:before { transform: scaleY(1); } .shop-category ul li:hover a, .shop-category ul li.active a { font-weight: 500; background: var(--insur-extra); } .shop-category ul li a:after { position: absolute; right: 15px; top: 5px; font-family: "Font Awesome 5 Free"; content: ""; opacity: 1; font-size: 10px; line-height: 30px; font-weight: 700; transition: all 200ms linear; transition-delay: .1s; z-index: 1; } .shop-category ul li a:hover:after, .shop-category ul li.active a:after { color: var(--insur-base); } /*-------------------------------------------------------------- # Product Details --------------------------------------------------------------*/ .product-details { position: relative; display: block; padding: 120px 0px 120px; } .product-details__img { position: relative; display: block; overflow: hidden; } .product-details__img img { width: 100%; border-radius: 20px; } .product-details__top { position: relative; display: block; margin-top: -8px; } .product-details__title { font-size: 40px; line-height: 44px; font-weight: 700; margin: 0; letter-spacing: var(--insur-letter-spacing); margin-bottom: 22px; } .product-details__title span { position: relative; color: var(--insur-base); font-size: 20px; line-height: 26px; font-weight: 700; margin-left: 10px; letter-spacing: 0; } .product-details__title span span { margin-left: 0; } .product-details__reveiw { display: flex; align-items: center; margin-top: 22px; padding-bottom: 20px; margin-bottom: 31px; border-bottom: 1px solid var(--insur-bdr-color); } .product-details__reveiw i { font-size: 16px; color: var(--insur-primary); } .product-details__reveiw i + i { margin-left: 4px; } .product-details__reveiw span { position: relative; top: 1px; line-height: 1; font-size: 16px; color: var(--insur-gray); margin-left: 18px; letter-spacing: var(--insur-letter-spacing); } .product-details__content { position: relative; display: block; } .product-details__content-text1 { font-size: 18px; line-height: 34px; margin: 0; margin-bottom: 33px; letter-spacing: var(--insur-letter-spacing); } .product-details__content-text2 { font-size: 18px; line-height: 34px; margin: 0; letter-spacing: var(--insur-letter-spacing); } .product-details__quantity { position: relative; display: flex; align-items: center; margin-top: 20px; width: 100%; } .product-details__quantity-title { margin: 0; color: var(--insur-black); font-size: 20px; line-height: 30px; font-weight: 700; margin-right: 20px; letter-spacing: var(--insur-letter-spacing); } .product-details__quantity .quantity-box { position: relative; width: 98px; border-radius: 10px; height: 60px; } .product-details__quantity .quantity-box input { width: 98px; border-radius: 10px; height: 60px; border: 1px solid #e0e4e8; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--insur-font); padding-left: 30px; outline: none; font-size: 18px; font-weight: 500; color: var(--insur-gray); } .product-details__quantity .quantity-box button { width: 29px; height: 29px; background-color: transparent; background-color: #fff; color: var(--insur-gray); font-size: 8px; position: absolute; top: 1px; right: 1px; border: none; border-left: 1px solid #e0e4e8; border-top-right-radius: 10px; display: flex; align-items: center; justify-content: center; outline: none; } .product-details__quantity .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid #eeede5; border-top-right-radius: 0px; border-bottom-right-radius: 10px; } .product-details__buttons { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 30px; margin-top: 40px; } .product-details__buttons-1 { position: relative; display: block; } .product-details__buttons-2 { position: relative; display: block; margin-left: 10px; } .product-details__buttons-2 .thm-btn { background-color: var(--insur-black); } .product-details__buttons-2 .thm-btn:before { background-color: var(--insur-base); } .product-details__buttons-2 .thm-btn:after { background-color: var(--insur-base); } .product-details__social { position: relative; display: flex; align-items: center; } .product-details__social .title { position: relative; display: block; } .product-details__social .title h3 { color: var(--insur-black); font-size: 20px; line-height: 20px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .product-details__social-link { position: relative; display: flex; align-items: center; margin-left: 30px; } .product-details__social-link a { position: relative; height: 43px; width: 43px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-base); font-size: 15px; border-radius: 17px; border: 2px solid var(--insur-base); overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .product-details__social-link a + a { margin-left: 10px; } .product-details__social-link a:hover { background-color: var(--insur-base); color: var(--insur-white); } /*-------------------------------------------------------------- # Product Description --------------------------------------------------------------*/ .product-description { position: relative; display: block; background: #fff; padding: 0px 0px 47px; font-size: 18px; } .product-description__title { font-size: 30px; line-height: 30px; font-weight: 700; margin-bottom: 26px; letter-spacing: var(--insur-letter-spacing); } .product-description__text1 { font-size: 18px; line-height: 30px; margin: 0; } .product-description__tex2 { font-size: 18px; line-height: 30px; margin: 0; padding-top: 28px; } /*-------------------------------------------------------------- # Review One --------------------------------------------------------------*/ .review-one { position: relative; display: block; } .comments-area { position: relative; display: block; } .review-one__title { position: relative; display: block; margin-bottom: 36px; } .review-one__title h3 { font-size: 30px; line-height: 30px; font-weight: 700; margin: 0; letter-spacing: var(--insur-letter-spacing); } .comments-area .comment-box { position: relative; display: block; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid var(--insur-bdr-color); } .comments-area .comment { position: relative; display: flex; } .comments-area .comment-box .author-thumb { position: relative; display: block; width: 165px; height: 165px; border-radius: 50%; overflow: hidden; } .comments-area .comment-box .author-thumb img { width: 100%; } .comments-area .comment-box .author-thumb figure { margin: 0; } .review-one__content { position: relative; display: block; padding-left: 35px; margin-top: -7px; flex: 1; } .review-one__content-top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; } .review-one__content-top .info { position: relative; display: block; } .review-one__content-top .info h2 { font-size: 20px; line-height: 28px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .review-one__content-top .info h2 span { color: var(--insur-base); font-size: 16px; font-weight: 500; display: block; } .review-one__content-top .reply-btn { position: relative; display: block; } .review-one__content-top .reply-btn i:before { color: var(--insur-primary); font-size: 15px; } .review-one__content-bottom { position: relative; display: block; } .review-one__content-bottom p { font-size: 16px; line-height: 30px; margin: 0px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Review Form One --------------------------------------------------------------*/ .review-form-one { position: relative; display: block; padding: 0px 0 120px; margin-top: -4px; } .review-form-one__inner { position: relative; display: block; } .review-form-one__title { font-size: 30px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .review-form-one__rate-box { position: relative; display: flex; align-items: center; margin-top: 28px; margin-bottom: 33px; } .review-form-one__rate-text { font-size: 18px; font-weight: 400; letter-spacing: var(--insur-letter-spacing); } .review-form-one__rate { position: relative; display: flex; align-items: center; margin-left: 20px; } .review-form-one__rate i { font-size: 16px; color: var(--insur-primary); } .review-form-one__rate i + i { margin-left: 5px; } .review-form-one__form { position: relative; display: block; } .review-form-one__form .row { --bs-gutter-x: 20px; } .review-form-one__input-box textarea { font-size: 14px; color: var(--insur-gray); height: 180px; width: 100%; background-color: var(--insur-extra); padding: 25px 30px 30px; border: none; outline: none; margin-bottom: 0px; font-weight: 500; border-radius: var(--insur-bdr-radius); letter-spacing: var(--insur-letter-spacing); } .review-form-one__input-box.text-message-box { height: 180px; } .review-form-one__input-box { position: relative; display: block; margin-bottom: 20px; } .review-form-one__input-box input[type=text], .review-form-one__input-box input[type=email] { height: 60px; width: 100%; border: none; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--insur-gray); display: block; font-weight: 500; border-radius: var(--insur-bdr-radius); letter-spacing: var(--insur-letter-spacing); } .review-form-one__btn { border: none; } /*-------------------------------------------------------------- # Cart Page --------------------------------------------------------------*/ .cart-page { position: relative; display: block; background: var(--insur-white); padding: 113px 0px 120px; } .cart-page .table-responsive { position: relative; display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 1199px) { .cart-table { min-width: 1170px; } } .cart-table { margin-bottom: 60px; } .cart-table thead th { color: var(--insur-black); font-size: 24px; line-height: 30px; font-weight: 700; padding: 0; border: none; padding-bottom: 23px; letter-spacing: var(--insur-letter-spacing); } .cart-table thead th:last-child { text-align: right; } .cart-table tbody tr { vertical-align: middle; } .cart-table tbody tr:last-child { border-bottom: 1px solid #eeede5; } .cart-table tbody td { font-size: 18px; color: var(--insur-gray); vertical-align: middle; border-top: 1px solid #e0e4e8; border-bottom: 1px solid #e0e4e8; padding-top: 30px; padding-bottom: 30px; padding-left: 0; padding-right: 0; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .cart-table tbody td:last-child { text-align: right; } .cart-table .product-box { display: flex; align-items: center; } .cart-table .product-box .img-box { position: relative; display: block; width: 120px; border-radius: var(--insur-bdr-radius); overflow: hidden; margin-right: 35px; } .cart-table .product-box .img-box img { width: 100%; border-radius: var(--insur-bdr-radius); } .cart-table h3 { color: var(--insur-black); font-size: 24px; font-weight: 700; margin: 0; letter-spacing: var(--insur-letter-spacing); } .cart-table h3 a { color: var(--insur-black); transition: all 200ms linear; transition-delay: .1s; } .cart-table h3 a:hover { color: var(--insur-base); } .quantity-box { position: relative; width: 98px; border-radius: 10px; height: 60px; } .quantity-box input { width: 98px; border-radius: 10px; height: 60px; border: 1px solid #e0e4e8; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--insur-font); padding-left: 30px; outline: none; font-size: 18px; font-weight: 500; color: var(--insur-gray); } .quantity-box button { width: 29px; height: 29px; background-color: transparent; background-color: #fff; color: var(--insur-gray); font-size: 8px; position: absolute; top: 1px; right: 1px; border: none; border-left: 1px solid #e0e4e8; border-top-right-radius: 10px; display: flex; align-items: center; justify-content: center; outline: none; } .quantity-box button.sub { bottom: 1px; top: auto; border-top: 1px solid #eeede5; border-bottom: 1px solid #eeede5; border-top-right-radius: 0px; border-bottom-right-radius: 10px; } .cart-table .cross-icon { position: relative; display: block; } .cart-table .cross-icon i:before { position: relative; display: inline-block; color: var(--insur-black); font-size: 16px; } .cart-cupon__form { position: relative; display: block; margin-bottom: 30px; } .cart-cupon__input { width: 100%; max-width: 375px; border-radius: var(--insur-bdr-radius); background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; margin-right: 20px; font-family: var(--insur-font); font-size: 14px; color: var(--insur-gray); height: 60px; margin-bottom: 20px; border: none; outline: none; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .cart-cupon__form ::placeholder { color: var(--insur-gray); opacity: 1; } .cart-cupon__form button { top: -1px; border: none; outline: none !important; background-color: var(--insur-base); } .cart-cupon__form button:before { background-color: var(--insur-black); } .cart-total { position: relative; display: block; margin-bottom: 25px; margin-top: -4px; } .cart-total li { display: flex; justify-content: flex-end; align-items: center; color: var(--insur-gray); font-size: 18px; font-weight: 400; } .cart-total li + li { margin-top: 20px; } .cart-total li span:first-child { display: block; color: var(--insur-black); font-size: 24px; margin-right: 75px; font-weight: 700; width: 155px; text-align: right; letter-spacing: var(--insur-letter-spacing); } .cart-total li:nth-child(2) span:first-child { position: relative; right: 6px; } .cart-total-amount { color: var(--insur-primary); font-weight: 500; } .cart-page__buttons { position: relative; display: flex; align-items: center; justify-content: flex-end; } .cart-page__buttons-1 { position: relative; display: block; } .cart-page__buttons-1 .thm-btn { background: var(--insur-black); } .cart-page__buttons-1 .thm-btn::before { background: var(--insur-base); } .cart-page__buttons-1 .thm-btn::after { background: var(--insur-base); } .cart-page__buttons-2 { position: relative; display: block; margin-left: 10px; } .cart-page__buttons-2 .thm-btn { background-color: var(--insur-base); } .cart-page__buttons-2 .thm-btn:before { background-color: var(--insur-black); } /*-------------------------------------------------------------- # Checkout --------------------------------------------------------------*/ .checkout-page { position: relative; display: block; padding: 113px 0 120px; } .checkout-page .billing_details { position: relative; display: block; } .billing_title { position: relative; display: block; margin-bottom: 41px; } .billing_title p { font-size: 16px; margin: 0; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .billing_title span { color: var(--insur-base); } .billing_title h2 { font-size: 40px; line-height: 45px; margin: 0; font-weight: 700; margin-top: 4px; letter-spacing: -.04em; } .billing_details_form { position: relative; display: block; } .billing_details_form .bs-gutter-x-20 { --bs-gutter-x: 20px; } .billing_details_form .btn-light { border: none; } .billing_details_form .btn-light:hover { border: none; } .billing_input_box { position: relative; display: block; margin-bottom: 20px; } .billing_input_box input[type=text], .billing_input_box input[type=email], .billing_input_box input[type=tel] { height: 60px; width: 100%; border: none; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; border-radius: var(--insur-bdr-radius); outline: none; font-size: 14px; color: var(--insur-gray); display: block; font-weight: 500; } .billing_details .checked-box { position: relative; display: block; margin-top: -2px; } .billing_details .checked-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: var(--insur-gray); font-size: 16px; line-height: 26px; font-weight: 500; text-transform: none; cursor: pointer; font-family: var(--insur-font); } .billing_details .checked-box input[type=checkbox] { display: none; } .billing_details .checked-box input[type=checkbox] + label span { position: absolute; top: 2px; left: 0; width: 20px; height: 20px; border-radius: 50%; vertical-align: middle; background-color: transparent; background: var(--insur-primary); cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border: 0; } .billing_details .checked-box label span:before { position: absolute; top: 4px; left: 6px; display: block; border-bottom: 2px solid #fff; border-right: 2px solid #fff; content: ""; width: 6px; height: 9px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; opacity: 0; } .billing_details.checked-box input[type=checkbox]:checked + label span { border-color: #fff; } .billing_details .checked-box input[type=checkbox]:checked + label span:before { opacity: 1; } .ship_different_address_title { margin-top: 28px; } .ship_different_address_title h2 span::before { position: relative; display: inline-block; color: var(--insur-primary); font-size: 19px; top: -2px; left: 15px; } .ship_different_address_form .ship_different_input { position: relative; display: block; height: 170px; } .ship_different_address_form .ship_different_input textarea { font-size: 14px; color: var(--insur-gray); height: 170px; width: 100%; background-color: var(--insur-extra); padding: 15px 30px 20px; border: none; outline: none; margin-bottom: 0px; border-radius: var(--insur-bdr-radius); font-weight: 500; } .billing_details_form .select-box .nice-select { background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); color: var(--insur-gray); font-size: 14px; font-weight: 500; height: 60px; line-height: 60px; padding-left: 30px; padding-right: 30px; width: 100%; margin-bottom: 20px; letter-spacing: var(--insur-letter-spacing); } .billing_details_form .select-box .nice-select:after { position: absolute; right: 30px; } .your_order { position: relative; display: block; padding-top: 54px; } .your_order h2 { font-size: 40px; line-height: 40px; font-weight: 700; margin: 0; margin-bottom: 54px; letter-spacing: -.04em; } .order_table_box { position: relative; width: 100%; border-bottom: 1px solid var(--insur-bdr-color); padding-bottom: 24px; } .order_table_detail { position: relative; width: 100%; } .order_table_head { position: relative; width: 100%; border-bottom: 1px solid var(--insur-bdr-color); border-top: 1px solid var(--insur-bdr-color); } .order_table_head th { font-size: 20px; color: var(--insur-black); font-weight: 700; margin: 0; padding: 24px 0 24px; letter-spacing: var(--insur-letter-spacing); } .order_table_head th.right { float: right; } .order_table_detail tbody td { padding: 29px 0 2px; } .order_table_detail tbody td.pro__title { color: var(--insur-gray); font-size: 16px; line-height: 18px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .order_table_detail tbody td.pro__price { color: var(--insur-gray); font-size: 16px; line-height: 18px; text-align: right; font-weight: 400; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .checkout__payment { background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); padding: 49px 50px 18px; margin-bottom: 30px; } .checkout__payment__item + .checkout__payment__item { margin-top: 41px; } .checkout__payment__title { display: flex; color: var(--insur-black); font-size: 20px; font-weight: 700; margin: 0; align-items: center; margin-bottom: 27px; cursor: pointer; letter-spacing: -.04em; } .checkout__payment__title::before { content: ""; width: 20px; height: 20px; background-color: #fff; border: 2px solid #e0e4e8; border-radius: 50%; margin-right: 10px; margin-right: 15px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; position: relative; top: 0px; transition: all 500ms ease; } .checkout__payment__title img { margin-left: 15px; } .checkout__payment__item--active .checkout__payment__title::before { background-color: var(--insur-primary); border-color: var(--insur-primary); content: ""; } .checkout__payment__content { font-size: 16px; line-height: 30px; color: var(--insur-gray); font-weight: 500; letter-spacing: var(--insur-letter-spacing); margin-left: 35px; } .main-menu__cart { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 10px; } .main-menu__cart:hover { color: var(--insur-base); } .main-menu__main-menu-box-search-get-quote-btn { padding-left: 44px; } .main-menu__main-menu-box-search:before { left: 0; } .main-menu__main-menu-box-search { padding-left: 20px; } .main-menu__right { float: right; margin-left: 20px; } .main-menu .main-menu__list > li + li, .stricky-header .main-menu__list > li + li { margin-left: 35px; } .main-menu-two__cart { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 10px; } .main-menu-two__cart:hover { color: var(--insur-base); } .main-menu-three__cart { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 10px; } .main-menu-three__cart:hover { color: var(--insur-base); } /*-------------------------------------------------------------- # Update 10/02/2023 --------------------------------------------------------------*/ /* Section Title Two Start */ .section-title-two { position: relative; display: block; margin-top: -5px; margin-bottom: 39px; } .section-title-two__sub-title-box { position: relative; display: block; } .section-title-two__sub-title { text-transform: uppercase; letter-spacing: .1em; } .section-title-two__slash-one { position: relative; display: inline-block; color: var(--insur-base); padding-right: 4px; } .section-title-two__slash-two { position: relative; display: inline-block; color: var(--insur-base); padding-left: 4px; } .section-title-two__title { font-size: 45px; font-weight: 700; line-height: 53px; letter-spacing: var(--insur-letter-spacing); margin-top: 4px; } /* Section Title Three Start */ .section-title-three { position: relative; display: block; margin-top: -7px; margin-bottom: 49px; } .section-title-three__sub-title-box { position: relative; display: inline-block; } .section-title-three__shape { position: absolute; top: 13px; right: -55px; width: 45px; height: 2px; background-color: var(--insur-base); } .section-title-three__shape:before { content: ""; position: absolute; top: -2px; right: 0; height: 6px; width: 6px; background-color: var(--insur-base); border-radius: 50%; } .section-title-three__title { font-size: 45px; font-weight: 700; line-height: 53px; letter-spacing: var(--insur-letter-spacing); margin-top: 4px; } /* Thm Btn Two */ .thm-btn-two { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; background-color: var(--insur-base); color: var(--insur-white); font-size: 16px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); padding: 17px 40px 17px; transition: all .5s linear; overflow: hidden; z-index: 1; } .thm-btn-two:hover { color: var(--insur-white); } .thm-btn-two:before { position: absolute; content: ""; background-color: var(--insur-transparent); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); z-index: -1; } .thm-btn-two:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform .4s cubic-bezier(.1, 0, .3, 1); } .thm-btn-two:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--insur-transparent); transform: translate3d(0, -100%, 0); transition: transform .4s cubic-bezier(.1, 0, .3, 1); z-index: -1; } .thm-btn-two:hover::after { transform: translate3d(0, 0, 0); transition-duration: .05s; transition-delay: .4s; transition-timing-function: linear; } /*-------------------------------------------------------------- # Feature Five --------------------------------------------------------------*/ .feature-five { position: relative; display: block; } .feature-five .container { max-width: 1280px; } .feature-five__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); padding: 0 0 22px; z-index: 1; } .feature-five__list li { position: relative; flex: 0 0 33.333333%; max-width: 33.333333%; width: 100%; } .feature-five__single { position: relative; display: block; padding: 0 70px 0px; margin-bottom: 22px; } .feature-five__single:before { content: ""; position: absolute; top: 0; bottom: 16px; right: 0; width: 1px; background-color: #cedade; } .feature-five__list li:last-child .feature-five__single:before { display: none; } .feature-five__icon { position: relative; display: flex; align-items: center; justify-content: center; height: 94px; width: 94px; background-color: var(--insur-base); border-radius: 50%; overflow: hidden; z-index: 1; } .feature-five__icon:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; background-color: var(--insur-black); border-radius: 50%; -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .feature-five__single:hover .feature-five__icon:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .feature-five__icon span { position: relative; display: inline-block; font-size: 62px; color: var(--insur-white); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .feature-five__single:hover .feature-five__icon span { transform: scale(.9); } .feature-five__title { font-size: 24px; font-weight: 700; line-height: 34px; padding-top: 12px; margin-bottom: 14px; letter-spacing: var(--insur-letter-spacing); } .feature-five__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-five__title a:hover { color: var(--insur-base); } .feature-five__text { letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # About Five --------------------------------------------------------------*/ .about-five { position: relative; display: block; padding: 120px 0 120px; } .about-five__left { position: relative; display: block; } .about-five__img-box { position: relative; display: block; } .about-five__img { position: relative; display: block; border-radius: 50%; overflow: hidden; z-index: 1; } .about-five__img img { width: 100%; border-radius: 50%; } .about-five__img-two { position: absolute; top: 40px; left: -102px; z-index: 2; } div.about-five__img-two img { width: auto; border-radius: 50%; } .about-five__call { position: absolute; bottom: 102px; left: -60px; background-color: #fff; box-shadow: 14.982px 29.403px 87px 0px rgba(0, 0, 0, .1); display: flex; align-items: center; padding: 24px 40px 24px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; z-index: 2; } .about-five__call-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; border: 1px solid #cfdbdf; border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-five__call-icon:hover { background-color: var(--insur-base); border: 1px solid var(--insur-base); } .about-five__call-icon i { position: relative; display: inline-block; font-size: 20px; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-five__call-icon:hover i { color: var(--insur-white); } .about-five__call-content { margin-left: 10px; } .about-five__call-sub-title { font-size: 18px; letter-spacing: var(--insur-letter-spacing); } .about-five__call-number { font-size: 18px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); margin-top: 7px; } .about-five__call-number a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-five__call-number a:hover { color: var(--insur-base); } .about-five__shape-1 { position: absolute; bottom: 0; left: -17px; height: 55px; width: 55px; background-color: var(--insur-base); border-radius: 50%; } .about-five__arrow { position: absolute; bottom: -40px; right: -47px; z-index: -1; } .about-five__arrow img { width: auto; } .about-five__right { position: relative; display: block; margin-left: 66px; } .about-five__right .section-title-two { margin-bottom: 32px; } .about-five__text { letter-spacing: var(--insur-letter-spacing); } .about-five__points-and-counter-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; margin-top: 37px; } .about-five__points-box { position: relative; display: block; } .about-five__points { position: relative; display: block; margin-bottom: 48px; } .about-five__points li { position: relative; display: flex; align-items: center; } .about-five__points li + li { margin-top: 15px; } .about-five__points li .icon { position: relative; display: flex; align-items: center; justify-content: center; height: 17px; width: 17px; background-color: var(--insur-base); border-radius: 50%; font-size: 9px; color: var(--insur-white); } .about-five__points li .text { margin-left: 10px; } .about-five__points li .text h4 { font-size: 18px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .about-five__btn-box { position: relative; display: block; } .about-five__counter-box { position: relative; display: block; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); padding: 38px 40px 38px; margin-top: 3px; margin-left: 45px; } .about-five__counter-list { position: relative; display: block; } .about-five__counter-list li { position: relative; display: block; border-bottom: 1px solid #cedade; padding-bottom: 28px; margin-bottom: 27px; } .about-five__counter-list li:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .about-five__counter-single { position: relative; display: block; } .about-five__count-box { position: relative; display: flex; align-items: center; } .about-five__count-box h3 { font-size: 30px; font-weight: 700; color: var(--insur-base); letter-spacing: var(--insur-letter-spacing); line-height: 40px; } .about-five__count-percent { font-size: 30px; font-weight: 700; color: var(--insur-base); letter-spacing: var(--insur-letter-spacing); line-height: 40px; } .about-five__counter-text { letter-spacing: var(--insur-letter-spacing); padding-top: 3px; } /*-------------------------------------------------------------- # Services Four --------------------------------------------------------------*/ .services-four { position: relative; display: block; padding: 120px 0 160px; background-color: #e5eff2; z-index: 1; } .services-four:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 370px; background-color: var(--insur-white); z-index: -1; } .services-four__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: soft-light; opacity: .6; z-index: -1; } .services-four .container { max-width: 1460px; } .services-four__carousel { position: relative; display: block; } .services-four__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .services-four__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .services-four__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .services-four__carousel.owl-carousel .owl-dots { position: absolute; bottom: -60px; left: 0; right: 0; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; margin-top: 0 !important; } .services-four__carousel.owl-carousel .owl-dots .owl-dot { position: relative; display: inline-block; width: 185px; height: 3px; border-radius: 0px; background-color: #e5eff2; margin: 0; padding: 0 !important; -webkit-transition: all 100ms linear; transition: all 100ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .services-four__carousel.owl-carousel .owl-dots .owl-dot + .owl-dot { margin-left: 10px; } .services-four__carousel.owl-carousel .owl-dot.active { background-color: var(--insur-black); opacity: 1; } .services-four__carousel.owl-carousel .owl-dot:focus { outline: none; } .services-four__carousel.owl-carousel .owl-dots .owl-dot span { display: none; } .services-four__single { position: relative; display: block; } .services-four__img-box { position: relative; display: block; z-index: 2; } .services-four__img { position: relative; display: block; overflow: hidden; z-index: 2; } .services-four__img img { width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__single:hover .services-four__img img { transform: scale(1.05); } .services-four__content-box { position: relative; display: block; margin-top: -20px; z-index: 1; } .services-four__icon { position: absolute; bottom: -10px; left: 0; right: 0; height: 57px; width: 57px; background-color: var(--insur-base); z-index: 2; border-radius: 50%; margin: 0 auto; display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__single:hover .services-four__icon { background-color: var(--insur-black); } .services-four__icon span { position: relative; display: inline-block; font-size: 36px; color: var(--insur-white); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .services-four__single:hover .services-four__icon span { transform: scale(.9); } .services-four__content { position: relative; display: block; text-align: center; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); padding: 42px 0 35px; } .services-four__title { font-size: 20px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 30px; margin-bottom: 14px; } .services-four__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-four__title a:hover { color: var(--insur-base); } .services-four__text { letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Tracking Two --------------------------------------------------------------*/ .tracking-two { position: relative; display: block; padding: 0 0 150px; z-index: 1; } .tracking-two__inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 53px 60px 51px; background-color: var(--insur-base); } .tracking-two__left { position: relative; display: flex; } .tracking-two__icon { position: relative; display: flex; } .tracking-two__icon span { font-size: 65px; color: var(--insur-white); position: relative; display: inline-block; } .tracking-two__content { position: relative; margin-left: 30px; top: -7px; } .tracking-two__sub-title { font-size: 14px; color: #b4fccf; text-transform: uppercase; letter-spacing: .1em; line-height: 24px; font-weight: 500; } .tracking-two__title { font-size: 36px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 47px; } .tracking-two__btn-box { position: relative; display: block; z-index: 2; } .tracking-two__btn { background-color: var(--insur-white); color: var(--insur-black); } /*-------------------------------------------------------------- # Why Choose Three --------------------------------------------------------------*/ .why-choose-three { position: relative; display: block; z-index: 1; } .why-choose-three__shape-4 { position: absolute; top: 0; left: -375px; mix-blend-mode: multiply; opacity: .5; z-index: -1; } .why-choose-three__shape-4 img { width: auto; } .why-choose-three__left { position: relative; display: block; padding-top: 120px; padding-bottom: 120px; z-index: 1; } .why-choose-three__left:before { position: absolute; top: 0; left: -10000000px; right: -201px; bottom: 0; content: ""; background-color: var(--insur-black); z-index: -1; transform: skewX(-24deg); } .why-choose-three__left .section-title-two { margin-bottom: 33px; } .why-choose-three__left .section-title-two__sub-title { color: #83a9b8; } .why-choose-three__left .section-title-two__title { color: var(--insur-white); } .why-choose-three__text-1 { font-size: 20px; color: var(--insur-base); font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .why-choose-three__points-box { position: relative; display: block; margin-top: 28px; margin-bottom: 50px; } .why-choose-three__points { position: relative; display: block; } .why-choose-three__points li { position: relative; display: block; } .why-choose-three__points li + li { margin-top: 30px; } .why-choose-three__points-single { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .why-choose-three__points-icon-box { position: relative; display: flex; align-items: center; max-width: 196px; width: 100%; } .why-choose-three__points-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 57px; width: 57px; background-color: var(--insur-base); border-radius: 50%; font-size: 15px; color: var(--insur-white); transition: background 500ms ease, color 500ms ease; } .why-choose-three__points-icon:hover { background-color: #fff; color: var(--insur-black); } .why-choose-three__points-icon i, .why-choose-three__points-icon span { display: block; transform: scale(1); transition: transform 500ms ease; } .why-choose-three__points-icon:hover i, .why-choose-three__points-icon:hover span { transform: scale(.8); } .why-choose-three__points-icon-text { font-size: 20px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 24px; margin-left: 30px; } .why-choose-three__points-content-box { position: relative; display: block; max-width: 290px; width: 100%; margin-left: 72px; } .why-choose-three__points-content-box:before { content: ""; position: absolute; top: 0; bottom: 0; left: -30px; width: 1px; background-color: rgba(var(--insur-white-rgb), .1); } .why-choose-three__points-content { font-size: 16px; color: #83a9b8; letter-spacing: var(--insur-letter-spacing); line-height: 30px; } .why-choose-three__btn-box { position: relative; display: block; } .why-choose-three__btn:hover { color: var(--insur-base); } .why-choose-three__btn:before { background-color: var(--insur-white); } .why-choose-three__btn:after { background-color: var(--insur-white); } .why-choose-three__right { position: relative; display: block; margin-left: -105px; margin-right: -375px; margin-top: -40px; } .why-choose-three-shape-1 { position: absolute; top: 0px; left: 251px; height: 41px; width: 110px; background-color: var(--insur-base); clip-path: polygon(13% 0, 100% 0%, 80% 100%, 0 100%); z-index: 2; } .why-choose-three-shape-2 { position: absolute; top: 0; left: 339px; height: 41px; width: 105px; background-color: var(--insur-black); clip-path: polygon(19% 0, 0% 100%, 100% 100%); z-index: 2; } .why-choose-three-shape-3 { position: absolute; bottom: -1px; left: -27px; height: 41px; width: 50px; background-color: var(--insur-black); clip-path: polygon(0 0, 56% 100%, 100% 0); z-index: 2; } .why-choose-three__img { position: relative; display: block; clip-path: polygon(29% 0, 100% 0%, 100% 100%, 0 100%); } .why-choose-three__img img { width: 100%; } /*-------------------------------------------------------------- # Team Three --------------------------------------------------------------*/ .team-three { position: relative; display: block; padding: 120px 0 90px; } .team-three__single { position: relative; display: block; margin-bottom: 30px; } .team-three__img-box { position: relative; display: block; margin-left: 15px; margin-right: 15px; z-index: 1; } .team-three__img { position: relative; display: block; overflow: hidden; z-index: 1; } .team-three__img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--insur-black-rgb), .5); -webkit-transform: perspective(400px) rotateX(90deg) scaleY(.5); -ms-transform: perspective(400px) rotateX(90deg) scaleY(.5); transform: perspective(400px) rotateX(90deg) scaleY(.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; z-index: 1; } .team-three__single:hover .team-three__img:before { -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1); -ms-transform: perspective(400px) rotateX(0deg) scaleY(1); transform: perspective(400px) rotateX(0deg) scaleY(1); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .team-three__img img { width: 100%; -webkit-transform: scale(1); transform: scale(1); transition: all 500ms ease; } .team-three__single:hover .team-three__img img { transform: scale(1.05); } .team-three__social-two { position: absolute; right: 20px; bottom: -20px; background-color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .team-three__social-two li a { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-three__social-two li a:hover { color: var(--insur-primary); } .team-three__social { position: absolute; right: 20px; bottom: 20px; background-color: var(--insur-white); text-align: center; padding: 20px 12.5px; transform: scaleY(0); transform-origin: center; transform-origin: bottom center; transform-style: preserve-3d; -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; z-index: 2; } .team-three__single:hover .team-three__social { transform: scaleY(1); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .team-three__social li + li { margin-top: 20px; } .team-three__social li a { font-size: 15px; color: var(--insur-black); display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-three__social li a:hover { color: var(--insur-base); } .team-three__content { position: relative; display: block; background-image: -moz-linear-gradient(90deg, #e5eff2 0%, #fff 100%); background-image: -webkit-linear-gradient(90deg, #e5eff2 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #e5eff2 0%, #fff 100%); padding: 200px 30px 38px; margin-top: -173px; } .team-three__name { font-size: 20px; font-weight: 700; line-height: 20px; letter-spacing: -.04em; margin-bottom: 7px; } .team-three__name a { color: var(--insur-black); transition: all 500ms ease; } .team-three__name a:hover { color: var(--insur-base); } .team-three__sub-title { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; line-height: 12px; } /*-------------------------------------------------------------- # Counter Two --------------------------------------------------------------*/ .counter-two { position: relative; display: block; padding: 0 0 70px; z-index: 1; } .counter-two__bg-box { position: absolute; top: 76px; left: 0; right: 0; bottom: 0; background-color: var(--insur-base); z-index: -1; } .counter-two__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .02; z-index: -1; } .counter-two__single { position: relative; display: block; margin-bottom: 30px; } .counter-two__icon { position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-image: -moz-linear-gradient(90deg, #e5eff2 0%, #fff 100%); background-image: -webkit-linear-gradient(90deg, #e5eff2 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #e5eff2 0%, #fff 100%); width: 116px; height: 116px; margin: 0 auto 0; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .counter-two__icon:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; border-radius: 50%; background-color: var(--insur-base); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .counter-two__single:hover .counter-two__icon:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .counter-two__icon span { position: relative; display: inline-block; font-size: 65px; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .counter-two__single:hover .counter-two__icon span { color: var(--insur-white); } .counter-two__content-box { position: relative; display: block; text-align: center; background-color: var(--insur-white); padding: 55px 0 32px; margin-top: -40px; } .counter-two__count-box { position: relative; display: flex; align-items: center; justify-content: center; } .counter-two__count-box h3 { font-size: 50px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 50px; } .counter-two__letter { font-size: 50px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 50px; color: var(--insur-black); } .counter-two__text { padding-top: 5px; } /*-------------------------------------------------------------- # Get Insurance Three --------------------------------------------------------------*/ .get-insurance-three { position: relative; display: block; background-color: #eaf1f5; padding: 120px 0 120px; z-index: 1; } .get-insurance-three__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; mix-blend-mode: luminosity; opacity: .05; z-index: -1; } .get-insurance-three__left { position: relative; display: block; margin-right: 70px; } .get-insurance-three__img { position: relative; display: block; z-index: 1; } .get-insurance-three__img:before { content: ""; position: absolute; top: 50%; left: -100px; transform: translateY(-50%); border-radius: 50%; background-color: #2cbc63; width: 415px; height: 422px; z-index: -1; } .get-insurance-three__img img { width: 100%; } .get-insurance-three__right { position: relative; display: block; } .get-insurance-three__main-tab-box { position: relative; display: block; } .get-insurance-three__main-tab-box .tab-buttons { position: absolute; display: flex; flex-direction: column; flex-wrap: wrap; top: 0; left: -137px; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn { position: relative; display: inline-block; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn + .tab-btn { margin-top: 10px; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn .icon-box { position: relative; display: flex; align-items: center; justify-content: center; height: 73px; width: 73px; border-radius: 50%; background-color: var(--insur-white); cursor: pointer; z-index: 1; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn .icon-box:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; border-radius: 50%; background-color: var(--insur-base); transform: scale(0); transform-style: preserve-3d; transition: all .4s cubic-bezier(.62, .21, .45, 1.52); z-index: -1; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn:hover .icon-box:after, .get-insurance-three__main-tab-box .tab-buttons .tab-btn.active-btn .icon-box:after { transform: scale(1); } .get-insurance-three__main-tab-box .tab-buttons .tab-btn .icon-box span { position: relative; display: inline-block; font-size: 32px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn:hover .icon-box span, .get-insurance-three__main-tab-box .tab-buttons .tab-btn.active-btn .icon-box span { color: var(--insur-white); } .get-insurance-three__main-tab-box .tab-buttons .tab-btn .icon-box .overlay-text { position: absolute; top: 0; right: 100%; width: 200px; text-align: right; bottom: 0; display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; opacity: 0; transform: translateX(20px); transition: all 200ms linear; transition-delay: .1s; z-index: -1; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn:hover .icon-box .overlay-text, .get-insurance-three__main-tab-box .tab-buttons .tab-btn.active-btn .icon-box .overlay-text { opacity: 1; transform: translateX(0px); } .get-insurance-three__main-tab-box .tab-buttons .tab-btn .icon-box .overlay-text p { position: relative; display: inline-block; background-color: #fff; padding: 13px 20px 13px; color: var(--insur-black); font-family: var(--insur-font); letter-spacing: var(--insur-letter-spacing); font-size: 14px; line-height: 14px; font-weight: 700; transition: all 200ms linear; transition-delay: .1s; } .get-insurance-three__main-tab-box .tab-buttons .tab-btn .icon-box .overlay-text p:before { content: ""; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); border-left: 6px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .get-insurance-three__main-tab-box .tabs-content { position: relative; display: block; } .get-insurance-three__main-tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .get-insurance-three__main-tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .get-insurance-three__content { position: relative; display: block; } .get-insurance-three__form { position: relative; display: block; } .get-insurance-three__content-box { position: relative; display: block; } .get-insurance-three__input-box { position: relative; display: block; margin-bottom: 20px; } .get-insurance-three__input-box input[type=text], .get-insurance-three__input-box input[type=email] { height: 60px; width: 100%; border: 0; background-color: var(--insur-white); outline: none; font-size: 16px; color: var(--insur-gray); font-weight: 400; padding: 0 30px 0; letter-spacing: var(--insur-letter-spacing); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); } .get-insurance-three__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .get-insurance-three__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insurance-three__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border-radius: 0; border: 0; background-color: var(--insur-white) !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray) !important; font-size: 16px; line-height: 60px; font-weight: 400; box-shadow: none !important; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; letter-spacing: var(--insur-letter-spacing); } .get-insurance-three__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--insur-gray); } .get-insurance-three__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--insur-black); } .get-insurance-three__input-box .bootstrap-select .dropdown-menu > li > a:hover { background: var(--insur-white); color: var(--insur-base); cursor: pointer; } .get-insurance-three__input-box .bootstrap-select .dropdown-menu { border-radius: 0; } .get-insurance-three__progress { position: relative; display: block; width: 100%; margin-top: 23px; margin-bottom: 30px; } .get-insurance-three__progress-single { position: relative; display: block; } .get-insurance-three__progress-title { font-size: 16px; line-height: 26px; margin-bottom: 15px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insurance-three__progress .bar { position: relative; width: 100%; height: 12px; background-color: var(--insur-white); border-radius: 0px; border: 0; } .get-insurance-three__progress .bar-inner { position: relative; display: block; width: 0px; height: 12px; border-radius: 0px; background-color: var(--insur-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-insurance-three .get-insurance__progress-range .irs--flat .irs-bar { background-image: none; background-color: var(--insur-base); } .get-insurance-three .get-insurance__progress-range .irs--flat .irs-bar.nitro-lazy { background-image: none !important; } .get-insurance-three .get-insurance__progress-range .irs--flat .irs-bar { border-radius: 0; } .get-insurance-three .get-insurance__progress-range .irs--flat .irs-line { border-radius: 0; } .get-insurance-three .get-insurance__progress { margin-bottom: 12px; } .get-insurance-three__progress .count-text { position: absolute; right: -30px; bottom: -8px; opacity: 0; border-style: solid; border-width: 2px; border-color: #fff; border-radius: 50%; background-color: #16243d; width: 30px; height: 30px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-three__progress .bar-inner.counted .count-text { opacity: 1; } .get-insurance-three__balance-box { position: absolute; top: 0; right: 0; } .get-insurance-three__balance { font-size: 16px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insurance-three__content-bottom { position: relative; display: block; } .get-insurance-three__btn { border: none; } /*-------------------------------------------------------------- # Testimonial Four --------------------------------------------------------------*/ .testimonial-four { position: relative; display: block; background-color: var(--insur-black); padding: 120px 0 150px; z-index: 1; } .testimonial-four__bg { position: absolute; top: 0; bottom: 0; left: 0; width: 58.2%; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: multiply; opacity: .2; z-index: -1; } .testimonial-four__left { position: relative; display: block; z-index: 15; } .testimonial-four__left .section-title-two__sub-title { color: #83a9b8; } .testimonial-four__left .section-title-two__title { color: var(--insur-white); } .testimonial-four__right { position: relative; display: block; } .testimonial-four__carousel { position: relative; display: block; } .testimonial-four__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-four__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-four__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } .testimonial-four__carousel.owl-theme .owl-nav { position: absolute; bottom: -9px; left: -398px; } .testimonial-four__carousel.owl-theme .owl-nav .owl-next { height: 50px; width: 50px; line-height: 50px; border-radius: 50%; color: var(--insur-white); border: 0; background-color: #012f42; font-size: 15px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-four__carousel.owl-theme .owl-nav .owl-prev { height: 50px; width: 50px; line-height: 50px; border-radius: 50%; color: var(--insur-white); border: 0; background-color: #012f42; font-size: 15px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-four__carousel.owl-theme .owl-nav .owl-next { margin-left: 5px; } .testimonial-four__carousel.owl-theme .owl-nav .owl-prev { margin-right: 5px; } .testimonial-four__carousel.owl-theme .owl-nav .owl-next span, .testimonial-four__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .testimonial-four__carousel.owl-theme .owl-nav .owl-next:hover, .testimonial-four__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--insur-white); color: var(--insur-base); } .testimonial-four__single { position: relative; display: block; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); z-index: 1; } .testimonial-four__single-inner { position: relative; display: block; background-color: #fff; padding: 38px 50px 42px; overflow: hidden; z-index: 1; } .testimonial-four__single-inner:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 4px; background-image: -moz-linear-gradient(0deg, #fff 0%, #2cbc63 100%); background-image: -webkit-linear-gradient(0deg, #fff 0%, #2cbc63 100%); background-image: -ms-linear-gradient(0deg, #fff 0%, #2cbc63 100%); } .testimonial-four__shape-1 { position: absolute; top: -250px; left: -200px; border-radius: 50%; background-color: #f3f8f9; width: 408px; height: 408px; z-index: -1; } .testimonial-four__text { font-size: 18px; line-height: 36px; letter-spacing: var(--insur-letter-spacing); } .testimonial-four__client-info-box { position: relative; display: flex; align-items: center; margin-top: 25px; } .testimonial-four__client-info { position: relative; display: block; } .testimonial-four__client-name { font-size: 20px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 20px; margin-bottom: 5px; } .testimonial-four__client-sub-title { letter-spacing: var(--insur-letter-spacing); } .testimonial-four__rating { position: relative; display: flex; align-items: center; margin-left: 130px; } .testimonial-four__rating i { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-base); } .testimonial-four__rating i + i { margin-left: 4px; } .testimonial-four__client-img { position: absolute; bottom: -30px; right: 60px; width: 86px; z-index: 2; } div.testimonial-four__client-img img { border: 7px solid var(--insur-base); } /*-------------------------------------------------------------- # Brand Two --------------------------------------------------------------*/ .brand-two { border-top: 0; border-bottom: 1px solid rgba(206, 218, 222, .4); } /*-------------------------------------------------------------- # News Four --------------------------------------------------------------*/ .news-four { position: relative; display: block; padding: 120px 0 90px; } .news-four__single { position: relative; display: block; margin-bottom: 30px; } .news-four__img { position: relative; display: block; overflow: hidden; z-index: 1; } .news-four__img:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(var(--insur-black-rgb), .5); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; visibility: hidden; opacity: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); z-index: 1; } .news-four__single:hover .news-four__img:before { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .news-four__img img { width: 100%; transition: all 500ms ease; } .news-four__single:hover .news-four__img img { transform: scale(1.05); } .news-four__content { position: relative; display: block; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); padding: 24px 30px 0; margin-right: 20px; z-index: 2; } .news-four__date { position: absolute; top: -75px; right: 0; background-color: var(--insur-base); padding-top: 23px; padding-bottom: 12px; padding-left: 50px; padding-right: 30px; text-align: right; border-top-left-radius: 70px; z-index: 2; } .news-four__date p { font-size: 14px; font-weight: 700; color: var(--insur-white); letter-spacing: .1em; line-height: 14px; } .news-four__date span { font-size: 14px; color: var(--insur-white); letter-spacing: .1em; line-height: 14px; text-transform: uppercase; } .news-four__meta { position: relative; display: flex; align-items: center; margin-bottom: 12px; } .news-four__meta li + li { margin-left: 10px; } .news-four__meta li a { font-size: 14px; letter-spacing: var(--insur-letter-spacing); transition: all 500ms ease; } .news-four__meta li a i, .news-four__meta li i { position: relative; display: inline-block; font-size: 14px; color: var(--insur-base); padding-right: 3px; transition: all 500ms ease; } .news-four__meta li a:hover { color: var(--insur-base); } .news-four__title { font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .news-four__title a { color: var(--insur-black); transition: all 500ms ease; } .news-four__title a:hover { color: var(--insur-base); } .news-four__read-more { position: relative; display: flex; align-items: center; font-size: 14px; border-top: 1px solid rgba(206, 218, 222, .4); padding: 12px 0; margin-top: 23px; transition: all 500ms ease; } .news-four__read-more span { position: relative; display: inline-block; font-size: 15px; padding-left: 8px; top: 2px; transition: all 500ms ease; } .news-four__read-more:hover { color: var(--insur-base); } /*-------------------------------------------------------------- # Site Footer Two --------------------------------------------------------------*/ .site-footer-two { position: relative; display: block; background-color: var(--insur-black); z-index: 1; } .site-footer-two__top { position: relative; display: block; padding: 118px 0 100px; z-index: 2; } .footer-widget-two__about { position: relative; display: block; } .footer-widget-two__logo { position: relative; display: block; margin-top: 3px; } .footer-widget-two__about-text-box { position: relative; display: block; margin-top: 33px; margin-bottom: 22px; } .footer-widget-two__about-text { font-size: 15px; color: #83a9b8; letter-spacing: var(--insur-letter-spacing); } .site-footer-two__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .site-footer-two__social a { position: relative; height: 40px; width: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-white); background-color: #012f42; font-size: 15px; border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .site-footer-two__social a:hover { color: var(--insur-base); background-color: var(--insur-white); } .site-footer-two__social a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; border-radius: 50%; background-color: var(--insur-white); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .site-footer-two__social a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .site-footer-two__social a + a { margin-left: 10px; } .footer-widget-two__links { position: relative; display: block; } .footer-widget-two__title { font-size: 20px; color: var(--insur-white); font-weight: 700; line-height: 20px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 30px; } .footer-widget-two__links-list { position: relative; display: block; } .footer-widget-two__links-list li { position: relative; display: block; } .footer-widget-two__links-list li + li { margin-top: 10px; } .footer-widget-two__links-list li a { position: relative; display: inline-block; color: #83a9b8; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-two__links-list li a:hover { color: var(--insur-base); } .footer-widget-two__latest-news { position: relative; display: block; } .footer-widget-two__latest-news-list { position: relative; display: block; padding-top: 5px; } .footer-widget-two__latest-news-list li { position: relative; display: flex; align-items: center; } .footer-widget-two__latest-news-list li + li { margin-top: 38px; } .footer-widget-two__latest-news-img { position: relative; display: block; width: 72px; border-radius: 50%; } div.footer-widget-two__latest-news-img img { width: 100%; border-radius: 50%; } .footer-widget-two__latest-news-content { margin-left: 20px; } .footer-widget-two__latest-news-date { font-size: 14px; color: var(--insur-base); letter-spacing: var(--insur-letter-spacing); line-height: 14px; } .footer-widget-two__latest-news-title { font-size: 16px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 26px; margin-top: 11px; } .footer-widget-two__latest-news-title a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-two__latest-news-title a:hover { color: var(--insur-base); } .footer-widget-two__contact { position: relative; display: block; } .footer-widget-two__contact-text { color: #83a9b8; letter-spacing: var(--insur-letter-spacing); padding-bottom: 36px; } .footer-widget-two__contact-list { position: relative; display: block; } .footer-widget-two__contact-list li { position: relative; display: flex; align-items: center; } .footer-widget-two__contact-list li + li { margin-top: 5px; } .footer-widget-two__contact-list li .icon { position: relative; display: flex; align-items: center; } .footer-widget-two__contact-list li .icon span { font-size: 17px; color: var(--insur-base); } .footer-widget-two__contact-list li .text { margin-left: 15px; } .footer-widget-two__contact-list li .text p { font-weight: 700; color: var(--insur-white); letter-spacing: var(--insur-letter-spacing); } .footer-widget-two__contact-list li .text p a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-two__contact-list li .text p a:hover { color: var(--insur-base); } .site-footer-two__newsletter { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-left: 40px; padding-right: 50px; padding-top: 20px; padding-bottom: 20px; background-color: #012f42; z-index: 2; } .site-footer-two__newsletter-left { position: relative; display: flex; align-items: center; padding: 15px 0; } .site-footer-two__newsletter-icon { position: relative; display: flex; align-items: center; } .site-footer-two__newsletter-icon span { position: relative; display: inline-block; font-size: 30px; color: var(--insur-base); } .site-footer-two__newsletter-content { font-size: 20px; color: var(--insur-white); font-weight: 700; letter-spacing: var(--insur-letter-spacing); margin-left: 10px; } .site-footer-two__newsletter-right { position: relative; display: block; max-width: 680px; width: 100%; } .site-footer-two__newsletter-right:before { position: absolute; top: 0; bottom: 0; left: -30px; width: 2px; background-color: #023a51; content: ""; } .site-footer-two__newsletter-form { position: relative; display: block; } .site-footer-two__newsletter-input-box { position: relative; display: block; } .site-footer-two__newsletter-input-box input[type=email] { height: 60px; width: 100%; border: none; background-color: transparent; font-size: 16px; font-weight: 400; color: #83a9b8; letter-spacing: var(--insur-letter-spacing); outline: none; padding-right: 210px; } .newsletter__btn { border: none; position: absolute; top: 0; bottom: 0; right: 0; } .site-footer-two__bottom { position: relative; display: block; text-align: center; background-color: var(--insur-base); padding: 59px 0 32px; margin-top: -29px; } .site-footer-two__bottom-inner { position: relative; display: block; } .site-footer-two__bottom-text { color: var(--insur-white); letter-spacing: var(--insur-letter-spacing); } .site-footer-two__bottom-text a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer-two__bottom-text a:hover { color: var(--insur-black); } /*-------------------------------------------------------------- # Services Five --------------------------------------------------------------*/ .services-five { position: relative; display: block; z-index: 100; } .services-five__inner { position: relative; display: block; z-index: 1; } .services-five__inner:before { content: ""; position: absolute; top: -100px; left: -100px; right: -100px; height: 383px; background-color: #fff; box-shadow: 0px -10px 50px 0px rgba(0, 0, 0, .05); border-radius: var(--insur-bdr-radius); border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: -1; } .services-five__single { position: relative; display: block; } .services-five__img-box { position: relative; display: block; } .services-five__img { position: relative; display: block; overflow: hidden; border-radius: var(--insur-bdr-radius); z-index: 1; } .services-five__img img { width: 100%; border-radius: var(--insur-bdr-radius); } .services-five__title-box { position: absolute; bottom: -20px; left: 15px; right: 15px; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); border-radius: var(--insur-bdr-radius); text-align: center; padding: 40px 0 27px; opacity: 1; visibility: visible; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .services-five__single:hover .services-five__title-box { opacity: 0; visibility: hidden; transition-delay: 300ms; } .services-five__title { font-size: 18px; font-weight: 700; line-height: 18px; text-transform: uppercase; } .services-five__title a { color: var(--insur-black); } .services-five__icon { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); height: 57px; width: 57px; background-color: var(--insur-base); display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-five__icon span { position: relative; display: inline-block; font-size: 28px; color: var(--insur-white); } .services-five__hover-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: var(--insur-bdr-radius); padding: 40px 0 0; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: 2; } .services-five__single:hover .services-five__hover-content { transform: scaleY(1); } .services-five__hover-content:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: var(--insur-bdr-radius); background-image: -moz-linear-gradient(90deg, #ff494a 0%, #191c1e 100%); background-image: -webkit-linear-gradient(90deg, #ff494a 0%, #191c1e 100%); background-image: -ms-linear-gradient(90deg, #ff494a 0%, #191c1e 100%); opacity: .902; z-index: -1; } .services-five__hover-content-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 57px; width: 57px; background-color: var(--insur-white); border-radius: 50%; font-size: 30px; color: var(--insur-base); margin: 0 auto 0; } .services-five__hover-content-title { font-size: 18px; font-weight: 700; color: var(--insur-white); text-transform: uppercase; margin-top: 16px; margin-bottom: 16px; } .services-five__hover-content-title a { color: var(--insur-white); } .services-five__hover-content-text { font-size: 14px; color: var(--insur-white); letter-spacing: var(--insur-letter-spacing); } .thm-owl__carousel--range__input { max-width: 640px; width: 100%; margin-left: auto; margin-right: auto; margin-top: 45px; } .thm-owl__carousel--range__input .irs-min, .thm-owl__carousel--range__input .irs-single, .thm-owl__carousel--range__input .irs-max { visibility: hidden !important; } .thm-owl__carousel--range__input .irs--flat .irs-line { height: 5px; background-color: var(--insur-primary); border-radius: 3px; } .thm-owl__carousel--range__input .irs--flat .irs-bar { border-radius: 3px; background-color: var(--insur-base); height: 5px; } .thm-owl__carousel--range__input .irs--flat .irs-handle { width: 20px; height: 20px; background-color: var(--insur-black); border-radius: 50%; border: 2px solid var(--insur-white); top: 17px; } .thm-owl__carousel--range__input .irs--flat .irs-handle > i:first-child { display: none; } .services-five__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .services-five__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .services-five__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # About Five --------------------------------------------------------------*/ .about-six { position: relative; display: block; padding: 120px 0 150px; z-index: 1; } .about-six__left { position: relative; display: block; } .about-six__img-box { position: relative; display: block; } .about-six__img { position: relative; display: block; border-radius: 10px; overflow: hidden; z-index: 1; } .about-six__img img { width: 100%; border-radius: 10px; } .about-six__help { position: absolute; bottom: -53px; left: 0; border-radius: 10px; background-image: -moz-linear-gradient(90deg, #ff494a 0%, #191c1e 100%); background-image: -webkit-linear-gradient(90deg, #ff494a 0%, #191c1e 100%); background-image: -ms-linear-gradient(90deg, #ff494a 0%, #191c1e 100%); display: flex; align-items: center; padding-left: 60px; padding-right: 96px; padding-top: 53px; padding-bottom: 53px; z-index: 2; } .about-six__help-icon { position: relative; display: flex; align-items: center; } .about-six__help-icon span { position: relative; display: inline-block; font-size: 55px; color: var(--insur-white); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .about-six__help:hover .about-six__help-icon span { transform: scale(.9); } .about-six__help-content { margin-left: 15px; } .about-six__help-text { font-size: 26px; color: var(--insur-white); font-weight: 700; line-height: 31px; letter-spacing: -.04em; } .about-six__right { position: relative; display: block; margin-left: 70px; } .about-six__right .section-title-three { margin-bottom: 33px; } .about-six__text-1 { font-size: 20px; color: var(--insur-base); font-weight: 700; line-height: 26px; letter-spacing: -.04em; } .about-six__text-2 { line-height: 30px; padding-top: 25px; } .about-six__progress-ber { position: relative; display: flex; align-items: center; margin-top: 40px; flex-wrap: wrap; } .about-six__progress-single { position: relative; display: block; text-align: center; margin-bottom: 24px; } .about-six__progress-single + .about-six__progress-single { margin-left: 70px; } .about-six__progress-box { position: relative; display: inline-block; } .about-six__progress-box canvas { transform: rotate(90deg); } .about-six__progress-box .circle-progress { height: 118px; } .about-six__progress-box .about-six__pack { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); text-align: center; } .about-six__progress-box .about-six__pack p { font-size: 20px; font-weight: 700; color: var(--insur-base); } .about-six__progress-box .about-six__pack span { position: relative; display: block; line-height: 20px; } .about-six__progress-text { font-size: 18px; font-weight: 700; line-height: 24px; color: var(--insur-black); margin-top: 7px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Get Insurance Four --------------------------------------------------------------*/ .get-insurance-four { position: relative; display: block; background-color: var(--insur-primary); padding: 120px 0 190px; overflow: hidden; z-index: 1; } .get-insurance-four__shape-1 { position: absolute; bottom: 0; left: 0; right: 0; height: 275px; background-repeat: no-repeat; background-position: bottom center; background-size: cover; z-index: -1; } .get-insurance-four__shape-2 { position: absolute; top: -30px; right: 0; opacity: .6; z-index: -1; } .get-insurance-four__shape-2 img { width: auto; } .get-insurance-four__main-tab-box { position: relative; display: block; } .get-insurance-four__main-tab-box .tab-buttons { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; margin-right: 70px; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn { position: relative; display: inline-block; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn + .tab-btn { margin-top: 10px; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .content-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; border: 1px solid #d7d7d7; padding: 9px 20px 9px; border-radius: 10px; cursor: pointer; z-index: 1; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .content-box:before { content: ""; position: absolute; top: 50%; right: -6px; transform: translateY(-50%); border-left: 6px solid var(--insur-base); border-top: 8px solid transparent; border-bottom: 8px solid transparent; opacity: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn:hover .content-box:before, .get-insurance-four__main-tab-box .tab-buttons .tab-btn.active-btn .content-box:before { opacity: 1; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .content-box:after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background: var(--insur-base); border-radius: 10px; z-index: -1; transform: scaleY(0); transform-origin: left; transform-style: preserve-3d; transition: all 200ms linear; transition-delay: .1s; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn:hover .content-box:after, .get-insurance-four__main-tab-box .tab-buttons .tab-btn.active-btn .content-box:after { transform: scale(1); } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .icon-box { position: relative; display: flex; align-items: center; justify-content: center; height: 54px; width: 54px; border-radius: 50%; background-color: var(--insur-white); z-index: 1; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .icon-box span { position: relative; display: inline-block; font-size: 22px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn:hover .icon-box span, .get-insurance-four__main-tab-box .tab-buttons .tab-btn.active-btn .icon-box span { color: var(--insur-base); } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .text-box { margin-left: 20px; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .text-box p { font-size: 16px; color: var(--insur-black); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn:hover .text-box p, .get-insurance-four__main-tab-box .tab-buttons .tab-btn.active-btn .text-box p { color: var(--insur-white); } .get-insurance-four__main-tab-box .tabs-content { position: relative; display: block; margin-left: -30px; } .get-insurance-four__main-tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .get-insurance-four__main-tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .get-insurance-four__main-content { position: relative; display: flex; } .get-insurance-four__main-content-left { position: relative; display: block; max-width: 300px; width: 100%; } .get-insurance-four__main-content-title { font-size: 30px; font-weight: 700; line-height: 30px; letter-spacing: -.04em; margin-bottom: 16px; } .get-insurance-four__main-content-text { line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .get-insurance-four__call { position: relative; display: flex; align-items: center; border-top: 1px solid #d7d7d7; padding-top: 40px; margin-top: 30px; } .get-insurance-four__call-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 54px; width: 54px; background-color: var(--insur-base); border-radius: 50%; color: var(--insur-white); font-size: 23px; transition: all 500ms ease; } .get-insurance-four__call-icon i { display: inline-flex; transform: scale(1); transition: transform 500ms ease; } .get-insurance-four__call:hover .get-insurance-four__call-icon i { transform: scale(.9); } .get-insurance-four__call:hover .get-insurance-four__call-icon { background-color: var(--insur-black); color: #fff; } .get-insurance-four__call-content { margin-left: 20px; } .get-insurance-four__call-content p { letter-spacing: var(--insur-letter-spacing); line-height: 16px; margin-bottom: 6px; } .get-insurance-four__call-content a { font-size: 24px; font-weight: 700; color: var(--insur-black); letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-four__call-content a:hover { color: var(--insur-base); } .get-insurance-four__main-content-right { position: relative; display: block; max-width: 500px; width: 100%; margin-left: 30px; } .get-insurance-four__form { position: relative; display: block; } .get-insurance-four__content-box { position: relative; display: block; } .get-insurance-four__input-box { position: relative; display: block; margin-bottom: 20px; } .get-insurance-four__input-box input[type=text], .get-insurance-four__input-box input[type=email] { height: 60px; width: 100%; border: 0; background-color: var(--insur-white); outline: none; font-size: 16px; color: #838383; font-weight: 400; padding: 0 30px 0; letter-spacing: var(--insur-letter-spacing); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); border-radius: var(--insur-bdr-radius); } .get-insurance-four__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .get-insurance-four__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insurance-four__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border-radius: var(--insur-bdr-radius); border: 0; background-color: var(--insur-white) !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: #838383 !important; font-size: 16px; line-height: 60px; font-weight: 400; box-shadow: none !important; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; letter-spacing: var(--insur-letter-spacing); } .get-insurance-four__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: #838383; } .get-insurance-four__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--insur-black); } .get-insurance-four__input-box .bootstrap-select .dropdown-menu > li > a:hover { background: var(--insur-white); color: var(--insur-base); cursor: pointer; } .get-insurance-four__input-box .bootstrap-select .dropdown-menu { border-radius: 10px; } .get-insurance-four__progress { position: relative; display: block; width: 100%; margin-top: 23px; margin-bottom: 30px; } .get-insurance-four__progress-single { position: relative; display: block; } .get-insurance-four__progress-title { font-size: 16px; line-height: 26px; margin-bottom: 15px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insurance-four__progress .bar { position: relative; width: 100%; height: 12px; background-color: var(--insur-white); box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); border-radius: 6px; border: 0; } .get-insurance-four__progress .bar-inner { position: relative; display: block; width: 0px; height: 12px; border-radius: 6px; background-image: -moz-linear-gradient(0deg, #191c1e 0%, #ff494a 100%); background-image: -webkit-linear-gradient(0deg, #191c1e 0%, #ff494a 100%); background-image: -ms-linear-gradient(0deg, #191c1e 0%, #ff494a 100%); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-insurance-four .get-insurance__progress-range .irs--flat .irs-bar { background-image: linear-gradient(90deg, var(--insur-black) 0%, var(--insur-base) 100%); } .get-insurance-four .get-insurance__progress-range .irs--flat .irs-line { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, .05); border-color: #fff; } .get-insurance-four .get-insurance__progress { margin-bottom: 12px; } .get-insurance-four__progress .count-text { position: absolute; right: -30px; bottom: -8px; opacity: 0; border-style: solid; border-width: 2px; border-color: #fff; border-radius: 50%; background-color: #16243d; width: 30px; height: 30px; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .get-insurance-four__progress .bar-inner.counted .count-text { opacity: 1; } .get-insurance-four__balance-box { position: absolute; top: 0; right: 0; } .get-insurance-four__balance { font-size: 16px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); } .get-insurance-four__content-bottom { position: relative; display: block; } .get-insurance-four__btn { border: none; font-size: 14px; text-transform: uppercase; letter-spacing: .1em; padding: 17px 50px 17px; border-radius: 30px; } /*-------------------------------------------------------------- # Team Four --------------------------------------------------------------*/ .team-four { position: relative; display: block; padding: 100px 0 90px; overflow: hidden; z-index: 1; } .team-four__inner { position: relative; display: block; padding: 0 28px; } .team-four__inner .row { --bs-gutter-x: 83px; } .team-four__single { position: relative; display: block; margin-bottom: 30px; } .team-four__img-box { position: relative; display: block; } .team-four__img { position: relative; display: block; overflow: hidden; border-radius: 100px; z-index: 1; } .team-four__img:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ""; background-color: rgba(var(--insur-black-rgb), .5); border-radius: 100px; -webkit-transform: perspective(400px) rotateX(90deg) scaleY(.5); -ms-transform: perspective(400px) rotateX(90deg) scaleY(.5); transform: perspective(400px) rotateX(90deg) scaleY(.5); -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; z-index: 1; } .team-four__single:hover .team-four__img:before { -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1); -ms-transform: perspective(400px) rotateX(0deg) scaleY(1); transform: perspective(400px) rotateX(0deg) scaleY(1); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .7s; transition-property: all; } .team-four__img img { width: 100%; border-radius: 100px; -webkit-transform: scale(1); transform: scale(1); transition: all 500ms ease; } .team-four__single:hover .team-four__img img { transform: scale(1.05); } .team-four__content { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; background-color: rgba(var(--insur-base-rgb), .9); border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; padding: 25px 0 22px; z-index: 2; } .team-four__name { font-size: 24px; font-weight: 700; letter-spacing: -.04em; line-height: 24px; margin-bottom: 9px; } .team-four__name a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-four__name a:hover { color: var(--insur-black); } .team-four__text { color: var(--insur-white); } .team-four__social-two { position: absolute; right: 20px; top: -25px; background-color: var(--insur-black); border-radius: var(--insur-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 2; } .team-four__social-two li a { display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-four__social-two li a:hover { color: var(--insur-primary); } .team-four__social { position: absolute; right: 20px; top: -208px; background-color: var(--insur-white); text-align: center; padding: 20px 17.5px; border-radius: var(--insur-bdr-radius); transform: scaleY(0); transform-origin: center; transform-origin: bottom center; transform-style: preserve-3d; -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; z-index: 2; } .team-four__single:hover .team-four__social { transform: scaleY(1); -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -ms-transition-delay: 500ms; -o-transition-delay: 500ms; transition-delay: 500ms; } .team-four__social li + li { margin-top: 24px; } .team-four__social li a { font-size: 15px; color: var(--insur-black); display: flex; align-items: center; justify-content: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-four__social li a:hover { color: var(--insur-base); } /*-------------------------------------------------------------- # Why Choose Four --------------------------------------------------------------*/ .why-choose-four { position: relative; display: block; background-color: var(--insur-primary); padding: 120px 0 120px; z-index: 1; } .why-choose-four__bg-box { position: absolute; top: 0; bottom: 0; left: 0; width: 50%; background-color: var(--insur-base); z-index: -1; } .why-choose-four__bg-one { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-size: cover; background-position: center; mix-blend-mode: color-burn; } .why-choose-four__bg-box-two { position: absolute; top: 0; bottom: 0; right: 0; background-color: var(--insur-black); width: 50%; z-index: -1; } .why-choose-four__bg-two { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: luminosity; opacity: .6; } .why-choose-four__left { position: relative; display: block; margin-right: 70px; } .why-choose-four__left .section-title-three { margin-bottom: 31px; } .why-choose-four__left .section-title-three__sub-title { color: #ffe1e1; } .why-choose-four__left .section-title-three__title { color: var(--insur-white); } .why-choose-four__text { line-height: 30px; color: #ffe1e1; letter-spacing: var(--insur-letter-spacing); } .why-choose-four__btn-box { position: relative; display: block; margin-top: 40px; } .why-choose-four__btn { font-size: 14px; text-transform: uppercase; letter-spacing: .1em; border-radius: 30px; padding: 17px 50px 17px; background-color: var(--insur-black); } .why-choose-four__btn:hover { color: var(--insur-base); } .why-choose-four__btn:before { background-color: var(--insur-white); } .why-choose-four__btn:after { background-color: var(--insur-white); } .why-choose-four__right { position: relative; display: block; margin-left: 105px; } .why-choose-four__points { position: relative; display: block; } .why-choose-four__points li { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; background-color: var(--insur-white); border-radius: var(--insur-bdr-radius); padding-left: 30px; padding-right: 45px; padding-top: 30px; padding-bottom: 31px; } .why-choose-four__points li + li { margin-top: 10px; } .why-choose-four__points-icon-box { position: relative; display: flex; align-items: center; } .why-choose-four__points-icon { position: relative; display: flex; align-items: center; } .why-choose-four__points-icon span { position: relative; display: inline-block; font-size: 45px; color: var(--insur-base); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .why-choose-four__points li:hover .why-choose-four__points-icon span { transform: scale(.9); } .why-choose-four__points-text { margin-left: 20px; } .why-choose-four__points-text p { font-size: 20px; color: var(--insur-black); font-weight: 700; line-height: 24px; letter-spacing: var(--insur-letter-spacing); } .why-choose-four__points-content-box { position: relative; display: block; max-width: 160px; width: 100%; } .why-choose-four__points-content-box:before { content: ""; position: absolute; top: 3px; bottom: 4px; left: -30px; width: 1px; background-color: #d7d7d7; } .why-choose-four__points-content { line-height: 24px; letter-spacing: var(--insur-letter-spacing); } /*-------------------------------------------------------------- # Testimonial Five --------------------------------------------------------------*/ .testimonial-five { position: relative; display: block; background-color: var(--insur-primary); padding: 120px 0 116px; z-index: 1; } .testimonial-five__shape-1 { position: absolute; top: 0; left: 0; right: 0; height: 622px; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: luminosity; opacity: .3; z-index: -1; } .testimonial-five__carousel { position: relative; display: block; } .testimonial-five__single { position: relative; display: block; } .testimonial-five__content { position: relative; display: block; background-color: #fff; box-shadow: 0px 3px 29px 0px rgba(21, 21, 21, .08); padding: 30px 55px 40px; text-align: center; border-radius: var(--insur-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-five__single:hover .testimonial-five__content { background-color: var(--insur-black); } .testimonial-five__content:before { content: ""; position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); border-top: 20px solid white; border-left: 24px solid transparent; border-right: 24px solid transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-five__single:hover .testimonial-five__content:before { border-top: 20px solid var(--insur-black); } .testimonial-five__rating { position: relative; display: flex; align-items: center; justify-content: center; background-color: var(--insur-base); max-width: 230px; width: 100%; margin: 0 auto 21px; border-radius: var(--insur-bdr-radius); padding: 12.5px 0; } .testimonial-five__rating span { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); } .testimonial-five__rating span + span { margin-left: 4px; } .testimonial-five__text { line-height: 30px; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-five__single:hover .testimonial-five__text { color: #83888b; } .testimonial-five__client-info { position: relative; display: block; text-align: center; margin-top: 40px; } .testimonial-five__client-img { position: relative; display: block; width: 75px; border-radius: 50%; margin: 0 auto 0; z-index: 1; } .testimonial-five__client-img:before { content: ""; position: absolute; top: -5px; left: -5px; right: -5px; bottom: -5px; border: 5px solid var(--insur-base); border-radius: 50%; opacity: 0; transform: scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: -1; } .testimonial-five__single:hover .testimonial-five__client-img:before { opacity: 1; transform: scale(1); } div.testimonial-five__client-img img { border-radius: 50%; } .testimonial-five__client-content { position: relative; display: block; margin-top: 17px; } .testimonial-five__client-sub-title { font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .1em; line-height: 15px; } .testimonial-five__client-name { font-size: 22px; font-weight: 700; line-height: 22px; margin-top: 4px; } .testimonial-five__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-five__carousel.owl-carousel .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-five__carousel.owl-carousel .owl-item.active { opacity: 1; visibility: visible; } /*-------------------------------------------------------------- # News Five --------------------------------------------------------------*/ .news-five { position: relative; display: block; padding: 120px 0 113px; z-index: 1; } .news-five__top { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 49px; } .news-five__top .section-title-three { margin-bottom: 0; } .news-five__top-btn-box { position: relative; display: block; } .news-five__top-btn { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; border-radius: 25px; background-color: var(--insur-primary); color: var(--insur-black); padding: 12px 40px 12px; } .news-five__left { position: relative; display: block; margin-bottom: 30px; } .news-five__left-img { position: relative; display: block; overflow: hidden; border-radius: var(--insur-bdr-radius); z-index: 1; } .news-five__left-img:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 10px; background-image: -moz-linear-gradient(90deg, #191c1e 0%, rgba(25, 28, 30, 0) 100%); background-image: -webkit-linear-gradient(90deg, #191c1e 0%, rgba(25, 28, 30, 0) 100%); background-image: -ms-linear-gradient(90deg, #191c1e 0%, rgba(25, 28, 30, 0) 100%); z-index: 1; } .news-five__left-img img { width: 100%; border-radius: var(--insur-bdr-radius); transition: all 500ms ease; } .news-five__left:hover .news-five__left-img img { transform: scale(1.05); } .news-five__left-content { position: absolute; left: 60px; bottom: 53px; z-index: 2; } .news-five__meta { position: relative; display: flex; align-items: center; } .news-five__meta li + li { margin-left: 10px; } .news-five__meta li a { font-size: 14px; color: var(--insur-white); letter-spacing: var(--insur-letter-spacing); transition: all 500ms ease; } .news-five__meta li a i, .news-five__meta li span i { position: relative; display: inline-block; font-size: 14px; color: var(--insur-base); padding-right: 3px; transition: all 500ms ease; } .news-five__meta li a:hover { color: var(--insur-base); } .news-five__title { font-size: 30px; font-weight: 700; line-height: 35px; letter-spacing: var(--insur-letter-spacing); margin-top: 7px; } .news-five__title a { color: var(--insur-white); transition: all 500ms ease; } .news-five__title a:hover { color: var(--insur-base); } .news-five__right { position: relative; display: block; } .news-five__list { position: relative; display: block; } .news-five__list > li { position: relative; display: flex; align-items: center; border-radius: var(--insur-bdr-radius); margin-bottom: 30px; z-index: 1; } .news-five__list > li:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #d7d7d7; border-radius: var(--insur-bdr-radius); } .news-five__list-img { position: relative; display: block; overflow: hidden; max-width: 270px; width: 100%; border-radius: var(--insur-bdr-radius); background-color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-five__list-img img { width: 100%; border-radius: var(--insur-bdr-radius); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-five__list > li:hover .news-five__list-img img { transform: scale(1.05); opacity: .5; } .news-five__list-content { position: relative; display: block; margin-left: 40px; z-index: 2; } .news-five__meta-two { position: relative; display: flex; align-items: center; } .news-five__meta-two li + li { margin-left: 10px; } .news-five__meta-two li a { font-size: 14px; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); transition: all 500ms ease; } .news-five__meta-two li a i, .news-five__meta-two li span i { position: relative; display: inline-block; font-size: 14px; color: var(--insur-base); padding-right: 3px; transition: all 500ms ease; } .news-five__meta-two li a:hover { color: var(--insur-base); } .news-five__title-two { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); margin-top: 5px; } .news-five__title-two a { color: var(--insur-black); transition: all 500ms ease; } .news-five__title-two a:hover { color: var(--insur-base); } /*-------------------------------------------------------------- # Tracking Three --------------------------------------------------------------*/ .tracking-three { position: relative; display: block; padding: 0 0 142px; z-index: 1; } .tracking-three .container { max-width: 1560px; } .tracking-three__inner { position: relative; display: block; text-align: center; background-image: -moz-linear-gradient(0deg, #191c1e 0%, #ff494a 100%); background-image: -webkit-linear-gradient(0deg, #191c1e 0%, #ff494a 100%); background-image: -ms-linear-gradient(0deg, #191c1e 0%, #ff494a 100%); border-radius: var(--insur-bdr-radius); padding: 92px 0 100px; z-index: 1; } .tracking-three__bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; mix-blend-mode: overlay; opacity: .3; z-index: -1; } .tracking-three__shape-1 { position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .tracking-three__title-box { position: relative; display: block; margin-bottom: 39px; } .tracking-three__sub-title { font-size: 14px; color: var(--insur-white); font-weight: 500; text-transform: uppercase; letter-spacing: .1em; } .tracking-three__title { font-size: 36px; color: var(--insur-white); font-weight: 700; line-height: 46px; letter-spacing: var(--insur-letter-spacing); } .tracking-three__form-box { position: relative; display: block; max-width: 715px; width: 100%; margin: 0 auto 0; } .tracking-three__form { position: relative; display: block; } .tracking-three__input-box { position: relative; display: block; } .tracking-three__input-box input[type=text] { height: 80px; width: 100%; background-color: var(--insur-white); outline: none; font-size: 15px; color: var(--insur-gray); font-weight: 400; border: none; border-radius: var(--insur-bdr-radius); padding-right: 273px; padding-left: 30px; } .tracking-three__btn { font-size: 14px; letter-spacing: .1em; text-transform: uppercase; border: none; border-radius: 30px; padding: 17px 50px 17px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); } /*-------------------------------------------------------------- # Site Footer Three --------------------------------------------------------------*/ .site-footer-three { position: relative; display: block; background-color: var(--insur-black); z-index: 1; } .site-footer-three__top { position: relative; display: block; padding: 117px 0 100px; z-index: 2; } .footer-widget-three__about { position: relative; display: block; } .footer-widget-three__logo { position: relative; display: block; margin-top: 3px; } .footer-widget-three__about-text-box { position: relative; display: block; margin-top: 33px; margin-bottom: 32px; } .footer-widget-three__about-text { font-size: 15px; color: #83888b; letter-spacing: var(--insur-letter-spacing); line-height: 26px; } .footer-widget-three__btn-box { position: relative; display: block; } .footer-widget-three__btn { font-size: 12px; text-transform: uppercase; letter-spacing: .1em; border-radius: 25px; padding: 12px 40px 12px; } .footer-widget-three__btn:hover { color: var(--insur-base); } .footer-widget-three__btn:before { background-color: var(--insur-white); } .footer-widget-three__btn:after { background-color: var(--insur-white); } .footer-widget-three__links { position: relative; display: block; } .footer-widget-three__title { font-size: 20px; color: var(--insur-white); font-weight: 700; line-height: 20px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 30px; } .footer-widget-three__links-list { position: relative; display: block; } .footer-widget-three__links-list li { position: relative; display: block; } .footer-widget-three__links-list li + li { margin-top: 10px; } .footer-widget-three__links-list li a { position: relative; display: inline-block; color: #83888b; letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-three__links-list li a:hover { color: var(--insur-base); } .footer-widget-three__latest-news { position: relative; display: block; } .footer-widget-three__latest-news-list { position: relative; display: block; padding-top: 3px; } .footer-widget-three__latest-news-list li { position: relative; display: flex; align-items: center; } .footer-widget-three__latest-news-list li + li { margin-top: 38px; } .footer-widget-three__latest-news-img { position: relative; display: block; width: 70px; } div.footer-widget-three__latest-news-img img { max-width: unset; max-height: unset; } .footer-widget-three__latest-news-content { margin-left: 20px; position: relative; display: block; top: 2px; } .footer-widget-three__latest-news-date { font-size: 14px; color: var(--insur-base); letter-spacing: var(--insur-letter-spacing); line-height: 14px; } .footer-widget-three__latest-news-title { font-size: 16px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); line-height: 26px; margin-top: 11px; } .footer-widget-three__latest-news-title a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-three__latest-news-title a:hover { color: var(--insur-base); } .footer-widget-three__contact { position: relative; display: block; background-color: #121415; border-radius: var(--insur-bdr-radius); padding: 37px 40px 32px; } .footer-widget-three-contact__title { font-size: 20px; color: var(--insur-white); font-weight: 700; line-height: 20px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 30px; } .footer-widget-three__contact-list { position: relative; display: block; } .footer-widget-three__contact-list li { position: relative; display: flex; } .footer-widget-three__contact-list li + li { margin-top: 18px; } .footer-widget-three__contact-list li .icon { position: relative; display: block; } .footer-widget-three__contact-list li .icon span { font-size: 17px; color: var(--insur-base); position: relative; top: 3px; } .footer-widget-three__contact-list li .text { margin-left: 15px; } .footer-widget-three__contact-list li .text p { font-weight: 400; color: #83888b; letter-spacing: var(--insur-letter-spacing); } .footer-widget-three__contact-list li .text p a { color: #83888b; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-three__contact-list li .text p a:hover { color: var(--insur-base); } .site-footer-three__bottom { position: relative; display: block; text-align: center; } .site-footer-three__bottom-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; box-shadow: 0px -1px 0px 0px rgba(255, 255, 255, .1); padding: 35px 0; } .site-footer-three__bottom-text { color: #83888b; letter-spacing: var(--insur-letter-spacing); } .site-footer-three__bottom-text a { color: #83888b; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer-three__bottom-text a:hover { color: var(--insur-base); } .site-footer-three__social { position: relative; display: flex; align-items: center; } .site-footer-three__social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer-three__social a:hover { color: var(--insur-base); } .site-footer-three__social a + a { margin-left: 25px; } /*-------------------------------------------------------------- # Navigations Four --------------------------------------------------------------*/ .main-header-four { background: transparent; position: absolute; left: 0px; top: 20px; right: 0; width: 100%; transition: all 500ms ease; z-index: 999; } .main-menu-four__wrapper { position: relative; display: block; max-width: 1250px; width: 100%; margin: 0 auto 0; } .main-menu-four__wrapper-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .main-menu-four__left { display: block; width: 20%; background-color: var(--insur-black); text-align: center; } .main-menu-four__logo { position: relative; display: block; } .main-menu-four__logo a { position: relative; display: flex; background-color: var(--insur-black); padding: 48px 0px 48px; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); align-items: center; justify-content: center; } .main-menu-four__right { display: block; width: 80%; } .main-menu-four__top { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: var(--insur-black); } .main-menu-four__top-address-list { position: relative; display: flex; align-items: center; } .main-menu-four__top-address-list li { position: relative; display: flex; align-items: center; } .main-menu-four__top-address-list li + li { margin-left: 25px; } .main-menu-four__top-address-list li .icon { position: relative; display: flex; align-items: center; } .main-menu-four__top-address-list li .icon span { font-size: 13px; color: var(--insur-base); } .main-menu-four__top-address-list li .text { margin-left: 10px; } .main-menu-four__top-address-list li .text p { font-size: 13px; color: #83a9b8; line-height: 15px; letter-spacing: var(--insur-letter-spacing); } .main-menu-four__top-address-list li .text p a { color: #83a9b8; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-four__top-address-list li .text p a:hover { color: var(--insur-base); } .main-menu-four__top-social-btn { position: relative; display: flex; align-items: center; } .main-menu-four__top-social { position: relative; display: flex; align-items: center; } .main-menu-four__top-social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-four__top-social a:hover { color: var(--insur-base); } .main-menu-four__top-social a + a { margin-left: 25px; } .main-menu-four__btn-box { margin-left: 40px; } .main-menu-four__btn { font-size: 14px; padding: 7px 40px 7px; } .main-menu-four__bottom { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .07); padding: 0 40px 0; } .main-menu-four__main-menu-box { display: block; } .main-menu-four__call-search-cart { display: flex; align-items: center; padding: 23.5px 0; } .main-menu-four__call { display: flex; align-items: center; } .main-menu-four__call-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 43px; width: 43px; background-color: #e5eff2; border-radius: 50%; font-size: 15px; color: var(--insur-black); transition: all 500ms ease; } .main-menu-four__call-icon:hover { background-color: var(--insur-base); color: #fff; } .main-menu-four__call-content { margin-left: 10px; position: relative; top: 4px; } .main-menu-four__call-content p { font-size: 12px; line-height: 12px; } .main-menu-four__call-content a { position: relative; display: inline-block; font-size: 14px; color: var(--insur-black); font-weight: 500; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-four__call-content a:hover { color: var(--insur-base); } .main-menu-four__search-cart-box { position: relative; display: flex; align-items: center; padding: 9.5px 0; margin-left: 60px; } .main-menu-four__search-cart-box:before { content: ""; position: absolute; top: 0; bottom: 0; left: -30px; width: 1px; background-color: #cedade; } .main-menu-four__search { position: relative; display: flex; align-items: center; font-size: 24px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-four__search:hover { color: var(--insur-base); } .main-menu-four__cart { position: relative; display: flex; align-items: center; font-size: 24px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; margin-left: 30px; } .main-menu-four__cart:hover { color: var(--insur-base); } .main-menu-four .main-menu__list > li, .stricky-header.main-menu-four .main-menu__list > li { padding-top: 32px; padding-bottom: 32px; } .main-menu-four .main-menu__list > li + li, .stricky-header.main-menu-four .main-menu__list > li + li { margin-left: 40px; } .main-menu-four .main-menu__list > li > a::before, .stricky-header.main-menu-four .main-menu__list > li > a::before { display: none; } .main-menu-four .main-menu__list > li > a, .stricky-header.main-menu-four .main-menu__list > li > a { font-size: 16px; } .main-menu-four .main-menu__list > li.current > a, .main-menu-four .main-menu__list > li:hover > a, .stricky-header.main-menu-four .main-menu__list > li.current > a, .stricky-header.main-menu-four .main-menu__list > li:hover > a { color: var(--insur-black); text-shadow: 1px 0 0 rgba(2, 58, 81, .8); } .main-menu-four .main-menu__list > li > ul, .main-menu-four .main-menu__list > li > ul > li > ul, .stricky-header.main-menu-four .main-menu__list > li > ul, .stricky-header.main-menu-four .main-menu__list > li > ul > li > ul { top: 100%; } .stricky-header.stricky-fixed.main-menu-four { background-color: transparent; box-shadow: none; } /*-------------------------------------------------------------- # Navigations Five --------------------------------------------------------------*/ .main-header-five { background: transparent; position: absolute; left: 0px; top: 0px; right: 0; width: 100%; transition: all 500ms ease; z-index: 999; } .main-header-five__top { position: relative; display: block; background-color: var(--insur-black); } .main-header-five__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 17.5px 0; } .main-header-five__top-address { position: relative; display: block; } .main-header-five__top-address-list { position: relative; display: flex; align-items: center; } .main-header-five__top-address-list li { position: relative; display: flex; align-items: center; } .main-header-five__top-address-list li + li { margin-left: 20px; } .main-header-five__top-address-list li .icon { position: relative; display: flex; align-items: center; } .main-header-five__top-address-list li .icon span { font-size: 13px; color: var(--insur-base); } .main-header-five__top-address-list li .text { margin-left: 10px; } .main-header-five__top-address-list li .text p { font-size: 13px; color: #84898c; line-height: 15px; letter-spacing: var(--insur-letter-spacing); } .main-header-five__top-address-list li .text p a { color: #84898c; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-five__top-address-list li .text p a:hover { color: var(--insur-base); } .main-header-five__top-social { position: relative; display: flex; align-items: center; } .main-header-five__top-social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-five__top-social a:hover { color: var(--insur-base); } .main-header-five__top-social a + a { margin-left: 25px; } .main-menu-five__wrapper { position: relative; display: block; } .main-menu-five__wrapper-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .main-menu-five__left { display: flex; align-items: center; flex-wrap: wrap; } .main-menu-five__logo { display: block; margin-right: 150px; } .main-menu-five__main-menu-box { display: block; } .main-menu-five__right { display: block; } .main-menu-five__search-get-quote-btn { position: relative; display: flex; align-items: center; padding: 30px 0; } .main-menu-five__search-box { position: relative; display: flex; align-items: center; margin-right: 20px; padding: 15px 0; } .main-menu-five__search-box:before { position: absolute; top: 10px; left: -20px; bottom: 10px; content: ""; width: 1px; background-color: var(--insur-bdr-color); } .main-menu-five__search { font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-five__search:hover { color: var(--insur-base); } .main-menu-five__get-quote-btn { font-size: 12px; padding: 12px 40px 12px; text-transform: uppercase; letter-spacing: .1em; border-radius: 25px; } .main-menu-five .main-menu__list > li, .stricky-header.main-menu-five .main-menu__list > li { padding-top: 42px; padding-bottom: 42px; } .main-menu-five .main-menu__list > li + li, .stricky-header.main-menu-five .main-menu__list > li + li { margin-left: 50px; } .main-menu-five .main-menu__list > li > a, .stricky-header.main-menu-five .main-menu__list > li > a { font-size: 18px; font-weight: 400; } .main-menu-five .main-menu__list > li.current > a, .main-menu-five .main-menu__list > li:hover > a, .stricky-header.main-menu-five .main-menu__list > li.current > a, .stricky-header.main-menu-five .main-menu__list > li:hover > a { color: var(--insur-black); text-shadow: 1px 0 0 rgba(25, 28, 30, .8); } .main-menu-five .main-menu__list > li > ul, .main-menu-five .main-menu__list > li > ul > li > ul, .stricky-header.main-menu-five .main-menu__list > li > ul, .stricky-header.main-menu-five .main-menu__list > li > ul > li > ul { top: 100%; } .main-menu-five .main-menu__list > li > a::before, .stricky-header.main-menu-five .main-menu__list > li > a::before { display: none; } /*-------------------------------------------------------------- # Main Slider Four --------------------------------------------------------------*/ .main-slider-four { position: relative; display: block; z-index: 91; } .main-slider-four .swiper-slide { position: relative; background-color: #e5eff2; } .main-slider-four .container { position: relative; padding-top: 302px; padding-bottom: 220px; z-index: 30; } .main-slider-four__img { position: absolute; bottom: 0; right: 0; mix-blend-mode: darken; transform: translateX(500px); opacity: 0; z-index: 2; } .main-slider-four__img img { width: auto; } .main-slider-four .swiper-slide-active .main-slider-four__img { opacity: 1; transform: translate(0); transition-delay: 2500ms; transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease; } .main-slider-four__shape-1 { position: absolute; top: 0; left: 0; mix-blend-mode: luminosity; opacity: .8; z-index: 1; } .main-slider-four__shape-1 img { width: auto; } .main-slider-four__shape-2 { position: absolute; top: 0; right: 0; z-index: 1; } .main-slider-four__shape-2 img { width: auto; } .main-slider-four__shadow { position: absolute; bottom: 0; left: 0; right: 0; height: 307px; background: #fff; background: linear-gradient(0deg, #fff 8%, rgba(255, 255, 255, 0) 100%); z-index: 2; } .main-slider-four__content { position: relative; display: block; } .main-slider-four__sub-title { font-size: 14px; color: var(--insur-gray); font-weight: 500; letter-spacing: .1em; line-height: 30px; text-transform: uppercase; position: relative; display: inline-block; text-align: center; background-color: var(--insur-white); padding: 5px 25px 5px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-four__title { position: relative; font-size: 70px; color: var(--insur-black); font-weight: 700; line-height: 70px; text-transform: uppercase; margin-top: 32px; margin-bottom: 28px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-four__title span { color: var(--insur-base); } .main-slider-four__btn-box { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-four .swiper-slide-active .main-slider-four__title, .main-slider-four .swiper-slide-active .main-slider-four__sub-title, .main-slider-four .swiper-slide-active .main-slider-four__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-four__nav { position: absolute; top: 51%; left: 80px; z-index: 100; transform: translateY(-50%) translateX(0); display: flex; align-items: flex-end; flex-direction: column; } .main-slider-four__nav .swiper-button-next, .main-slider-four__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgba(var(--insur-black-rgb), 1); background-color: var(--insur-white) !important; border: 0; border-radius: 50%; margin: 0; text-align: center; transition: all 500ms ease; } .main-slider-four__nav .swiper-button-next:hover, .main-slider-four__nav .swiper-button-prev:hover { color: rgba(var(--insur-white-rgb), 1); background-color: var(--insur-black) !important; } .main-slider-four__nav .swiper-button-next::after, .main-slider-four__nav .swiper-button-prev::after { display: none; } .main-slider-four__nav .swiper-button-prev { margin-bottom: 10px; } /*-------------------------------------------------------------- # Main Slider Five --------------------------------------------------------------*/ .main-slider-five { position: relative; display: block; z-index: 91; } .main-slider-five .swiper-slide { position: relative; background-color: #f3f3f3; } .main-slider-five .container { position: relative; padding-top: 289px; padding-bottom: 187px; z-index: 30; } .main-slider-five__img { position: absolute; bottom: 0; right: -20px; mix-blend-mode: darken; transform: translateX(500px); opacity: 0; z-index: 2; } .main-slider-five__img img { width: auto; } .main-slider-five .swiper-slide-active .main-slider-five__img { opacity: 1; transform: translate(0); transition-delay: 2500ms; transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease; } .main-slider-five__shape-1 { position: absolute; bottom: 0; right: -30px; mix-blend-mode: darken; opacity: .4; z-index: 1; } .main-slider-five__shape-1 img { width: auto; } .main-slider-five__shape-2 { position: absolute; top: 0; left: 0; mix-blend-mode: darken; z-index: 1; } .main-slider-five__shape-2 img { width: auto; } .main-slider-five__content { position: relative; display: block; } .main-slider-five__title { position: relative; font-size: 80px; color: var(--insur-black); font-weight: 700; line-height: 80px; letter-spacing: -.06em; margin-bottom: 18px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-five__text { font-size: 18px; color: var(--insur-gray); font-weight: 400; letter-spacing: var(--insur-letter-spacing); line-height: 30px; padding-bottom: 30px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-five__btn-box { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-five__btn { font-size: 14px; text-transform: uppercase; letter-spacing: .1em; padding: 17px 50px 17px; border-radius: 30px; } .main-slider-five .swiper-slide-active .main-slider-five__title, .main-slider-five .swiper-slide-active .main-slider-five__text, .main-slider-five .swiper-slide-active .main-slider-five__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-five__nav { position: absolute; bottom: 50px; left: 50px; z-index: 100; display: flex; align-items: center; } .main-slider-five__nav .swiper-button-next, .main-slider-five__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: rgba(var(--insur-black-rgb), 1); background-color: var(--insur-white) !important; border: 0; border-radius: 50%; margin: 0; text-align: center; transition: all 500ms ease; } .main-slider-five__nav .swiper-button-next:hover, .main-slider-five__nav .swiper-button-prev:hover { color: rgba(var(--insur-white-rgb), 1); background-color: var(--insur-black) !important; } .main-slider-five__nav .swiper-button-next::after, .main-slider-five__nav .swiper-button-prev::after { display: none; } .main-slider-five__nav .swiper-button-prev { margin-right: 10px; } /*-------------------------------------------------------------- # Insurance Details --------------------------------------------------------------*/ .insurance-details { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .insurance-details__left { position: relative; display: block; } .insurance-details__services-box { position: relative; display: block; margin-bottom: 56px; background-color: var(--insur-extra); padding: 20px 20px 20px; border-radius: 10px; } .insurance-details__services-list { position: relative; display: block; } .insurance-details__services-list li { position: relative; display: block; } .insurance-details__services-list li a { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 700; background-image: -moz-linear-gradient(90deg, #f0f3f7 0%, #fff 100%); background-image: -webkit-linear-gradient(90deg, #f0f3f7 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #f0f3f7 0%, #fff 100%); color: var(--insur-gray); padding: 14px 30px 14px; border-radius: var(--insur-bdr-radius); letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__services-list li a:hover { color: var(--insur-base); text-shadow: .5px 0 0 rgba(1, 95, 201, .8); } .insurance-details__services-list li.current a { color: var(--insur-base); text-shadow: .5px 0 0 rgba(1, 95, 201, .8); } .insurance-details__services-list li a span { color: var(--insur-gray); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__services-list li a:hover span { color: var(--insur-primary); } .insurance-details__services-list li.current a span { color: var(--insur-primary); } .insurance-details__download { position: relative; display: block; margin-bottom: 20px; } .insurance-details__download .row { --bs-gutter-x: 10px; } .insurance-details__download-title { font-size: 24px; font-weight: 700; line-height: 34px; letter-spacing: -.04em; margin-bottom: 25px; } .insurance-details__download-single { position: relative; display: block; border: 1px solid var(--insur-bdr-color); border-radius: var(--insur-bdr-radius); text-align: center; padding: 20px 20px 20px; margin-bottom: 10px; } .insurance-details__download-icon { position: relative; display: flex; align-items: center; justify-content: center; width: 51px; height: 51px; background-color: var(--insur-primary); border-radius: 50%; margin: 0 auto 5px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__download-icon:hover { background-color: var(--insur-black); } .insurance-details__download-icon span { position: relative; display: inline-block; font-size: 24px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__download-icon:hover span { color: var(--insur-white); } .insurance-details__download-mb { font-size: 12px; line-height: 18px; letter-spacing: .1em; } .insurance-details__download-title-2 { font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 15px; } .insurance-details__download-title-2 a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__download-title-2 a:hover { color: var(--insur-primary); } .insurance-details__download-btn-box { position: relative; display: block; } .insurance-details__download-btn { font-size: 14px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); padding: 7px 20px 8px; } .insurance-details__need-help { position: relative; display: block; padding: 50px 50px 46px; text-align: center; z-index: 1; background-color: var(--insur-black); border-radius: var(--insur-bdr-radius); } .insurance-details__need-help-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center; opacity: .1; background-blend-mode: luminosity; z-index: -1; } .insurance-details__need-help-icon { height: 85px; width: 85px; background-color: var(--insur-primary); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; margin: 0 auto 22px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__need-help-icon:hover { background-color: var(--insur-white); } .insurance-details__need-help-icon span { font-size: 37px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .insurance-details__need-help-icon:hover span { color: var(--insur-black); } .insurance-details__need-help-title { font-size: 26px; color: var(--insur-white); line-height: 34px; font-weight: 700; letter-spacing: -.04em; } .insurance-details__need-help-contact { position: relative; display: block; margin-top: 30px; } .insurance-details__need-help-contact a { font-size: 16px; color: var(--insur-white); font-weight: 700; -webkit-transition: all 500ms ease; transition: all 500ms ease; letter-spacing: var(--insur-letter-spacing); } .insurance-details__need-help-contact a:hover { color: var(--insur-primary); } .insurance-details__need-help-contact p { font-size: 14px; color: var(--insur-white); margin: 0; line-height: 18px; letter-spacing: var(--insur-letter-spacing); } .insurance-details__right { position: relative; display: block; } .insurance-details__img-1 { position: relative; display: block; } div.insurance-details__img-1 img { width: 100%; border-radius: var(--insur-bdr-radius); } .insurance-details__age-box { position: relative; display: flex; align-items: center; padding: 16px 40px 16px; margin-top: 20px; margin-bottom: 33px; background-color: var(--insur-extra); border-radius: var(--insur-bdr-radius); } .insurance-details__age-title-box { position: relative; display: block; } .insurance-details__age-title { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .insurance-details__age-list { position: relative; display: flex; align-items: center; top: 2px; margin-left: 30px; } .insurance-details__age-list li { position: relative; display: block; } .insurance-details__age-list li + li { margin-left: 35px; } .insurance-details__age-list li p { letter-spacing: var(--insur-letter-spacing); } .insurance-details__age-list li p span { font-weight: 700; color: var(--insur-base); } .insurance-details__text-1 { letter-spacing: var(--insur-letter-spacing); } .insurance-details__text-2 { font-size: 18px; font-weight: 700; line-height: 30px; color: var(--insur-black); letter-spacing: var(--insur-letter-spacing); margin-top: 31px; margin-bottom: 33px; } .insurance-details__text-3 { letter-spacing: var(--insur-letter-spacing); } .insurance-details__opportunities { position: relative; display: flex; margin-top: 55px; margin-bottom: 60px; } .insurance-details__opportunities-img { position: relative; display: block; max-width: 370px; width: 100%; } div.insurance-details__opportunities-img img { width: 100%; border-radius: 20px; } .insurance-details__opportunities-hope { position: absolute; bottom: 0; left: 0; right: 0; background-image: -moz-linear-gradient(180deg, #0ce0ff 0%, #015fc9 100%); background-image: -webkit-linear-gradient(180deg, #0ce0ff 0%, #015fc9 100%); background-image: -ms-linear-gradient(180deg, #0ce0ff 0%, #015fc9 100%); padding: 18px 0 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .insurance-details__opportunities-hope p { font-size: 18px; font-weight: 700; line-height: 21px; letter-spacing: -.04em; text-align: center; color: var(--insur-white); } .insurance-details__opportunities-points-box { position: relative; display: block; max-width: 355px; width: 100%; margin-left: 30px; margin-top: -9px; } .insurance-details__opportunities-points-title { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -.04em; } .insurance-details__opportunities-points-text { letter-spacing: var(--insur-letter-spacing); margin-bottom: 26px; margin-top: 13px; } .insurance-details__opportunities-list { position: relative; display: block; } .insurance-details__opportunities-list li { position: relative; display: flex; align-items: center; } .insurance-details__opportunities-list li + li { margin-top: 12px; } .insurance-details__opportunities-list li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; background-color: var(--insur-primary); border-radius: 50%; } .insurance-details__opportunities-list li .icon span { position: relative; display: inline-block; font-size: 9px; color: var(--insur-white); } .insurance-details__opportunities-list li .text { margin-left: 15px; } .insurance-details__opportunities-list li .text p { font-size: 18px; font-weight: 500; letter-spacing: var(--insur-letter-spacing); line-height: 28px; color: var(--insur-black); } .insurance-details__points { position: relative; display: block; } .insurance-details__points li { position: relative; display: flex; align-items: center; background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); border-radius: var(--insur-bdr-radius); padding: 26px 50px 27px; } .insurance-details__points li + li { margin-top: 10px; } .insurance-details__points-left { position: relative; display: flex; align-items: center; max-width: 248px; width: 100%; } .insurance-details__points-left::before { position: absolute; top: -7px; right: 0; bottom: -7px; width: 1px; content: ""; background-color: var(--insur-bdr-color); } .insurance-details__points-icon { position: relative; display: inline-block; } .insurance-details__points-icon span { position: relative; display: inline-block; font-size: 44px; color: var(--insur-primary); } .insurance-details__points-title { font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: var(--insur-letter-spacing); margin-left: 33px; } .insurance-details__points-right { padding-left: 40px; } .insurance-details__points-right p { letter-spacing: var(--insur-letter-spacing); } .insurance-details__title-1 { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: var(--insur-letter-spacing); margin-top: 50px; margin-bottom: 23px; } .insurance-details__text-4 { letter-spacing: var(--insur-letter-spacing); } .insurance-details__email-box { position: relative; display: flex; align-items: center; max-width: 572px; width: 100%; margin-top: 35px; } .insurance-details__email-input-box { position: relative; display: block; max-width: 353px; width: 100%; } .insurance-details__email-input-box input[type=text] { height: 60px; width: 100%; background-color: var(--insur-extra); outline: none; font-size: 16px; border: none; padding-left: 40px; padding-right: 40px; color: var(--insur-gray); letter-spacing: var(--insur-letter-spacing); border-radius: var(--insur-bdr-radius); } .insurance-details__subscribe-btn { outline: none; border: none; background-color: var(--insur-base); margin-left: 10px; } /*-------------------------------------------------------------- # Sign In --------------------------------------------------------------*/ .sign-in { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .sign-in__top { position: relative; display: block; background-color: var(--insur-extra); padding: 17px 30px 17px; border-radius: var(--insur-bdr-radius); margin-bottom: 50px; } .sign-in__top p { font-size: 14px; line-height: 24px; letter-spacing: var(--insur-letter-spacing); } .sign-in__top p span { text-shadow: 0 0 1px currentColor; color: var(--insur-black); } .sign-in__top p .span-two { color: var(--insur-base); } .sign-in__single { position: relative; display: block; margin-bottom: 30px; } .sign-in__title { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -.04em; margin-bottom: 30px; } .sign-in__form { position: relative; display: block; padding: 60px 60px 60px; border-radius: var(--insur-bdr-radius); border: 1px solid var(--insur-bdr-color); background-color: #fff; box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .05); } .sign-in__form-input-box { position: relative; display: block; margin-bottom: 20px; } .sign-in__form-input-box input[type=email], .sign-in__form-input-box input[type=text], .sign-in__form-input-box input[type=password] { height: 60px; width: 100%; border: none; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; border-radius: var(--insur-bdr-radius); outline: none; font-size: 14px; color: var(--insur-gray); display: block; font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .sign-in__form-btn-box { position: relative; display: flex; align-items: center; } .sign-in__form-btn { border: none; } .sign-in__form .checked-box { position: relative; display: block; margin-top: -5px; margin-bottom: 15px; } .sign-in__form .checked-box label { position: relative; display: inline-block; padding-left: 30px; margin-right: 0px; margin-bottom: 0; color: var(--insur-gray); font-size: 14px; line-height: 22px; font-weight: 500; text-transform: none; cursor: pointer; letter-spacing: var(--insur-letter-spacing); } .sign-in__form .checked-box input[type=checkbox] { display: none; } .sign-in__form .checked-box input[type=checkbox] + label span { position: absolute; top: 2px; left: 0; width: 16px; height: 16px; border-radius: 50%; vertical-align: middle; background: var(--insur-white); cursor: pointer; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; border: 1px solid #e1e5e8; } .sign-in__form .checked-box label span:before { position: absolute; top: 2px; left: 3px; display: block; border-bottom: 2px solid #e1e5e8; border-right: 2px solid #e1e5e8; content: ""; width: 6px; height: 9px; pointer-events: none; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; opacity: 1; } .sign-in__form.checked-box input[type=checkbox]:checked + label span { border-color: #e1e5e8; } .sign-in__form .checked-box input[type=checkbox]:checked + label span:before { opacity: 0; } .sign-in__form-forgot-password { position: relative; display: block; margin-left: 20px; } .sign-in__form-forgot-password a { font-size: 14px; font-weight: 500; color: var(--insur-gray); position: relative; display: inline-block; letter-spacing: var(--insur-letter-spacing); } .sign-in__form-btn { padding: 18px 40px 16px; } .sign-in__form-btn:before { top: -93%; } /*-------------------------------------------------------------- # Make a claim --------------------------------------------------------------*/ .make-a-claim { position: relative; display: block; padding: 120px 0 120px; } .make-a-claim__left { position: relative; display: block; margin-top: -9px; } .make-a-claim__title-1 { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -.04em; } .make-a-claim__text-1 { letter-spacing: var(--insur-letter-spacing); margin-top: 33px; margin-bottom: 55px; } .make-a-claim__img-and-points-box { position: relative; display: block; } .make-a-claim__img { position: relative; display: block; } div.make-a-claim__img img { width: 100%; border-radius: 20px; } .make-a-claim__points-box { position: relative; display: block; margin-top: -7px; } .make-a-claim__points-text { letter-spacing: var(--insur-letter-spacing); } .make-a-claim__points-list { position: relative; display: block; margin-top: 24px; } .make-a-claim__points-list li { position: relative; display: flex; } .make-a-claim__points-list li + li { margin-top: 30px; } .make-a-claim__points-list li .icon { position: relative; display: flex; align-items: center; justify-content: center; max-width: 21px; height: 21px; background-color: var(--insur-primary); border-radius: 50%; width: 100%; top: 8px; } .make-a-claim__points-list li .icon span { position: relative; display: inline-block; font-size: 14px; color: var(--insur-white); } .make-a-claim__points-list li .text { margin-left: 20px; } .make-a-claim__points-list li .text p { font-size: 18px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); color: var(--insur-black); } .make-a-claim__title-2 { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing: -.04em; margin-top: 50px; margin-bottom: 13px; } .make-a-claim__text-2 { letter-spacing: var(--insur-letter-spacing); } .make-a-claim__procedure-box { position: relative; display: block; counter-reset: count; margin-top: 42px; margin-bottom: 35px; } .make-a-claim__procedure-shape-1 { position: absolute; top: 60px; left: 135px; } .make-a-claim__procedure-shape-1 img { width: auto; } .make-a-claim__procedure { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .make-a-claim__procedure li { position: relative; display: block; margin-bottom: 22px; } .make-a-claim__procedure-icon-box { position: relative; display: block; height: 150px; width: 150px; margin: 0 auto; } .make-a-claim__procedure-icon { position: relative; display: flex; align-items: center; justify-content: center; border: 1px solid #dfe3e7; border-radius: 50%; background-color: #fff; box-shadow: 0px 0px 57px 0px rgba(0, 0, 0, .1); height: 148px; width: 148px; margin: 0 auto; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .make-a-claim__procedure li:hover .make-a-claim__procedure-icon { border: 1px solid var(--insur-base); } .make-a-claim__procedure-icon:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; border-radius: 50%; background-color: var(--insur-base); transform: scale(0); transform-origin: center; transform-style: preserve-3d; transition: all .4s cubic-bezier(.62, .21, .45, 1.52); z-index: -1; } .make-a-claim__procedure li:hover .make-a-claim__procedure-icon:before { transform: scaleX(1); } .make-a-claim__procedure-icon span { position: relative; display: inline-block; font-size: 60px; color: var(--insur-base); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .make-a-claim__procedure li:hover .make-a-claim__procedure-icon span { transform: scale(.9); color: var(--insur-white); } .make-a-claim__procedure-icon-count { position: absolute; top: 0; left: 0; height: 40px; width: 40px; border-radius: 50%; background-color: var(--insur-primary); text-align: center; z-index: 2; } .make-a-claim__procedure-icon-count:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: var(--insur-white); font-size: 14px; line-height: 40px; font-weight: 700; border-radius: 50%; counter-increment: count; content: counters(count, ".", decimal-leading-zero); letter-spacing: var(--insur-letter-spacing); transition: all 200ms linear; transition-delay: .1s; } .make-a-claim__procedure li:hover .make-a-claim__procedure-icon-count:before { background-color: var(--insur-black); } .make-a-claim__procedure li:nth-child(2) .make-a-claim__procedure-icon-count { top: inherit; right: 8px; bottom: 0; left: inherit; } .make-a-claim__procedure-content { position: relative; display: block; text-align: center; margin-top: 10px; } .make-a-claim__procedure-title { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .make-a-claim__right { position: relative; display: block; } .make-a-claim__claim-box { position: relative; display: block; background-color: var(--insur-extra); padding: 20px 20px 20px; border-radius: 10px; margin-bottom: 30px; } .claim__page .make-a-claim__claim-box { margin-bottom: 10px; } .make-a-claim__claim-list { position: relative; display: block; } .make-a-claim__claim-list li { position: relative; display: block; } .make-a-claim__claim-list li a { position: relative; display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 700; background-image: -moz-linear-gradient(90deg, #f0f3f7 0%, #fff 100%); background-image: -webkit-linear-gradient(90deg, #f0f3f7 0%, #fff 100%); background-image: -ms-linear-gradient(90deg, #f0f3f7 0%, #fff 100%); color: var(--insur-gray); padding: 14px 30px 14px; border-radius: var(--insur-bdr-radius); letter-spacing: var(--insur-letter-spacing); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .make-a-claim__claim-list li a:hover { color: var(--insur-base); text-shadow: .5px 0 0 rgba(1, 95, 201, 80%); } .make-a-claim__claim-list li.current a { color: var(--insur-base); text-shadow: .5px 0 0 rgba(1, 95, 201, 80%); } .make-a-claim__claim-list li a span { color: var(--insur-gray); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .make-a-claim__claim-list li a:hover span { color: var(--insur-primary); } .make-a-claim__claim-list li.current a span { color: var(--insur-primary); } /*-------------------------------------------------------------- # Policy Proposal --------------------------------------------------------------*/ .policy-proposal { position: relative; display: block; padding: 113px 0 120px; } .policy-proposal__inner { position: relative; display: block; margin-right: 200px; } .policy-proposal__text-1 { margin-bottom: 38px; } .policy-proposal__form { position: relative; display: block; } .policy-proposal__input-box { position: relative; display: block; margin-bottom: 16px; } .policy-proposal__input-title { font-size: 16px; color: var(--insur-black); font-weight: 700; line-height: 20px; letter-spacing: var(--insur-letter-spacing); margin-bottom: 5px; } .policy-proposal__input-box input[type=text], .policy-proposal__input-box input[type=email] { height: 60px; width: 100%; border: none; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--insur-gray); display: block; border-radius: var(--insur-bdr-radius); font-weight: 500; letter-spacing: var(--insur-letter-spacing); } .policy-proposal__input-box .select-box .nice-select { position: relative; height: 60px; outline: none; border-radius: var(--insur-bdr-radius); border: 0; background-color: var(--insur-extra); margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray); font-size: 14px; line-height: 60px; font-weight: 500; box-shadow: none; letter-spacing: var(--insur-letter-spacing); float: none; width: 100%; } .policy-proposal__input-box .select-box .nice-select:after { position: absolute; right: 30px; } .policy-proposal__messages-boxes { position: relative; display: block; margin-top: -3px; margin-right: 250px; } .policy-proposal__message-one { position: relative; display: block; margin-bottom: 13px; } .policy-proposal__message-one-title { font-size: 16px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); margin-bottom: 2px; } .policy-proposal__textarea-one { position: relative; display: block; height: 140px; } .policy-proposal__textarea-one textarea { font-size: 14px; color: var(--insur-gray); height: 140px; width: 100%; background-color: var(--insur-extra); padding: 15px 30px 30px; border: none; border-radius: var(--insur-bdr-radius); outline: none; margin-bottom: 0px; font-weight: 500; } .policy-proposal__message-two { position: relative; display: block; margin-bottom: 13px; } .policy-proposal__message-two-title { margin-bottom: 5px; } .policy-proposal__textarea-two { position: relative; display: block; height: 140px; } .policy-proposal__textarea-two textarea { font-size: 14px; color: var(--insur-gray); height: 140px; width: 100%; background-color: var(--insur-extra); padding: 15px 30px 30px; border: none; border-radius: var(--insur-bdr-radius); outline: none; margin-bottom: 0px; font-weight: 500; } .policy-proposal__message-three { position: relative; display: block; margin-bottom: 25px; } .policy-proposal__message-three-title { font-size: 16px; color: var(--insur-black); font-weight: 700; letter-spacing: var(--insur-letter-spacing); margin-bottom: 2px; } .policy-proposal__textarea-three { position: relative; display: block; height: 140px; } .policy-proposal__textarea-three textarea { font-size: 14px; color: var(--insur-gray); height: 140px; width: 100%; background-color: var(--insur-extra); padding: 15px 30px 30px; border: none; border-radius: var(--insur-bdr-radius); outline: none; margin-bottom: 0px; font-weight: 500; } .policy-proposal__btn { border: none; } /*-------------------------------------------------------------- # Mobile Nav Content Two --------------------------------------------------------------*/ .mobile-nav__content--two .main-menu__list > li > a > button, .mobile-nav__content--two .main-menu__list > li > ul > li > a > button, .mobile-nav__content--two .main-menu__list > li > ul > li > ul > li > a > button { background-color: #2cbc63; color: #fff; } .mobile-nav__content--two .main-menu__list > li > a > button.expanded, .mobile-nav__content--two .main-menu__list > li > ul > li > a > button.expanded, .mobile-nav__content--two .main-menu__list > li > ul > li > ul > li > a > button.expanded { color: var(--insur-base); } .mobile-nav__contact--two li > i { background-color: var(--insur-base); } /*-------------------------------------------------------------- # Mobile Nav Content Three --------------------------------------------------------------*/ .mobile-nav__content--three .main-menu__list > li > a > button, .mobile-nav__content--three .main-menu__list > li > ul > li > a > button, .mobile-nav__content--three .main-menu__list > li > ul > li > ul > li > a > button { background-color: var(--insur-base); color: #fff; } .mobile-nav__content--three .main-menu__list > li > a > button.expanded, .mobile-nav__content--three .main-menu__list > li > ul > li > a > button.expanded, .mobile-nav__content--three .main-menu__list > li > ul > li > ul > li > a > button.expanded { color: var(--insur-base); } .mobile-nav__contact--three li > i { background-color: var(--insur-base); } /*-------------------------------------------------------------- # Demos One --------------------------------------------------------------*/ .demos-one { padding-top: 90px; padding-bottom: 90px; } @media (min-width: 1200px) { .demos-one { padding-top: 120px; padding-bottom: 120px; } } .demos-one .row { --bs-gutter-y: 30px; } .demos-one__single { background-color: #fff; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .1); -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; } .demos-one__single:hover { -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .2); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, .2); } .demos-one__single:hover .demos-one__image img { opacity: .7; } .demos-one__single:hover .demos-one__buttons { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .demos-one__image { overflow: hidden; position: relative; background-color: var(--layerdrops-landing-primary, #101a2c); } .demos-one__image img { width: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .demos-one__buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%); -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, transform 500ms ease; transition: opacity 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; } .demos-one__buttons .thm-btn { line-height: 1; padding-left: 30px; padding-right: 30px; padding-top: 14.5px; padding-bottom: 14.5px; font-size: 14px; } .demos-one__buttons .thm-btn + .thm-btn { margin-left: 15px; } .demos-one__text { text-align: center; padding-top: 35px; padding-bottom: 35px; } .demos-one__text h3 { font-size: 20px; margin: 0; font-weight: bold; color: var(--layerdrops-landing-black, #000); } .demos-one__text h3 a { color: inherit; } .demos-one__new { position: absolute; top: 0; left: -6px; text-transform: uppercase; color: #fff; font-size: 10px; font-weight: bold; background-color: var(--insur-base); line-height: 1em; padding: 3.5px 5.5px; display: inline-block; z-index: 10; } .demos-one__new::after { content: ""; width: 8px; height: 6px; background-color: var(--insur-base); position: absolute; top: 100%; left: 0; clip-path: polygon(100% 0, 0 0, 100% 100%); } /*-------------------------------------------------------------- # Megamenu Popup --------------------------------------------------------------*/ .main-menu-seven__main-menu-box .main-menu__list > .megamenu-clickable > ul, .main-menu-five__main-menu-box .main-menu__list > .megamenu-clickable > ul, .main-menu-six__main-menu-box .main-menu__list > .megamenu-clickable > ul, .main-menu-four__main-menu-box .main-menu__list > .megamenu-clickable > ul, .main-menu-three__main-menu-box .main-menu__list > .megamenu-clickable > ul, .main-menu-two__main-menu-box .main-menu__list > .megamenu-clickable > ul, .main-menu__wrapper .main-menu__list > .megamenu-clickable > ul, .mobile-nav__content .main-menu__list > li.megamenu-clickable > ul { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100vh; visibility: visible; visibility: hidden; overflow-y: scroll; overflow-y: scroll; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; transition: transform .7s ease, opacity .7s ease, visibility .7s ease; z-index: 999999; -ms-overflow-style: none; scrollbar-width: none; padding: 0; background-color: #fff; display: block !important; margin: 0; list-style: none; } .main-menu__list > li.megamenu-clickable > ul::-webkit-scrollbar { display: none; } .mobile-nav__content .main-menu__list > li.megamenu-clickable > ul.megamenu-clickable--active, .main-menu__list > li.megamenu-clickable > ul.megamenu-clickable--active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; transition: transform .7s ease, opacity .7s ease, visibility .7s ease; } .main-menu__list > li.megamenu-clickable ul { list-style: none; } body.megamenu-popup-active { overflow: hidden; } body.megamenu-popup-active .stricky-header { bottom: 0; } body.megamenu-popup-active .mobile-nav__content { overflow: unset; } .mobile-nav__content .demos-one .container { padding-left: 15px; padding-right: 15px; } .megamenu-popup { position: relative; } .megamenu-popup .megamenu-clickable--close a { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; display: block; } @media (min-width: 768px) { .megamenu-popup .megamenu-clickable--close a { top: 50px; right: 50px; width: 35px; height: 35px; } } .megamenu-popup .megamenu-clickable--close a::before, .megamenu-popup .megamenu-clickable--close a::after { content: ""; width: 100%; height: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); background-color: var(--insur-black); } .megamenu-popup .megamenu-clickable--close a::before { width: 2px; height: 100%; } .is-new-menu > a { position: relative; } .is-new-menu > a > span { position: absolute; bottom: 100%; left: -50%; text-transform: uppercase; color: #fff; font-size: 10px; font-weight: bold; background-color: var(--insur-base); line-height: 1em; padding: 3.5px 5.5px; display: inline-block; } .is-new-menu > a > span::after { content: ""; width: 8px; height: 6px; background-color: var(--insur-base); position: absolute; top: 100%; right: 0; clip-path: polygon(100% 0, 0 0, 100% 100%); } ul li ul .is-new-menu > a > span { left: 6%; bottom: 70%; } ul li ul .is-new-menu > a > span::after { right: auto; left: 0; } .login-result.loading, .registration-result.loading { position: relative; } .login-result.loading::after, .registration-result.loading::after { left: 0; left: -361px; font-family: "Font Awesome 5 Free"; content: ""; vertical-align: top; font-weight: 900; top: -40px; position: absolute; right: 1em; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .login-result.loading.alert-warning::after, .registration-result.loading.alert-warning::after { top: 15px; } .main-menu .navigation > li.menu-item-has-children.megamenu-hide ul, .main-menu__wrapper .main-menu__list > .megamenu.megamenu-hide > ul { visibility: hidden; opacity: 0; display: none; } .get-insurance-three__btn, .get-insurance-four__btn, button.tracking-three__btn.thm-btn-two, .thm-btn.policy-proposal__btn { line-height: 28px; } button.insurance-details__subscribe-btn.thm-btn { line-height: 26px; } /*-------------------------------------------------------------- # Insur Update 17-06-2023 --------------------------------------------------------------*/ /* Thm Btn Three */ .thm-btn-three { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; background-color: var(--insur-base); font-family: var(--insur-font-two); color: var(--insur-white); font-size: 16px; font-weight: 500; padding: 19px 26px 17px; transition: all .5s linear; overflow: hidden; z-index: 1; } .thm-btn-three span { position: relative; top: 2px; margin-left: 9px; font-size: 16px; } .thm-btn-three:hover { color: var(--insur-white); } .thm-btn-three:before { position: absolute; content: ""; background-color: var(--insur-black); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); z-index: -1; } .thm-btn-three:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform .4s cubic-bezier(.1, 0, .3, 1); } .thm-btn-three:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--insur-black); transform: translate3d(0, -100%, 0); transition: transform .4s cubic-bezier(.1, 0, .3, 1); z-index: -1; } .thm-btn-three:hover::after { transform: translate3d(0, 0, 0); transition-duration: .05s; transition-delay: .4s; transition-timing-function: linear; } /* Thm Btn Four */ .thm-btn-four { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; background-color: var(--insur-primary); color: var(--insur-white); font-size: 16px; font-weight: 500; padding: 18px 35px 16px; transition: all .5s linear; overflow: hidden; z-index: 1; } .thm-btn-four span { position: relative; margin-left: 9px; font-size: 15px; } .thm-btn-four:hover { color: var(--insur-white); } .thm-btn-four:before { position: absolute; content: ""; background-color: var(--insur-black); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); z-index: -1; } .thm-btn-four:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform .4s cubic-bezier(.1, 0, .3, 1); } .thm-btn-four:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--insur-black); transform: translate3d(0, -100%, 0); transition: transform .4s cubic-bezier(.1, 0, .3, 1); z-index: -1; } .thm-btn-four:hover::after { transform: translate3d(0, 0, 0); transition-duration: .05s; transition-delay: .4s; transition-timing-function: linear; } /* Section Title Four */ .section-title-four { position: relative; display: block; margin-bottom: 70px; z-index: 1; } .section-title-four__tagline { position: relative; display: inline-block; font-weight: 600; font-size: 13px; line-height: 16px; letter-spacing: .12em; text-transform: uppercase; color: #fff; background-color: var(--insur-black); padding: 7px 18px 7px; padding-right: 15px; } .section-title-four__tagline::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 6px; background-color: var(--insur-base); } .section-title-four__title { font-weight: 700; font-size: 42px; line-height: 53px; text-transform: capitalize; margin-top: 29px; } /* Section Title Five */ .section-title-five { position: relative; display: block; margin-top: -5px; margin-bottom: 49px; z-index: 1; } .section-title-five__tagline { position: relative; display: inline-block; font-weight: 500; font-size: 18px; line-height: 18px; text-transform: uppercase; color: var(--insur-primary); } .section-title-five__title { font-weight: 700; font-size: 45px; line-height: 52px; margin-top: 15px; } /*-------------------------------------------------------------- # Feature Six --------------------------------------------------------------*/ .feature-six { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .feature-six__single { position: relative; display: block; background-color: #fff; box-shadow: 0px 0px 30px rgba(23, 70, 90, .1); margin-bottom: 30px; } .feature-six__single-inner { position: relative; display: block; padding: 28px 30px 25px; padding-right: 50px; overflow: hidden; z-index: 1; } .feature-six__shape-1 { position: absolute; left: 0; top: 0; opacity: 1; background-position: center left; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: left; transform-style: preserve-3d; transform: scaleY(1); z-index: -1; } .feature-six__single:hover .feature-six__shape-1 { transform: scaleY(0); } .feature-six__shape-2 { position: absolute; left: 0; top: 0; opacity: 1; background-position: center left; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: left; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .feature-six__single:hover .feature-six__shape-2 { transform: scaleY(1); } .feature-six__shape-1 img { width: auto; } .feature-six__icon { position: relative; display: inline-block; } .feature-six__icon span { position: relative; display: inline-block; font-size: 58px; color: var(--insur-base); transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .feature-six__single:hover .feature-six__icon span { transform: scale(.9); color: var(--insur-white); } .feature-six__title { font-weight: 600; font-size: 29px; line-height: 37px; margin-top: 13px; margin-bottom: 13px; } .feature-six__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .feature-six__text { font-weight: 400; font-size: 15px; line-height: 28px; } /*-------------------------------------------------------------- # About Seven --------------------------------------------------------------*/ .about-seven { position: relative; display: block; padding: 120px 0 120px; background-color: var(--insur-primary); z-index: 1; } .about-seven__shape-4 { position: absolute; bottom: 190px; left: 115px; width: 27px; height: 27px; border: 3px solid var(--insur-base); border-radius: 50%; } .about-seven__shape-5 { position: absolute; top: 104px; right: 68px; width: 27px; height: 27px; border: 3px solid var(--insur-base); border-radius: 50%; } .about-seven__shape-6 { position: absolute; bottom: 0; right: 0; z-index: -1; } .about-seven__shape-6 img { width: auto; } .about-seven__shape-7 { position: absolute; top: 0; left: 0; z-index: -1; } .about-seven__shape-7 img { width: auto; } .about-seven__left { position: relative; display: block; margin-left: 111px; margin-right: -20px; } .about-seven__img-box { position: relative; display: block; } .about-seven__img { position: relative; display: block; z-index: 1; } .about-seven__img img { width: 100%; } .about-seven__experience { position: absolute; bottom: 0; left: -111px; background-color: var(--insur-base); max-width: 230px; width: 100%; padding: 26px 42px 42px; z-index: 2; } .about-seven__experience-count-box { position: relative; display: flex; align-items: center; } .about-seven__experience-count-box h3 { font-weight: 800; font-size: 55px; line-height: 55px !important; text-transform: uppercase; font-family: var(--insur-font) !important; color: var(--insur-white); } .about-seven__experience-plus { font-size: 31px; line-height: 31px !important; text-transform: uppercase; font-family: var(--insur-font) !important; color: var(--insur-white); top: 6px; position: relative; } .about-seven__experience-text { font-weight: 400; font-size: 18px; line-height: 20px; text-transform: uppercase; color: var(--insur-white); margin-top: 10px; margin-bottom: 11px; } .about-seven__shape-1 { position: relative; display: block; } .about-seven__shape-1 img { width: auto; } .about-seven__shape-2 { position: absolute; top: -69px; left: -69px; opacity: .2; z-index: -1; } .about-seven__shape-2 img { width: auto; } .about-seven__right { position: relative; display: block; margin-left: 67px; } .about-seven__text { font-weight: 400; font-size: 16px; line-height: 29px; color: #8e9095; } .about-seven .section-title-four { margin-bottom: 21px; } .about-seven__right-bottom { position: relative; display: flex; align-items: center; } .about-seven__right-bottom-left { position: relative; display: block; } .about-seven__points { position: relative; display: block; margin-bottom: 18px; margin-top: 24px; } .about-seven__points li { position: relative; display: flex; align-items: center; } .about-seven__points li + li { margin-top: 5px; } .about-seven__points li .icon { position: relative; display: inline-block; } .about-seven__points li .icon span { position: relative; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 2px solid var(--insur-base); border-radius: 50%; font-size: 9px; font-weight: 900; color: var(--insur-base); } .about-seven__points li .text { margin-left: 10px; } .about-seven__points li .text p { font-weight: 500; font-size: 16px; line-height: 32px; font-family: var(--insur-font-two); color: #121212; } .about-seven__contact { position: relative; display: flex; align-items: center; } .about-seven__contact .icon { position: relative; display: block; } .about-seven__contact .icon img { width: auto; } .about-seven__contact .content { position: relative; display: block; margin-left: 8px; } .about-seven__contact .content > p { font-weight: 400; font-size: 14px; line-height: 18px; color: #8e9095; } .about-seven__contact .content > h3 { font-weight: 500; font-size: 20px; line-height: 25px; margin-top: 10px; } .about-seven__contact .content > h3 > a { color: #023a51; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-seven__contact .content > h3 > a:hover { color: var(--insur-base); } .about-seven__btn-box { position: relative; display: block; margin-top: 25px; } .about-seven__right-counter { position: relative; display: block; margin-left: 90px; background-color: #f1f2f4; max-width: 190px; width: 100%; } .about-seven__right-counter-list { position: relative; display: block; padding: 25px 26px 26px; } .about-seven__right-counter-list li { position: relative; display: block; border-bottom: 1px solid #8e9095; } .about-seven__right-counter-list li + li { margin-top: 28px; } .about-seven__right-counter-list li:last-child { border-bottom: 0; } .about-seven__count-box { position: relative; display: flex; align-items: center; } .about-seven__count { position: relative; display: block; } .about-seven__count .count-text { font-weight: 700; font-size: 30px; line-height: 38px; color: var(--insur-base); } .about-seven__count-plus { font-weight: 700; font-size: 30px; line-height: 38px; color: var(--insur-base); } .about-seven__right-counter-list li p { font-weight: 500; font-size: 16px; line-height: 27px; color: var(--insur-black); padding-bottom: 30px; } .about-seven__right-counter-list li:last-child p { padding-bottom: 0; } .about-seven__shape-3 { position: absolute; bottom: 12px; left: -68px; width: 27px; height: 27px; border: 3px solid var(--insur-base); border-radius: 50%; } /*-------------------------------------------------------------- # Services six --------------------------------------------------------------*/ .services-six { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .services-six .section-title-four { margin-bottom: 80px; } .services-six__bottom { position: relative; display: block; } .services-six__carousel { position: relative; display: block; } .services-six__single { position: relative; display: block; background-color: var(--insur-primary); padding: 41px 30px 41px; -webkit-transition: all 500ms ease; transition: all 500ms ease; overflow: hidden; z-index: 1; } .services-six__shape-1 { position: absolute; bottom: 0; right: 0; opacity: .05; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-six__single:hover .services-six__shape-1 { opacity: 1; } .services-six__shape-1 img { width: auto; } .services-six__single:hover { background-color: #01cde6; } .services-six__icon { position: relative; display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: var(--insur-base); border-radius: 50%; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-six__single:hover .services-six__icon { background-color: var(--insur-white); } .services-six__icon span { position: relative; display: inline-block; font-size: 42px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-six__single:hover .services-six__icon span { color: var(--insur-base); } .services-six__icon-shape-1 { position: absolute; bottom: -7px; left: 11px; width: 25px; height: 25px; background-color: var(--insur-black); border-radius: 50%; } .services-six__icon-shape-2 { position: absolute; top: -7px; right: 9px; width: 25px; height: 25px; background-color: var(--insur-black); border-radius: 50%; } .services-six__title { font-weight: 700; font-size: 22px; line-height: 29px; text-transform: uppercase; margin-top: 23px; margin-bottom: 23px; } .services-six__title a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-six__single:hover .services-six__title a { color: var(--insur-white); } .services-six__text { font-weight: 400; font-size: 15px; line-height: 28px; color: var(--insur-gray); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-six__single:hover .services-six__text { color: var(--insur-white); } .services-six__btn-box { position: relative; display: block; margin-top: 21px; } .services-six__btn { background-color: var(--insur-black); font-size: 15px; font-weight: 400; padding: 12px 30px 10px; } .services-six__btn:hover { color: var(--insur-black); } .services-six__btn span { font-size: 15px; } .services-six__btn:before { background-color: var(--insur-white); } .services-six__btn:after { background-color: var(--insur-white); } .services-six__carousel.owl-theme .owl-nav { position: relative; display: block; margin: 60px 0 0; } .services-six__carousel.owl-theme .owl-nav .owl-next { height: 62px; width: 62px; line-height: 62px; border-radius: 0; color: var(--insur-black); background-color: var(--insur-primary); font-size: 16px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .services-six__carousel.owl-theme .owl-nav .owl-prev { height: 62px; width: 62px; line-height: 62px; border-radius: 0; color: var(--insur-black); background-color: var(--insur-primary); font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .services-six__carousel.owl-theme .owl-nav .owl-next span, .services-six__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .services-six__carousel.owl-theme .owl-nav .owl-next { margin-left: 18px; } .services-six__carousel.owl-theme .owl-nav .owl-next::before { content: ""; position: absolute; top: 21px; left: 50%; bottom: 21px; width: 2px; background-color: #e0e5f7; transform: translateX(-50%); } .services-six__carousel.owl-theme .owl-nav .owl-prev { margin-right: 18px; } .services-six__carousel.owl-theme .owl-nav .owl-next:hover, .services-six__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--insur-base); color: var(--insur-black); } /*-------------------------------------------------------------- # Counter Three --------------------------------------------------------------*/ .counter-three { position: relative; display: block; background-color: var(--insur-black); z-index: 1; } .counter-three__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .02; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .counter-three__inner { position: relative; display: block; padding: 58px 0 35px; } .counter-three__count-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .counter-three__count-box li { position: relative; display: block; margin-bottom: 22px; } .counter-three__icon { position: relative; display: inline-block; } .counter-three__icon span { position: relative; display: inline-block; font-size: 58px; color: var(--insur-white); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .counter-three__count-box li:hover .counter-three__icon span { transform: scale(.9); } .counter-three__count { position: relative; display: block; margin-top: 28px; margin-bottom: 7px; } .counter-three__count h3 { font-weight: 700; font-size: 48px; line-height: 48px; color: var(--insur-white); } .counter-three__text { font-weight: 500; font-size: 19px; line-height: 29px; color: var(--insur-white); } .counter-three__shape-1 { position: absolute; top: 50%; right: -160px; transform: translateY(-50%); } .counter-three__shape-1 img { width: auto; } .counter-three__count-box li:last-child .counter-three__shape-1 { display: none; } /*-------------------------------------------------------------- # Testimonial Six --------------------------------------------------------------*/ .testimonial-six { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .testimonial-six .container { overflow: hidden; } .testimonial-six .section-title-four { margin-bottom: 129px; } .testimonial-six__bottom { position: relative; display: block; } .testimonial-six__carousel { position: relative; display: block; max-width: 416px; width: 100%; margin: 0 auto; } .testimonial-six__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-six__single { position: relative; display: block; background-color: var(--insur-primary); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-six__carousel.owl-carousel .owl-stage-outer .owl-item.active .testimonial-six__single { transform: translateY(-60px); } .testimonial-six__single:hover { background-color: var(--insur-black); } .testimonial-six__carousel.owl-carousel .owl-stage-outer .owl-item.active .testimonial-six__single { background-color: var(--insur-black); } .testimonial-six__single-top { position: relative; display: block; padding: 30px 30px 0; } .testimonial-six__ratting { position: relative; display: flex; align-items: center; } .testimonial-six__ratting span { position: relative; display: inline-block; font-size: 19px; color: #ffba08; } .testimonial-six__ratting span + span { margin-left: 7px; } .testimonial-six__text { line-height: 29px; margin-top: 39px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-six__single:hover .testimonial-six__text { color: var(--insur-white); } .testimonial-six__carousel.owl-carousel .owl-stage-outer .owl-item.active .testimonial-six__text { color: var(--insur-white); } .testimonial-six__client-info-box { position: relative; display: flex; align-items: center; border-top: 1px solid #e3e3e3; margin-top: 50px; padding: 38px 30px 28px; } .testimonial-six__client-img { position: relative; display: block; border-radius: 50%; } .elementor .testimonial-six__client-img img { width: auto; border-radius: 50%; } .testimonial-six__client-info { position: relative; display: block; margin-left: 20px; } .testimonial-six__client-info h3 { font-weight: 700; font-size: 20px; line-height: 28px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-six__single:hover .testimonial-six__client-info h3 { color: var(--insur-white); } .testimonial-six__carousel.owl-carousel .owl-stage-outer .owl-item.active .testimonial-six__client-info h3 { color: var(--insur-white); } .testimonial-six__client-info p { color: var(--insur-base); margin-top: 1px; } .testimonial-six__quote-icon { position: absolute; top: -24px; right: 38px; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: var(--insur-base); border-radius: 50%; } .testimonial-six__quote-icon img { width: auto !important; } .testimonial-six__carousel.owl-theme .owl-nav { position: relative; display: block; margin: 60px 0 0; } .testimonial-six__carousel.owl-theme .owl-nav .owl-next { height: 62px; width: 62px; line-height: 62px; border-radius: 0; color: var(--insur-white); background-color: var(--insur-black); font-size: 16px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-six__carousel.owl-theme .owl-nav .owl-prev { height: 62px; width: 62px; line-height: 62px; border-radius: 0; color: var(--insur-white); background-color: var(--insur-black); font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .testimonial-six__carousel.owl-theme .owl-nav .owl-next span, .testimonial-six__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .testimonial-six__carousel.owl-theme .owl-nav .owl-next { margin-left: 10px; } .testimonial-six__carousel.owl-theme .owl-nav .owl-prev { margin-right: 10px; } .testimonial-six__carousel.owl-theme .owl-nav .owl-next:hover, .testimonial-six__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--insur-base); color: var(--insur-white); } /*-------------------------------------------------------------- # Team Five --------------------------------------------------------------*/ .team-five { position: relative; display: block; padding: 0 0 90px; z-index: 1; } .team-five__bg-box { position: absolute; bottom: 0; left: 0; right: 0; height: 534px; background-color: var(--insur-base); z-index: -1; } .team-five__bg { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .team-five__single { position: relative; display: block; padding: 30px 27px 0; margin-bottom: 30px; } .team-five__single-bg-color { position: absolute; top: 0; left: 0; right: 0; bottom: 165px; background-color: var(--insur-primary); } .team-five__content { position: relative; display: block; text-align: center; margin-bottom: 30px; } .team-five__name { font-size: 24px; font-weight: 600; line-height: 28px; } .team-five__name a { color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-five__name a:hover { color: var(--insur-base); } .team-five__sub-title { font-size: 12px; line-height: 30px; color: var(--insur-base); text-transform: uppercase; margin-top: 3px; } .team-five__img-box { position: relative; display: block; } .team-five__img { position: relative; display: block; overflow: hidden; } .team-five__img::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(180deg, rgba(196, 196, 196, 0) 41.15%, #023a51 100%); background-position: bottom left; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; } .team-five__single:hover .team-five__img::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .team-five__img img { width: 100%; } .team-five__social { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; display: flex; align-items: center; justify-content: center; background-position: right left; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; z-index: 2; } .team-five__single:hover .team-five__social { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .team-five__social a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background-color: var(--insur-white); font-size: 16px; color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-five__social a:hover { background-color: var(--insur-base); color: var(--insur-white); } .team-five__social a + a { margin-left: 10px; } /*-------------------------------------------------------------- # Why Choose Five --------------------------------------------------------------*/ .why-choose-five { position: relative; display: block; padding: 150px 0 150px; z-index: 1; } .why-choose-five__left { position: relative; display: block; margin-right: 16px; } .why-choose-five__img-box { position: relative; display: block; z-index: 1; } .why-choose-five__img { position: relative; display: block; } .why-choose-five__img img { width: 100%; } .why-choose-five__shape-1 { position: absolute; top: -30px; left: -30px; z-index: -1; } .why-choose-five__shape-1 img { width: auto; } .why-choose-five__shape-2 { position: absolute; top: -10px; left: -10px; z-index: -1; } .why-choose-five__shape-2 img { width: auto; } .why-choose-five__shape-3 { position: absolute; bottom: -30px; right: -36px; z-index: -1; } .why-choose-five__shape-3 img { width: auto; } .why-choose-five__shape-4 { position: absolute; bottom: -10px; right: -13px; z-index: -1; } .why-choose-five__shape-4 img { width: auto; } .why-choose-five__right { position: relative; display: block; margin-left: 70px; } .why-choose-five__right .section-title-four { margin-bottom: 30px; } .why-choose-five__points-list { position: relative; display: block; } .why-choose-five__points-list li { position: relative; display: flex; align-items: center; background-color: var(--insur-primary); padding: 25px 22px 25px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-five__points-list li:hover { background-color: var(--insur-base); } .why-choose-five__points-list li + li { margin-top: 30px; } .why-choose-five__points-list li .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 80px; border-radius: 50%; background-color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-five__points-list li:hover .icon { background-color: var(--insur-white); } .why-choose-five__points-list li .icon span { position: relative; display: inline-block; font-size: 45px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-five__points-list li:hover .icon span { color: var(--insur-base); } .why-choose-five__points-list li .content { position: relative; display: block; margin-left: 20px; } .why-choose-five__points-list li .content h3 { color: var(--insur-black); font-size: 22px; font-weight: 700; line-height: 29px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-five__points-list li:hover .content h3 { color: var(--insur-white); } .why-choose-five__points-list li .content p { position: relative; margin-top: 2px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-five__points-list li:hover .content p { color: var(--insur-white); } /*-------------------------------------------------------------- # Get Insuracne Three --------------------------------------------------------------*/ .get-insuracne-three { position: relative; display: block; padding: 120px 0 120px; background-color: var(--insur-primary); z-index: 1; } .get-insuracne-three__shape-1 { position: absolute; top: 0; right: 0; opacity: .03; z-index: -1; } .get-insuracne-three__shape-1 img { width: auto; } .get-insuracne-three__bg { position: absolute; top: 0; left: 0; bottom: 0; width: 69%; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .get-insuracne-three__left { position: relative; display: block; margin-left: 270px; margin-top: 260px; } .get-insuracne-three__video-link { position: relative; display: block; } .get-insuracne-three__video-icon { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 26px; color: var(--insur-base); background-color: var(--insur-white); border-radius: 50%; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; z-index: 1; } .get-insuracne-three__video-icon:hover { background-color: var(--insur-base); color: var(--insur-white); } .get-insuracne-three__video-icon:before { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; content: ""; border-radius: 50%; border: 10px solid rgba(var(--insur-white-rgb), .6); z-index: -1; } .get-insuracne-three__video-link .ripple, .get-insuracne-three__video-icon .ripple:before, .get-insuracne-three__video-icon .ripple:after { position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -ms-box-shadow: 0 0 0 0 rgba(var(--insur-white-rgb), .6); -o-box-shadow: 0 0 0 0 rgba(var(--insur-white-rgb), .6); -webkit-box-shadow: 0 0 0 0 rgba(var(--insur-white-rgb), .6); box-shadow: 0 0 0 0 rgba(var(--insur-white-rgb), .6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; border-radius: 50%; } .get-insuracne-three__video-icon .ripple:before { -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; } .get-insuracne-three__video-icon .ripple:after { -webkit-animation-delay: .6s; animation-delay: .6s; content: ""; position: absolute; } .get-insuracne-three__right { position: relative; display: block; background-color: var(--insur-black); padding: 58px 66px 58px; margin-left: 72px; z-index: 1; } .get-insuracne-three__right-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .get-insuracne-three__right .section-title-four { margin-bottom: 30px; } .get-insuracne-three__right .section-title-four__tagline { color: var(--insur-black); background-color: var(--insur-white); } .get-insuracne-three__right .section-title-four__title { color: var(--insur-white); text-transform: uppercase; margin-top: 21px; } .get-insuracne-three__tab { position: relative; display: block; } .get-insuracne-three__tab-box { position: relative; display: block; z-index: 2; } .get-insuracne-three__inner { position: relative; display: block; } .get-insuracne-three__tab-top { position: relative; display: block; } .get-insuracne-three__tab-box .tab-buttons { position: relative; display: flex; align-items: center; } .get-insuracne-three__tab-box .tab-buttons .tab-btn { position: relative; display: -webkit-box; display: -ms-flexbox; display: block; } .get-insuracne-three__tab-box .tab-buttons .tab-btn + .tab-btn { margin-left: 20px; } .get-insuracne-three__tab-btn-content { position: relative; display: flex; align-items: center; cursor: pointer; padding: 7px 7px 1px; background-color: transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .get-insuracne-three__tab-box .tab-buttons .tab-btn.active-btn .get-insuracne-three__tab-btn-content { background-color: var(--insur-base); } .get-insuracne-three__tab-icon { position: relative; display: inline-block; } .get-insuracne-three__tab-icon span { position: relative; display: inline-block; color: var(--insur-base); font-size: 30px; -webkit-transition: all .3s ease; transition: all .3s ease; } .get-insuracne-three__tab-box .tab-buttons .tab-btn.active-btn .get-insuracne-three__tab-icon span { color: var(--insur-white); } .get-insuracne-three__tab-text-box { margin-left: 11px; } .get-insuracne-three__tab-text { font-size: 16px; color: var(--insur-white); font-weight: 400; line-height: 16px; } .get-insuracne-three__tab-box .tabs-content { position: relative; display: block; } .get-insuracne-three__tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .get-insuracne-three__tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); transform: translateY(0px); } .get-insuracne-three__tab-bottom { position: relative; display: block; margin-top: 20px; } .get-insuracne-three__content { position: relative; display: block; } .get-insuracne-three__form { position: relative; display: block; } .get-insuracne-three__content-box { position: relative; display: block; } .get-insuracne-three__input-box { position: relative; display: block; margin-bottom: 10px; } .get-insuracne-three__input-box input[type=text], .get-insuracne-three__input-box input[type=email] { height: 60px; width: 100%; border: 0; background-color: var(--insur-white); outline: none; font-size: 16px; color: var(--insur-gray); font-weight: 400; padding: 0 30px 0; } .get-insuracne-three__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .get-insuracne-three__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insuracne-three__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border: 0; background-color: var(--insur-white) !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray) !important; font-size: 16px; line-height: 60px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; border-radius: 0; } .get-insuracne-three__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--insur-gray); } .get-insuracne-three__input-box .bootstrap-select .dropdown-menu { border-radius: 0; } .get-insuracne-three__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--insur-white); color: var(--insur-base); } .get-insuracne-three__progress { position: relative; display: block; width: 100%; margin-top: 13px; margin-bottom: 30px; } .get-insuracne-three__progress-single { position: relative; display: block; } .get-insuracne-three__progress-title { font-size: 16px; line-height: 26px; margin-bottom: 3px; font-weight: 500; color: var(--insur-white); } .get-insuracne-three__progress .bar { position: relative; width: 100%; height: 8px; border-radius: 6px; background-color: var(--insur-white); border: 0; } .get-insuracne-three__progress .bar-inner { position: relative; display: block; width: 0px; height: 8px; border-radius: 6px; background-color: var(--insur-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .get-insuracne-three__progress .count-text { position: absolute; right: -24px; bottom: 11px; font-size: 16px; font-weight: 500; color: var(--insur-white); } .get-insuracne-three__content-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; } .get-insuracne-three__btn { border: none; padding: 19px 40px 17px; } .get-insuracne-three__btn:hover { color: var(--insur-base); } .get-insuracne-three__btn::before { background-color: var(--insur-white); } .get-insuracne-three__btn::after { background-color: var(--insur-white); } /*-------------------------------------------------------------- # News Six --------------------------------------------------------------*/ .news-six { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .news-six .section-title-four { margin-bottom: 80px; } .news-six__single { position: relative; display: block; margin-bottom: 30px; } .news-six__img-box { position: relative; display: block; } .news-six__img { position: relative; display: block; overflow: hidden; z-index: 1; } .news-six__img:before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(var(--insur-black-rgb), .5); -webkit-transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease; transition: opacity 500ms ease, visibility 500ms ease, transform 500ms ease, -webkit-transform 500ms ease; visibility: hidden; opacity: 0; -webkit-transform: translateY(-70%); transform: translateY(-70%); z-index: 1; } .news-six__single:hover .news-six__img:before { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); opacity: 1; } .news-six__img img { width: 100%; transition: all 500ms ease; } .news-six__single:hover .news-six__img img { transform: scale(1.05); } .news-six__date { position: absolute; bottom: -45px; left: 45px; background-color: var(--insur-black); text-align: center; width: 90px; padding: 10px 0 14px; z-index: 2; } .news-six__date p { font-size: 40px; font-weight: 700; line-height: 40px; text-transform: uppercase; color: var(--insur-white); position: relative; } .news-six__date span { font-size: 12px; font-weight: 600; line-height: 12px; text-transform: uppercase; color: var(--insur-white); letter-spacing: .2em; top: -4px; position: relative; } .news-six__content { position: relative; display: block; background-color: var(--insur-primary); padding: 76px 40px 40px; } .news-six__shape-1 { position: absolute; bottom: 0; right: 0; opacity: .1; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-six__single:hover .news-six__shape-1 { opacity: 100; } .news-six__shape-1 img { width: auto; } .news-six__title { font-size: 24px; font-weight: 700; line-height: 35px; text-transform: capitalize; } .news-six__title a { color: #0d1c37; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .news-six__title a:hover { color: var(--insur-base); } .news-six__text { color: #6a6d7a; font-size: 16px; line-height: 29px; margin-top: 13px; margin-bottom: 24px; } .news-six__btn-box { position: relative; display: block; } .news-six__btn { background-color: #dee4e6; color: var(--insur-black); font-size: 15px; padding: 12px 26px 10px; } .news-six__btn::before { background-color: var(--insur-base); } .news-six__btn::after { background-color: var(--insur-base); } /*-------------------------------------------------------------- # CTA Five --------------------------------------------------------------*/ .cta-five { position: relative; display: block; background-color: var(--insur-base); overflow: hidden; z-index: 1; } .cta-five__shape-1 { position: absolute; left: 390px; bottom: 63px; width: 559px; height: 559px; border-radius: 50%; background: rgba(255, 255, 255, .15); } .cta-five__shape-2 { position: absolute; top: 115px; right: -125px; width: 559px; height: 559px; border-radius: 50%; background: rgba(255, 255, 255, .15); } .cta-five__inner { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 72px 0 66px; } .cta-five__title { font-size: 40px; font-weight: 700; text-transform: uppercase; color: var(--insur-white); } .cta-five__subscribe-box { position: relative; display: block; max-width: 586px; width: 100%; } .cta-five__email-box { position: relative; display: flex; align-items: center; justify-content: space-between; } .cta-five__email-input-box { position: relative; display: block; max-width: 375px; width: 100%; } .cta-five__email-input-box input[type=email] { height: 62px; width: 100%; background-color: var(--insur-white); outline: none; font-size: 16px; border: none; padding-left: 35px; padding-right: 35px; color: #8e9095; } .cta-five__subscribe-btn { border: none; padding: 19px 38px 17px; text-transform: uppercase; background-color: var(--insur-black); font-family: var(--insur-font); } .cta-five__subscribe-btn:hover { color: var(--insur-base); } .cta-five__subscribe-btn::before { background-color: var(--insur-white); } .cta-five__subscribe-btn::after { background-color: var(--insur-white); } .cta-six__subscribe-btn { padding: 19px 32px 17px; background-color: #023a51; } /*-------------------------------------------------------------- # Site Footer Four --------------------------------------------------------------*/ .site-footer-four { position: relative; display: block; background-color: var(--insur-black); z-index: 1; } .site-footer-four__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .2; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .site-footer-four__top { position: relative; display: block; padding: 100px 0 93px; } .footer-widget-four__logo { position: relative; display: inline-block; margin-bottom: 33px; margin-top: -8px; } .footer-widget-four__about { position: relative; display: block; } .footer-widget-four__about-text-box { position: relative; display: block; } .footer-widget__about-text { color: var(--insur-white); line-height: 30px; font-size: 16px; } .site-footer-four__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 22px; } .site-footer-four__social a { position: relative; height: 48px; width: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: var(--insur-black); font-size: 15px; border-radius: 50%; overflow: hidden; background-color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .site-footer-four__social a:hover { color: var(--insur-white); background-color: var(--insur-base); } .site-footer-four__social a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; height: 100%; background-color: var(--insur-base); -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .4s; transition-duration: .4s; -webkit-transition-property: all; transition-property: all; opacity: 1; -webkit-transform-origin: top; transform-origin: top; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scaleY(0); transform: scaleY(0); z-index: -1; } .site-footer-four__social a:hover:after { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); } .site-footer-four__social a + a { margin-left: 15px; } .footer-widget-four__services { margin-left: 60px; margin-right: -20px; } .footer-widget-four__title { font-size: 23px; font-weight: 700; line-height: 33px; color: var(--insur-white); margin-bottom: 26px; } .footer-widget-four__services-list { position: relative; display: block; padding-left: 26px; padding-top: 38px; } .footer-widget-four__services-list::before { content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 5px; background-color: var(--insur-base); } .footer-widget-four__services-list::after { content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 5px; background-color: var(--insur-white); } .footer-widget-four__services-list li { position: relative; display: block; } .footer-widget-four__services-list li::before { content: ""; position: absolute; top: 14px; left: -26px; width: 5px; height: 2px; background-color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-four__services-list li:hover::before { background-color: var(--insur-base); } .footer-widget-four__services-list li + li { margin-top: 13px; } .footer-widget-four__services-list li a { color: var(--insur-white); font-size: 16px; font-weight: 400; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-four__services-list li:hover:hover a { color: var(--insur-base); } .footer-widget-four__contact { position: relative; display: block; margin-left: 66px; } .footer-widget-four__contact .footer-widget-four__title { margin-bottom: 28px; } .footer-widget-four__contact-list { position: relative; display: block; padding-top: 38px; } .footer-widget-four__contact-list li { position: relative; display: flex; align-items: center; } .footer-widget-four__contact-list li + li { margin-top: 30px; } .footer-widget-four__contact-list li .icon { position: relative; display: inline-block; } .footer-widget-four__contact-list li .icon span { position: relative; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; background-color: var(--insur-base); border-radius: 50%; font-size: 23px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-four__contact-list li .icon:hover span { background-color: var(--insur-white); color: var(--insur-base); } .footer-widget-four__contact-list li .content { margin-left: 30px; } .footer-widget-four__contact-list li .content p { color: #01cde6; font-size: 15px; font-weight: 500; } .footer-widget-four__contact-list li .content h3 { font-size: 25px; font-weight: 700; margin-top: 10px; } .footer-widget-four__contact-list li .content h3 a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-four__contact-list li .content h3 a:hover { color: var(--insur-base); } .footer-widget-four__news { position: relative; display: block; } .footer-widget-four__news .footer-widget-four__title { margin-bottom: 28px; } .footer-widget-four__news-list { position: relative; display: block; padding-top: 35px; } .footer-widget-four__news-list li { position: relative; display: flex; align-items: center; } .footer-widget-four__news-img { position: relative; display: block; max-width: 80px; width: 100%; } .footer-widget-four__news-img img { width: 100%; } .footer-widget-four__news-list li .content { position: relative; display: block; margin-left: 16px; } .footer-widget-four__news-list li + li { margin-top: 18px; } .footer-widget-four__news-list li .content h3 { font-size: 17px; font-weight: 500; line-height: 26px; } .footer-widget-four__news-list li .content h3 a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .footer-widget-four__news-list li .content h3 a:hover { color: var(--insur-base); } .footer-widget-four__news-list li .content p { font-size: 14px; margin-top: 4px; } .footer-widget-four__news-list li .content p span { font-size: 15px; color: var(--insur-base); margin-right: 10px; position: relative; top: 2px; } .site-footer-four__bottom { position: relative; display: block; } .site-footer-four__bottom-inner { position: relative; display: block; text-align: center; border-top: 1px solid rgba(var(--insur-white-rgb), .1); padding: 34px 0; } .site-footer-four__bottom-text { color: var(--insur-white); font-size: 14px; } .site-footer-four__bottom-text a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .site-footer-four__bottom-text a:hover { color: var(--insur-base); } /*-------------------------------------------------------------- # Home Seven Css --------------------------------------------------------------*/ /*-------------------------------------------------------------- # About Eight --------------------------------------------------------------*/ .about-eight { position: relative; display: block; padding: 120px 0 120px; z-index: 1; } .about-eight__img-three { position: absolute; bottom: 110px; left: 0; opacity: .1; z-index: -1; } .about-eight__img-three img { width: auto; } .about-eight__img-four { position: absolute; bottom: -30px; right: 0; opacity: .1; z-index: -1; } .about-eight__img-four img { width: auto; } .about-eight__left { position: relative; display: block; margin-left: 75px; } .about-eight__img-box { position: relative; display: block; } .about-eight__img { position: relative; display: block; } .about-eight__img img { width: 100%; } .about-eight__img:before { content: ""; position: absolute; top: 7px; left: -80px; height: 158px; width: 12px; background-color: var(--insur-base); clip-path: polygon(0 9%, 100% 0%, 100% 90%, 0% 100%); } .about-eight__img:after { content: ""; position: absolute; top: 7px; left: -61px; height: 185px; width: 12px; background-color: var(--insur-primary); clip-path: polygon(0 9%, 100% 0%, 100% 90%, 0% 100%); } .about-eight__img-two { position: absolute; bottom: -296px; left: -130px; z-index: 1; } .about-eight__img-two img { width: auto; border: 5px solid #fff; } .about-eight__experience { position: absolute; right: 0; bottom: -246px; background-color: var(--insur-base); padding-top: 60px; padding-left: 18px; padding-right: 18px; padding-bottom: 70px; text-align: center; clip-path: polygon(0 12%, 100% 0%, 100% 100%, 0% 100%); z-index: 1; } .about-eight__experience-shape { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; opacity: .3; z-index: -1; } .about-eight__experience h3 { font-size: 40px; font-weight: 700; color: var(--insur-white); line-height: 40px; margin-bottom: 12px; } .about-eight__experience p { font-size: 18px; color: var(--insur-white); text-transform: uppercase; line-height: 18px; font-weight: 400; } .about-eight__right { position: relative; display: block; margin-left: 65px; } .about-eight__right .section-title-five { margin-bottom: 43px; } .about-eight__service { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: 42px; margin-bottom: 47px; } .about-eight__service li { position: relative; display: flex; align-items: center; } .about-eight__service li .icon { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background-color: #ebf3ea; border-radius: 50%; color: var(--insur-base); font-size: 25px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .about-eight__service li:hover .icon { background-color: var(--insur-base); color: var(--insur-white); } .about-eight__service li .text { margin-left: 15px; } .about-eight__service li .text p { font-size: 18px; font-weight: 700; color: var(--insur-black); line-height: 24px; } .about-eight__points { position: relative; display: block; } .about-eight__points li { position: relative; display: flex; align-items: center; } .about-eight__points li + li { margin-top: 20px; } .about-eight__points li .icon { position: relative; display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; background-color: var(--insur-base); font-size: 10px; color: var(--insur-white); border-radius: 50%; } .about-eight__points li .text { margin-left: 10px; } .about-eight__points li .text p { font-size: 20px; color: var(--insur-black); font-weight: 700; } .about-eight__btn-box { position: relative; display: block; margin-top: 47px; } /*-------------------------------------------------------------- # Reg Insurance --------------------------------------------------------------*/ .reg-insurance { position: relative; display: block; background-color: var(--insur-black); padding: 89px 0px 100px; overflow: hidden; z-index: 1; } .reg-insurance__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .reg-insurance__shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: -30px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .reg-insurance__shape-2 { position: absolute; top: 0; right: -30px; z-index: -1; } .reg-insurance__shape-2 img { width: auto; } .reg-insurance__inner { position: relative; display: block; text-align: center; } .reg-insurance__title { font-size: 45px; color: var(--insur-white); font-weight: 700; line-height: 55px; margin-bottom: 14px; } .reg-insurance__text { font-size: 18px; font-weight: 500; color: var(--insur-white); line-height: 26px; } .reg-insurance__btn-box { position: relative; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-top: 33px; } .reg-insurance__btn-two { background-color: var(--insur-base); margin-left: 10px; } /*-------------------------------------------------------------- # Services Seven --------------------------------------------------------------*/ .services-seven { position: relative; display: block; padding: 120px 0 84px; } .services-seven__single { position: relative; display: block; border: 1px dashed var(--insur-base); padding: 37px 40px 39px; background-color: #f6f6f6; overflow: hidden; margin-bottom: 36px; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 1; } .services-seven__single:hover { border: 1px solid transparent; } .services-seven__title { font-size: 26px; font-weight: 700; line-height: 26px; position: relative; display: block; z-index: 2; } .services-seven__title a { color: var(--insur-black); } .services-seven__text { margin-top: 20px; margin-bottom: 22px; font-family: var(--insur-font-three); font-size: 15px; line-height: 28px; position: relative; display: block; z-index: 2; } .services-seven__btn { font-size: 15px; font-weight: 400; padding: 12px 30px 10px; font-family: var(--insur-font-three); } .services-seven__img { position: absolute; bottom: -2px; right: -4px; z-index: 1; } .services-seven__img img { width: auto; } .services-seven__hover-box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--insur-black); display: flex; align-items: center; justify-content: center; flex-direction: column; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: 2; } .services-seven__single:hover .services-seven__hover-box { transform: scaleY(1); } .services-seven__hover-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .2; z-index: -1; } .services-seven__hover-title { font-size: 26px; font-weight: 700; line-height: 26px; margin-bottom: 26px; } .services-seven__hover-title a { color: var(--insur-white); } .services-seven__btn-two { font-size: 15px; font-weight: 400; padding: 12px 30px 10px; background-color: var(--insur-white); color: var(--insur-primary); font-family: var(--insur-font-three); } /*-------------------------------------------------------------- # Team Six --------------------------------------------------------------*/ .team-six { position: relative; display: block; z-index: 2; } .team-six__single { position: relative; display: block; margin-bottom: 36px; } .team-six__img-box { position: relative; display: block; padding: 0 58px 0; z-index: 1; } .team-six__img-box:before { content: ""; position: absolute; top: 175px; left: 0; right: 0; bottom: 0; background-color: var(--insur-base); border-top-right-radius: 5px; border-top-left-radius: 5px; z-index: -1; } .team-six__img { position: relative; display: block; overflow: hidden; border-radius: 5px; z-index: 1; } .team-six__img:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--insur-black-rgb), .5); border-radius: 5px; width: 0%; transform: translateY(100%); transition: all 500ms ease; z-index: 1; } .team-six__single:hover .team-six__img:before { transform: translateY(0); width: 100%; } .team-six__img img { width: 100%; border-radius: 5px; } .team-six__social { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: .9s; -o-transition: .9s; transition: .9s; transform: perspective(400px) scaleY(0); transform-origin: bottom; z-index: 2; } .team-six__single:hover .team-six__social { transform: perspective(400px) scaleY(1); } .team-six__social a { position: relative; display: flex; align-items: center; justify-content: center; height: 48px; width: 48px; background-color: var(--insur-white); border-radius: 50%; font-size: 15px; color: var(--insur-primary); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-six__social a + a { margin-left: 15px; } .team-six__social a:hover { background-color: var(--insur-primary); color: var(--insur-white); } .team-six__content { position: relative; display: block; background-color: var(--insur-base); text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 28px 58px 22px; z-index: 1; } .team-six__name { font-size: 22px; font-weight: 700; line-height: 22px; margin-bottom: 8px; } .team-six__name a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .team-six__name a:hover { color: var(--insur-primary); } .team-six__sub-title { font-size: 14px; color: var(--insur-white); text-transform: uppercase; } .team-six__shape-1 { position: absolute; bottom: 0; right: 0; opacity: .05; z-index: -1; } .team-six__shape-1 img { width: auto; } /*-------------------------------------------------------------- # Counter Four --------------------------------------------------------------*/ .counter-four { position: relative; display: block; background-color: #f6f6f6; padding: 395px 0 78px; margin-top: -305px; z-index: 1; } .counter-four__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .1; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: -1; } .counter-four__inner { position: relative; display: block; } .counter-four__count-box { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .counter-four__count-box li { position: relative; display: block; margin-bottom: 22px; } .counter-four__icon { position: relative; display: inline-block; } .counter-four__icon span { position: relative; display: inline-block; font-size: 58px; color: var(--insur-black); -webkit-transition: all 500ms linear; transition: all 500ms linear; -webkit-transition-delay: .1s; transition-delay: .1s; } .counter-four__count-box li:hover .counter-four__icon span { transform: scale(.9); } .counter-four__count { position: relative; display: block; margin-top: 28px; margin-bottom: 7px; } .counter-four__count h3 { font-weight: 700; font-size: 48px; line-height: 48px; color: var(--insur-black); font-family: var(--insur-font-three); } .counter-four__text { font-weight: 500; font-size: 19px; line-height: 29px; color: var(--insur-black); font-family: var(--insur-font-three); } .counter-four__shape-1 { position: absolute; top: 50%; right: -160px; transform: translateY(-50%); } .counter-four__shape-1 img { width: auto; } .counter-four__count-box li:last-child .counter-four__shape-1 { display: none; } /*-------------------------------------------------------------- # Why Choose Six --------------------------------------------------------------*/ .why-choose-six { position: relative; display: block; padding: 120px 0 90px; z-index: 1; } .why-choose-six__top { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 49px; } .why-choose-six__top .section-title-five { margin-bottom: 0; } .why-choose-six__btn-box { position: relative; display: block; } .why-choose-six__single { position: relative; display: block; background-color: var(--insur-base); padding: 60px 45px 51px; margin-bottom: 30px; z-index: 1; } .why-choose-six__single-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .5s; transition-property: all; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .why-choose-six__single-bg:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(var(--insur-black-rgb), .7); z-index: -1; } .why-choose-six__single:hover .why-choose-six__single-bg { transform: scaleY(1); } .why-choose-six__content { position: relative; display: block; text-align: center; } .why-choose-six__icon { position: relative; display: flex; align-items: center; justify-content: center; height: 80px; width: 80px; background-color: var(--insur-white); border-radius: 50%; font-size: 45px; color: var(--insur-base); margin: 0 auto 22px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-six__icon:hover { background-color: var(--insur-primary); color: var(--insur-white); } .why-choose-six__title { font-size: 22px; font-weight: 700; line-height: 32px; font-family: var(--insur-font-three); margin-bottom: 14px; } .why-choose-six__title a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .why-choose-six__title a:hover { color: var(--insur-primary); } .why-choose-six__text { font-size: 17px; line-height: 30px; color: var(--insur-white); font-family: var(--insur-font-three); } /*-------------------------------------------------------------- # Testimonial Seven --------------------------------------------------------------*/ .testimonial-seven { position: relative; display: block; background-color: #f6f6f6; z-index: 1; } .testimonial-seven__sec-img { position: absolute; bottom: 0; left: 0; opacity: .1; z-index: -1; } .testimonial-seven__sec-img img { width: auto; } .testimonial-seven__left { position: relative; display: block; margin-top: 75px; margin-right: 105px; } .testimonial-seven__title { position: relative; display: block; text-align: center; font-size: 42px; font-weight: 700; text-transform: uppercase; line-height: 42px; margin-bottom: 53px; } .testimonial-seven__carousel-outer { position: relative; display: block; background-color: var(--insur-white); border-radius: 5px; text-align: center; padding: 40px 50px 48px; z-index: 1; } .testimonial-seven__carousel { position: relative; display: block; } .testimonial-seven__carousel.owl-theme .owl-nav { position: absolute; bottom: -140px; left: 0; right: 0; } .testimonial-seven__carousel.owl-theme .owl-nav .owl-next { height: 62px; width: 62px; line-height: 62px; border-radius: 50%; color: var(--insur-white); background-color: var(--insur-primary); font-size: 16px; margin: 0; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-seven__carousel.owl-theme .owl-nav .owl-prev { height: 62px; width: 62px; line-height: 62px; border-radius: 50%; color: var(--insur-white); background-color: var(--insur-primary); font-size: 16px; margin: 0; text-align: center; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; display: inline-block; } .testimonial-seven__carousel.owl-theme .owl-nav .owl-next span, .testimonial-seven__carousel.owl-theme .owl-nav .owl-prev span { position: relative; display: flex; align-items: center; justify-content: center; } .testimonial-seven__carousel.owl-theme .owl-nav .owl-next { margin-left: 18px; } .testimonial-seven__carousel.owl-theme .owl-nav .owl-next::before { content: ""; position: absolute; top: 21px; left: 50%; bottom: 21px; width: 2px; background-color: #181818; transform: translateX(-50%); } .testimonial-seven__carousel.owl-theme .owl-nav .owl-prev { margin-right: 18px; } .testimonial-seven__carousel.owl-theme .owl-nav .owl-next:hover, .testimonial-seven__carousel.owl-theme .owl-nav .owl-prev:hover { background-color: var(--insur-base); color: var(--insur-white); } .testimonial-seven__single { position: relative; display: block; z-index: 1; } .testimonial-seven__quote { position: absolute; top: 0; left: 0; right: 0; text-align: center; z-index: -1; } .testimonial-seven__quote img { width: auto !important; } .testimonial-seven__text { font-size: 20px; font-weight: 700; color: var(--insur-black); line-height: 37px; } .testimonial-seven__client { position: relative; display: block; margin-top: 30px; } .testimonial-seven__client-name { font-size: 25px; line-height: 25px; font-weight: 700; margin-bottom: 15px; } .testimonial-seven__client-sub-title { font-size: 13px; font-weight: 500; color: var(--insur-primary); text-transform: uppercase; line-height: 13px; } .testimonial-seven__right { position: relative; display: block; margin-left: -36px; } .testimonial-seven__right-content { position: relative; display: block; background-color: var(--insur-black); padding: 59px 80px 60px; z-index: 1; } .testimonial-seven__shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .testimonial-seven__title-box { position: relative; display: block; margin-bottom: 53px; } .testimonial-seven__sub-title { font-size: 18px; color: var(--insur-primary); text-transform: uppercase; font-weight: 500; line-height: 18px; margin-bottom: 22px; } .testimonial-seven__title-two { font-size: 42px; color: var(--insur-white); font-weight: 700; line-height: 42px; } .testimonial-seven__main-tab-box { position: relative; display: block; } .testimonial-seven__main-tab-box .tab-buttons { position: absolute; display: flex; flex-direction: column; flex-wrap: wrap; top: 0; left: -110px; } .testimonial-seven__main-tab-box .tab-buttons .tab-btn { position: relative; display: inline-block; } .testimonial-seven__main-tab-box .tab-buttons .tab-btn + .tab-btn { margin-top: 20px; } .testimonial-seven__main-tab-box .tab-buttons .tab-btn .icon-box { position: relative; display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; border-radius: 50%; background-color: var(--insur-base); cursor: pointer; z-index: 1; } .testimonial-seven__main-tab-box .tab-buttons .tab-btn .icon-box:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; border-radius: 50%; background-color: var(--insur-primary); transform: scale(0); transform-style: preserve-3d; transition: all .4s cubic-bezier(.62, .21, .45, 1.52); z-index: -1; } .testimonial-seven__main-tab-box .tab-buttons .tab-btn:hover .icon-box:after, .testimonial-seven__main-tab-box .tab-buttons .tab-btn.active-btn .icon-box:after { transform: scale(1); } .testimonial-seven__main-tab-box .tab-buttons .tab-btn .icon-box span { position: relative; display: inline-block; font-size: 25px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-seven__main-tab-box .tab-buttons .tab-btn:hover .icon-box span, .testimonial-seven__main-tab-box .tab-buttons .tab-btn.active-btn .icon-box span { color: var(--insur-white); } .testimonial-seven__main-tab-box .tabs-content { position: relative; display: block; } .testimonial-seven__main-tab-box .tabs-content .tab { position: relative; display: none; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); transform: translateY(35px); -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; z-index: 10; } .testimonial-seven__main-tab-box .tabs-content .tab.active-tab { display: block; margin-top: 0px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .testimonial-seven__content { position: relative; display: block; } .testimonial-seven__form { position: relative; display: block; } .testimonial-seven__content-box { position: relative; display: block; } .testimonial-seven__input-box { position: relative; display: block; margin-bottom: 10px; } .testimonial-seven__input-box input[type=text], .testimonial-seven__input-box input[type=email] { height: 60px; width: 100%; border: 0; background-color: var(--insur-white); outline: none; font-size: 16px; color: var(--insur-gray); font-weight: 400; padding: 0 30px 0; } .testimonial-seven__input-box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; width: 100% !important; } .testimonial-seven__input-box .bootstrap-select > .dropdown-toggle::after { display: none; } .testimonial-seven__input-box .bootstrap-select > .dropdown-toggle { position: relative; height: 60px; outline: none !important; border-radius: 0; border: 0; background-color: var(--insur-white) !important; margin: 0; padding: 0; padding-left: 30px; padding-right: 30px; color: var(--insur-gray) !important; font-size: 16px; line-height: 60px; font-weight: 400; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .testimonial-seven__input-box .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 30px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 14px; color: var(--insur-gray); } .testimonial-seven__input-box .bootstrap-select .dropdown-menu > li.selected > a { background: var(--insur-black); } .testimonial-seven__input-box .bootstrap-select .dropdown-menu > li > a:hover { background: var(--insur-white); color: var(--insur-base); cursor: pointer; } .testimonial-seven__input-box .bootstrap-select .dropdown-menu { border-radius: 0; } .testimonial-seven__progress { position: relative; display: block; padding-top: 4px; } .testimonial-seven__progress-title { font-size: 16px; font-weight: 500; line-height: 26px; margin-bottom: 2px; color: var(--insur-white); } .testimonial-seven__progress .bar { position: relative; width: 100%; height: 8px; background-color: #fff; border-radius: 4px; } .testimonial-seven__progress .bar-inner { position: relative; display: block; width: 0px; height: 8px; border-radius: 4px; background-color: var(--insur-base); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease; } .testimonial-seven__progress .count-text { position: absolute; right: 0px; bottom: 11px; color: var(--insur-white); line-height: 24px; font-size: 16px; text-align: center; font-weight: 500; opacity: 0; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; -moz-transition: all 500ms ease; transition: all 500ms ease; } .testimonial-seven__progress .bar-inner.counted .count-text { opacity: 1; } .testimonial-seven__progress .bar.marb-0 { margin-bottom: 0; } .testimonial-seven__content-bottom { position: relative; display: block; margin-top: 30px; } .testimonial-seven__btn { border: none; padding: 18px 45px 16px; font-family: var(--insur-font-three); } .testimonial-seven__btn:before { background-color: var(--insur-primary); } .testimonial-seven__btn:after { background-color: var(--insur-primary); } /*-------------------------------------------------------------- # Process Two --------------------------------------------------------------*/ .process-two { position: relative; display: block; counter-reset: count; padding: 120px 0 90px; z-index: 1; } .process-two .section-title-five { margin-bottom: 69px; } .process-two__inner { position: relative; display: block; } .process-two__list { position: relative; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .process-two__list li { position: relative; display: block; } .process-two__list li::before { content: ""; position: absolute; top: 28px; right: -82px; bottom: 54px; width: 1px; background-color: rgba(117, 126, 130, .5); } .process-two__list li:last-child:before { display: none; } .process-two__single { position: relative; display: block; text-align: center; margin-bottom: 22px; } .process-two__arrow { position: absolute; top: 130px; right: -100px; } .process-two__arrow i { position: relative; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 17px; color: rgba(117, 126, 130, .5); border: 1px solid rgba(117, 126, 130, .5); background-color: var(--insur-white); } .process-two__img-border { position: relative; display: flex; align-items: center; justify-content: center; width: 270px; height: 270px; border: 1px solid var(--insur-primary); border-radius: 50%; margin: 0 auto; } .process-two__img { position: relative; display: block; width: 230px; border-radius: 50%; overflow: hidden; } .process-two__img::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: rgba(var(--insur-black-rgb), .7); transform: scale(1); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .process-two__single:hover .process-two__img::before { transform: scale(0); } .process-two__img::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: rgba(var(--insur-base-rgb), .7); transform: scale(0); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .process-two__single:hover .process-two__img::after { transform: scale(1); } .process-two__img img { width: 100%; border-radius: 50%; } .process-two__count { position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; } .process-two__count:before { position: absolute; font-size: 48px; line-height: 48px; font-weight: 700; counter-increment: count; content: "0" counter(count); color: transparent; -webkit-text-stroke: 1px var(--insur-white); } .process-two__title { font-size: 22px; font-weight: 700; line-height: 30px; margin-top: 30px; margin-bottom: 18px; } .process-two__text { color: rgba(117, 126, 130, .5); font-size: 16px; font-weight: 500; line-height: 30px; } .process-two__btn { position: relative; display: inline-block; margin-top: 26px; } .process-two__btn a { position: relative; display: flex; align-items: center; justify-content: center; font-size: 14px; text-transform: capitalize; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .process-two__btn a:hover { color: var(--insur-primary); } .process-two__btn a span { position: relative; display: inline-block; font-size: 14px; color: var(--insur-primary); margin-right: 10px; } /*-------------------------------------------------------------- # Cta Six --------------------------------------------------------------*/ .cta-six .cta-five__shape-1 { background: rgba(255, 255, 255, .05); } .cta-six .cta-five__shape-2 { background: rgba(255, 255, 255, .05); } .cta-six .cta-five__subscribe-btn { padding: 19px 32px 17px; background-color: #023a51; } /*-------------------------------------------------------------- # Navigations Six --------------------------------------------------------------*/ .main-header-six { position: relative; display: block; width: 100%; transition: all 500ms ease; z-index: 999; } .main-header-six__top { position: relative; display: block; background-color: var(--insur-black); } .main-header-six__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 0px 200px 0px; padding-left: 640px; z-index: 1; } .main-header-six__top-shape-1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; background-position: center; opacity: .05; z-index: -1; } .main-header-six__top-address { position: relative; display: block; padding: 15px 0; margin-right: 0px; } .main-header-six__top-address-list { position: relative; display: flex; align-items: center; } .main-header-six__top-address-list li { position: relative; display: flex; align-items: center; } .main-header-six__top-address-list li:before { content: ""; position: absolute; top: 0; bottom: 0; left: -40px; width: 1px; background-color: rgba(var(--insur-white-rgb), .2); } .main-header-six__top-address-list li:first-child:before { display: none; } .main-header-six__top-address-list li + li { margin-left: 80px; } .main-header-six__top-address-list li .icon { position: relative; display: flex; align-items: center; } .main-header-six__top-address-list li .icon span { font-size: 20px; color: var(--insur-base); } .main-header-six__top-address-list li .text { margin-left: 15px; } .main-header-six__top-address-list li .text p { font-size: 15px; color: var(--insur-white); line-height: 15px; font-weight: 500; } .main-header-six__top-address-list li .text p a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-six__top-address-list li .text p a:hover { color: var(--insur-base); } .main-header-six__top-right { position: relative; display: flex; align-items: center; flex-wrap: wrap; background-color: rgba(var(--insur-white-rgb), .2); padding: 12px 30px; padding-right: 50px; } .main-header-six__top-right:before { content: ""; position: absolute; top: 0; bottom: 0; right: 15px; width: 5px; background-color: var(--insur-black); } .language-switcher { position: relative; display: flex; align-items: center; } .language-switcher .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 90px; } .language-switcher .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) span img { margin-right: 10px; } .language-switcher .bootstrap-select .dropdown-menu { min-width: 120px; border-radius: 0; } .language-switcher .bootstrap-select .dropdown-menu > li > a { padding: 7px 10px; font-size: 14px; } .language-switcher .bootstrap-select .dropdown-menu > li.selected > a { background: var(--insur-primary); color: #00cde5; } .language-switcher .bootstrap-select > .dropdown-toggle { color: var(--insur-white); font-size: 15px; font-weight: 500; border: 0; padding: 0; line-height: 0; border-radius: 0; background-color: transparent; } .language-switcher .bootstrap-select > .dropdown-toggle::after { color: var(--insur-white); font-size: 12px; margin: 0; border: none; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; } .main-header-six__top-social { position: relative; display: flex; align-items: center; margin-left: 40px; } .main-header-six__top-social:before { content: ""; position: absolute; top: 0; bottom: 0; left: -20px; width: 1px; background-color: rgba(18, 18, 18, .5); } .main-header-six__top-social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-six__top-social a:hover { color: var(--insur-base); } .main-header-six__top-social a + a { margin-left: 15px; } .main-menu-six__wrapper { position: relative; display: block; } .main-menu-six__wrapper-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding-left: 640px; padding-right: 200px; } .main-menu-six__left { display: flex; align-items: center; flex-wrap: wrap; } .main-menu-six__logo-box { position: absolute; top: -50px; left: 200px; bottom: 0; padding-right: 140px; background-color: var(--insur-base); display: flex; align-items: center; justify-content: center; z-index: 1; } .main-menu-six__logo { position: absolute; top: 0; left: 0; bottom: 0; padding-right: 140px; background-color: var(--insur-base); display: flex; align-items: center; justify-content: center; clip-path: polygon(0 0, 78% 0, 100% 100%, 0% 100%); z-index: 1; } .main-menu-six__logo-box:before { content: ""; position: absolute; top: 0; left: -10000000px; right: -140px; bottom: 0; background-color: var(--insur-base); z-index: -1; } .main-menu-six__main-menu-box { display: block; } .main-menu-six__right { display: block; } .main-menu-six__search-user-get-quote-btn { position: relative; display: flex; align-items: center; padding: 19px 0; } .main-menu-six__search-box { position: relative; display: flex; align-items: center; } .main-menu-six__search { position: relative; display: flex; align-items: center; font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-six__search:hover { color: var(--insur-base); } .main-menu-six__user { position: relative; display: flex; align-items: center; margin-left: 35px; margin-right: 35px; } .main-menu-six__user a { position: relative; display: flex; align-items: center; font-size: 20px; color: var(--insur-black); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-six__user a:hover { color: var(--insur-base); } .main-menu-six__get-quote-btn { text-transform: uppercase; } .main-menu-six__get-quote-btn span { top: 0; } .stricky-header .main-menu-six__logo-box { top: 0; } .main-menu-six .main-menu__list > li, .stricky-header.main-menu-six .main-menu__list > li { padding-top: 37px; padding-bottom: 37px; } .main-menu-six .main-menu__list > li + li, .stricky-header.main-menu-six .main-menu__list > li + li { margin-left: 50px; } .main-menu-six .main-menu__list > li > a, .stricky-header.main-menu-six .main-menu__list > li > a { font-size: 16px; font-weight: 500; color: var(--insur-black); font-family: var(--insur-font); letter-spacing: 0; } .main-menu-six .main-menu__list > li.current > a, .main-menu-six .main-menu__list > li:hover > a, .stricky-header.main-menu-six .main-menu__list > li.current > a, .stricky-header.main-menu-six .main-menu__list > li:hover > a { color: var(--insur-black); text-shadow: 1px 0 0 rgba(2, 58, 81, .8); } .main-menu-six .main-menu__list > li > ul, .main-menu-six .main-menu__list > li > ul > li > ul, .stricky-header.main-menu-six .main-menu__list > li > ul, .stricky-header.main-menu-six .main-menu__list > li > ul > li > ul { top: 100%; } .main-menu-six .main-menu__list > li > a::before, .stricky-header.main-menu-six .main-menu__list > li > a::before { display: none; } /*-------------------------------------------------------------- # Navigations Seven --------------------------------------------------------------*/ .main-header-seven { position: relative; display: block; width: 100%; transition: all 500ms ease; z-index: 999; } .main-header-seven__top { position: relative; display: block; background-color: var(--insur-black); } .main-header-seven__top .container { max-width: 1440px; } .main-header-seven__top-inner { position: relative; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; z-index: 1; } .main-header-seven__top-address { position: relative; display: block; padding: 15px 0; } .main-header-seven__top-address-list { position: relative; display: flex; align-items: center; } .main-header-seven__top-address-list li { position: relative; display: flex; align-items: center; } .main-header-seven__top-address-list li:before { content: ""; position: absolute; top: 0; bottom: 0; left: -40px; width: 1px; background-color: rgba(var(--insur-white-rgb), .2); } .main-header-seven__top-address-list li:first-child:before { display: none; } .main-header-seven__top-address-list li + li { margin-left: 80px; } .main-header-seven__top-address-list li .icon { position: relative; display: flex; align-items: center; } .main-header-seven__top-address-list li .icon span { font-size: 20px; color: var(--insur-primary); } .main-header-seven__top-address-list li .text { margin-left: 15px; } .main-header-seven__top-address-list li .text p { font-size: 15px; color: var(--insur-white); line-height: 15px; font-weight: 500; font-family: var(--insur-font-three); } .main-header-seven__top-address-list li .text p a { color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-seven__top-address-list li .text p a:hover { color: var(--insur-primary); } .main-header-seven__top-right { position: relative; display: flex; align-items: center; flex-wrap: wrap; } .main-header-seven__solicl-title { font-size: 15px; color: var(--insur-white); font-weight: 500; font-family: var(--insur-font-three); line-height: 15px; } .main-header-seven__top-social { position: relative; display: flex; align-items: center; margin-left: 25px; } .main-header-seven__top-social a { position: relative; display: flex; align-items: center; font-size: 15px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-header-seven__top-social a:hover { color: var(--insur-primary); } .main-header-seven__top-social a + a { margin-left: 15px; } .main-menu-seven__wrapper { position: relative; display: block; } .main-menu-seven__wrapper .container { max-width: 1440px; } .main-menu-seven__wrapper-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .main-menu-seven__left { display: flex; align-items: center; flex-wrap: wrap; } .main-menu-seven__logo { display: block; padding: 24.5px 0; z-index: 1; } .main-menu-seven__main-menu-box { display: block; } .main-menu-seven__right { display: block; } .main-menu-seven__search-get-quote-btn { position: relative; display: flex; align-items: center; padding: 19px 0; } .main-menu-seven__search-box { position: relative; display: flex; align-items: center; margin-right: 70px; } .main-menu-seven__search { position: relative; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--insur-primary); height: 62px; width: 62px; background-color: #f6f6f6; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-menu-seven__search:hover { color: var(--insur-white); background-color: var(--insur-primary); } .main-menu-seven__get-quote-btn { text-transform: uppercase; background-color: var(--insur-primary); } .main-menu-seven__get-quote-btn span { top: 0; } .stricky-header .main-menu-seven__logo-box { top: 0; } .main-menu-seven .main-menu__list > li, .stricky-header.main-menu-seven .main-menu__list > li { padding-top: 37px; padding-bottom: 37px; } .main-menu-seven .main-menu__list > li + li, .stricky-header.main-menu-seven .main-menu__list > li + li { margin-left: 50px; } .main-menu-seven .main-menu__list > li > a, .stricky-header.main-menu-seven .main-menu__list > li > a { font-size: 16px; font-weight: 500; color: var(--insur-black); font-family: var(--insur-font); letter-spacing: 0; } .main-menu-seven .main-menu__list > li.current > a, .main-menu-seven .main-menu__list > li:hover > a, .stricky-header.main-menu-seven .main-menu__list > li.current > a, .stricky-header.main-menu-seven .main-menu__list > li:hover > a { color: var(--insur-black); text-shadow: 1px 0 0 rgba(24, 24, 24, .8); } .main-menu-seven .main-menu__list > li > ul, .main-menu-seven .main-menu__list > li > ul > li > ul, .stricky-header.main-menu-seven .main-menu__list > li > ul, .stricky-header.main-menu-seven .main-menu__list > li > ul > li > ul { top: 100%; } .main-menu-seven .main-menu__list > li > a::before, .stricky-header.main-menu-seven .main-menu__list > li > a::before { display: none; } /*-------------------------------------------------------------- # Main Slider Six --------------------------------------------------------------*/ .main-slider-six { position: relative; display: block; z-index: 91; } .main-slider-six .swiper-slide { position: relative; background-color: var(--insur-extra); } .main-slider-six .container { position: relative; padding-top: 190px; padding-bottom: 204px; z-index: 30; } .main-slider-six .image-layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease; transition: transform 7000ms ease, opacity 1500ms ease-in; transition: transform 7000ms ease, opacity 1500ms ease-in, -webkit-transform 7000ms ease; z-index: 1; } .main-slider-six .swiper-slide-active .image-layer { -webkit-transform: scale(1.15); transform: scale(1.15); } .main-slider-six .image-layer:before { position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; background: linear-gradient(90deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .2) 46.88%, rgba(18, 18, 18, 0) 100%); z-index: -1; } .main-slider-six__content { position: relative; display: block; text-align: left; } .main-slider-six__title { position: relative; font-size: 70px; color: var(--insur-white); font-weight: 800; line-height: 78px; letter-spacing: 0; margin-bottom: 19px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-six__text { font-size: 18px; color: var(--insur-white); font-weight: 500; letter-spacing: 0; line-height: 30px; opacity: .78; opacity: 0; padding-bottom: 31px; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-six .swiper-slide-active .main-slider-six__text { visibility: visible; opacity: .78; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-six__btn-box { position: relative; display: block; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-six .swiper-slide-active .main-slider-six__title, .main-slider-six .swiper-slide-active .main-slider-six__btn-box { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-six__nav { position: absolute; top: 42%; right: 0; left: 0; z-index: 100; transform: translateY(-50%) translateX(0); display: flex; align-items: flex-end; flex-direction: column; max-width: 1350px; width: 100%; margin: 0 auto; padding: 0 15px; line-height: 0; height: 0; } .main-slider-six__nav .swiper-button-next, .main-slider-six__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; font-size: 18px; color: var(--insur-base); background-color: var(--insur-white); border-radius: 50%; padding: 26px 0; margin: 0; text-align: center; transition: all 500ms ease; } .main-slider-six__nav .swiper-button-next:hover, .main-slider-six__nav .swiper-button-prev:hover { color: var(--insur-white); background-color: var(--insur-base); } .main-slider-six__nav .swiper-button-next::after, .main-slider-six__nav .swiper-button-prev::after { display: none; } .main-slider-six__nav .swiper-button-prev { margin-bottom: 10px; } /*-------------------------------------------------------------- # Main Slider Seven --------------------------------------------------------------*/ .main-slider-seven { position: relative; display: block; z-index: 91; } .main-slider-seven .swiper-slide { position: relative; background-color: var(--insur-extra); } .main-slider-seven .container { position: relative; padding-top: 247px; padding-bottom: 340px; z-index: 1; } .main-slider-seven__bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; } .main-slider-seven__bg:before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 90px; background-color: var(--insur-white); z-index: -1; } .main-slider-seven__shape-bg { position: absolute; top: 0; bottom: 90px; right: 0; width: 515px; z-index: 1; background-color: var(--insur-base); background-repeat: no-repeat; background-position: center; background-size: cover; } .main-slider-seven__img { position: absolute; top: 100px; right: 205px; transform: translateX(500px); opacity: 0; z-index: 2; } .main-slider-seven .swiper-slide-active .main-slider-seven__img { opacity: 1; transform: translate(0); transition-delay: 2500ms; transition: transform 2000ms ease, opacity 2000ms ease, color 500ms ease, background 500ms ease; } .main-slider-seven__img img { width: auto; } .main-slider-seven__support { position: absolute; bottom: 163px; left: -250px; background-color: var(--insur-white); display: flex; align-items: center; padding: 30px 40px 30px; z-index: 2; } .main-slider-seven__support-icon { position: relative; display: flex; align-items: center; justify-content: center; height: 60px; width: 60px; background-color: var(--insur-base); border-radius: 50%; font-size: 24px; color: var(--insur-white); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-slider-seven__support-icon:hover { background-color: var(--insur-primary); } .main-slider-seven__support-content { margin-left: 20px; } .main-slider-seven__support-title { font-size: 28px; line-height: 28px; font-weight: 400; margin-bottom: 12px; } .main-slider-seven__support-number { font-size: 16px; color: var(--insur-gray); line-height: 16px; } .main-slider-seven__support-number a { color: var(--insur-base); -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-slider-seven__support-number a:hover { color: var(--insur-primary); } .main-slider-seven__shape-1 { position: absolute; top: 126px; left: 129px; z-index: 1; } .main-slider-seven__shape-1 img { width: auto; } .main-slider-seven__content { position: relative; display: block; } .main-slider-seven__title { position: relative; font-size: 65px; color: var(--insur-black); font-weight: 700; line-height: 67px; letter-spacing: 0; margin-bottom: 17px; opacity: 0; visibility: hidden; -webkit-transform: translateY(-120px); transform: translateY(-120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-seven__title span { color: var(--insur-base); } .main-slider-seven__text { font-size: 18px; color: var(--insur-gray); font-weight: 400; letter-spacing: 0; line-height: 30px; opacity: .78; opacity: 0; padding-bottom: 31px; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-seven .swiper-slide-active .main-slider-seven__text { visibility: visible; opacity: .78; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-seven__email { position: relative; display: block; max-width: 530px; width: 100%; opacity: 0; visibility: hidden; -webkit-transform: translateY(120px); transform: translateY(120px); -webkit-transition-delay: 1000ms; transition-delay: 1000ms; -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: opacity 2000ms ease, -webkit-transform 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease; transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease; } .main-slider-seven__email-box { position: relative; display: block; } .main-slider-seven__email-input-box { position: relative; display: block; } .main-slider-seven__email-input-box input[type=email] { height: 62px; width: 100%; background-color: var(--insur-white); outline: none; font-size: 15px; border: none; padding-left: 60px; padding-right: 160px; color: var(--insur-gray); } .main-slider-seven__contact-btn { border: none; background-color: var(--insur-base); position: absolute; top: 7px; bottom: 7px; right: 7px; font-size: 16px; line-height: 16px; color: var(--insur-white); font-weight: 500; padding: 18px 30px 18px; -webkit-transition: all 500ms ease; transition: all 500ms ease; } .main-slider-seven__contact-btn:hover { background-color: var(--insur-primary); } .main-slider-seven__email-icon { position: absolute; top: 57%; left: 30px; transform: translateY(-50%); } .main-slider-seven__email-icon span { font-size: 20px; color: var(--insur-gray); } .main-slider-seven .swiper-slide-active .main-slider-seven__title, .main-slider-seven .swiper-slide-active .main-slider-seven__email { visibility: visible; opacity: 1; -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); } .main-slider-seven__nav { position: absolute; top: 40%; right: 0; left: 0; z-index: 100; transform: translateY(-50%) translateX(0); display: flex; align-items: flex-end; flex-direction: column; width: 100%; margin: 0 auto; padding: 0 70px; line-height: 0; height: 0; } .main-slider-seven__nav .swiper-button-next, .main-slider-seven__nav .swiper-button-prev { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; padding: 0; margin: 0; font-size: 25px; color: var(--insur-white); display: flex; align-items: center; transition: all 500ms ease; } .main-slider-seven__nav .swiper-button-next:hover, .main-slider-seven__nav .swiper-button-prev:hover { color: var(--insur-white); } .main-slider-seven__nav .swiper-button-prev span { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background-color: rgba(var(--insur-white-rgb), .2); border-radius: 50%; font-size: 14px; line-height: 14px; padding: 0 11px; margin-right: 10px; } .main-slider-seven__nav .swiper-button-next span { position: relative; display: flex; align-items: center; justify-content: center; height: 50px; width: 50px; background-color: rgba(var(--insur-white-rgb), .2); border-radius: 50%; font-size: 14px; line-height: 14px; padding: 0 11px; margin-left: 10px; } .main-slider-seven__nav .swiper-button-next::after, .main-slider-seven__nav .swiper-button-prev::after { display: none; } .main-slider-seven__nav .swiper-button-prev { margin-bottom: 10px; } .cta-five__subscribe-btn { padding: 23px 38px 23px; } .language-switcher { margin-right: -14px; } .language-switcher .gtranslate_wrapper .gt_switcher { width: 120px; } .language-switcher .gtranslate_wrapper .gt_switcher .gt_option { position: absolute; left: 0; top: 100%; width: 120px; border: none; background-color: transparent; } .language-switcher .gtranslate_wrapper .gt_switcher .gt_option a { background: var(--insur-base); color: var(--insur-white); font-family: var(--insur-font); font-size: 14px; line-height: 21px; padding: 5px 5px; } .language-switcher .gtranslate_wrapper .gt_switcher .gt_option a:hover { background: var(--insur-black); color: var(--insur-white); } .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected { background: transparent; } .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a { border: none; font-family: var(--insur-font); font-size: 14px; line-height: 21px; color: #888; } .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a:hover { background: transparent; } .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a::after { width: 8px; top: -1px; right: 15px; } .language-switcher .gtranslate_wrapper .gt_switcher a img { border-radius: 50%; width: 16px; height: 16px; object-fit: cover; margin-right: 5px; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher { width: 90px; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_option { position: absolute; left: 0; top: 100%; width: 90px; border: none; background-color: transparent; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_option a { background: var(--insur-base); color: var(--insur-white); font-family: "Outfit", sans-serif; font-size: 14px; line-height: 21px; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_option a:hover { background: var(--insur-black); color: var(--insur-white); } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected { background: transparent; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a { border: none; font-family: "Outfit", sans-serif; font-size: 14px; line-height: 21px; color: #fff; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a:hover { background: transparent; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher .gt_selected a::after { width: auto; height: auto; top: 4px; right: 5px; background-image: none; content: "" !important; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 13px; transform-origin: center center; } .main-header-six .language-switcher .gtranslate_wrapper .gt_switcher a img { border-radius: 50%; width: 16px; height: 16px; object-fit: cover; margin-right: 5px; } .elementor .main-menu-six__logo img { max-width: none; } .site-footer-four__bottom-text { font-family: "Outfit", sans-serif; } .footer-widget-four__news-list::before, .footer-widget-four__contact-list::before, .footer-widget-four__services-list::before { content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 4px; background-color: var(--insur-base); } .footer-widget-four__news-list::after, .footer-widget-four__contact-list::after, .footer-widget-four__services-list::after { content: ""; position: absolute; top: 0; left: 0; width: 10px; height: 4px; background-color: var(--insur-white); } .main-header-six .custom-container { padding-right: 200px; } /* woorommerce --------------------------------------------- */ /** * Star rating */ .star-rating { overflow: hidden; position: relative; height: 1.618em; line-height: 1.618; width: 6.5em; font-family: star; font-weight: 400; } .star-rating::before { content: "SSSSS"; opacity: .25; float: left; top: 0; left: 0; position: absolute; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } .star-rating span::before { content: "SSSSS"; top: 0; position: absolute; left: 0; color: var(--insur-primary); } p.stars a { position: relative; height: 1em; width: 1em; text-indent: -999em; display: inline-block; text-decoration: none; margin-right: 1px; font-weight: 400; } p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 1em; height: 1em; line-height: 1; font-family: star; content: "S"; color: #404040; text-indent: 0; opacity: .25; } p.stars a:hover ~ a::before { content: "S"; color: #404040; opacity: .25; } p.stars:hover a::before { content: "S"; color: var(--insur-primary); opacity: 1; } p.stars.selected a.active::before { content: "S"; color: var(--insur-primary); opacity: 1; } p.stars.selected a.active ~ a::before { content: "S"; color: #404040; opacity: .25; } p.stars.selected a:not(.active)::before { content: "S"; color: var(--insur-primary); opacity: 1; } .star-rating span:before, .star-rating::before, p.stars a:hover:after, p.stars a:after { color: var(--insur-primary) !important; letter-spacing: 5px; } .sidebar .widget_rating_filter .star-rating { display: block; color: var(--insur-primary); font-size: 16px; } .woocommerce-ordering { float: right; } .woocommerce-pagination { overflow: hidden; width: 100%; } .woocommerce div.product div.images.woocommerce-product-gallery { position: relative; } @media screen and (min-width: 992px) { .product-content { margin-top: 25px; } } .woocommerce div.product div.images .woocommerce-product-gallery__wrapper { -webkit-transition: all cubic-bezier(.795, -.035, 0, 1) .5s; transition: all cubic-bezier(.795, -.035, 0, 1) .5s; margin: 0; padding: 0; } .woocommerce div.product div.summary { margin-bottom: 2em; } a.woocommerce-product-gallery__trigger img { display: none !important; } .woocommerce-product-gallery__trigger::after { position: absolute; content: ""; font-family: "Flaticon" !important; font-size: 16px; color: #222429; top: -20px; right: 0; } .woocommerce .woocommerce-product-rating .star-rating { margin-right: 10px; float: left; } .comment-form-rating { display: block; overflow: hidden; margin-bottom: 23px; } label.rate-this-pro { float: left; margin-right: 10px; } .comment-form-rating p.stars { padding-top: 5px; } .product__card { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } @media (max-width: 991px) { .product__card { grid-template-columns: repeat(1, 1fr); } .single-product div.product .woocommerce-product-gallery { grid-column-start: 1; grid-column-end: 3; width: 100%; } } .woocommerce-cart .woocommerce { padding-top: 70px; padding-bottom: 105px; } .woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto; } .shop_table .product-thumbnail img { max-width: 120px; } .shop_table .product-subtotal .amount, .shop_table .amount { font-family: var(--insur-font); font-size: 16px; color: #686a6f; font-weight: 400; } .shop_table .coupon label { display: none; } .shop_table tr { position: relative; } table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th:last-child { margin-left: 0; padding-left: 0; } .shop_table tbody tr { border: 1px solid #e9ebee; border-left: 0; border-right: 0; } .shop_table td { border: 0; } .woocommerce-order-details .shop_table td, .order_details.shop_table tfoot tr th { border: 1px solid #e9ebee; } .woocommerce-checkout-review-order-table thead tr { border-top: 1px solid #e9ebee; border-bottom: 1px solid #e9ebee; } .woocommerce-cart-form .shop_table tbody tr:last-child, .woocommerce-checkout-review-order-table tbody tr, .cart_totals .shop_table tbody tr, .cart_totals .shop_table tbody th, .woocommerce-checkout .shop_table tfoot th { border: 0; } .woocommerce-checkout-review-order-table tbody td.product-name, .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name a { text-transform: capitalize; } .woocommerce-order-details .woocommerce-table--order-details tbody tr td.product-name a { font-size: 16px; } .woocommerce-view-order .woocommerce-order-details .woocommerce-table--order-details tbody tr td { padding-left: 10px; } .woocommerce-order-details .woocommerce-table--order-details tfoot th { color: var(--insur-black); font-size: 20px; font-weight: 700; font-family: var(--insur-font); } .woocommerce-checkout .shop_table tfoot tr:last-child { border-bottom: 1px solid #e9ebee; } .woocommerce-checkout .shop_table td { padding: 10px; padding-left: 20px; } .cart_totals .shop_table td, .cart_totals .shop_table th { padding-top: 10px; padding-bottom: 10px; } form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .cart_item .product-name, form.woocommerce-checkout .shop_table tfoot tr th, .woocommerce-checkout .shop_table .amount { font-family: var(--insur-font); color: var(--insur-gray); font-size: 16px; font-weight: 400; } /** * Checkout */ @media screen and (min-width: 768px) { .col2-set .form-row-first { float: left; margin-right: 3.8%; } .col2-set .form-row-last { float: right; margin-right: 0; } .col2-set .form-row-first, .col2-set .form-row-last { width: 48.1%; } } /** * Password strength meter */ .woocommerce-password-strength { text-align: right; } .woocommerce-password-strength.strong { color: #0f834d; } .woocommerce-password-strength.short { color: #e2401c; } .woocommerce-password-strength.bad { color: #e2401c; } .woocommerce-password-strength.good { color: #3d9cd2; } /** * Forms */ .form-row.woocommerce-validated input.input-text { box-shadow: inset 2px 0 0 #0f834d; } .form-row.woocommerce-invalid input.input-text { box-shadow: inset 2px 0 0 #e2401c; } .required { color: #f00; } /** * WooCommerce widgets */ .sidebar__single.shop-one__sidebar__item { background-color: #fff; } .sidebar .wc-block-product-search .wc-block-product-search__fields { display: inline-flex; } .sidebar .wc-block-product-search .wc-block-product-search__field { max-width: 170px; } /** * WooCommerce Price Filter */ .widget_price_filter .price_slider { margin-bottom: 1.5em; } .widget_price_filter .price_slider_amount { text-align: right; line-height: 2.4; } .widget_price_filter .price_slider_amount .button { float: left; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1em; height: 1em; cursor: ew-resize; outline: none; background: var(--insur-primary); box-sizing: border-box; margin-top: -.25em; opacity: 1; top: -4px; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -1em; } .widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active { box-shadow: 0 0 0 .25em rgba(0, 0, 0, .1); } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; background: var(--insur-primary); } .widget_price_filter .price_slider_wrapper .ui-widget-content { background: rgba(0, 0, 0, .1); } .widget_price_filter .ui-slider-horizontal { height: .5em; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 100%; } .sidebar .widget_product_search .searchform { position: relative; margin: 0px; } .sidebar .widget_product_search .searchform input[type=text], .sidebar .widget_product_search .searchform input[type=search] { position: relative; line-height: 40px; padding: 19px 80px 19px 35px; background: #f4f5f8; color: #222429; display: block; font-size: 14px; font-weight: 300; letter-spacing: 0px; width: 100%; height: 60px; border: 1px solid #f4f5f8; font-family: var(--insur-font); transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .sidebar .widget_product_search .searchform input:focus { border-color: #222429; } .sidebar .widget_product_search .searchform button { position: absolute; right: 10px; top: 3px; border: none; outline: none; padding: 0; height: 60px; width: 60px; line-height: 60px; display: block; font-size: 18px; color: #222429; background: none; font-weight: normal; } .sidebar .widget_product_search .searchform input:focus + button, .sidebar .widget_product_search .searchform button:hover { color: #181b1f; } .sidebar .wc-block-product-search__button { border: 1px solid; border-color: var(--insur-primary); border-radius: 3px; background: var(--insur-primary); color: var(--insur-base); line-height: 1; padding: .6em 1em .4em; } .woocommerce-MyAccount-navigation ul, .sidebar .widget_product_categories ul, .sidebar .woocommerce-widget-layered-nav ul { position: relative; margin-top: -9px; } .woocommerce-MyAccount-navigation ul li, .sidebar .widget_product_categories ul li, .sidebar .woocommerce-widget-layered-nav ul li { position: relative; line-height: 30px; font-size: 20px; font-size: 16px; letter-spacing: 1px; letter-spacing: 0; text-transform: capitalize; color: var(--thm-text); font-weight: 300; font-weight: 400; margin-bottom: 15px; font-family: var(--insur-font); } .woocommerce-MyAccount-navigation ul li:last-child, .sidebar .widget_product_categories ul li:last-child, .sidebar .woocommerce-widget-layered-nav ul li:last-child { margin-bottom: 0; } .woocommerce-MyAccount-navigation ul li a, .sidebar .widget_product_categories ul li a, .sidebar .woocommerce-widget-layered-nav ul li a { position: relative; display: inline-block; line-height: 30px; font-size: 20px; font-size: 16px; letter-spacing: 1px; letter-spacing: 0; text-transform: capitalize; color: var(--thm-text); font-weight: 300; font-weight: 400; transition: all .3s ease; z-index: 1; font-family: var(--insur-font); } .woocommerce-MyAccount-navigation ul li > a:hover, .sidebar .widget_product_categories ul li > a:hover, .sidebar .woocommerce-widget-layered-nav ul li > a:hover, .sidebar .widget_product_categories ul li.active > a, .sidebar .woocommerce-widget-layered-nav ul li.active > a { color: #222429; text-shadow: 0 0 1px #222429; } .woocommerce-MyAccount-navigation ul ul, .sidebar .widget_product_categories ul ul, .sidebar .woocommerce-widget-layered-nav ul ul { margin-top: 15px; } .woocommerce-MyAccount-navigation ul li::after, .sidebar .widget_product_categories ul li:after, .sidebar .woocommerce-widget-layered-nav ul li:after { position: absolute; right: 0; top: -1px; font-family: "Flaticon"; content: ""; opacity: 1; font-size: 10px; line-height: 30px; font-weight: 700; z-index: 1; } .sidebar .widget_price_filter .ui-slider-horizontal { height: 4px; } .sidebar .widget_price_filter .ui-slider .ui-slider-handle { width: 14px; height: 14px; border-radius: 50%; border: none; margin-top: -1px; margin-left: -1.5px; } .sidebar .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -13px; } .sidebar .widget_price_filter .theme-btn { border-radius: 5px; } .sidebar .widget_price_filter .theme-btn .btn-title { padding: 7px 21px 3px; font-size: 16px; } .widget_price_filter .price_slider_amount { display: flex; flex-direction: row-reverse; text-align: left; } .widget_price_filter .clear { display: none; } .widget_price_filter .price_label { margin-right: auto; padding-top: 3px; } .sidebar .widget_price_filter .price_slider_amount { font-family: var(--insur-font); font-size: 16px; font-weight: 400; color: var(--thm-text); } .sidebar .widget_rating_filter .star-rating { display: block; color: var(--insur-base); font-size: 16px; } .sidebar .widget_rating_filter a { display: flex; justify-content: space-between; align-items: center; color: #222429; } .sidebar .widget_rating_filter ul { margin-top: -10px; } .sidebar .widget_recently_viewed_products li + li, .sidebar .widget_recent_reviews li + li, .sidebar .widget_products li + li { margin-top: 20px; overflow: hidden; } .sidebar .widget_recently_viewed_products li .size-woocommerce_thumbnail, .sidebar .widget_recent_reviews li .size-woocommerce_thumbnail, .sidebar .widget_products li .size-woocommerce_thumbnail { width: 60px; float: left; margin-right: 30px; } .sidebar .widget_products li .size-woocommerce_thumbnail { border-radius: 5px; } .sidebar .widget_recently_viewed_products li .product-title, .sidebar .widget_recent_reviews li .product-title, .sidebar .widget_products li .product-title { display: block; text-transform: capitalize; color: #222429; font-size: 16px; line-height: 1.3em; font-weight: 700; margin: 0; letter-spacing: .07em; } .sidebar .widget_recently_viewed_products li ins, .sidebar .widget_recent_reviews li ins, .sidebar .widget_products li ins { background-color: transparent; } .sidebar .widget_recently_viewed_products li .star-rating, .sidebar .widget_recent_reviews li .star-rating { font-size: 14px; } .woocommerce-active .content-area .site-main::after { content: ""; clear: both; display: table; } .woocommerce-active .content-area .woocommerce-result-count { float: left; margin: 0; color: var(--thm-text); font-size: 18px; font-family: var(--insur-font); padding-top: 18px; } .woocommerce-active .content-area .woocommerce-ordering { float: right; } .variations_form.cart select, .woocommerce-active .content-area .woocommerce-ordering select { border: none; border: 1px solid #f4f5f8; outline: none; display: block; -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 70px; background-color: #f4f5f8; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--insur-font); letter-spacing: 0em; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 30px top 50%; background-size: .65em auto; margin-bottom: 30px; border-radius: var(--insur-bdr-radius); } .variations_form.cart select.nitro-lazy, .woocommerce-active .content-area .woocommerce-ordering select.nitro-lazy { background-image: none !important; } .product-cart-btn { margin-top: 5px; } .product-cart-btn .btn-title { padding: 7px 21px 3px; font-size: 16px; } ul.products li.product .button { display: inline-block; } .product__all-img { text-align: center; width: 100%; } .product .added_to_cart, .product__all-img.added_to_cart { position: absolute; background: #222429; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; color: var(--insur-white); font-size: 16px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); border-radius: var(--insur-bdr-radius); padding: 17px 40px 17px; transition: all .5s linear; overflow: hidden; z-index: 1; bottom: 90px; } .product .added_to_cart :hover, .product__all-img.added_to_cart :hover { background-color: #222429; color: var(--insur-white); } ul.products li.product .button.add_to_cart_button.added { position: absolute; top: 90px; } .product .added_to_cart:hover, .product__all-img.added_to_cart:hover { background-color: #222429; color: var(--insur-white); } .products .product { text-align: center; } .products .product .price { display: block; font-family: var(--insur-font); color: var(--thm-text); font-size: 16px; line-height: 1; margin: 0; margin-bottom: 10px; font-weight: 400; } .products .product .shop-one__price ins { background-color: transparent; } .products .product .star-rating { margin-left: auto; margin-right: auto; font-size: 16px; margin-bottom: 5px; } .products .product .woocommerce-loop-product__title { margin: 0; color: #222429; font-size: 24px; font-weight: 400; text-transform: uppercase; margin-top: 25px; margin-bottom: 5px; } ul.products li.product img { margin-left: auto; margin-right: auto; width: 100%; filter: grayscale(100%); transition: filter 500ms ease; } ul.products li.product:hover img { filter: grayscale(0); } ul.products li.product { position: relative; } ul.products li.product .onsale { background-color: #222429; color: #fff; padding-top: 5px; padding-top: 8px; letter-spacing: .05em; text-transform: uppercase; display: inline-flex; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; justify-content: center; align-items: center; text-align: center; font-size: 15px; line-height: 1; position: absolute; top: 20px; left: 20px; } .woocommerce-pagination ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; } .woocommerce-pagination ul a, .woocommerce-pagination ul span { display: flex; justify-content: center; align-items: center; text-align: center; margin-left: 15px; color: var(--thm-text); background-color: #f4f5f8; font-size: 20px; font-weight: 400; min-width: 50px; min-height: 50px; line-height: 1; padding-top: 5px; transition: all 500ms ease; } .woocommerce-pagination ul a:hover, .woocommerce-pagination ul span { background-color: var(--insur-base, #3c72fc); border-color: var(--insur-base, #3c72fc); color: #fff; } .woocommerce-pagination ul .prev, .woocommerce-pagination ul .next { padding-top: 0; } .woocommerce-active .product__card { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } @media (max-width: 991px) { .woocommerce-active .product__card { grid-template-columns: repeat(1, 1fr); } .single-product div.product .woocommerce-product-gallery { grid-column-start: 1; grid-column-end: 3; width: 100%; } } .woocommerce-active .product__card .onsale { background-color: #222429; color: #fff; padding-top: 5px; padding-top: 13px; letter-spacing: .05em; text-transform: uppercase; display: inline-flex; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; justify-content: center; align-items: center; text-align: center; font-size: 16px; line-height: 1; position: absolute; top: 20px; left: 20px; z-index: 10; } .woocommerce-product-gallery__wrapper { margin-top: 0; overflow: hidden; } .woocommerce-product-gallery__wrapper a img { width: 100%; } .woocommerce-active .product .woocommerce-tabs { grid-column-start: 1; grid-column-end: 3; } .woocommerce-active .product .related.products { grid-column-start: 1; grid-column-end: 3; margin-top: 20px; } .product__card .product_title { font-size: 45px; text-transform: uppercase; margin: 0; margin-top: -10px; } .product__card .entry-summary { margin-top: 0; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 20px; right: 20px; } .single-product .woocommerce-grouped-product-list-item__price, .product__card .price { margin: 0; font-family: var(--insur-font); color: var(--insur-base); font-size: 20px; line-height: 1; margin-bottom: 20px; font-weight: 400; } .single-product .woocommerce-product-rating { display: flex; align-items: center; font-size: 16px; padding-bottom: 20px; margin-bottom: 31px; border-bottom: 1px solid var(--insur-bdr-color); } .single-product .woocommerce-review-link { font-family: var(--insur-font); color: var(--thm-text); color: var(--thm-text); font-size: 16px; position: relative; line-height: 1; font-weight: 400; margin-left: 10px; text-transform: capitalize; } .woocommerce-variation-description p, .single-product .woocommerce-product-details__short-description p { font-family: var(--insur-font); font-size: 18px; line-height: 2.125em; margin-bottom: 20px; font-weight: 400; } .product-quantity .quantity, .single-product .quantity { position: relative; width: 98px; height: 60px; } .product-quantity .quantity input, .single-product .quantity input { width: 98px; height: 60px; border: 1px solid #e9ebee; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; font-family: var(--insur-font); padding-left: 30px; } .product-quantity .quantity button, .single-product .quantity button { width: 29px; height: 29px; background-color: transparent; background-color: #fff; color: #222429; font-size: 8px; position: absolute; top: 1px; right: 1px; border: 0; border-left: 1px solid #e9ebee; border-top-right-radius: 8px; display: flex; align-items: center; justify-content: center; } .product-quantity .quantity button.sub, .single-product .quantity button.sub { bottom: 1px; top: auto; border-top: 1px solid #e9ebee; border-top-right-radius: 0px; border-bottom-right-radius: 8px; } .single-product .woocommerce-variation-add-to-cart, .single-product .cart { display: flex; align-items: center; flex-wrap: wrap; } .single-product .cart h2 { margin: 0; color: #222429; text-transform: uppercase; font-size: 24px; margin-right: 20px; } .single-product .woocommerce-variation-add-to-cart .cart-button-wrap, .single-product .cart .cart-button-wrap { margin-top: 30px; flex: 0 0 100%; } .single-product .product_meta { display: flex; flex-direction: column; margin-top: 20px; } .single-product .posted_in, .single-product .sku_wrapper { text-transform: uppercase; color: #222429; font-size: 22px; display: flex; align-items: center; } .single-product .posted_in a, .single-product .sku_wrapper span { font-family: var(--insur-font); font-weight: 400; color: var(--thm-text); font-size: 16px; margin-left: 5px; text-transform: capitalize; position: relative; top: -2px; } .single-product .woocommerce-grouped-product-list .woocommerce-grouped-product-list-item__quantity h2 { display: none; } .single-product .woocommerce-grouped-product-list-item__label label { margin: 0; color: #222429; text-transform: uppercase; font-size: 24px; } .single-product .woocommerce-grouped-product-list-item__label label a { color: inherit; transition: all 500ms ease; } .single-product .woocommerce-grouped-product-list-item__label label a:hover { color: var(--insur-base); } .single-product .woocommerce-grouped-product-list-item__price { font-size: 18px; } .variations_form.cart label, .woocommerce-tabs .woocommerce-product-attributes-item__label { color: #222429; text-transform: uppercase; margin: 0; font-size: 20px; font-weight: 400; } .woocommerce-tabs .woocommerce-product-attributes-item__value { position: relative; top: 3px; } .variations_form.cart select { width: 250px; margin-bottom: 0; float: right; height: 50px; } #review_form .comment-respond { margin-top: 30px; } #review_form #commentform { margin-top: 24px; } .woocommerce-checkout .woocommerce, .woocommerce-cart .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; width: 100%; margin-left: auto; margin-right: auto; } .woocommerce-checkout .woocommerce { padding-top: 120px; padding-bottom: 120px; } .cart_totals h2, .shop_table thead th { font-family: var(--insur-font); font-size: 24px; text-transform: capitalize; color: var(--insur-black); font-weight: 700; padding-right: 20px; padding-top: 13px; padding-bottom: 10px; border: none; } .shop_table thead th:first-child { padding-left: 0; } .shop_table thead th:last-child { padding-right: 0; } .shop_table .product-remove { text-align: right; } .shop_table tbody td.actions { padding-top: 60px; } .shop_table tbody .cart_item td { padding-top: 30px; padding-bottom: 30px; } .cart_totals h2 { font-size: 32px; margin-left: 0px; } .shop_table .product-thumbnail img { width: 120px; height: 120px; border-radius: var(--insur-bdr-radius); } .shop_table .product-remove a { font-size: 34px; font-family: var(--insur-font); color: var(--insur-black, #0f0d1d); } .cart_totals th, .shop_table .product-name:not(th), .shop_table .product-name a { margin: 0; color: var(--insur-black); font-size: 20px; font-weight: 700; font-family: var(--insur-font); text-transform: capitalize; } .shop_table .product-subtotal .amount, .shop_table .amount { font-family: var(--insur-font); color: #686a6f; font-weight: 500; } .shop_table .coupon label { display: none; } .shop_table tr { position: relative; } .shop_table .coupon input[type=text] { border: none; width: 100%; max-width: 370px; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; margin-right: 10px; margin-right: 15px; font-family: var(--insur-font); font-size: 14px; color: #686a6f; height: 65px; margin: 0; border-radius: var(--insur-bdr-radius); } .shop_table button[name=update_cart] { position: absolute; top: 60px; right: 0px; } .cart_totals td, .cart_totals th { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px; } .cart_totals td:first-child, .cart_totals th:first-child { padding-left: 0; } .cart_totals td:last-child, .cart_totals th:last-child { padding-right: 0; } .cart_totals td { font-family: var(--insur-font); font-size: 18px; color: #686a6f; font-weight: 400; } .cart_totals .woocommerce-shipping-methods { margin: 0; padding: 0; list-style: none; } .cart_totals p { margin: 0; } .cart_totals .shop_table td:last-child { text-align: right; } .shipping-calculator-form { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .shipping-calculator-form p:last-of-type, .shipping-calculator-form p:nth-child(1), .shipping-calculator-form p:nth-child(4) { grid-column-start: 1; grid-column-end: 3; } .shipping-calculator-form ::placeholder { opacity: 1; color: var(--thm-text); } .shipping-calculator-form input[type=text], .shipping-calculator-form .select2-container--default .select2-selection--single { width: 100%; width: 100%; border: none; border: 1px solid #f4f5f8; outline: none; display: block; display: flex; height: 70px; background-color: #f4f5f8; color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--insur-font); letter-spacing: 0em; align-items: center; } .shipping-calculator-form p > span { display: block; width: 100%; } .shipping-calculator-form .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20px; right: 20px; } .cart-collaterals { display: flex; justify-content: flex-end; } .cart_totals { width: 100%; max-width: 400px; } .woocommerce-cart .woocommerce { padding-top: 70px; padding-bottom: 105px; } .woocommerce-cart .woocommerce-notices-wrapper { margin-bottom: 30px; } /* notice */ /** * Notices */ .woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { background-color: #222; clear: both; color: #fff !important; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; font-family: var(--insur-font); font-size: 16px; margin-bottom: 30px; text-align: center; text-align: left; display: inline-flex; border-radius: var(--insur-bdr-radius, 10px); } .woocommerce-message a, .woocommerce-info a, .woocommerce-error a, .woocommerce-noreviews a, p.no-comments a { color: var(--insur-primary); margin-right: 5px; margin-left: 5px; } a.woocommerce-privacy-policy-link { color: var(--insur-primary); } .woocommerce-error { list-style-type: none; margin-left: 0; } .woocommerce-error { background-color: #e2401c; } .demo_store { position: fixed; left: 0; bottom: 0; right: 0; margin: 0; padding: 1em; background-color: #3d9cd2; z-index: 9999; } .woocommerce-cart .wc-proceed-to-checkout { text-align: right; } .woocommerce-checkout .col2-set { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { padding: 0 !important; width: 100%; max-width: 100%; } #order_review_heading, .woocommerce-column__title, .woocommerce-order-details__title, .woocommerce-Address-title h3, .woocommerce-EditAccountForm fieldset legend, .woocommerce-checkout #customer_details h3 { margin: 0; margin: 0; display: flex; align-items: center; color: var(--insur-black); font-weight: 700; font-family: var(--insur-font); line-height: 1; margin-bottom: 40px; font-size: 40px; letter-spacing: -.04em; } .woocommerce-checkout #customer_details h3 label { margin: 0; cursor: pointer; } .woocommerce-checkout #customer_details h3 label input { display: none; visibility: hidden; } .woocommerce-checkout #customer_details h3 label span { display: flex; align-items: center; } .woocommerce-checkout #customer_details h3 label span::after { content: ""; width: 19px; height: 19px; background-color: #f4f5f8; border-radius: 50%; margin-left: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; } .woocommerce-checkout #customer_details h3 label input:checked + span::after { content: ""; background-color: var(--insur-primary); } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .insur-edit-address h3, .insur-edit-address .form-row { margin-bottom: 30px; } .woocommerce-EditAccountForm label, .lost_reset_password label, .woocommerce-checkout .woocommerce-additional-fields__field-wrapper label, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper label, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper label, .insur-edit-address label { font-family: var(--insur-font); color: var(--insur-black); font-size: 18px; margin: 0; display: block; width: 100%; margin-bottom: 10px; text-transform: capitalize; } .woocommerce form .form-row .required { text-decoration: none; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper p { margin: 0; float: none; width: 100%; display: block; } .woocommerce-checkout #customer_details { position: relative; margin-top: 30px; } .woocommerce-form-login input[type=text], .woocommerce-form-register input[type=text], .woocommerce-form-register input[type=email], .woocommerce-form-login input[type=password], .lost_reset_password input[type=text], .insur-edit-address input[type=text], .insur-edit-address input[type=email], .insur-edit-address input[type=password], .insur-edit-address input[type=tel], .insur-edit-address input[type=url], .insur-edit-address input[type=file], .insur-edit-address input[type=number], .insur-edit-address textarea, .woocommerce-EditAccountForm input[type=text], .woocommerce-EditAccountForm input[type=email], .woocommerce-EditAccountForm input[type=password], .woocommerce-EditAccountForm input[type=tel], .woocommerce-EditAccountForm input[type=url], .woocommerce-EditAccountForm input[type=file], .woocommerce-EditAccountForm input[type=number], .woocommerce-EditAccountForm textarea, .woocommerce-checkout #customer_details input[type=text], .woocommerce-checkout #customer_details input[type=email], .woocommerce-checkout #customer_details input[type=password], .woocommerce-checkout #customer_details input[type=tel], .woocommerce-checkout #customer_details input[type=url], .woocommerce-checkout #customer_details input[type=file], .woocommerce-checkout #customer_details input[type=number], .woocommerce-checkout #customer_details textarea { position: relative; display: block; height: 70px; width: 100%; font-size: 16px; font-size: 14px; color: #686a6f; line-height: 40px; font-weight: 400; font-weight: 400; padding: 14px 30px; letter-spacing: .1em; letter-spacing: 0; background-color: var(--insur-extra); border: none; transition: all 300ms ease; font-family: var(--insur-font); border-radius: var(--insur-bdr-radius); } .woocommerce-EditAccountForm textarea, .woocommerce-checkout #customer_details textarea { height: 220px; resize: none; } .woocommerce-EditAccountForm ::placeholder, .woocommerce-checkout #customer_details ::placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details ::-webkit-input-placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details ::-moz-input-placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details ::-ms-input-placeholder { opacity: 1; color: var(--thm-text); } .woocommerce-checkout #customer_details label.error { color: #f00; font-size: 18px; text-transform: capitalize; text-align: left; display: block; letter-spacing: 1px; padding-top: 7px; line-height: 24px; } .woocommerce-checkout .woocommerce-input-wrapper { display: block; width: 100%; } .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single, .insur-edit-address .select2-selection--single { width: 100%; width: 100%; border: none; border: 1px solid #f4f5f8; outline: none; display: block; display: flex; height: 70px; background-color: var(--insur-extra); color: var(--thm-text); padding: 14px 30px; font-size: 14px; font-weight: 400; font-family: var(--insur-font); letter-spacing: 0em; align-items: center; } .woocommerce-checkout #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow, .insur-edit-address .select2-selection--single .select2-selection__arrow { top: 20px; right: 20px; } .woocommerce-checkout #customer_details #shipping_address_1_field, .woocommerce-checkout #customer_details #shipping_postcode_field, .woocommerce-checkout #customer_details #billing_email_field, .woocommerce-checkout #customer_details #shipping_address_2_field, .woocommerce-checkout #customer_details #billing_address_2_field, .woocommerce-checkout #customer_details #billing_address_1_field { grid-column-start: 1; grid-column-end: 3; } .woocommerce-checkout .shipping_address { margin-bottom: 30px; } .woocommerce-checkout #order_review_heading { margin-top: 60px; } .return-to-shop { margin-top: 30px !important; text-align: left !important; } .woocommerce-checkout .shop_table ul { margin: 0; padding: 0; list-style: none; } .woocommerce-checkout .shop_table ul li { font-family: var(--insur-font); font-size: 16px; color: #686a6f; font-weight: 400; } .woocommerce-checkout .shop_table tfoot td, .woocommerce-checkout .shop_table tfoot th { padding-left: 20px; padding-right: 20px; padding-top: 13px; padding-bottom: 10px; } form.woocommerce-checkout .shop_table tfoot th { margin: 0; color: var(--insur-gray); font-size: 24px; font-weight: 300; padding-top: 10px; padding-bottom: 10px; } .woocommerce-checkout .shop_table { margin-bottom: 0; } .woocommerce-checkout-payment .place-order, .woocommerce-checkout-payment .wc_payment_methods { background-color: var(--insur-extra); padding: 30px; margin: 0; list-style: none; } .woocommerce-checkout-payment .wc_payment_methods { border-top-left-radius: var(--insur-bdr-radius, 10px); border-top-right-radius: var(--insur-bdr-radius, 10px); } .woocommerce-checkout-payment .place-order { padding-top: 0; border-bottom-left-radius: var(--insur-bdr-radius, 10px); border-bottom-right-radius: var(--insur-bdr-radius, 10px); } .woocommerce-checkout-payment .wc_payment_methods li label { display: flex; display: flex; align-items: center; align-items: center; margin: 0; font-size: 20px; color: var(--insur-black); font-weight: 700; margin-bottom: 20px; cursor: pointer; text-transform: capitalize; font-family: var(--insur-font); } .woocommerce-checkout-payment .wc_payment_methods li + li { margin-top: 10px; } .woocommerce-checkout-payment .wc_payment_methods li input { display: none; } .woocommerce-checkout-payment .wc_payment_methods li label { margin-bottom: 0; } .woocommerce-checkout-payment .wc_payment_methods li label::before { content: ""; width: 19px; height: 19px; background-color: #fff; border-radius: 50%; margin-right: 10px; margin-right: 15px; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 10px; color: #fff; display: flex; justify-content: center; align-items: center; position: relative; top: -2px; transition: all 500ms ease; } .woocommerce-checkout-payment .wc_payment_methods li input:checked + label::before { background-color: var(--insur-primary); border-color: var(--insur-primary); content: ""; } .woocommerce-checkout-payment .wc_payment_methods li img { mix-blend-mode: multiply; width: 170px; margin-right: 10px; margin-left: 10px; } .checkout_coupon p, .woocommerce-checkout-payment .place-order p, .woocommerce-checkout-payment .wc_payment_methods li p { font-size: 16px; line-height: 30px; color: #686a6f; font-family: var(--insur-font); font-weight: 400; } .woocommerce-checkout-payment .place-order p { margin-bottom: 1.5em; } .woocommerce-checkout-payment .wc_payment_methods { padding-bottom: 15px; } .checkout_coupon { margin-top: 30px; margin-bottom: 50px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; max-width: 540px; } .checkout_coupon p:nth-child(1) { grid-column-start: 1; grid-column-end: 3; } .checkout_coupon input[type=text] { border: none; width: 100%; max-width: 370px; background-color: #f4f5f8; padding-left: 30px; padding-right: 30px; margin-right: 10px; font-family: var(--insur-font); font-size: 14px; color: #686a6f; height: 65px; margin: 0; border-radius: var(--insur-bdr-radius); } .woocommerce-account .woocommerce { max-width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; width: 100%; display: grid; grid-template-columns: 300px 1fr; grid-gap: 30px; padding-top: 120px; padding-bottom: 100px; } .woocommerce-account.woocommerce-lost-password .woocommerce { display: block; } .woocommerce-order-overview { margin: 0; padding: 0; list-style: none; margin-bottom: 10px; } legend { float: none; } .woocommerce-form-login label, .woocommerce-form-register label { display: block; } .woocommerce-MyAccount-content, .woocommerce-order p, .woocommerce-order address, .woocommerce-order-overview li { font-family: var(--insur-font); font-weight: 400; font-size: 16px; } .woocommerce-MyAccount-content a { color: var(--insur-primary, #fff); } .woocommerce-MyAccount-content .order-again a { font-weight: bold; } .woocommerce b, .woocommerce strong { color: #222429; } .woocommerce-order-details { margin-bottom: 60px; margin-top: 60px; } .woocommerce-Addresses { display: grid; grid-gap: 30px; grid-template-columns: repeat(2, 1fr); } .woocommerce-Addresses .col-2, .woocommerce-Addresses .col-1 { padding: 0; width: 100%; max-width: 100%; } .woocommerce-EditAccountForm .clear { display: none; } .woocommerce-EditAccountForm { margin-bottom: 20px; } .woocommerce-EditAccountForm fieldset, .woocommerce-EditAccountForm { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; width: 100%; } .woocommerce-EditAccountForm p:nth-child(4), .woocommerce-EditAccountForm p:nth-child(6), .woocommerce-EditAccountForm fieldset { grid-column-start: 1; grid-column-end: 3; padding: 0; } .woocommerce-EditAccountForm p { margin: 0; } .woocommerce-EditAccountForm label { font-size: 20px; } .woocommerce-EditAccountForm p > span { display: block; width: 100%; } .woocommerce-EditAccountForm input + span { margin-top: 10px; } .woocommerce-EditAccountForm fieldset legend { margin-top: 20px; } .woocommerce-MyAccount-navigation ul { margin: 0; padding: 0; padding: 35px 45px; list-style: none; position: relative; display: block; background: var(--insur-extra); } @media (max-width: 991px) { .shop_table button[name=update_cart] { position: relative; margin-top: 20px; top: auto; right: auto; transform: translateY(0); } } @media (max-width: 767px) { table.shop_table_responsive .product-thumbnail { justify-content: center; } table.shop_table_responsive .product-thumbnail::before { display: none; } table.shop_table_responsive tr td.actions { flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; } table.shop_table_responsive tr td.actions .coupon { text-align: left; } table.shop_table_responsive tr td.actions .coupon button[type=submit] { margin-top: 20px; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper p, .woocommerce-EditAccountForm p { grid-column-start: 1; grid-column-end: 3; } .woocommerce-checkout .woocommerce-billing-fields__field-wrapper, .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper { grid-template-columns: 1fr; } } .woocommerce-checkout #order_review { width: 100%; overflow: hidden; display: block; } .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table { float: left; width: 49%; margin-right: 30px; overflow: hidden; } .woocommerce-checkout #order_review .woocommerce-checkout-payment { float: right; width: 48%; } @media (max-width: 991px) { .woocommerce-checkout #order_review, .woocommerce-account .woocommerce, .woocommerce-checkout .col2-set { grid-template-columns: 1fr; } .woocommerce-checkout #order_review .woocommerce-checkout-review-order-table { float: none; width: 100%; } .woocommerce-checkout #order_review .woocommerce-checkout-payment { width: 100%; float: none; } } .woocommerce-terms-and-conditions-wrapper { margin-bottom: 5px; } abbr[title] { border-bottom: none; } /* end woocommerce checkout */ /** * Single product */ .single-product div.product { position: relative; } .single-product div.product .woocommerce-product-gallery { position: relative; } .single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { position: absolute; top: 2em; right: 1em; display: block; z-index: 99; } .single-product div.product .woocommerce-product-gallery .flex-viewport { margin-bottom: 1em; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs { margin: 0; padding: 0; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li { list-style: none; cursor: pointer; float: left; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img { opacity: .5; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active { opacity: 1; } .single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img { opacity: 1; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { width: 48.1%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { width: 30.79667%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { width: 22.15%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) { clear: both; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { width: 16.96%; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-right: 0; } .single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) { clear: both; } .stock:empty::before { display: none; } .stock.in-stock { color: #0f834d; } .stock.out-of-stock { color: #e2401c; } /** * Products */ ul.products { margin: 0; padding: 0; } ul.products li.product { list-style: none; position: relative; margin-bottom: 2em; } ul.products li.product img { display: block; } ul.products li.product .button { display: block; } @media screen and (min-width: 48em) { ul.products li.product { width: 30.79667%; float: left; margin-right: 3.8%; } ul.products li.product.first { clear: both; } ul.products li.product.last { margin-right: 0; } ul.products.columns-1 li.product { float: none; width: 100%; } ul.products.columns-2 li.product { width: 48.1%; } ul.products.columns-3 li.product { width: 30.79667%; } ul.products.columns-4 li.product { width: 22.15%; } ul.products.columns-5 li.product { width: 16.96%; } ul.products.columns-6 li.product { width: 13.49333%; } } .shop-one__product-count { display: inline-block; padding-top: 15px; font-size: 18px; } .entry-summary .yith-wcwl-add-to-wishlist { margin-top: 0; } .entry-summary .yith-wcwl-add-to-wishlist.exists { flex: 0 0 100%; } .entry-summary .thm-btn.cart-btn { margin-right: 10px; } .shop_table .button, .entry-summary .thm-btn.cart-btn, .woocommerce-form-coupon .button, .form-row.place-order .button, .insur-edit-address button[type=submit], .woocommerce-EditAccountForm button[type=submit] { line-height: 26px; } .shop_table .button { margin-bottom: 5px; } .entry-summary .yith-wcwl-icon { display: none; } .woocommerce-ResetPassword .woocommerce-Button, .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-register .woocommerce-form-register__submit, .woocommerce-EditAccountForm button[type=submit], .checkout-button, .return-to-shop .button, .shop_table .button, .form-row.place-order .button, .woocommerce-form-coupon .button, .entry-summary .single_add_to_wishlist, .wc-block-components-filter-submit-button, .insur-edit-address button[type=submit] { position: relative; display: inline-block; vertical-align: middle; -webkit-appearance: none; appearance: none; outline: none !important; background-color: var(--insur-black); color: var(--insur-white); font-size: 16px; font-weight: 700; letter-spacing: var(--insur-letter-spacing); border-radius: var(--insur-bdr-radius); padding: 17px 40px 17px; transition: all .5s linear; overflow: hidden; z-index: 1; text-transform: capitalize; } .woocommerce-ResetPassword .woocommerce-Button::before, .woocommerce-form-login .woocommerce-form-login__submit::before, .woocommerce-form-register .woocommerce-form-register__submit::before, .woocommerce-EditAccountForm button[type=submit]::before, .insur-edit-address button[type=submit]::before, .checkout-button::before, .return-to-shop .button::before, .shop_table .button::before, .form-row.place-order .button::before, .woocommerce-form-coupon .button::before, .wc-block-components-filter-submit-button::before, .entry-summary .single_add_to_wishlist:before { position: absolute; content: ""; background-color: var(--insur-base); width: 120%; height: 0; padding-bottom: 120%; top: -110%; left: -10%; border-radius: 50%; transform: translate3d(0, 68%, 0) scale3d(0, 0, 0); z-index: -1; } .wc-block-components-filter-submit-button::before, .woocommerce-ResetPassword .woocommerce-Button::before, .woocommerce-form-login .woocommerce-form-login__submit::before, .woocommerce-form-register .woocommerce-form-register__submit::before, .woocommerce-EditAccountForm button[type=submit]::before, .insur-edit-address button[type=submit]::before, .checkout-button::before, .return-to-shop .button::before, .shop_table .button::before, .form-row.place-order .button::before, .woocommerce-form-coupon .button::before { background-color: var(--insur-black); } .wc-block-components-filter-submit-button::after, .woocommerce-ResetPassword .woocommerce-Button::after, .woocommerce-form-login .woocommerce-form-login__submit::after, .woocommerce-form-register .woocommerce-form-register__submit::after, .woocommerce-EditAccountForm button[type=submit]::after, .insur-edit-address button[type=submit]::after, .checkout-button::after, .return-to-shop .button::after, .shop_table .button::after, .form-row.place-order .button::after, .woocommerce-form-coupon .button::after, .entry-summary .single_add_to_wishlist:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--insur-base); transform: translate3d(0, -100%, 0); transition: transform .4s cubic-bezier(.1, 0, .3, 1); z-index: -1; } .woocommerce-ResetPassword .woocommerce-Button::after, .woocommerce-form-login .woocommerce-form-login__submit::after, .woocommerce-form-register .woocommerce-form-register__submit::after, .woocommerce-EditAccountForm button[type=submit]::after, .insur-edit-address button[type=submit]::after, .checkout-button::after, .return-to-shop .button::after, .shop_table .button::after, .form-row.place-order .button::after, .woocommerce-form-coupon .button::after { background-color: var(--insur-black); } .wc-block-components-filter-submit-button:hover:before, .woocommerce-ResetPassword .woocommerce-Button:hover::before, .woocommerce-form-login .woocommerce-form-login__submit:hover::before, .woocommerce-form-register .woocommerce-form-register__submit:hover::before, .woocommerce-EditAccountForm button[type=submit]:hover:before, .insur-edit-address button[type=submit]:hover:before, .checkout-button:hover::before, .return-to-shop .button:hover::before, .shop_table .button:hover::before, .form-row.place-order .button:hover::before, .woocommerce-form-coupon .button:hover::before, .entry-summary .single_add_to_wishlist:hover::before { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transition: transform .4s cubic-bezier(.1, 0, .3, 1); } .wc-block-components-filter-submit-button:hover::after, .woocommerce-ResetPassword .woocommerce-Button:hover::after, .woocommerce-form-login .woocommerce-form-login__submit:hover::after, .woocommerce-form-register .woocommerce-form-register__submit:hover::after, .woocommerce-EditAccountForm button[type=submit]:hover:after, .insur-edit-address button[type=submit]:hover::after, .checkout-button:hover::after, .return-to-shop .button:hover::after, .shop_table .button:hover::after, .form-row.place-order .button:hover::after, .woocommerce-form-coupon .button:hover::after, .entry-summary .single_add_to_wishlist:hover::after { transform: translate3d(0, 0, 0); transition-duration: .05s; transition-delay: .4s; transition-timing-function: linear; } .wc-block-components-filter-submit-button, .woocommerce-ResetPassword .woocommerce-Button, .woocommerce-form-login .woocommerce-form-login__submit, .woocommerce-form-register .woocommerce-form-register__submit, .woocommerce-EditAccountForm button[type=submit], .checkout-button, .return-to-shop .button, .shop_table .button, .form-row.place-order .button, .woocommerce-form-coupon .button, .insur-edit-address button[type=submit] { background-color: var(--insur-base); } .wc-block-components-filter-submit-button { padding: 7px 20px; font-size: 14px; font-weight: 500; line-height: 26px; margin-bottom: -7px; } .yith-wcwl-add-button a.add_to_wishlist { padding: 17px 50px; text-transform: capitalize; border-radius: var(--insur-bdr-radius); } .woocommerce-ResetPassword .woocommerce-Button:hover, .checkout-button:hover, .return-to-shop .button:hover, .shop_table .button:hover, .form-row.place-order .button:hover, .woocommerce-form-coupon .button:hover, .woocommerce-checkout-payment #place_order:hover, .widget_price_filter .price_slider_amount .button.thm-btn:hover { background-color: var(--insur-black); color: #fff; } .widget_price_filter .price_slider_amount .button.thm-btn { padding: 3px 10px; font-size: 12px; } input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=search]:focus, input[type=password]:focus, input[type=textarea]:focus, input[type=textarea]:focus-visible, .product-quantity .quantity input, #customer_details textarea { outline-style: none; } mark, ins { background: #fff9c0; text-decoration: none; } .entry-summary ins { background: transparent; } .product-details__social + .yith-wcwl-add-to-wishlist { display: none !important; } .woocommerce-checkout .shop_table .cart_item td { padding-top: 10px; padding-bottom: 10px; } .woocommerce-checkout .shop_table td:last-child { padding-right: 0; } form.woocommerce-checkout .shop_table tfoot th { padding-left: 0; } .product-details__content__quantity__text { font-size: 14px; } .variations_form.cart label, .woocommerce-tabs .woocommerce-product-attributes-item__label, .single-product .woocommerce-grouped-product-list-item__label label { font-size: 14px; text-transform: uppercase; font-weight: 700; } .variations_form.cart label a:hover, .woocommerce-tabs .woocommerce-product-attributes-item__label a:hover, .single-product .woocommerce-grouped-product-list-item__label label a:hover { color: var(--insur-primary, #0ce0ff); } .product-details__content__quantity { padding-left: 10px; } .shop-one__sidebar .sidebar__single ul li ul { margin-top: 0; } .sidebar__single.shop-one__sidebar__item.widget .wc-block-product-categories-list-item-count::after { content: ")"; position: static; font-family: inherit; font-weight: inherit; } .sidebar__single.shop-one__sidebar__item.widget li::after { display: none; } .checkout_coupon { margin-top: 0; } .shop_table tbody .cart_item td:first-child { padding-left: 0; } .product-description__title { margin-top: 60px; } .review-one .comments-area .comment-box .author-thumb img { height: 100%; width: 100%; } @media screen and (max-width: 992px) { .woocommerce-cart-form__contents { border: 0; } .woocommerce-cart-form__contents caption { font-size: 1.3em; } .woocommerce-cart-form__contents thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .woocommerce-cart-form__contents tr { border-bottom: 1px solid var(--insur-extra); display: block; margin-bottom: .625em; } .woocommerce-cart-form__contents td { border-bottom: 1px solid var(--insur-extra); display: block; display: flex; font-size: .8em; font-size: 20px; align-items: center; justify-content: space-between; margin: 0; color: var(--insur-black); font-weight: 700; font-family: var(--insur-font); text-transform: uppercase; } .woocommerce-cart-form__contents td::before { /* * aria-label has no advantage, it won't be read inside a .woocommerce-cart-form__contents content: attr(aria-label); */ content: attr(data-title); font-weight: bold; text-transform: uppercase; } .woocommerce-cart-form__contents td:last-child { border-bottom: 0; } .shop_table button[name=update_cart] { position: relative; } .woocommerce-cart-form .actions { display: block; } .shop_table tbody tr + tr { border-top: 0; } .woocommerce-cart-form__contents .product-thumbnail { justify-content: center; } } .product__sidebar.sidebar .widget { position: relative; display: block; border: 1px solid var(--insur-bdr-color); padding: 27px 30px 30px; border-radius: var(--insur-bdr-radius); background-color: transparent; } .product__sidebar.sidebar .widget ul li::after { content: " "; } .product__sidebar.sidebar .widget.widget_block h2, .product__sidebar.sidebar .widget.widget_block h3 { font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; margin-bottom: 22px; letter-spacing: var(--insur-letter-spacing); } .wc-block-components-price-slider__range-input-progress { --track-background: linear-gradient(90deg, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100%/100% 100%; --range-color: var(--insur-primary); background: var(--track-background); height: 6px; } .wc-block-components-price-slider__range-input-wrapper { height: 6px; } input[type=range i] { appearance: auto; cursor: default; padding: initial; border: initial; margin: 0; accent-color: var(--insur-primary); } .comment-notes { margin-bottom: 1.5em; } header.woocommerce-Address-title.title { margin-top: 1.5em; } .sidebar .widget .wp-block-categories-list li + li { margin-top: 10px; } .comment-respond .product-content__title { font-size: 30px; font-weight: 700; line-height: 30px; letter-spacing: var(--insur-letter-spacing); } .wc-block-components-price-slider__range-text { margin: 0 0 15px; } .wc-block-components-price-slider { margin-bottom: 7px; } .product__sidebar .wc-block-product-categories { margin-bottom: 0; } .product-description p { font-size: 16px; line-height: 2em; } .lost_reset_password input[type=text] { margin-bottom: 30px; } tr.woocommerce-grouped-product-list-item { display: table-row; } .woocommerce-grouped-product-list-item .product-details__buttons { margin-bottom: 0; margin-top: 30px; } /* Responsive --------------------------------------------- */ /* Medium screen */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .about-one__left { max-width: 600px; margin: 0 auto 0; } .about-one__right { max-width: 600px; margin: 165px auto 0; } .services-one__top-right { margin-left: 0; } .why-choose-one-img { top: 144px; right: -480px; } .why-choose-one-img img { width: 60%; } .get-insurance__left { position: relative; bottom: 0; left: 0; max-width: 600px; margin: 0 auto; } .get-insurance__right { max-width: 600px; margin: 60px auto 0; } .counter-one__text { font-size: 23px; } .testimonial-one__top-left .section-title { margin-bottom: 40px; } .testimonial-one__top-right { margin-left: 0; margin-top: 0; margin-bottom: 51px; } .news-one__content { padding: 25px 22px 32px; } .footer-widget__newsletter { margin-top: 39px; } .footer-widget__gallery { margin-top: 39px; } .feature-two__text { font-size: 16px; } .feature-two__content { margin-right: 50px; } .about-two__left { margin-right: 0; max-width: 600px; } .about-two__middle { margin-right: 0; max-width: 600px; margin-top: 60px; margin-bottom: 52px; } .about-two__counter { margin-left: 0; margin-top: 0; max-width: 600px; } .about-two__awards-box { left: 0; } .about-two { padding: 0 0 111px; } .services-two__top-right { margin-left: 0; } .cta-one__inner { padding: 51px 20px 51px; } .cta-one__btn-box { margin-left: 10px; } .brand-one__title { margin-right: 0; margin-top: 0; margin-bottom: 49px; text-align: center; } .brand-one { padding: 52px 0 60px; } .get-insuracne-two__left { max-width: 700px; margin: 0 auto; } .get-insuracne-two__img { margin-left: 0; margin-right: 0; } .get-insuracne-two__shape-box { display: none; } .get-insuracne-two__right { max-width: 700px; margin: 60px auto 0; } .process__single { padding: 0 0px 0; } .process-shape-1 { left: 31px; } .feature-three__single { padding: 30px 15px 30px; } .feature-three__title { font-size: 19px; } .about-three__left { max-width: 600px; margin: 0 auto 60px; } .about-three__right { max-width: 600px; margin: 0 auto 0; } .benefits-bg { display: none; } .testimonial-three__right { margin-left: 0; } .download__title { font-size: 37px; } .download__right { margin-left: 40px; } .download__badge { left: -80px; } .we-provide__tab-main-content-inner { padding-left: 30px; padding-right: 30px; } .we-provide__tab-main-content-right { margin-left: 20px; } .news-three__single { padding: 59px 20px 55px; } .testimonial-two__left { max-width: 600px; margin: 0 auto; } .testimonial-two__right { max-width: 600px; margin: 60px auto 0; } .about-four__left { max-width: 600px; margin: 0 auto 205px; } .about-four__right { max-width: 600px; margin: 0 auto; } .team-details__top { padding: 120px 0 109px; } .why-choose-two__right { margin-left: 0; } .benefits-two__right { margin-left: 0; } .benefits-two { padding: 0 0 115px; } .feature-four__single { padding: 50px 25px 45px; } .portfolio-details__details-box { padding: 42px 20px 50px; } .news-details__pagenation li + li { margin-left: 0; margin-top: 30px; } .page-header-bg { width: 992px; } } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { .about-one__left { max-width: 600px; margin: 0 auto 0; } .about-one__right { max-width: 600px; margin: 165px auto 0; } .services-one__top-right { margin-left: 0; margin-top: 0; margin-bottom: 51px; } .services-one__top-left .section-title { margin-bottom: 40px; } .why-choose-one-img { display: none; } .why-choose-one-shape-2, .why-choose-one-shape-3, .why-choose-one-shape-4, .why-choose-one-shape-5, .why-choose-one-shape-6 { display: none; } .get-insurance__left { position: relative; bottom: 0; left: 0; max-width: 600px; margin: 0 auto; } .get-insurance__right { max-width: 600px; margin: 60px auto 0; } .get-insurance__right .section-title__title { font-size: 40px; line-height: 50px; } .get-insurance__author { left: -145px; } .counter-one__single { margin-bottom: 21px; } .counter-one { padding: 79px 0 50px; } .testimonial-one__top-left .section-title { margin-bottom: 40px; } .testimonial-one__top-right { margin-left: 0; margin-top: 0; margin-bottom: 51px; } .tracking__inner { flex-direction: column; } .tracking__btn-box { margin-top: 27px; } .footer-widget__newsletter { margin-top: 39px; } .footer-widget__gallery { margin-top: 39px; } .about-two__left { margin-right: 0; max-width: 600px; } .about-two__middle { margin-right: 0; max-width: 600px; margin-top: 60px; margin-bottom: 52px; } .about-two__counter { margin-left: 0; margin-top: 0; max-width: 600px; } .about-two__awards-box { left: 0; } .about-two { padding: 0 0 111px; } .services-two__top-left .section-title { margin-bottom: 40px; } .services-two__top-right { margin-left: 0; margin-top: 0; margin-bottom: 52px; } .work-together__left { margin-bottom: 60px; } .cta-one__inner { flex-direction: column; padding: 39px 55px 51px; } .cta-one__right { margin-top: 24px; } .brand-one__title { margin-right: 0; margin-top: 0; margin-bottom: 49px; text-align: center; } .brand-one { padding: 52px 0 60px; } .get-insuracne-two__left { max-width: 700px; margin: 0 auto; } .get-insuracne-two__img { margin-left: 0; margin-right: 0; } .get-insuracne-two__shape-box { display: none; } .get-insuracne-two__right { max-width: 700px; margin: 60px auto 0; } .process-shape-1 { display: none; } .about-three__left { max-width: 600px; margin: 0 auto 60px; } .about-three__right { max-width: 600px; margin: 0 auto 0; } .benefits-bg { display: none; } .testimonial-three__right { margin-left: 0; margin-top: 40px; margin-bottom: 5px; } .download { padding: 114px 0 0; } .download__left { margin-top: 0; } .download__right { margin-left: 97px; margin-top: 60px; } .we-provide__tab-btn-box { margin-right: 0; max-width: 300px; margin-bottom: 40px; } .we-provide__tab-main-content { margin-left: 0; } .we-provide__tab-main-content-inner { padding-left: 30px; padding-right: 30px; } .we-provide__tab-main-content-right { margin-left: 20px; } .testimonial-two__left { max-width: 600px; margin: 0 auto; } .testimonial-two__right { max-width: 600px; margin: 60px auto 0; } .about-four__left { max-width: 600px; margin: 0 auto 205px; } .about-four__right { max-width: 600px; margin: 0 auto; } .team-details__top-right { margin-left: 0; margin-top: 60px; } .team-details__top { padding: 120px 0 109px; } .team-details__bottom-right { margin-left: 0; margin-top: 41px; } .testimonial-carousel-page .testimonial-one__single-inner { padding: 65px 20px 55px; } .contact-page__left { margin-bottom: 51px; } .why-choose-two__right { margin-left: 0; margin-top: 50px; } .benefits-two__right { margin-left: 0; margin-top: 60px; } .benefits-two { padding: 0 0 115px; } .portfolio-details__content-right { margin-top: 40px; } .news-carousel-page .news-one__content { padding: 25px 25px 32px; } .news-details__pagenation li + li { margin-left: 0; margin-top: 30px; } .page-header-bg { width: 768px; } } /* Mobile Layout: 320px. */ @media only screen and (max-width: 767px) { .section-title__title { font-size: 35px; line-height: 45px; } .section-title__title br { display: none; } .about-one__left { margin-right: 0; } .about-one__img-two { display: none; } .about-one__shape-1 { display: none; } .about-one__experience { left: 0; } .about-one__right { margin-left: 0; margin-top: 122px; } .about-one__btn-call { flex-direction: column; align-items: baseline; } .about-one__call { margin-left: 0; margin-top: 20px; } .services-one__top-right { margin-left: 0; margin-top: 0; margin-bottom: 51px; } .services-one__top-left .section-title { margin-bottom: 40px; } .why-choose-one-img { display: none; } .why-choose-one-shape-2, .why-choose-one-shape-3, .why-choose-one-shape-4, .why-choose-one-shape-5, .why-choose-one-shape-6 { display: none; } .why-choose-one__list { flex-direction: column; } .why-choose-one__list li { flex: 0 0 100%; max-width: 100%; } .get-insurance__left { position: relative; bottom: 0; left: 0; } .get-insurance__author { display: none; } .get-insurance__circle { display: none; } .get-insurance__right { margin-top: 60px; } .get-insurance__tab-box .tab-buttons { flex-direction: column; align-items: baseline; } .get-insurance__tab-box .tab-buttons .tab-btn + .tab-btn { margin-left: 0; margin-top: 10px; } .counter-one__single { margin-bottom: 21px; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; } .counter-one { padding: 79px 0 50px; } .testimonial-one__top-left .section-title { margin-bottom: 40px; } .testimonial-one__top-right { margin-left: 0; margin-top: 0; margin-bottom: 51px; } .testimonial-one__single-inner { padding: 65px 20px 55px; } .news-one__content { padding: 25px 22px 32px; } .tracking__inner { flex-direction: column; padding: 57px 20px 57px; text-align: center; } .tracking__btn-box { margin-top: 27px; } .tracking__left { flex-direction: column; align-items: center; text-align: center; } .tracking__title { font-size: 34px; } .tracking__icon { margin-bottom: 30px; } .tracking-shape-1, .tracking-shape-2, .tracking-shape-3, .tracking-shape-4 { display: none; } .footer-widget__contact { margin-top: 47px; margin-bottom: 39px; } .footer-widget__newsletter { margin-top: 32px; } .feature-two__text { font-size: 16px; } .feature-two__content { margin-right: 50px; } .about-two__left { margin-right: 0; } .about-two__middle { margin-right: 0; margin-top: 60px; margin-bottom: 52px; } .about-two__awards-box { left: 0; } .about-two__counter { margin-top: 0; } .about-two { padding: 0 0 111px; } .services-two__top-left .section-title { margin-bottom: 40px; } .services-two__top-right { margin-left: 0; margin-top: 0; margin-bottom: 52px; } .work-together__left { margin-bottom: 60px; } .work-together__content-box { flex-direction: column; align-items: baseline; } .work-together__text-box { margin-left: 0; margin-top: 20px; } .cta-one__inner { flex-direction: column; padding: 39px 20px 51px; text-align: center; } .cta-one__right { margin-top: 24px; flex-direction: column; } .cta-one__btn-box { margin-left: 0; margin-top: 25px; } .brand-one__title { margin-right: 0; margin-top: 0; margin-bottom: 49px; text-align: center; } .brand-one { padding: 52px 0 60px; } .get-insuracne-two__img { margin-left: 0; margin-right: 0; } .get-insuracne-two__shape-box { display: none; } .get-insuracne-two:before { left: 0; } .get-insuracne-two__tab-right { padding-left: 0; float: left; margin-top: 50px; } .get-insuracne-two__content-bottom { justify-content: inherit; flex-direction: column; align-items: baseline; } .get-insuracne-two__content-bottom-text-box { margin-top: 10px; } .get-insuracne-two { padding: 120px 0 116px; } .get-insuracne-two__right { margin-top: 60px; } .process-shape-1 { display: none; } .process__single-2 { margin-top: 0; } .process__single-3 { margin-top: 0; } .feature-three__single { padding: 30px 15px 30px; } .feature-three__title { font-size: 19px; } .about-three__left { margin-right: 0; } .about-three__location { display: none; } .about-three__right { margin-top: 60px; } .about-three__bottom { flex-direction: column; align-items: baseline; } .about-three__btn-box { margin-left: 0; margin-top: 20px; } .services-three__get-quote { padding: 39px 20px 50px; } .benefits-bg { display: none; } .benefits__point-two { margin-left: 0; } .testimonial-three__right { margin-left: 0; margin-top: 40px; margin-bottom: 5px; } .testimonial-three__single { padding: 108px 30px 51px; } .download__title { font-size: 45px; line-height: 55px; } .download__apps { flex-direction: column; align-items: baseline; } .download__app-one--two { margin-left: 0; margin-top: 10px; } .download__right { margin-left: 80px; margin-top: 60px; } .we-provide__tab-btn-box { margin-right: 0; max-width: 300px; margin-bottom: 40px; } .we-provide__tab-main-content { margin-left: 0; } .we-provide__tab-main-content-inner { padding-left: 20px; padding-right: 20px; flex-direction: column; } .we-provide__tab-main-content-right { margin-left: 20px; } .we-provide__tab-main-content-right { margin-left: 0; margin-top: 15px; } .we-provide__tab-main-content-right-img img { width: 100%; } .we-provide__tab-main-content-points li .text p { font-size: 16px; } .news-three__single { padding: 59px 20px 55px; } .testimonial-two__left { margin-right: 0; } .testimonial-two__point { float: none; } .testimonial-two__point-two { margin-left: 0; margin-top: 31px; } .testimonial-two__right { margin-left: 0; margin-top: 60px; } .testimonial-two__client-img-box { position: relative; bottom: 0; right: 0; left: 50px; } .testimonial-two__founder-shape { display: none; } .testimonial-two__founder-box { padding-bottom: 25px; } .testimonial-two__single-inner { padding-right: 20px; } .testimonial-two__client-review { position: relative; top: 0; right: 0; left: 50px; margin-top: 10px; } .testimonial-two__carousel.owl-carousel .owl-dots { display: none; } .about-four__left { margin-right: 0; margin-bottom: 60px; } .about-four__img-two { display: none; } .about-four__right { margin-left: 0; } .about-four__founder-name { font-size: 22px; } .team-details__top-right { margin-left: 0; margin-top: 60px; } .team-details__top { padding: 120px 0 109px; } .team-details__bottom-right { margin-left: 0; margin-top: 41px; } .contact-page__left { margin-bottom: 51px; } .error-page__title { font-size: 155px; line-height: 155px; } .error-page { padding: 99px 0 120px; } .why-choose-two__right { margin-left: 0; margin-top: 50px; } .why-choose-two__list { flex-direction: column; align-items: baseline; } .why-choose-two__list li { flex: 0 0 100%; max-width: 100%; } .benefits-two__right { margin-left: 0; margin-top: 60px; } .benefits-two { padding: 0 0 115px; } .benefits-two__left { margin-right: 0; } .feature-four__single { padding: 50px 25px 45px; } .feature-four__top-inner { padding-left: 0; margin-left: 0; } .feature-four__top-call { position: relative; } .feature-four__top-content { top: 0; margin-top: 20px; } .portfolio-details__content-right { margin-top: 40px; } .portfolio-details__details-box { padding: 42px 20px 50px; } .projectc-details__pagination li.next { float: none; margin-bottom: 20px; } .projectc-details__pagination li.previous { float: none; } .projectc-details__pagination li { justify-content: center; } .news-sideabr__bottom-box { padding: 50px 30px 45px; } .news-sideabr__delivering-services { padding: 50px 30px 47px; } .sidebar__post { padding: 45px 20px 30px; } .sidebar__category { padding: 45px 20px 35px; } .sidebar__tags { padding: 45px 35px 50px; } .sidebar__comments { padding: 45px 20px 43px; } .news-details__bottom { flex-direction: column; justify-content: flex-start; align-items: flex-start; } .news-details__social-list { margin-top: 25px; } .news-details__pagenation li + li { margin-left: 0; margin-top: 30px; } .news-details__pagenation li { padding-left: 40px; padding-right: 40px; } .comment-one__single { flex-direction: column; } .comment-one__content { margin-left: 0; margin-top: 20px; } .page-header-bg { width: 400px; } } @media only screen and (min-width: 1400px) and (max-width: 1679px) { .why-choose-one-img { top: 30px; right: -145px; } .why-choose-one-img img { width: 85%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .why-choose-one-img { top: 165px; right: -280px; } .why-choose-one-img img { width: 70%; } } @media only screen and (min-width: 1400px) and (max-width: 1779px) { .get-insurance__left { left: 142px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .get-insurance__left { left: 113px; } .get-insurance__img img { width: 90%; } .get-insurance__right .section-title__title { font-size: 40px; line-height: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1550px) { .benefits-bg { margin-right: -150px; } } @media only screen and (min-width: 1200px) and (max-width: 1250px) { .testimonial-two__carousel.owl-carousel .owl-dots { right: -158px; } .testimonial-two__right { margin-left: 0; } } /*-------------------------------------------------------------- # Slider All Responsice Css --------------------------------------------------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1550px) { .main-slider__nav { left: inherit; right: 120px; } .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { color: rgba(var(--insur-primary-rgb), .5); border: 2px solid rgba(var(--insur-primary-rgb), .5); } .main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { color: rgba(var(--insur-primary-rgb), 1); border: 2px solid rgba(var(--insur-primary-rgb), 1); } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-slider__nav { left: inherit; right: 120px; } .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { color: rgba(var(--insur-primary-rgb), .5); border: 2px solid rgba(var(--insur-primary-rgb), .5); } .main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { color: rgba(var(--insur-primary-rgb), 1); border: 2px solid rgba(var(--insur-primary-rgb), 1); } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-slider__nav { left: inherit; right: 120px; } .main-slider__nav .swiper-button-next, .main-slider__nav .swiper-button-prev { color: rgba(var(--insur-primary-rgb), .5); border: 2px solid rgba(var(--insur-primary-rgb), .5); } .main-slider__nav .swiper-button-next:hover, .main-slider__nav .swiper-button-prev:hover { color: rgba(var(--insur-primary-rgb), 1); border: 2px solid rgba(var(--insur-primary-rgb), 1); } .main-slider-two__video-link { left: 310px; top: -75px; } } @media only screen and (max-width: 767px) { .main-slider__nav { display: none; } .main-slider__title { font-size: 50px; line-height: 50px; margin-bottom: 29px; } .main-slider__title br { display: none; } .main-slider__title:before { width: 300px; } .main-slider__text br { display: none; } .main-slider__text { padding-bottom: 36px; } .main-slider .container { padding-top: 138px; padding-bottom: 115px; } .main-slider-two__video-link { display: none; } .main-slider-two__title { font-size: 40px; line-height: 50px; } .main-slider-two__text br { display: none; } .main-slider-three__nav { display: none; } .main-slider-three__title { font-size: 33px; line-height: 43px; } } /*-------------------------------------------------------------- # Main Menu All Responsice Css --------------------------------------------------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1210px) { .main-menu__logo { margin-right: 35px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 12px 0; } .main-menu .mobile-nav__toggler:hover { color: var(--insur-black); } .main-menu-two .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 22px 0; } .main-menu-three .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 42px 0; } .main-menu-three__logo { padding-right: 50px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-header__top { display: none; } .main-menu .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 12px 0; } .main-menu .mobile-nav__toggler:hover { color: var(--insur-black); } .main-menu-two .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 22px 0; } .main-header-two__top-social-box { display: none; } .main-header-two__top-details-list { display: none; } .main-header-two__top-details-inner { justify-content: center; } .main-menu-three .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 42px 0; } .main-menu-three__logo { padding-right: 50px; } } @media (max-width: 767px) { .main-header__top { display: none; } .main-menu .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 12px 0; } .main-menu .mobile-nav__toggler:hover { color: var(--insur-black); } .main-menu__right { display: none; } .main-menu__left { float: none; } .main-menu__logo { margin-right: 0; } .main-menu__main-menu-box { float: right; padding-right: 21px; padding-left: 21px; } .main-menu__main-menu-box-search-get-quote-btn { display: none; } .main-menu-two .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 22px 0; } .main-header-two__top-social-box { display: none; } .main-header-two__top-details-list { display: none; } .main-header-two__top-details-inner { justify-content: center; } .main-menu-two__search-box { display: none; } .main-menu-three .mobile-nav__toggler { color: var(--insur-base); display: inline-block; padding: 42px 0; } .main-menu-three__left { float: none; } .main-menu-three__logo { padding-right: 0; } .main-menu-three__right { display: none; } .main-menu-three__main-menu-box { float: right; } } @media (max-width: 1199px) { .default .main-menu-three__logo h1 { padding-top: 8px; } } /*-------------------------------------------------------------- # Update 10/02/2023 All Responsice Css --------------------------------------------------------------*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .feature-five__single { padding: 0 20px 0px; } .about-five__left { max-width: 600px; margin: 0 auto 0; } .about-five__right { max-width: 600px; margin: 60px auto 0; } .tracking-two__inner { flex-direction: column; } .tracking-two__btn-box { margin-top: 25px; } .why-choose-three__points-content-box { margin-left: 44px; } .get-insurance-three__right .section-title-two__title { font-size: 40px; } .testimonial-four__single-inner { padding: 38px 30px 42px; } .testimonial-four__carousel.owl-theme .owl-nav { bottom: -110px; left: 0; } .testimonial-four { padding: 120px 0 230px; } .site-footer-two__newsletter { padding-right: 40px; flex-direction: column; } .about-six__left { max-width: 600px; margin: 0 auto 0; } .about-six__right { max-width: 600px; margin: 103px auto 0; } .about-six { padding: 120px 0 90px; } .get-insurance-four__main-tab-box .tab-buttons { margin-bottom: 50px; margin-right: 0; max-width: 310px; } .get-insurance-four__main-tab-box .tabs-content { margin-left: 0; } .team-four__inner .row { --bs-gutter-x: 30px; } .why-choose-four__left { margin-right: 0; } .why-choose-four__left .section-title-three__title { font-size: 42px; } .why-choose-four__text br { display: none; } .why-choose-four__right { margin-left: 0; } .news-five__list > li { flex-direction: column; align-items: baseline; padding: 0 30px 20px; } .news-five__list-content { margin-left: 0; margin-top: 20px; } .footer-widget-three__contact { margin-top: 42px; } .footer-widget-three__latest-news { margin-top: 42px; } .policy-proposal__text-1 br { display: none; } .make-a-claim__points-box { margin-top: 23px; } .make-a-claim__procedure-shape-1 { display: none; } .insurance-details__opportunities { flex-direction: column; } .insurance-details__opportunities-points-box { margin-left: 0; margin-top: 21px; } .insurance-details__points li { flex-direction: column; } .insurance-details__points-left::before { display: none; } .insurance-details__points-right { padding-left: 0; text-align: center; padding-top: 15px; } .insurance-details__email-box { flex-direction: column; align-items: baseline; max-width: 100%; } .insurance-details__email-input-box { max-width: 100%; margin-bottom: 15px; } .insurance-details__age-box { flex-direction: column; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .feature-five__single { padding: 0 25px 0px; } .about-five__left { max-width: 600px; margin: 0 auto 0; } .about-five__right { max-width: 600px; margin: 60px auto 0; } .tracking-two__inner { flex-direction: column; } .tracking-two__btn-box { margin-top: 25px; } .why-choose-three__left:before { transform: skewX(0deg); } .why-choose-three__img { clip-path: none; } .why-choose-three__right { margin-left: 0; margin-right: 0; margin-top: 50px; } .why-choose-three-shape-1, .why-choose-three-shape-2, .why-choose-three-shape-3 { display: none; } .get-insurance-three__left { margin-right: 0; } .get-insurance-three__right { margin-top: 60px; } .get-insurance-three__main-tab-box .tab-buttons { position: relative; left: 0; margin-left: 166px; margin-bottom: 30px; } .testimonial-four__single-inner { padding: 38px 30px 42px; } .testimonial-four__carousel.owl-theme .owl-nav { bottom: -110px; left: 0; } .testimonial-four__client-info-box { flex-direction: column; align-items: baseline; } .testimonial-four__rating { margin-left: 0; margin-top: 10px; } .testimonial-four { padding: 120px 0 230px; } .footer-widget-two__latest-news { margin-top: 39px; } .footer-widget-two__contact { margin-top: 39px; } .site-footer-two__newsletter { padding-right: 40px; flex-direction: column; } .about-six__left { max-width: 600px; margin: 0 auto 0; } .about-six__right { max-width: 600px; margin: 103px auto 0; } .about-six { padding: 120px 0 90px; } .get-insurance-four__main-tab-box .tab-buttons { margin-bottom: 50px; margin-right: 0; max-width: 310px; } .get-insurance-four__main-tab-box .tabs-content { margin-left: 0; } .team-four__inner .row { --bs-gutter-x: 30px; } .why-choose-four__left { margin-right: 0; } .why-choose-four__right { margin-left: 0; margin-top: 50px; } .testimonial-five__content { padding: 30px 30px 40px; } .news-five__top { flex-direction: column; align-items: baseline; } .footer-widget-three__contact { margin-top: 42px; } .footer-widget-three__latest-news { margin-top: 42px; } .policy-proposal__messages-boxes { margin-right: 0; } .make-a-claim__points-box { margin-top: 23px; } .make-a-claim__procedure-shape-1 { display: none; } .make-a-claim__right { margin-top: 50px; } .insurance-details__left { margin-bottom: 50px; } } @media (max-width: 767px) { .section-title-two__title { font-size: 35px; line-height: 45px; } .section-title-two__title br { display: none; } .section-title-three__title { font-size: 30px; line-height: 40px; } .section-title-three__title br { display: none; } .feature-five__single { padding: 0 15px 0px; } .feature-five__list li { flex: 0 0 100%; max-width: 100%; } .about-five__img-two { display: none; } .about-five__shape-1, .about-five__arrow { display: none; } .about-five__right { margin-left: 0; margin-top: 60px; } .about-five__call { bottom: 0; left: 0; padding: 24px 35px 24px; } .about-five__points-and-counter-box { flex-direction: column; align-items: baseline; } .about-five__counter-box { margin-top: 30px; margin-left: 0; } .tracking-two__inner { padding: 53px 20px 51px; flex-direction: column; } .tracking-two__left { flex-direction: column; text-align: center; } .tracking-two__content { margin-left: 0; top: 0; } .tracking-two__icon { justify-content: center; margin-bottom: 20px; } .tracking-two__content { margin-left: 0; top: 0; margin-bottom: 20px; } .why-choose-three__left:before { transform: skewX(0deg); } .why-choose-three__img { clip-path: none; } .why-choose-three__right { margin-left: 0; margin-right: 0; margin-top: 50px; } .why-choose-three-shape-1, .why-choose-three-shape-2, .why-choose-three-shape-3 { display: none; } .why-choose-three__points-single { flex-direction: column; align-items: baseline; } .why-choose-three__points-content-box { margin-left: 0; margin-top: 20px; } .why-choose-three__points-content-box:before { display: none; } .get-insurance-three__left { margin-right: 0; } .get-insurance-three__right { margin-top: 60px; } .get-insurance-three__main-tab-box .tab-buttons { position: relative; left: 0; margin-left: 166px; margin-bottom: 30px; } .get-insurance-three__img:before { display: none; } .testimonial-four__single-inner { padding: 38px 20px 42px; } .testimonial-four__carousel.owl-theme .owl-nav { bottom: -110px; left: 0; } .testimonial-four__client-info-box { flex-direction: column; align-items: baseline; } .testimonial-four__rating { margin-left: 0; margin-top: 10px; } .testimonial-four { padding: 120px 0 230px; } .footer-widget-two__links { margin-top: 47px; margin-bottom: 39px; } .footer-widget-two__contact { margin-top: 44px; } .site-footer-two__newsletter { padding-left: 10px; padding-right: 10px; flex-direction: column; } .site-footer-two__newsletter-input-box input[type=email] { padding-right: 0; } .newsletter__btn { position: relative; } .about-six__help { padding-left: 15px; padding-right: 15px; } .about-six__help-text { font-size: 22px; } .about-six__right { margin-left: 0; margin-top: 103px; } .about-six__progress-ber { flex-direction: column; align-items: baseline; } .about-six__progress-single + .about-six__progress-single { margin-left: 0; } .about-six { padding: 120px 0 90px; } .get-insurance-four__main-tab-box .tab-buttons { margin-right: 0; margin-bottom: 50px; } .get-insurance-four__main-tab-box .tab-buttons .tab-btn .text-box p { font-size: 15px; } .get-insurance-four__main-tab-box .tabs-content { margin-left: 0; } .get-insurance-four__main-content { flex-direction: column; align-items: baseline; } .get-insurance-four__main-content-right { margin-left: 0; margin-top: 50px; } .team-four__inner .row { --bs-gutter-x: 30px; } .why-choose-four__left { margin-right: 0; } .why-choose-four__right { margin-left: 0; margin-top: 50px; } .why-choose-four__bg-box { width: 100%; } .why-choose-four__bg-box-two { display: none; } .why-choose-four__text br { display: none; } .why-choose-four__points li { padding-left: 20px; padding-right: 20px; flex-direction: column; align-items: baseline; } .why-choose-four__points-content-box { margin-top: 20px; } .why-choose-four__points-content-box:before { display: none; } .testimonial-five__content { padding: 30px 20px 40px; } .news-five__top-btn-box { margin-top: 25px; } .news-five__left-content { left: 20px; right: 20px; } .news-five__title { font-size: 22px; line-height: 35px; } .news-five__list > li { flex-direction: column; align-items: baseline; padding: 0 30px 20px; } .news-five__list-content { margin-left: 0; margin-top: 20px; } .tracking-three__inner { padding: 92px 10px 100px; } .tracking-three__input-box input[type=text] { padding-right: 30px; } .tracking-three__btn { position: relative; top: 0; transform: translateY(0%); margin-top: 20px; } .footer-widget-three__about { margin-right: 0; } .footer-widget-three__links { margin-top: 47px; margin-bottom: 39px; } .footer-widget-three__contact { margin-top: 46px; } .site-footer-three__bottom-inner { flex-direction: column; } .site-footer-three__social { margin-top: 15px; } .sign-in__form { padding: 60px 20px 60px; } .policy-proposal__inner { margin-right: 0; } .policy-proposal__messages-boxes { margin-right: 0; } .policy-proposal__text-1 br { display: none; } .make-a-claim__points-box { margin-top: 23px; } .make-a-claim__procedure-shape-1 { display: none; } .make-a-claim__right { margin-top: 50px; } .make-a-claim__procedure { flex-direction: column; } .insurance-details__left { margin-bottom: 50px; } .insurance-details__opportunities { flex-direction: column; } .insurance-details__opportunities-points-box { margin-left: 0; margin-top: 21px; } .insurance-details__points li { flex-direction: column; padding: 26px 20px 27px; } .insurance-details__points-left::before { display: none; } .insurance-details__points-right { padding-left: 0; text-align: center; padding-top: 15px; } .insurance-details__email-box { flex-direction: column; align-items: baseline; max-width: 100%; } .insurance-details__email-input-box { max-width: 100%; margin-bottom: 15px; } .insurance-details__age-box { flex-direction: column; padding: 16px 10px 16px; } } /*-------------------------------------------------------------- # Update 10/02/2023 Main Menu All Responsice Css --------------------------------------------------------------*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu-four__top-social { display: none; } .main-menu-four__left { width: 25.5%; background-color: var(--insur-black); text-align: center; } .main-menu-four__right { width: 74.5%; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-menu-four__left { width: 30%; background-color: var(--insur-black); text-align: center; } .main-menu-four__right { width: 70%; } .main-menu-four__logo a { padding: 28px 0px 28px; } .main-menu-four__top { display: none; } .main-header-five__top { display: none; } } @media (max-width: 767px) { .main-menu-four__wrapper-inner { background-color: var(--insur-white); } .main-menu-four__left { width: auto; background-color: var(--insur-black); text-align: center; } .main-menu-four__right { width: auto; } .main-menu-four__logo a { padding: 28px 15px 28px; } .main-menu-four__bottom { justify-content: flex-end; padding: 20px 15px 20px; box-shadow: none; } .main-menu-four__call-search-cart { display: none; } .main-menu-four__top { display: none; } .main-header-five__top { display: none; } .main-menu-five__right { display: none; } .main-menu-five__logo { margin-right: 0; } .main-menu-five__left { justify-content: space-between; flex: 1; } .main-menu-five .mobile-nav__toggler { padding: 32px 0; } } /*-------------------------------------------------------------- # Update 10/02/2023 Main Slider All Responsice Css --------------------------------------------------------------*/ @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-slider-four__img { display: none; } .main-slider-four__shape-2 { display: none; } .main-slider-four__nav { left: inherit; right: 120px; } .main-slider-five__shape-2 { display: none; } .main-slider-five__img { display: none; } .main-slider-five__nav { bottom: inherit; left: inherit; right: 120px; top: 50%; align-items: flex-end; flex-direction: column; transform: translateX(0) translateY(-50%); } .main-slider-five__nav .swiper-button-prev { margin-right: 0; margin-bottom: 10px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-slider-four__img { display: none; } .main-slider-four__shape-2 { display: none; } .main-slider-four__nav { left: inherit; right: 100px; } .main-slider-five__shape-2 { display: none; } .main-slider-five__img { display: none; } .main-slider-five__nav { bottom: inherit; left: inherit; right: 70px; top: 50%; align-items: flex-end; flex-direction: column; transform: translateX(0) translateY(-50%); } .main-slider-five__nav .swiper-button-prev { margin-right: 0; margin-bottom: 10px; } .main-slider-five__title { font-size: 70px; } .main-slider-five .container { padding-top: 217px; } } @media (max-width: 767px) { .main-slider-four__nav { display: none; } .main-slider-four__img { display: none; } .main-slider-four__shape-2 { display: none; } .main-slider-four__title { font-size: 35px; line-height: 45px; } .main-slider-five__shape-2 { display: none; } .main-slider-five__img { display: none; } .main-slider-five__nav { display: none; } .main-slider-five__title { font-size: 34px; line-height: 44px; } .main-slider-five__text br { display: none; } .main-slider-five .container { padding-top: 199px; } } @media only screen and (min-width: 1400px) and (max-width: 1650px) { .main-slider-four__img { right: -360px; } .main-slider-four__img img { width: 80%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .main-slider-four__img { right: -360px; } .main-slider-four__img img { width: 80%; } } @media only screen and (min-width: 1200px) and (max-width: 1550px) { .main-slider-four__nav { left: inherit; right: 120px; } .main-slider-five__shape-2 { display: none; } .main-slider-five__img { right: -365px; } .main-slider-five__img img { width: 90%; } .main-slider-five__nav { bottom: inherit; left: inherit; right: 120px; top: 50%; align-items: flex-end; flex-direction: column; transform: translateX(0) translateY(-50%); } .main-slider-five__nav .swiper-button-prev { margin-right: 0; margin-bottom: 10px; } } /*-------------------------------------------------------------- # Update 17/06/2023 Main Slider All Responsice Css --------------------------------------------------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1350px) { .get-insuracne-three__right { margin-left: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-header-six__top { display: none; } .main-menu-six__wrapper-inner { padding-left: 50px; padding-right: 50px; } .main-menu-six__logo-box { position: relative; top: 0; left: 0; padding: 24.5px 0; } .main-menu-six__logo-box:before { right: 0; } .main-menu-six__logo { position: relative; padding-right: 20px; clip-path: none; } .main-slider-seven__img { display: none; } .feature-six__single-inner { padding-right: 30px; } .about-seven__left { max-width: 600px; margin: 0 auto 0; } .about-seven__right { max-width: 600px; margin: 60px auto 0; } .counter-three__shape-1 { right: -50px; } .why-choose-five__left { max-width: 600px; margin: 0 auto 0; } .why-choose-five__right { max-width: 600px; margin: 60px auto 0; } .get-insuracne-three__right { margin-left: 0; } .get-insuracne-three__left { margin-left: 100px; } .cta-five__inner { flex-direction: column; } .cta-five__title { margin-bottom: 20px; } .footer-widget-four__services { margin-left: 0; margin-right: 0; } .footer-widget-four__contact { margin-left: 0; margin-top: 35px; } .footer-widget-four__news { margin-top: 35px; } .about-eight__left { max-width: 600px; margin: 0 auto 0; } .about-eight__right { max-width: 600px; margin: 350px auto 0; } .about-eight { padding: 30px 0 120px; } .team-six__img-box { padding: 0 30px 0; } .counter-four__shape-1 { right: -50px; } .why-choose-six__single { padding: 60px 30px 51px; } .testimonial-seven__left { max-width: 600px; margin: 75px auto 0; } .testimonial-seven__right { max-width: 600px; margin: 152px auto 0; } .process-two__list { flex-direction: column; } .process-two__list li::before { display: none; } .process-two__arrow { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-header-six__top { display: none; } .main-menu-six__wrapper-inner { padding-left: 50px; padding-right: 50px; } .main-menu-six__logo-box { position: relative; top: 0; left: 0; padding: 24.5px 0; } .main-menu-six__logo-box:before { right: 0; } .main-menu-six__logo { position: relative; padding-right: 20px; clip-path: none; } .main-menu-six__search-box, .main-menu-six__user { display: none; } .main-header-seven__top { display: none; } .main-slider-seven__img { display: none; } .main-slider-seven__title { font-size: 60px; } .main-slider-seven__title span { color: var(--insur-primary); } .main-slider-seven__text { color: var(--insur-black); } .about-seven__left { max-width: 600px; margin: 0 auto 0; } .about-seven__right { max-width: 600px; margin: 60px auto 0; } .about-seven__experience { left: 0; } .counter-three__shape-1 { display: none; } .why-choose-five__left { max-width: 600px; margin: 0 auto 0; } .why-choose-five__right { max-width: 600px; margin: 60px auto 0; } .get-insuracne-three__right { margin-left: 0; } .get-insuracne-three__left { margin-left: 0; margin-top: 0; margin-bottom: 80px; } .cta-five__inner { flex-direction: column; } .cta-five__title { margin-bottom: 20px; } .footer-widget-four__services { margin-left: 0; margin-right: 0; } .footer-widget-four__contact { margin-left: 0; margin-top: 35px; } .footer-widget-four__news { margin-top: 35px; } .about-eight__left { max-width: 600px; margin: 0 auto 0; } .about-eight__right { max-width: 600px; margin: 350px auto 0; } .about-eight { padding: 30px 0 120px; } .services-seven__single { padding: 37px 20px 39px; } .counter-four__shape-1 { display: none; } .why-choose-six__top { flex-direction: column; align-items: baseline; } .why-choose-six__btn-box { margin-top: 30px; } .testimonial-seven__left { max-width: 600px; margin: 75px auto 0; } .testimonial-seven__right { max-width: 600px; margin: 152px auto 0; } .process-two__list { flex-direction: column; } .process-two__list li::before { display: none; } .process-two__arrow { display: none; } } @media (max-width: 767px) { .main-header-six__top { display: none; } .main-menu-six__wrapper-inner { padding-left: 10px; padding-right: 10px; } .main-menu-six__logo-box { position: relative; top: 0; left: 0; padding: 24.5px 0; } .main-menu-six__logo-box:before { right: 0; } .main-menu-six__logo { position: relative; padding-right: 0; clip-path: none; } .main-menu-six__right { display: none; } .main-header-seven__top { display: none; } .main-menu-seven__right { display: none; } .main-slider-six__nav { display: none; } .main-slider-six__title { font-size: 32px; line-height: 40px; } .main-slider-six__text br { display: none; } .main-slider-seven__img { display: none; } .main-slider-seven__shape-bg { display: none; } .main-slider-seven__nav { display: none; } .main-slider-seven__title { font-size: 35px; line-height: 45px; } .main-slider-seven__text br { display: none; } .main-slider-seven .container { padding-bottom: 245px; } .section-title-four__title { font-size: 30px; line-height: 40px; } .section-title-four__title br { display: none; } .feature-six__single-inner { padding-right: 30px; } .about-seven__left { margin-left: 0; margin-right: 0; } .about-seven__experience { display: none; } .about-seven__right { margin-left: 0; margin-top: 60px; } .about-seven__right-bottom { flex-direction: column; align-items: baseline; } .about-seven__right-counter { margin-left: 0; margin-top: 30px; } .counter-three__shape-1 { display: none; } .counter-three__count-box { flex-direction: column; text-align: center; } .why-choose-five__left { margin-right: 0; } .why-choose-five__right { margin-left: 0; margin-top: 80px; } .why-choose-five__points-list li { flex-direction: column; align-items: baseline; } .why-choose-five__points-list li .content { margin-left: 0; margin-top: 20px; } .get-insuracne-three__right { margin-left: 0; padding: 58px 15px 58px; } .get-insuracne-three__left { margin-left: 0; margin-top: 0; margin-bottom: 80px; } .get-insuracne-three__tab-box .tab-buttons { flex-direction: column; } .get-insuracne-three__tab-box .tab-buttons .tab-btn + .tab-btn { margin-left: 0; } .news-six__content { padding: 76px 20px 40px; } .cta-five__inner { flex-direction: column; align-items: baseline; } .cta-five__title { margin-bottom: 20px; font-size: 19px; } .cta-five__email-box { flex-direction: column; align-items: baseline; } .cta-five__subscribe-btn { margin-top: 10px; } .footer-widget-four__services { margin-left: 0; margin-right: 0; margin-top: 42px; margin-bottom: 35px; } .footer-widget-four__contact { margin-left: 0; } .footer-widget-four__news { margin-top: 42px; } .about-eight { padding: 30px 0 120px; } .about-eight__left { margin-left: 0; } .about-eight__img-two { display: none; } .about-eight__experience { position: relative; right: 0; bottom: 0; margin-top: 30px; } .about-eight__right { margin-left: 0; margin-top: 60px; } .section-title-five__title { font-size: 30px; line-height: 40px; } .section-title-five__title br { display: none; } .about-eight__service { flex-direction: column; align-items: baseline; } .about-eight__service li + li { margin-top: 20px; } .reg-insurance__btn-box { flex-direction: column; } .reg-insurance__btn-two { margin-left: 0; margin-top: 10px; } .services-seven__single { padding: 37px 20px 39px; } .team-six__img-box { padding: 0 30px 0; } .counter-four__shape-1 { display: none; } .counter-four__count-box { flex-direction: column; text-align: center; } .why-choose-six__top { flex-direction: column; align-items: baseline; } .why-choose-six__btn-box { margin-top: 30px; } .why-choose-six__single { padding: 60px 30px 51px; } .testimonial-seven__left { margin-right: 0; } .testimonial-seven__carousel-outer { padding: 40px 20px 48px; } .testimonial-seven__right { margin-left: 0; } .testimonial-seven__right-content { padding: 59px 20px 60px; } .testimonial-seven__main-tab-box .tab-buttons { position: relative; top: 0; left: 0; margin-bottom: 50px; } .process-two__list { flex-direction: column; } .process-two__list li::before { display: none; } .process-two__arrow { display: none; } } @media only screen and (min-width: 1600px) and (max-width: 1895px) { .main-header-six__top-inner { padding: 0px 50px 0px; padding-left: 50px; } .main-menu-six__wrapper-inner { padding-left: 50px; padding-right: 50px; } .main-menu-six__logo-box { position: relative; top: 0; left: 0; padding: 24.5px 0; } .main-menu-six__logo-box:before { right: 0; } .main-menu-six__logo { position: relative; padding-right: 40px; clip-path: none; } .main-header-six .custom-container { padding-right: 0px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .main-header-six__top-inner { padding: 0px 50px 0px; padding-left: 50px; } .main-menu-six__wrapper-inner { padding-left: 50px; padding-right: 50px; } .main-menu-six__logo-box { position: relative; top: 0; left: 0; padding: 24.5px 0; } .main-menu-six__logo-box:before { right: 0; } .main-menu-six__logo { position: relative; padding-right: 40px; clip-path: none; } .main-header-six .custom-container { padding-right: 0px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .main-header-six__top-inner { padding: 0px 50px 0px; padding-left: 50px; justify-content: space-between; } .main-header-six__top-right { margin-left: 20px; } .main-header-six .custom-container { padding-right: 0px; } .main-menu-six__wrapper-inner { padding-left: 50px; padding-right: 50px; } .main-menu-six__logo-box { position: relative; top: 0; left: 0; padding: 24.5px 0; } .main-menu-six__logo-box:before { right: 0; } .main-menu-six__logo { position: relative; padding-right: 20px; clip-path: none; } .main-menu-six__search-box, .main-menu-six__user { display: none; } } @media only screen and (min-width: 1400px) and (max-width: 1730px) { .main-slider-seven__img { right: 20px; } .main-slider-seven__img img { width: 80%; } .main-slider-seven__support { left: -100px; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .main-slider-seven__img { display: none; } } /* Update --------------------------------------------- */ /*-------------------------------------------------------------- # Preset (Mosharof 15-2-2014) --------------------------------------------------------------*/ .thm-btn--eight { position: relative; letter-spacing: 0; border: none; outline: none; box-shadow: none; padding: 15px 40px; } .section-title-six { position: relative; display: block; margin-bottom: 51px; } @media (max-width: 767px) { .section-title-six { margin-bottom: 35px; } } .section-title-six__tagline { position: relative; font-size: 16px; color: var(--insur-gray); font-weight: 700; line-height: 1; display: block; margin-bottom: 9px; } .section-title-six__tagline__icon { display: inline-block; font-size: 14px; color: var(--insur-base); margin-right: 4px; } .section-title-six__title { font-size: 40px; line-height: 48px; color: var(--insur-black); font-weight: 800; margin: 0; } @media (max-width: 767px) { .section-title-six__title { font-size: 34px; line-height: 42px; } .section-title-six__title br { display: none; } } .section-title-seven { position: relative; display: block; margin-bottom: 51px; } @media (max-width: 767px) { .section-title-seven { margin-bottom: 35px; } } .section-title-seven__tagline { position: relative; font-size: 16px; color: var(--insur-gray); font-weight: 600; line-height: 1; display: block; margin-bottom: 9px; } .section-title-seven__tagline__icon { display: inline-block; font-size: 14px; color: var(--insur-base); margin-right: 4px; } .section-title-seven__title { font-size: 40px; line-height: 48px; color: var(--insur-black); font-weight: 700; margin: 0; } @media (max-width: 767px) { .section-title-seven__title { font-size: 34px; line-height: 42px; } .section-title-seven__title br { display: none; } } /*-------------------------------------------------------------- # Header --------------------------------------------------------------*/ .main-header-eight { position: relative; } .main-header-eight__top { background-color: var(--insur-bdr-color); padding-left: 23.4%; padding-right: 5.5%; position: relative; z-index: 1; } @media (max-width: 1599px) { .main-header-eight__top { padding-left: 29%; padding-right: 20px; } } @media (min-width: 1440px) and (max-width: 1599px) { .main-header-eight__top { padding-left: 28%; } } @media (max-width: 1340px) { .main-header-eight__top { padding-left: 25%; } } @media (max-width: 1199px) { .main-header-eight__top { padding-left: 20px; } } @media (max-width: 767px) { .main-header-eight__top { display: none; } } .main-header-eight__top::after { position: absolute; left: 0; top: 0; height: 100%; width: 87.2%; content: ""; border-radius: 0; z-index: -1; background-color: var(--insur-black); mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top right; mask-size: cover; } @media (max-width: 1199px) { .main-header-eight__top::after { width: 85%; } } @media (max-width: 991px) { .main-header-eight__top::after { width: 100%; mask-position: top left; } } .main-header-eight__inner { position: relative; display: flex; align-items: center; padding: 12px 0; } .main-header-eight__info { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 30px; } .main-header-eight__info li { font-size: 14px; color: var(--insur-gray); font-weight: 700; } .main-header-eight__info li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .main-header-eight__info li a:hover { color: var(--insur-base); background-size: 100% 1px; } .main-header-eight__info__icon { font-size: 12px; margin-right: 2px; color: var(--insur-base); } .main-header-eight__right { position: relative; display: flex; align-items: center; margin-left: auto; } .main-header-eight__right .thm-btn--eight { background-color: var(--insur-white); border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--insur-black); padding: 1px 12px; } .main-header-eight__right .thm-btn--eight:hover { color: var(--insur-white); } @media (max-width: 991px) { .main-header-eight__right .thm-btn--eight { display: none; } } .main-header-eight__social { display: flex; align-items: center; gap: 22px; margin-right: 95px; } @media (max-width: 991px) { .main-header-eight__social { margin-right: 0; } } .main-header-eight__social a { font-size: 12px; color: var(--insur-white); transition: all .5s linear; } .main-header-eight__social a:hover { color: var(--insur-base); } .main-header-nine { position: relative; z-index: 2; } .main-header-nine__shape { position: absolute; left: 0; top: 0; height: 100%; width: 30%; background-position: left top; background-repeat: no-repeat; z-index: 1; } @media (min-width: 1200px) and (max-width: 1499px) { .main-header-nine__shape { width: 340px; background-position: top right; } } @media (max-width: 1199px) { .main-header-nine__shape { display: none; } } .main-header-nine::after { position: absolute; left: 0; top: 0; height: 100%; width: 325px; content: ""; background-color: var(--insur-black); clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%); z-index: 2; } @media (min-width: 1200px) and (max-width: 1499px) { .main-header-nine::after { width: 280px; } } @media (max-width: 767px) { .main-header-nine::after { width: 245px; } } .main-header-nine__top { background-color: var(--insur-white); position: relative; } @media (max-width: 1799px) { .main-header-nine__top { z-index: 99; } } @media (max-width: 767px) { .main-header-nine__top { display: none; } } .main-header-nine__inner { position: relative; z-index: 5; display: flex; align-items: center; padding: 12px 0; } .main-header-nine__info { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; gap: 30px; } .main-header-nine__info li { font-size: 14px; color: #6f6f74; font-weight: 700; } .main-header-nine__info li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .main-header-nine__info li a:hover { color: var(--insur-base); background-size: 100% 1px; } .main-header-nine__info__icon { font-size: 12px; margin-right: 2px; color: var(--insur-base); } .main-header-nine__social { position: relative; display: flex; align-items: center; margin-left: auto; gap: 22px; } .main-header-nine__social a { font-size: 14px; color: var(--insur-black); transition: all .5s linear; } .main-header-nine__social a:hover { color: var(--insur-base); } .main-menu-eight { background-color: var(--insur-extra); z-index: 99; width: 100%; padding-right: 5.5%; padding-left: 65px; } @media (max-width: 1599px) { .main-menu-eight { padding-right: 20px; padding-left: 20px; } } .main-menu-eight::after { position: absolute; left: 0; top: 0; height: 100%; width: 84%; content: ""; border-radius: 0; z-index: -1; background-color: var(--insur-base); mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top right; mask-size: cover; } @media (max-width: 1199px) { .main-menu-eight::after { width: 78%; } } @media (max-width: 991px) { .main-menu-eight::after { width: 72%; } } @media (max-width: 767px) { .main-menu-eight::after { width: 100%; mask-position: top left; } } .main-menu-eight__wrapper { position: relative; display: flex; align-items: center; } .main-menu-eight__logo { z-index: 1; min-width: 345px; min-height: 111px; margin-top: -25px; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top center; mask-size: cover; background-color: rgba(247, 247, 247, .11); padding: 27px 0 0; margin-right: 36px; } @media (max-width: 1340px) { .main-menu-eight__logo { min-width: 245px; } } @media (max-width: 1199px) { .main-menu-eight__logo { min-width: auto; padding-left: 15px; padding-right: 15px; background-color: transparent; margin: 0; padding-top: 0; min-height: 85px; } } .main-menu-eight__logo::after { position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height: calc(100% - 18px); width: calc(100% - 38px); content: ""; border-radius: 0; z-index: -1; background-color: var(--insur-white); mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top center; mask-size: cover; } @media (max-width: 1199px) { .main-menu-eight__logo::after { width: 100%; height: 100%; } } .main-menu-eight__left { display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 1199px) { .main-menu-eight__left { margin-left: auto; } } .main-menu-eight__main-menu-box { display: block; } .main-menu-eight.main-menu .main-menu__list > li > a, .main-menu-eight.stricky-header .main-menu__list > li > a { color: var(--insur-bdr-color); font-size: 16px; font-weight: 700; letter-spacing: 0; } .main-menu-eight.main-menu .main-menu__list > li.current > a, .main-menu-eight.main-menu .main-menu__list > li:hover > a, .main-menu-eight.stricky-header .main-menu__list > li.current > a, .main-menu-eight.stricky-header .main-menu__list > li:hover > a { color: var(--insur-white); } .main-menu-eight.main-menu .main-menu__list > li > ul, .main-menu-eight.main-menu .main-menu__list > li > ul > li > ul, .main-menu-eight.stricky-header .main-menu__list > li > ul, .main-menu-eight.stricky-header .main-menu__list > li > ul > li > ul { top: 136%; } .main-menu-eight.main-menu .main-menu__list > .megamenu-clickable > ul, .main-menu-eight .mobile-nav__content .main-menu__list > li.megamenu-clickable > ul { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100vh; visibility: visible; visibility: hidden; overflow-y: scroll; overflow-y: scroll; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; transition: transform .7s ease, opacity .7s ease, visibility .7s ease; z-index: 999999; -ms-overflow-style: none; scrollbar-width: none; padding: 0; background-color: #fff; display: block !important; margin: 0; } .main-menu-eight .mobile-nav__content .main-menu__list > li.megamenu-clickable > ul.megamenu-clickable--active, .main-menu-eight .main-menu__list > li.megamenu-clickable > ul.megamenu-clickable--active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; transition: transform .7s ease, opacity .7s ease, visibility .7s ease; } .main-menu-eight .is-new-menu > a > span::after, .main-menu-eight .is-new-menu > a > span { background-color: var(--insur-black); } .main-menu-eight__right { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; } @media (max-width: 1199px) { .main-menu-eight__right { margin-left: inherit; } } .main-menu-eight__search, .main-menu-eight__cart { font-size: 20px; color: var(--insur-bdr-color); transition: all 400ms ease; margin-left: 20px; } .main-menu-eight__search:hover, .main-menu-eight__cart:hover { color: var(--insur-white); } .main-menu-eight__call { position: relative; min-height: 40px; padding: 8px 0 0 51px; margin-left: 85px; } @media (max-width: 767px) { .main-menu-eight__call { display: none; } } .main-menu-eight__call__icon { width: 40px; height: 40px; background-color: var(--insur-base); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .main-menu-eight__call__icon i { display: inline-block; transition: all 600ms ease; } .main-menu-eight__call:hover .main-menu-eight__call__icon i { transform: scaleX(-1); } .main-menu-eight__call__title { line-height: 1; display: block; margin: 0 0 3px; font-size: 12px; font-weight: 700; color: var(--insur-gray); } .main-menu-eight__call__text { color: var(--insur-black); font-weight: 700; font-size: 18px; line-height: 1.1; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .main-menu-eight__call__text:hover { color: var(--insur-base); background-size: 100% 1px; } .main-menu-eight.main-menu .mobile-nav__toggler { color: var(--insur-bdr-color); } .main-menu-nine { background-color: var(--insur-base); width: 100%; padding-right: 85px; padding-left: 65px; } .main-menu-nine__shape { position: absolute; right: 0; top: 0; height: 100%; width: 30%; background-position: top right; background-repeat: no-repeat; } @media (min-width: 1500px) and (max-width: 1699px) { .main-menu-nine__shape { width: 31%; background-position: top left; } } @media (min-width: 1200px) and (max-width: 1499px) { .main-menu-nine__shape { width: 329px; } } @media (max-width: 1199px) { .main-menu-nine__shape { display: none; } } @media (max-width: 1599px) { .main-menu-nine { padding-right: 20px; padding-left: 20px; } } .main-menu-nine__wrapper { position: relative; z-index: 5; display: flex; align-items: center; } .main-menu-nine__logo { z-index: 5; display: flex; align-items: center; position: relative; min-width: 302px; padding: 27px 0; margin-top: -60px; } @media (max-width: 1799px) { .main-menu-nine__logo { margin-top: 0; } } @media (max-width: 767px) { .main-menu-nine__logo { min-width: inherit; } } .main-menu-nine__left { display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 1199px) { .main-menu-nine__left { margin-left: auto; } } .main-menu-nine__main-menu-box { display: block; } .main-menu-nine .main-menu__list > li, .main-menu-nine.stricky-header .main-menu__list > li { padding-top: 33px; padding-bottom: 33px; } .main-menu-nine.main-menu .main-menu__list > li > a, .main-menu-nine.stricky-header .main-menu__list > li > a { color: var(--insur-extra); font-size: 16px; font-weight: 700; letter-spacing: 0; } .main-menu-nine.main-menu .main-menu__list > li.current > a, .main-menu-nine.main-menu .main-menu__list > li:hover > a, .main-menu-nine.stricky-header .main-menu__list > li.current > a, .main-menu-nine.stricky-header .main-menu__list > li:hover > a { color: var(--insur-black); } .main-menu-nine.main-menu .main-menu__list > li > ul, .main-menu-nine.main-menu .main-menu__list > li > ul > li > ul, .main-menu-nine.stricky-header .main-menu__list > li > ul, .main-menu-nine.stricky-header .main-menu__list > li > ul > li > ul { top: 100%; } .main-menu-nine.main-menu .main-menu__list > .megamenu-clickable > ul, .main-menu-nine .mobile-nav__content .main-menu__list > li.megamenu-clickable > ul { position: fixed; top: 0 !important; left: 0 !important; width: 100vw; height: 100vh; visibility: visible; visibility: hidden; overflow-y: scroll; overflow-y: scroll; opacity: 0; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; transition: transform .7s ease, opacity .7s ease, visibility .7s ease; z-index: 999999; -ms-overflow-style: none; scrollbar-width: none; padding: 0; background-color: #fff; display: block !important; margin: 0; } .main-menu-nine .mobile-nav__content .main-menu__list > li.megamenu-clickable > ul.megamenu-clickable--active, .main-menu-nine .main-menu__list > li.megamenu-clickable > ul.megamenu-clickable--active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; transition: transform .7s ease, opacity .7s ease, visibility .7s ease; } .main-menu-nine .is-new-menu > a > span::after, .main-menu-nine .is-new-menu > a > span { background-color: var(--insur-black); } .main-menu-nine__right { display: flex; align-items: center; justify-content: flex-end; margin-left: auto; } @media (max-width: 1199px) { .main-menu-nine__right { margin-left: inherit; padding: 12px 0; } } .main-menu-nine__right .thm-btn--eight { font-size: 14px; font-weight: 600; padding: 7px 30px; } .main-menu-nine__right .thm-btn--eight::after, .main-menu-nine__right .thm-btn--eight::before { background-color: var(--insur-white); } .main-menu-nine__right .thm-btn--eight:hover { color: var(--insur-black); } @media (min-width: 1200px) and (max-width: 1499px) { .main-menu-nine__right .thm-btn--eight { margin-left: 20px; } } @media (max-width: 1199px) { .main-menu-nine__right .thm-btn--eight { display: none; } } .main-menu-nine__search, .main-menu-nine__cart { width: 40px; height: 40px; font-size: 20px; background-color: rgba(var(--insur-black-rgb), .1); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-extra); transition: all 400ms ease; margin-left: 14px; } @media (min-width: 1200px) and (max-width: 1499px) { .main-menu-nine__search, .main-menu-nine__cart { background-color: rgba(var(--insur-white-rgb), .1); } } .main-menu-nine__search:hover, .main-menu-nine__cart:hover { background-color: var(--insur-black); color: var(--insur-white); } .main-menu-nine__call { position: relative; min-height: 40px; padding: 8px 0 0 51px; margin-left: 25px; margin-right: 105px; } @media (min-width: 1200px) and (max-width: 1499px) { .main-menu-nine__call { display: none; } } @media (max-width: 1199px) { .main-menu-nine__call { margin-left: 20px; margin-right: 0; } } @media (max-width: 767px) { .main-menu-nine__call { display: none; } } .main-menu-nine__call__icon { width: 40px; height: 40px; background-color: var(--insur-black); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-base); font-size: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .main-menu-nine__call__icon i { display: inline-block; transition: all 600ms ease; } .main-menu-nine__call:hover .main-menu-nine__call__icon i { transform: scaleX(-1); } .main-menu-nine__call__title { line-height: 1; display: block; margin: 0 0 3px; font-size: 12px; font-weight: 700; color: var(--insur-gray); } .main-menu-nine__call__text { color: var(--insur-black); font-weight: 700; font-size: 18px; line-height: 1.1; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .main-menu-nine__call__text:hover { color: var(--insur-base); background-size: 100% 1px; } .main-menu-nine.main-menu .mobile-nav__toggler { color: var(--insur-extra); } .main-menu-nine.stricky-header .main-menu-nine__logo { margin-top: 0; } .main-menu-nine.stricky-header::after { position: absolute; left: 0; top: 0; height: 100%; width: 325px; content: ""; background-color: var(--insur-black); clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%); z-index: 2; } /*-------------------------------------------------------------- # Hero Slider --------------------------------------------------------------*/ .main-slider-eight { position: relative; } .main-slider-eight .thm-owl__carousel.owl-carousel { position: relative; } .main-slider-eight .thm-owl__carousel.owl-carousel .owl-nav { position: absolute; top: 50%; left: 120px; z-index: 100; transform: translateY(-50%) translateX(0); display: flex; align-items: flex-end; flex-direction: column; gap: 15px; } @media (max-width: 1500px) { .main-slider-eight .thm-owl__carousel.owl-carousel .owl-nav { left: 25px; } } @media (max-width: 1300px) { .main-slider-eight .thm-owl__carousel.owl-carousel .owl-nav { flex-direction: row; width: 100%; transform: none; top: auto; left: 0; right: 0; bottom: 30px; margin: 0 auto; justify-content: center; } } .main-slider-eight .thm-owl__carousel.owl-carousel .owl-nav button { position: relative; top: auto; left: auto; right: auto; bottom: auto; z-index: 100; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; font-size: 18px; background-color: transparent; color: rgba(var(--insur-black-rgb), .2); border: 2px solid rgba(var(--insur-black-rgb), .2); border-radius: 50%; margin: 0; margin-bottom: 0px; text-align: center; transition: all 500ms ease; } .main-slider-eight .thm-owl__carousel.owl-carousel .owl-nav button:hover { color: var(--insur-white); border-color: var(--insur-base); background: var(--insur-base); } .main-slider-eight__item { background-color: var(--insur-white); position: relative; z-index: 3; padding-top: 176px; padding-bottom: 192px; } @media (max-width: 1199px) { .main-slider-eight__item { padding-top: 140px; padding-bottom: 140px; } } @media (max-width: 767px) { .main-slider-eight__item { padding-top: 80px; padding-bottom: 130px; } } .main-slider-eight__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: auto; background-repeat: no-repeat; background-position: left top; } .main-slider-eight__content { position: relative; z-index: 3; width: 100%; overflow: hidden; } .main-slider-eight__title-wrapper { position: relative; display: flex; align-items: center; overflow: hidden; } .main-slider-eight__title { font-weight: 800; font-size: 70px; line-height: 80px; letter-spacing: -2px; margin: 0 0 17px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(200px); } @media (max-width: 1199px) { .main-slider-eight__title { font-size: 60px; } } @media (max-width: 991px) { .main-slider-eight__title { font-size: 50px; line-height: 60px; } } @media (max-width: 767px) { .main-slider-eight__title { font-size: 36px; line-height: 46px; } } .main-slider-eight__text-wrapper { position: relative; display: flex; align-items: center; overflow: hidden; } .main-slider-eight__text { color: rgba(var(--insur-gray-rgb), .7); font-size: 18px; font-weight: 700; line-height: 30px; margin-bottom: 40px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(200px); } @media (max-width: 767px) { .main-slider-eight__text { font-size: 16px; line-height: 28px; } } @media (max-width: 767px) { .main-slider-eight__text br { display: none; } } .main-slider-eight__btn { position: relative; display: flex; align-items: center; overflow: hidden; height: 60px; z-index: 5; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(80px); transform-origin: bottom; transition: all 1500ms ease; } .main-slider-eight__image { position: absolute; right: 0; top: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 99%; width: 48%; opacity: 0; transition: transform 1000ms ease, opacity 1000ms ease; transform: translatex(50%) scalex(2); filter: blur(10px); overflow: hidden; mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: left bottom; mask-size: cover; } @media (max-width: 991px) { .main-slider-eight__image { display: none; } } .main-slider-eight__shape-one { position: absolute; right: 38.5%; bottom: 60px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(200px); } @media (max-width: 1199px) { .main-slider-eight__shape-one { display: none; } } .main-slider-eight__shape-one img { animation-name: treeMove; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes treeMove { 0%, 100% { -webkit-transform: rotate(0deg) translateX(0); transform: rotate(0deg) translateX(0); } 25%, 75% { -webkit-transform: rotate(5deg) translateX(15px); transform: rotate(5deg) translateX(15px); } 50% { -webkit-transform: rotate(10deg) translateX(30px); transform: rotate(10deg) translateX(30px); } } .main-slider-eight__shape-two { position: absolute; z-index: 2; right: -10px; bottom: -20px; background-position: right bottom; background-repeat: no-repeat; background-size: auto; height: 100%; width: 48%; } @media (max-width: 1699px) { .main-slider-eight__shape-two { right: -5%; } } @media (max-width: 1599px) { .main-slider-eight__shape-two { right: -8%; } } @media (max-width: 1499px) { .main-slider-eight__shape-two { right: -12%; } } @media (max-width: 1399px) { .main-slider-eight__shape-two { right: -16%; } } @media (max-width: 1299px) { .main-slider-eight__shape-two { display: none; } } .main-slider-eight .active .main-slider-eight__title { opacity: 1; transform: translateY(0); transition-delay: 1100ms; } .main-slider-eight .active .main-slider-eight__text { opacity: 1; transform: translateY(0); transition-delay: 1300ms; } .main-slider-eight .active .main-slider-eight__btn { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1500ms; } .main-slider-eight .active .main-slider-eight__image { opacity: 1; transform: translatex(0) scalex(1); filter: blur(0); transition-delay: 1000ms; } .main-slider-eight .active .main-slider-eight__shape-one { opacity: 1; transform: translateY(0); transition-delay: 1600ms; } .main-slider-nine { position: relative; } .main-slider-nine .thm-owl__carousel.owl-carousel { position: relative; } .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots { display: flex; align-items: center; justify-content: flex-start; position: absolute; left: 0; right: 0; margin: auto; bottom: 55px; z-index: 99; width: 1170px; gap: 10px; transform: none; text-align: left; } @media (max-width: 1199px) { .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots { justify-content: center; width: 100%; text-align: center; } } @media (max-width: 767px) { .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots { bottom: 25px; } } .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots button { position: relative; z-index: 1; width: 12px; height: 12px; cursor: pointer; opacity: 1; background-color: transparent; transition: all 500ms ease; transform: none; margin: 0; border: none; border: 2px solid rgba(var(--insur-white-rgb), .2); outline: none; border-radius: 50%; } .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots button span { display: none; } .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots button.active, .main-slider-nine .thm-owl__carousel.owl-carousel .owl-dots button:hover { background-color: var(--insur-white); border-color: var(--insur-white); } .main-slider-nine__item { background-color: var(--insur-black); position: relative; z-index: 3; padding-top: 170px; padding-bottom: 194px; } @media (max-width: 1199px) { .main-slider-nine__item { padding-top: 140px; padding-bottom: 140px; } } @media (max-width: 767px) { .main-slider-nine__item { padding-top: 80px; padding-bottom: 120px; } } .main-slider-nine__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; transform: scale(1); transition: transform 7000ms ease, opacity 7000ms ease; } .main-slider-nine__bg::after { background-image: linear-gradient(91deg, #171827 58%, rgba(23, 24, 39, 0) 91%); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: .7; } .main-slider-nine__content { position: relative; z-index: 3; width: 100%; overflow: hidden; } .main-slider-nine__title-wrapper { position: relative; display: flex; align-items: center; overflow: hidden; } .main-slider-nine__title { font-weight: 700; font-size: 70px; line-height: 80px; color: var(--insur-white); letter-spacing: -2px; margin: 0 0 28px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(200px); } @media (max-width: 1199px) { .main-slider-nine__title { font-size: 60px; } } @media (max-width: 991px) { .main-slider-nine__title { font-size: 50px; line-height: 60px; } } @media (max-width: 767px) { .main-slider-nine__title { font-size: 36px; line-height: 46px; } } .main-slider-nine__text-wrapper { position: relative; display: flex; align-items: center; overflow: hidden; } .main-slider-nine__text { color: rgba(var(--insur-white-rgb), .9); background-color: rgba(var(--insur-black-rgb), .23); border-left: 4px solid var(--insur-base); font-size: 18px; font-weight: 600; line-height: 30px; margin-bottom: 28px; padding: 15px 25px 17px 39px; max-width: 629px; border-radius: 4px; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateY(200px); } @media (max-width: 767px) { .main-slider-nine__text { font-size: 16px; line-height: 28px; } } @media (max-width: 767px) { .main-slider-nine__text br { display: none; } } .main-slider-nine__btn { position: relative; display: flex; align-items: center; overflow: hidden; height: 60px; z-index: 5; opacity: 0; transform: perspective(400px) rotateY(0deg) translateY(80px); transform-origin: bottom; transition: all 1500ms ease; } .main-slider-nine__shape-one { position: absolute; left: 0; top: 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(-200px); } @media (max-width: 1499px) { .main-slider-nine__shape-one { left: -100px; top: -100px; } } @media (max-width: 1199px) { .main-slider-nine__shape-one { display: none; } } .main-slider-nine__shape-one img { animation: float-bob-x 3s infinite linear; } .main-slider-nine__shape-two { position: absolute; right: -30px; top: 0; opacity: 0; transition: transform 1200ms ease, opacity 1200ms ease; transform: translateX(300px); } @media (max-width: 1199px) { .main-slider-nine__shape-two { display: none; } } .main-slider-nine__shape-two img { animation: float-bob-x 3s infinite linear; } .main-slider-nine .active .main-slider-nine__bg { transform: scale(1.15); } .main-slider-nine .active .main-slider-nine__title { opacity: 1; transform: translateY(0); transition-delay: 1100ms; } .main-slider-nine .active .main-slider-nine__text { opacity: 1; transform: translateY(0); transition-delay: 1300ms; } .main-slider-nine .active .main-slider-nine__btn { opacity: 1; transform: perspective(400px) rotateY(0deg) translateY(0px); transition-delay: 1500ms; } .main-slider-nine .active .main-slider-nine__shape-one { opacity: 1; transform: translateX(0); transition-delay: 1300ms; } .main-slider-nine .active .main-slider-nine__shape-two { opacity: 1; transform: translateX(0); transition-delay: 1400ms; } /*-------------------------------------------------------------- # Brand --------------------------------------------------------------*/ .brand-section { position: relative; background-color: var(--insur-black); padding: 120px 0 314px; } @media (max-width: 767px) { .brand-section { padding: 80px 0 240px; } } .brand-section__carousel.owl-carousel { position: relative; } .brand-section__image { position: relative; } .brand-section__image img { width: auto !important; max-width: 100%; transition: all ease .4s; opacity: .2; } .brand-section__image:hover img { opacity: 1; } /*-------------------------------------------------------------- # Feature --------------------------------------------------------------*/ .feature-seven { position: relative; margin-top: -160px; } .feature-seven__single { position: relative; background-color: var(--insur-white); border: 1px solid var(--insur-bdr-color); border-radius: 20px 0 0 20px; box-shadow: 13px 4px 30px 0px rgba(0, 0, 0, .1); padding: 39px 38px 30px; } @media (max-width: 767px) { .feature-seven__single { border-radius: 20px 20px 0 0; } } .feature-seven__single__icon { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; border: 3px solid rgba(var(--insur-base-rgb), .2); border-radius: 50%; font-size: 50px; color: var(--insur-base); margin: 0 0 23px; transition: all .4s ease; } .feature-seven__single__icon span { display: inline-block; transition: all .5s ease; transform: scale(1); } .feature-seven__single:hover .feature-seven__single__icon { border-color: var(--insur-base); } .feature-seven__single:hover .feature-seven__single__icon span { transform: scale(.9); } .feature-seven__single__title { font-size: 24px; font-weight: 700; margin: 0 0 14px; } .feature-seven__single__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .feature-seven__single__title a:hover { color: var(--insur-base); background-size: 100% 1px; } .feature-seven__single__text { line-height: 30px; font-weight: 600; margin: 0; } .feature-seven__single--featured { padding: 75px 30px 61px 38px; border: none; border-radius: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; box-shadow: 13px 4px 30px 0px rgba(var(--insur-base-rgb), .1); z-index: 2; margin: -35px -30px 0; } @media (max-width: 767px) { .feature-seven__single--featured { margin: 0; border-radius: 0; } } .feature-seven__single--featured::after { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: rgba(var(--insur-base-rgb), .95); z-index: -1; border-radius: 20px; } @media (max-width: 767px) { .feature-seven__single--featured::after { border-radius: 0; } } .feature-seven__single--featured .feature-seven__single__icon { position: relative; z-index: 2; border-color: rgba(var(--insur-white-rgb), .2); color: var(--insur-white); } .feature-seven__single--featured:hover .feature-seven__single__icon { border-color: var(--insur-white); } .feature-seven__single--featured .feature-seven__single__title { color: var(--insur-white); } .feature-seven__single--featured .feature-seven__single__title a:hover { color: inherit; } .feature-seven__single--featured .feature-seven__single__text { color: var(--insur-bdr-color); } .feature-seven__single--last { border-radius: 0 20px 20px 0; } @media (max-width: 767px) { .feature-seven__single--last { border-radius: 0 0 20px 20px; } } .feature-eight { position: relative; z-index: 2; margin-bottom: -258px; } .feature-eight__single { position: relative; z-index: 2; background-color: var(--insur-white); border: 2px solid var(--insur-bdr-color); border-radius: 20px; box-shadow: 26px 23px 30px 0px rgba(0, 0, 0, .08); transition: all 500ms ease; text-align: center; } .feature-eight__single::after { background-color: var(--insur-base); position: absolute; top: 0; height: 0; left: 0; right: 0; content: ""; transition: all 700ms ease; border-radius: 10px; z-index: -1; opacity: 0; } .feature-eight__single:hover { border-color: var(--insur-base); } .feature-eight__single:hover .feature-eight__single__text { color: var(--insur-extra); } .feature-eight__single:hover::after { opacity: 1; height: 100%; } .feature-eight__single__title { font-size: 24px; font-weight: 700; margin: 25px 20px 16px; } .feature-eight__single__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .feature-eight__single__title a:hover { color: var(--insur-white); background-size: 100% 1px; } .feature-eight__single:hover .feature-eight__single__title { color: var(--insur-white); } .feature-eight__single__text { line-height: 30px; font-weight: 600; margin: 0 30px 21px; transition: all 300ms ease; } .feature-eight__single__icon { width: 94px; height: 94px; display: flex; align-items: center; justify-content: center; border: 8px solid var(--insur-white); background-color: var(--insur-black); border-radius: 50%; font-size: 44px; margin: 0 auto -56px; position: relative; color: var(--insur-white); z-index: 1; transition: all .4s ease; } .feature-eight__single__icon span { display: inline-block; transition: all .5s ease; transform: scale(1); } .feature-eight__single:hover .feature-eight__single__icon { background-color: var(--insur-base); } .feature-eight__single:hover .feature-eight__single__icon span { transform: scale(.9); } .feature-eight__single__image { position: relative; margin: 0 -2px -2px; overflow: hidden; border-radius: 0 0 10px 10px; } .feature-eight__single__image img { width: 100%; height: auto; } /*-------------------------------------------------------------- # About --------------------------------------------------------------*/ .about-nine { position: relative; padding: 168px 0 140px; } @media (max-width: 1199px) { .about-nine { padding-bottom: 120px; } } @media (max-width: 767px) { .about-nine { padding: 80px 0; } } .about-nine__image { position: relative; } @media (min-width: 768px) and (max-width: 1199px) { .about-nine__image { margin-left: 75px; max-width: 620px; } } .about-nine__image__one { position: relative; transform: rotate(10deg); } @media (max-width: 767px) { .about-nine__image__one { transform: none; } } .about-nine__image__one img { border-radius: 40px; max-width: 100%; height: auto; } .about-nine__image__two { position: relative; transform: rotate(10deg); display: flex; justify-content: flex-end; margin-top: -180px; margin-right: 92px; } @media (min-width: 768px) and (max-width: 1199px) { .about-nine__image__two { margin-right: 45px; } } @media (max-width: 767px) { .about-nine__image__two { transform: none; margin: 20px 0; } } .about-nine__image__two img { border-radius: 40px; max-width: 100%; height: auto; } .about-nine__experience { position: absolute; left: -65px; bottom: -4px; max-width: 232px; width: 100%; background-color: var(--insur-base); border-radius: 20px; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; padding: 46px 20px; transform: rotate(10deg); } @media (max-width: 767px) { .about-nine__experience { transform: none; position: relative; left: 0; bottom: 0; } } .about-nine__experience__number { display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 40px; font-weight: 800; line-height: 1; margin-bottom: 6px; } .about-nine__experience__number .odometer.odometer-auto-theme, .about-nine__experience__number .odometer.odometer-theme-default { font-family: var(--insur-font); } .about-nine__experience__text { font-size: 20px; font-weight: 800; color: var(--insur-bdr-color); margin: 0; } .about-nine__content { position: relative; margin-left: -30px; } @media (max-width: 1199px) { .about-nine__content { margin: 45px 0 0; } } .about-nine__content .section-title-six { margin-bottom: 13px; } .about-nine__content__text { line-height: 30px; font-weight: 600; margin: 0 0 30px; } @media (min-width: 1200px) { .about-nine__content__text { padding-right: 10px; } } .about-nine__content .thm-btn--eight { background-color: var(--insur-black); } .about-nine__content .thm-btn--eight::before, .about-nine__content .thm-btn--eight::after { background-color: var(--insur-base); } .about-nine__box { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: space-between; } @media (max-width: 767px) { .about-nine__box { display: block; } } .about-nine__box li { width: 50%; position: relative; margin: 0 0 40px; } @media (max-width: 767px) { .about-nine__box li { width: 100%; } } .about-nine__box li:hover .about-nine__box__icon span { transform: scale(.9); } .about-nine__box li + li { border-left: 1px solid var(--insur-bdr-color); padding-left: 30px; } @media (max-width: 767px) { .about-nine__box li + li { border: none; padding-left: 0; } } .about-nine__box__top { display: flex; align-items: center; gap: 15px; margin-bottom: 17px; } .about-nine__box__icon { font-size: 44px; color: var(--insur-base); flex-shrink: 0; } .about-nine__box__icon span { display: inline-block; transition: all .5s ease; transform: scale(1); } .about-nine__box__title { font-size: 16px; font-weight: 800; margin: 0; } .about-nine__box__text { line-height: 30px; font-weight: 600; margin: 0; } .about-nine__list { margin: 0 0 40px; padding: 33px 39px 28px; list-style: none; border: 1px solid var(--insur-bdr-color); border-radius: 10px; } @media (max-width: 767px) { .about-nine__list { padding: 33px 25px 28px; } } .about-nine__list li { font-size: 16px; font-weight: 700; color: var(--insur-black); margin: 0 0 10px; } .about-nine__list__icon { font-size: 18px; color: var(--insur-base); margin-right: 15px; position: relative; top: 2px; } .about-ten { position: relative; padding: 120px 0 158px; } @media (max-width: 767px) { .about-ten { padding: 80px 0; } } .about-ten__image { position: relative; } .about-ten__image > img { border-radius: 10px; max-width: 100%; height: auto; } .about-ten__image__shape { position: absolute; left: -175px; bottom: 0; } .about-ten__image__shape img { max-width: 100%; animation: float-bob-x 3s infinite linear; } @media (max-width: 767px) { .about-ten__image__shape { display: none; } } .about-ten__experience { position: absolute; left: -76px; bottom: -38px; height: 197px; width: 197px; background-color: var(--insur-black); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; padding: 20px; animation: rotatedsmall 5s infinite linear; } @keyframes rotatedsmall { 0% { transform: rotate(0); } 50% { transform: rotate(-30deg); } 100% { transform: rotate(-45px); } } @media (max-width: 1299px) { .about-ten__experience { left: 0; } } @media (max-width: 991px) { .about-ten__experience { left: 0; bottom: 0; } } .about-ten__experience__number { display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 40px; font-weight: 700; line-height: 1; margin-bottom: 0; } .about-ten__experience__number .odometer.odometer-auto-theme, .about-ten__experience__number .odometer.odometer-theme-default { font-family: var(--insur-font); line-height: 1; } .about-ten__experience__text { font-size: 20px; line-height: 20px; font-weight: 600; color: var(--insur-base); margin: 0; } .about-ten__content { position: relative; padding: 0 0 0 50px; } @media (max-width: 1199px) { .about-ten__content { padding-left: 10px; } } @media (max-width: 991px) { .about-ten__content { padding: 45px 0 0; } } .about-ten__content .section-title-seven { margin-bottom: 13px; } .about-ten__content__text { line-height: 30px; font-weight: 600; margin: 0 0 30px; } .about-ten__content__bottom { position: relative; z-index: 2; background-color: var(--insur-extra); border-radius: 10px 10px 0 0; margin-left: -166px; padding: 20px 0 0 20px; } @media (max-width: 991px) { .about-ten__content__bottom { margin-left: 0; } } .about-ten__content__bottom::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 192px; background-color: var(--insur-white); border-radius: 10px 10px 0 0; content: ""; z-index: -1; } .about-ten__content__bottom::before { position: absolute; right: 0; top: 120px; width: 369px; height: 1px; background-color: var(--insur-white); content: ""; z-index: -1; } .about-ten__content__image { position: relative; } .about-ten__content__image img { max-width: 100%; height: auto; border-radius: 10px; } .about-ten__fact-wrapper { position: relative; margin-left: -11px; } @media (max-width: 767px) { .about-ten__fact-wrapper { margin-left: 0; margin-top: 20px; } } .about-ten__fact { position: relative; min-height: 98px; padding: 14px 0 0 137px; } .about-ten__fact__icon { height: 98px; width: 95px; background-color: var(--insur-white); border-radius: 10px 10px 0 0; font-size: 50px; color: var(--insur-black); display: flex; align-items: center; justify-content: center; border-bottom: 1.5px solid var(--insur-base); position: absolute; z-index: 2; overflow: hidden; left: 0; top: 0; } .about-ten__fact__icon::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; background-color: var(--insur-base); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .4s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .about-ten__fact__icon span { display: inline-block; transition: all 500ms ease; transform: scale(1); } .about-ten__fact:hover .about-ten__fact__icon { color: var(--insur-white); } .about-ten__fact:hover .about-ten__fact__icon::after { opacity: 1; transform: scaleY(1); } .about-ten__fact:hover .about-ten__fact__icon span { transform: scale(.9); } .about-ten__fact__number { display: flex; align-items: center; font-size: 40px; font-weight: 700; color: var(--insur-black); line-height: 1; margin-bottom: -4px; } .about-ten__fact__number .odometer.odometer-auto-theme, .about-ten__fact__number .odometer.odometer-theme-default { font-family: var(--insur-font); line-height: 1; } .about-ten__fact__number .odometer-formatting-mark { display: none; } .about-ten__fact__text { font-size: 14px; font-weight: 600; color: var(--insur-gray); margin: 0; } .about-ten__fact--last { position: relative; } .about-ten__fact--last .about-ten__fact__icon { border-bottom: none; border-top: 1.5px solid var(--insur-base); border-radius: 0 0 10px 10px; } .about-ten__list { position: relative; margin: 59px 0 38px; padding: 0; list-style: none; } .about-ten__list li { font-size: 16px; font-weight: 700; color: var(--insur-black); margin: 0 0 10px; } .about-ten__list__icon { font-size: 18px; color: var(--insur-base); margin-right: 15px; position: relative; top: 2px; } /*-------------------------------------------------------------- # Service --------------------------------------------------------------*/ .services-eight { position: relative; background-color: var(--insur-extra); padding: 120px 0 245px; background-position: center center; background-repeat: no-repeat; background-size: cover; } @media (max-width: 767px) { .services-eight { padding: 80px 0 200px; } } .services-eight .section-title-six { margin-bottom: 110px; } @media (max-width: 767px) { .services-eight .section-title-six { margin-bottom: 40px; } } .services-eight__carousel.owl-carousel { position: relative; } .services-eight__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .services-eight__carousel.owl-carousel .owl-stage-outer .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .services-eight__carousel.owl-carousel .owl-stage-outer .owl-item.active { opacity: 1; visibility: visible; } .services-eight__carousel.owl-carousel .owl-nav { position: absolute; right: 0; top: -174px; display: flex; align-items: center; justify-content: flex-end; margin: 0; gap: 10px; } @media (max-width: 767px) { .services-eight__carousel.owl-carousel .owl-nav { position: relative; top: 0; justify-content: center; margin: 30px 0 0; } } .services-eight__carousel.owl-carousel .owl-nav button { transition: all 500ms ease; width: 51px; height: 51px; background-color: var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--insur-black); border: none; outline: none; margin: 0; padding: 0; } .services-eight__carousel.owl-carousel .owl-nav button:hover { background-color: var(--insur-base); color: var(--insur-white); } .services-eight__carousel.owl-carousel .owl-dots { width: 100%; height: 2px; background-color: var(--insur-bdr-color); position: absolute; left: 0; top: -60px; display: grid; align-items: center; grid-template-columns: repeat(3, 1fr); z-index: 9; } @media (max-width: 767px) { .services-eight__carousel.owl-carousel .owl-dots { display: none; } } .services-eight__carousel.owl-carousel .owl-dots button { position: relative; margin: auto; margin: 0; width: 100%; height: 100%; background-color: transparent; padding: 0; transition: all 500ms ease; z-index: 9; cursor: pointer; } .services-eight__carousel.owl-carousel .owl-dots button span { display: none; } .services-eight__carousel.owl-carousel .owl-dots button:hover, .services-eight__carousel.owl-carousel .owl-dots button.active { background-color: var(--insur-base); } .services-eight__single { position: relative; z-index: 2; background-color: var(--insur-white); border-radius: 10px; padding: 1px 40px 32px; margin-top: 25px; box-shadow: 2px 4px 30px 0px rgba(0, 0, 0, .08); transition: all 500ms ease; } @media (max-width: 1199px) { .services-eight__single { padding: 1px 20px 32px; } } .services-eight__single::after { position: absolute; right: 0; bottom: 0; height: 93px; width: 93px; content: ""; z-index: -1; background-color: var(--insur-bdr-color); transition: all 500ms ease; mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top right; mask-size: cover; } .services-eight__single::before { background-color: var(--insur-base); position: absolute; top: 0; height: 0; left: 0; right: 0; content: ""; transition: all 500ms ease; border-radius: 10px; z-index: -1; opacity: 0; } .services-eight__single:hover::before { opacity: 1; height: 100%; } .services-eight__single__image { position: relative; z-index: 2; border-radius: 10px; overflow: hidden; margin-top: -25px; } .services-eight__single__image img { width: 100%; height: auto; } .services-eight__single__middle { position: relative; display: flex; align-items: baseline; gap: 20px; margin-top: -13px; margin-bottom: 21px; } .services-eight__single__middle::after { position: absolute; left: 78px; bottom: 0; width: calc(100% - 78px); height: 1px; content: ""; background-color: var(--insur-bdr-color); transition: all 400ms ease; } .services-eight__single:hover .services-eight__single__middle::after { background-color: var(--insur-white); } .services-eight__single__icon { width: 78px; height: 88px; background-color: var(--insur-base); border-radius: 0 0 0 10px; display: flex; align-items: center; justify-content: center; font-size: 44px; color: var(--insur-white); transition: all 400ms ease; } .services-eight__single__icon span { position: relative; top: 2px; display: inline-block; transition: all .5s ease; } .services-eight__single:hover .services-eight__single__icon { background-color: var(--insur-white); color: var(--insur-base); } .services-eight__single:hover .services-eight__single__icon span { transform: rotateY(180deg); } .services-eight__single__title { font-size: 20px; font-weight: 800; margin: 0 0 0; position: relative; top: -5px; } .services-eight__single__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .services-eight__single__title a:hover { background-size: 100% 1px; } .services-eight__single:hover .services-eight__single__title { color: var(--insur-white); } .services-eight__single__text { line-height: 30px; font-weight: 600; margin: 0; transition: all 400ms ease; } .services-eight__single:hover .services-eight__single__text { color: var(--insur-bdr-color); } .services-nine { position: relative; background-color: var(--insur-extra); padding: 120px 0; background-position: top center; background-repeat: no-repeat; background-size: auto; } @media (max-width: 767px) { .services-nine { padding: 80px 0; } } .services-nine .row { --bs-gutter-x: 0; } .services-nine__bg { width: 100%; height: 494px; position: absolute; left: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; background-size: cover; } .services-nine__bg::after { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background-color: var(--insur-base); opacity: .9; } .services-nine__single { position: relative; z-index: 2; background-color: var(--insur-white); border-radius: 20px; overflow: hidden; padding: 0; transition: all 500ms ease; } .services-nine__single__content { position: relative; padding: 40px 40px 50px; } .services-nine__single__icon { width: 90px; height: 90px; background-color: rgba(var(--insur-base-rgb), .1); border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; z-index: 1; font-size: 50px; color: var(--insur-base); transition: all 400ms ease; } .services-nine__single__icon span { display: inline-block; transition: all 500ms ease; transform: scale(1); } .services-nine__single__icon::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; background-color: var(--insur-base); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .4s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .services-nine__single:hover .services-nine__single__icon { color: var(--insur-white); } .services-nine__single:hover .services-nine__single__icon span { transform: scale(.9); } .services-nine__single:hover .services-nine__single__icon::after { opacity: 1; transform: scaleY(1); } .services-nine__single__title { font-size: 24px; font-weight: 800; margin: 24px 0 16px; } .services-nine__single__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .services-nine__single__title a:hover { color: var(--insur-base); background-size: 100% 1px; } .services-nine__single__text { line-height: 30px; font-weight: 600; margin: 0 0 21px; } .services-nine__single__rm { display: inline-block; position: relative; background-color: rgba(var(--insur-base-rgb), .1); border: 1px solid var(--insur-bdr-color); border-radius: 10px; font-size: 16px; font-weight: 700; color: var(--insur-base); transition: all 500ms ease; padding: 6px 19px; } .services-nine__single__rm span { margin-left: 8px; font-size: 18px; position: relative; top: 2.5px; transform: rotate(30deg); display: inline-block; } .services-nine__single__rm:hover { background-color: var(--insur-base); color: var(--insur-white); } .services-nine__single__image { position: relative; z-index: 2; } .services-nine__single__image img { width: 100%; height: auto; } /*-------------------------------------------------------------- # CTA --------------------------------------------------------------*/ .cta-seven { position: relative; margin-top: -86px; padding-bottom: 120px; } @media (max-width: 767px) { .cta-seven { padding-bottom: 80px; } } .cta-seven__inner { position: relative; background-color: var(--insur-base); border-radius: 10px; padding: 0 58px; } @media (max-width: 991px) { .cta-seven__inner { padding: 0 20px 50px; text-align: center; } } .cta-seven__inner::after { position: absolute; right: 0; bottom: 0; height: 100%; width: 214px; content: ""; border-radius: 0 10px 10px 0; background-color: var(--insur-black); clip-path: polygon(64% 0, 100% 0, 100% 100%, 0% 100%); } @media (max-width: 991px) { .cta-seven__inner::after { display: none; } } .cta-seven__inner .thm-btn--eight { background-color: var(--insur-white); color: var(--insur-black); margin-left: auto; width: 191px; display: flex; } @media (max-width: 991px) { .cta-seven__inner .thm-btn--eight { justify-content: center; margin: 30px auto 0; } } .cta-seven__inner .thm-btn--eight:hover { color: var(--insur-white); } .cta-seven img { max-width: 100%; margin: -40px 0 24px; animation: float-bob-x 2s infinite linear; } @media (max-width: 991px) { .cta-seven img { margin-left: auto; margin-right: auto; } } .cta-seven__content { position: relative; } .cta-seven__sub-title { font-size: 14px; color: var(--insur-bdr-color); font-weight: 700; margin: 0 0 3px; } .cta-seven__title { color: var(--insur-white); margin: 0; font-size: 30px; font-weight: 800; } .cta-eight { position: relative; padding: 357px 0 100px; background-color: var(--insur-black); z-index: 1; } @media (max-width: 767px) { .cta-eight { padding: 335px 0 80px; } } .cta-eight__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; opacity: .1; z-index: -1; } .cta-eight__border { position: relative; z-index: 2; background-color: rgba(var(--insur-white-rgb), .1); height: 1px; width: 100%; margin: 0 0 60px; } @media (max-width: 991px) { .cta-eight__border { padding: 0 0; } } .cta-eight__content { position: relative; } .cta-eight__sub-title { font-size: 14px; color: var(--insur-gray); font-weight: 600; margin: 0 0 3px; } .cta-eight__title { color: var(--insur-white); margin: 0; font-size: 30px; font-weight: 800; } .cta-eight .thm-btn--eight { margin-left: auto; width: 193px; display: flex; } @media (max-width: 767px) { .cta-eight .thm-btn--eight { justify-content: flex-start; margin: 30px 0 0; } } .cta-eight .thm-btn--eight::after, .cta-eight .thm-btn--eight::before { background-color: var(--insur-white); } .cta-eight .thm-btn--eight:hover { color: var(--insur-black); } /*-------------------------------------------------------------- # Why Choose --------------------------------------------------------------*/ .why-choose-seven { position: relative; background-color: var(--insur-black); background-position: left top; background-repeat: no-repeat; } @media (max-width: 1300px) { .why-choose-seven { background-position: top center; } } .why-choose-seven__content { position: relative; padding: 120px 0; } @media (max-width: 767px) { .why-choose-seven__content { padding: 80px 0; } } .why-choose-seven__content .section-title-six { margin-bottom: 21px; } .why-choose-seven__content .section-title-six__title { color: var(--insur-white); } .why-choose-seven__content__text { line-height: 30px; font-weight: 600; margin: 0 0 38px; } .why-choose-seven .insur-stretch-element-inside-column { position: relative; height: 100%; } .why-choose-seven__image { position: relative; max-width: 929px; z-index: 1; text-align: right; margin-left: auto; mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top left; mask-size: cover; } @media (max-width: 991px) { .why-choose-seven__image { mask: inherit; } } .why-choose-seven__image img { max-width: 100%; height: 100%; min-height: 823px; object-fit: cover; } @media (max-width: 767px) { .why-choose-seven__image img { min-height: inherit; } } .why-choose-seven__shape { position: absolute; left: -130px; bottom: 0; } @media (max-width: 1199px) { .why-choose-seven__shape { left: -60px; } } @media (max-width: 991px) { .why-choose-seven__shape { display: none; } } .why-choose-seven__shape img { max-width: 100%; height: auto; } .why-choose-seven__box-wrapper { position: relative; } @media (max-width: 1199px) { .why-choose-seven__box-wrapper { max-width: 570px; } } .why-choose-seven__box-wrapper__image { position: absolute; max-width: 275px; right: -5px; top: 20px; bottom: 0; display: flex; align-items: center; margin: auto; } @media (max-width: 767px) { .why-choose-seven__box-wrapper__image { position: relative; top: 0; right: 0; margin: 0 0 20px; } } .why-choose-seven__box-wrapper__image img { width: 100%; height: auto; } .why-choose-seven__box { position: relative; mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top right; mask-size: cover; background-color: rgba(var(--insur-white-rgb), .1); padding: 40px 20px 32px 34px; max-width: 472px; margin-bottom: 47px; } .why-choose-seven__box__top { display: flex; align-items: center; gap: 20px; } .why-choose-seven__box__icon { width: 58px; height: 58px; background-color: var(--insur-base); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 31px; color: var(--insur-white); overflow: hidden; position: relative; z-index: 1; transition: all .4s ease; } .why-choose-seven__box__icon::after { position: absolute; content: ""; background-color: var(--insur-black); width: 100%; height: 0%; left: 50%; top: 50%; border-radius: 25px; transform: translate(-50%, -50%) rotate(-45deg); z-index: -1; transition: all 500ms ease; } .why-choose-seven__box__icon span { display: inline-block; transition: all .5s ease; transform: scale(1); } .why-choose-seven__box:hover .why-choose-seven__box__icon { color: var(--insur-white); } .why-choose-seven__box:hover .why-choose-seven__box__icon::after { height: 100%; } .why-choose-seven__box:hover .why-choose-seven__box__icon span { transform: scale(.9); } .why-choose-seven__box__title { font-size: 16px; font-weight: 800; color: var(--insur-white); margin: 0; } .why-choose-seven__box__text { line-height: 30px; font-weight: 600; color: var(--insur-bdr-color); margin: 13px 0 0; } .why-choose-seven__wrapper { position: relative; display: flex; align-items: center; gap: 40px; } @media (max-width: 767px) { .why-choose-seven__wrapper { gap: 20px; } } .why-choose-seven__wrapper .thm-btn--eight { background-color: var(--insur-white); color: var(--insur-black); } @media (max-width: 400px) { .why-choose-seven__wrapper .thm-btn--eight { padding: 15px 28px; } } .why-choose-seven__wrapper .thm-btn--eight::after, .why-choose-seven__wrapper .thm-btn--eight::before { background-color: var(--insur-base); } .why-choose-seven__wrapper .thm-btn--eight:hover { color: var(--insur-white); } .why-choose-seven__customer { display: flex; align-items: center; gap: 20px; } @media (max-width: 767px) { .why-choose-seven__customer { gap: 10px; } } .why-choose-seven__customer__number { display: flex; align-items: center; color: var(--insur-white); font-size: 50px; font-weight: 600; line-height: 1; } @media (max-width: 400px) { .why-choose-seven__customer__number { font-size: 40px; } } .why-choose-seven__customer__number .odometer.odometer-auto-theme, .why-choose-seven__customer__number .odometer.odometer-theme-default { font-family: var(--insur-font); } .why-choose-seven__customer__text { font-size: 14px; font-weight: 600; line-height: 18px; color: var(--insur-gray); margin: 0; } .why-choose-eight { position: relative; background-color: var(--insur-black); } .why-choose-eight__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; mix-blend-mode: color-burn; } @media (max-width: 767px) { .why-choose-eight__bg { background-size: cover; } } .why-choose-eight__content { position: relative; padding: 120px 0; } @media (max-width: 767px) { .why-choose-eight__content { padding: 80px 0; } } .why-choose-eight__content .section-title-seven { margin-bottom: 23px; } .why-choose-eight__content .section-title-seven__title { color: var(--insur-white); } .why-choose-eight__content__text { line-height: 30px; font-weight: 700; margin: 0 0 38px; } .why-choose-eight__content__border { width: 100%; height: 1px; background-color: var(--insur-base); margin: 0 0 50px; } .why-choose-eight__box { position: relative; display: flex; align-items: center; margin: 0 0 0 32px; background-color: rgba(var(--insur-white-rgb), .2); border-radius: 10px; gap: 20px; margin-top: 40px; } @media (max-width: 767px) { .why-choose-eight__box { display: block; text-align: center; margin-left: 0; padding-top: 25px; } } .why-choose-eight__box__icon { width: 80px; height: 80px; background-color: var(--insur-white); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 50px; position: relative; z-index: 1; overflow: hidden; color: var(--insur-base); margin: 0 0 0 -32px; } @media (max-width: 767px) { .why-choose-eight__box__icon { margin: auto; } } .why-choose-eight__box__icon span { display: inline-block; transition: all 500ms linear; transition-delay: .1s; transform: scale(1); } .why-choose-eight__box__icon::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; content: ""; background-color: var(--insur-base); transition-delay: .1s; transition-timing-function: ease-in-out; transition-duration: .4s; transition-property: all; opacity: 1; transform-origin: top; transform-style: preserve-3d; transform: scaleY(0); z-index: -1; } .why-choose-eight__box:hover .why-choose-eight__box__icon { color: var(--insur-white); } .why-choose-eight__box:hover .why-choose-eight__box__icon span { transform: scale(.9); } .why-choose-eight__box:hover .why-choose-eight__box__icon::after { opacity: 1; transform: scaleY(1); } .why-choose-eight__box__title { color: var(--insur-white); font-size: 24px; font-weight: 700; margin: 0; } @media (max-width: 767px) { .why-choose-eight__box__title { margin: 25px 0; } } .why-choose-eight__box:hover .why-choose-eight__box__image::after { opacity: 1; visibility: visible; transform: translateY(0); } .why-choose-eight__box:hover .why-choose-eight__box__image__rm { opacity: 1; visibility: visible; transform: translateY(0); } .why-choose-eight__box__image { margin-left: auto; border-radius: 10px; overflow: hidden; max-width: 270px; position: relative; } @media (max-width: 767px) { .why-choose-eight__box__image { margin: auto; } } .why-choose-eight__box__image::after { width: 100%; height: 100%; background-color: rgba(var(--insur-black-rgb), .6); position: absolute; top: 0; left: 0; content: ""; opacity: 0; visibility: hidden; transform: translateY(-80%); transition: opacity 500ms ease, transform 500ms ease; } .why-choose-eight__box__image img { width: 100%; height: auto; } .why-choose-eight__box__image__rm { width: 50px; height: 50px; background-color: var(--insur-base); color: var(--insur-white); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; top: 0; margin: auto; opacity: 0; visibility: hidden; transform: translateY(80%); transition: opacity 500ms ease, transform 500ms ease; } .why-choose-eight__box__image__rm span { display: inline-block; transition: all 500ms ease; } .why-choose-eight__box__image__rm:hover { background-color: var(--insur-white); color: var(--insur-black); } .why-choose-eight__box__image__rm:hover span { transform: rotate(30deg); } .why-choose-eight .insur-stretch-element-inside-column { position: relative; height: 100%; } .why-choose-eight__image { position: relative; max-width: 773px; z-index: 1; text-align: right; margin-left: auto; mask: url("data:image/svg+xml;utf8,"); mask-repeat: no-repeat; mask-position: top left; mask-size: cover; } @media (max-width: 1399px) { .why-choose-eight__image { margin-left: 50px; } } @media (max-width: 991px) { .why-choose-eight__image { mask: inherit; margin: 0; } } .why-choose-eight__image img { max-width: 100%; height: 100%; min-height: 834px; object-fit: cover; } @media (max-width: 767px) { .why-choose-eight__image img { min-height: inherit; } } .why-choose-eight__shape { position: absolute; z-index: 2; left: 25px; bottom: 0; } @media (max-width: 1399px) { .why-choose-eight__shape { left: 0; } } @media (max-width: 1199px) { .why-choose-eight__shape { left: 30px; } } @media (max-width: 991px) { .why-choose-eight__shape { display: none; } } .why-choose-eight__shape img { max-width: 100%; height: auto; } /*-------------------------------------------------------------- # Testimonial --------------------------------------------------------------*/ .testimonial-eight { position: relative; padding: 120px 0; } @media (max-width: 767px) { .testimonial-eight { padding: 80px 0; } } .testimonial-eight__carousel.owl-carousel { position: relative; } .testimonial-eight__carousel.owl-carousel .owl-stage-outer { overflow: visible; } .testimonial-eight__carousel.owl-carousel .owl-stage-outer .owl-item { opacity: 0; visibility: hidden; transition: opacity 500ms ease, visibility 500ms ease; } .testimonial-eight__carousel.owl-carousel .owl-stage-outer .owl-item.active { opacity: 1; visibility: visible; } .testimonial-eight__single { position: relative; z-index: 2; background-color: var(--insur-white); border-radius: 20px; padding: 24px 40px 62px; margin: 37px 0 40px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, .12); transition: 500ms ease; } .testimonial-eight__single__shape { position: absolute; right: 0; bottom: 0; background-position: right bottom; background-repeat: no-repeat; background-size: auto; width: 100%; height: 100%; transition: 500ms ease; border-radius: 20px; } .testimonial-eight__single::after { background-color: var(--insur-black); position: absolute; width: 100%; bottom: 0; height: 0; left: 0; right: 0; content: ""; transition: all 500ms ease; border-radius: 20px; z-index: -1; opacity: 0; } .testimonial-eight__single:hover::after { opacity: 1; height: 100%; } .testimonial-eight__single::before { position: absolute; left: 40px; bottom: -35px; content: ""; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 35px 20px 0 20px; border-color: var(--insur-white) transparent transparent transparent; filter: drop-shadow(0 0 30px rgba(0, 0, 0, .12)); transition: all 500ms ease; } .testimonial-eight__single:hover::before { border-color: var(--insur-black) transparent transparent transparent; } .testimonial-eight__single__author { position: relative; padding: 0 0 0 132px; } .testimonial-eight__single__author img { width: 101px !important; height: 102px; position: absolute; left: 0; bottom: 0; border-radius: 10px 10px 0 0; } .testimonial-eight__single__name { font-size: 20px; font-weight: 700; margin: 0 0 3px; transition: all 300ms ease; } .testimonial-eight__single:hover .testimonial-eight__single__name { color: var(--insur-white); } .testimonial-eight__single__designation { display: block; font-size: 14px; font-weight: 600; margin: 0; line-height: 1; } .testimonial-eight__single__text { font-size: 16px; line-height: 30px; font-weight: 600; color: var(--insur-gray); margin: 31px 0 32px; } .testimonial-eight__single__rating { position: relative; display: flex; align-items: center; font-size: 21px; color: var(--insur-base); letter-spacing: 5px; } .testimonial-nine { position: relative; padding: 0 0 120px; } @media (max-width: 767px) { .testimonial-nine { padding: 0 0 80px; } } .testimonial-nine__bg { position: absolute; left: 0; right: 0; top: -26px; width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; } .testimonial-nine__carousel.owl-carousel.owl-theme { position: relative; } .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav { margin: 0; } @media (max-width: 1299px) { .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav { display: flex; align-items: center; justify-content: center; gap: 10px; margin: -35px auto 25px; } } .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav button { position: absolute; left: -25px; top: 42%; width: 51px; height: 51px; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; background-color: var(--insur-gray); border-radius: 50%; font-size: 18px; transform: rotate(30deg); color: var(--insur-white); transition: 500ms ease; border: none; outline: none; } @media (max-width: 1299px) { .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav button { position: relative; top: 0; left: 0; } } .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav button.owl-next { left: auto; right: -25px; } @media (max-width: 1299px) { .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav button.owl-next { position: relative; top: 0; right: 0; } } .testimonial-nine__carousel.owl-carousel.owl-theme .owl-nav button:hover { background-color: var(--insur-base); color: var(--insur-white); } .testimonial-nine__wrapper { position: relative; z-index: 1; padding: 45px 0 0; text-align: center; } .testimonial-nine__single { position: relative; margin-bottom: 58px; } .testimonial-nine__single__quote { width: 51px; height: 51px; background-color: var(--insur-extra); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--insur-black); font-size: 19px; margin: auto; } .testimonial-nine__single__rating { position: relative; display: flex; align-items: center; justify-content: center; font-size: 20px; color: var(--insur-base); letter-spacing: 7px; margin: 31px auto 24px; } .testimonial-nine__single__text { font-size: 16px; line-height: 30px; font-weight: 600; color: var(--insur-gray); max-width: 800px; margin: 0 auto; } .testimonial-nine__carousel-thumb { max-width: 290px; margin: auto; position: relative; } .testimonial-nine__carousel-thumb .item { position: relative; text-align: center; display: inline-block; padding: 0 0 0; } .testimonial-nine__carousel-thumb .item .testimonial-nine__meta-thumb { width: 67px; height: 67px; border-radius: 50%; opacity: .5; object-fit: cover; display: block; position: relative; z-index: 1; transition: 500ms ease; margin: 38px 0 20px; } .testimonial-nine__carousel-thumb .item .testimonial-nine__meta-thumb::after { position: absolute; left: -2px; top: 0; right: 0; bottom: 0; border-radius: 50%; margin: auto; width: calc(100% + 4px); height: calc(100% + 4px); z-index: -1; content: ""; background-color: var(--insur-base); visibility: hidden; opacity: 0; transition: 500ms ease; transform: scale(.8); } .testimonial-nine__carousel-thumb .item .testimonial-nine__meta-thumb img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; } .testimonial-nine__carousel-thumb .active.center .item .testimonial-nine__meta-thumb { transform: scale(1.35); opacity: 1; } .testimonial-nine__carousel-thumb .active.center .item .testimonial-nine__meta-thumb::after { visibility: visible; opacity: 1; transform: scale(1.1); } .testimonial-nine__carousel-thumb .active.center .testimonial-nine__meta { visibility: visible; opacity: 1; transform: translateY(0); } .testimonial-nine__meta { position: relative; display: block; visibility: hidden; margin-left: -48%; opacity: 0; transform: translateY(20%); transition: 500ms ease; } .testimonial-nine__meta__name { display: flex; justify-content: center; align-items: center; white-space: nowrap; font-size: 20px; font-weight: 700; color: var(--insur-black); line-height: 1; margin-bottom: 5px; } .testimonial-nine__meta__designation { display: flex; justify-content: center; align-items: center; white-space: nowrap; color: var(--insur-gray); font-size: 14px; line-height: 1; line-height: 1; font-weight: 600; } /*-------------------------------------------------------------- # Get Insurance --------------------------------------------------------------*/ .get-insurance-five { position: relative; background-position: top right; background-repeat: no-repeat; padding: 120px 0; } .get-insurance-five::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: linear-gradient(90deg, #f5f5f5 29%, rgba(245, 245, 245, 0) 100%); } .get-insurance-five__shape { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: top left; background-repeat: no-repeat; z-index: 1; } @media (max-width: 767px) { .get-insurance-five { padding: 80px 0; } } .get-insurance-five .container { position: relative; z-index: 2; } .get-insurance-five__tabs { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; } @media (max-width: 767px) { .get-insurance-five__tabs { display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; } } .get-insurance-five__tabs li { transition: all 500ms ease; position: relative; background-color: var(--insur-white); border-radius: 0 40px 0 0; font-size: 16px; font-weight: 800; color: var(--insur-gray); padding: 23px 40px; z-index: 1; cursor: pointer; overflow: hidden; } @media (max-width: 991px) { .get-insurance-five__tabs li { padding: 23px 25px; } } @media (max-width: 767px) { .get-insurance-five__tabs li { padding: 23px 18px; } } .get-insurance-five__tabs li::after { position: absolute; content: ""; background-color: var(--insur-base); width: calc(100% + 150px); height: 0%; left: 50%; top: 50%; border-radius: 25px; transform: translate(-50%, -50%) rotate(-45deg); z-index: -1; transition: all 500ms ease; } .get-insurance-five__tabs li:hover, .get-insurance-five__tabs li.active-btn { color: var(--insur-white); } .get-insurance-five__tabs li:hover::after, .get-insurance-five__tabs li.active-btn::after { height: calc(100% + 150px); } .get-insurance-five__content { position: relative; background-color: var(--insur-white); border-radius: 0 20px 40px 0; padding: 50px; } @media (max-width: 767px) { .get-insurance-five__content { padding: 40px 25px; } } .get-insurance-five__content__image { position: relative; } .get-insurance-five__content__image img { max-width: 100%; height: auto; border-radius: 0 20px 20px 0; } @media (max-width: 991px) { .get-insurance-five__content__image img { border-radius: 0 0 20px 20px; } } .get-insurance-five__form { position: relative; margin-left: -42px; } @media (max-width: 1199px) { .get-insurance-five__form { margin-left: 0; } } @media (max-width: 991px) { .get-insurance-five__form { margin: 45px 0 0; } } .get-insurance-five__form__input { position: relative; margin: 0 0 20px; } .get-insurance-five__form__input input[type=text], .get-insurance-five__form__input input[type=email] { height: 60px; width: 100%; border: none; background-color: var(--insur-extra); padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--insur-black); display: block; font-weight: 700; border-radius: 10px; } .get-insurance-five__form__input .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; max-width: 100%; width: 100% !important; } .get-insurance-five__form__input .bootstrap-select > .dropdown-toggle { position: relative; background-color: var(--insur-extra); border-radius: 0; border-radius: 10px; color: var(--insur-black); font-size: 14px; font-weight: 700; height: 60px; line-height: 60px; padding-left: 30px; padding-right: 30px; padding-top: 0; padding-bottom: 0; width: 100%; outline: none !important; border: 0; box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .get-insurance-five__form__input .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insurance-five__form__input .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 25px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 15px; color: var(--insur-black); } .get-insurance-five__form__input .bootstrap-select .dropdown-menu > li.selected > a { background-color: var(--insur-black); } .get-insurance-five__form__progress { position: relative; margin: 26px 0 11px; } .get-insurance-five__form__progress__title { font-size: 16px; font-weight: 700; margin: 0 0 15px; } .get-insurance-five__form__progress .get-insurance__balance-box { top: -4px; } .get-insurance-five__form__progress .get-insurance__balance { letter-spacing: 0; font-weight: 500; } .get-insurance-five__form__progress .get-insurance__progress-range .irs--flat .irs-line { height: 10px; border-radius: 17px; border: none; background-color: var(--insur-extra); } .get-insurance-five__form__progress .get-insurance__progress-range .irs--flat .irs-bar { background: var(--insur-base); border-radius: 17px; height: 10px; } .get-insurance-five__form__progress .get-insurance__progress-range .irs--flat .irs-handle { width: 20px; height: 20px; background-color: var(--insur-black); border-radius: 4px; border: none; top: -5px; cursor: pointer; } .get-insurance-five .tabs-content { position: relative; display: block; } .get-insurance-five .tabs-content .tab { position: relative; display: none; transform: translateY(35px); transition: all 500ms ease; z-index: 10; } .get-insurance-five .tabs-content .tab.active-tab { display: block; margin-top: 0px; transform: translateY(0px); } .get-insurance-six { position: relative; padding: 120px 0; } @media (max-width: 767px) { .get-insurance-six { padding: 80px 0; } } .get-insurance-six__shape { position: absolute; left: 0; top: 0; width: 100%; height: 329px; background-color: var(--insur-extra); background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .get-insurance-six .container { position: relative; z-index: 2; } .get-insurance-six__tabs { margin: 0 auto 50px; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; } @media (max-width: 767px) { .get-insurance-six__tabs { display: grid; grid-template-columns: repeat(2, 1fr); text-align: center; } } .get-insurance-six__tabs li { transition: all 500ms ease; position: relative; background-color: var(--insur-white); border-radius: 100px; font-size: 16px; font-weight: 700; color: var(--insur-gray); padding: 23px 41px; z-index: 1; cursor: pointer; overflow: hidden; } @media (max-width: 991px) { .get-insurance-six__tabs li { padding: 23px 25px; } } @media (max-width: 767px) { .get-insurance-six__tabs li { padding: 23px 18px; } } .get-insurance-six__tabs li::after { position: absolute; content: ""; background-color: var(--insur-base); width: calc(100% + 150px); height: 0%; left: 50%; top: 50%; border-radius: 25px; transform: translate(-50%, -50%) rotate(-45deg); z-index: -1; transition: all 500ms ease; } .get-insurance-six__tabs li:hover, .get-insurance-six__tabs li.active-btn { color: var(--insur-white); } .get-insurance-six__tabs li:hover::after, .get-insurance-six__tabs li.active-btn::after { height: calc(100% + 150px); } .get-insurance-six__content { position: relative; background-color: var(--insur-white); border: 2px solid var(--insur-bdr-color); box-shadow: 26px 23px 30px 0px rgba(0, 0, 0, .08); border-radius: 20px; padding: 48px 48px 40px; } @media (max-width: 1199px) { .get-insurance-six__content { padding: 48px 30px 40px; } } @media (max-width: 767px) { .get-insurance-six__content { padding: 40px 25px; } } .get-insurance-six__content__right { position: relative; margin-left: -29px; } @media (max-width: 1199px) { .get-insurance-six__content__right { margin-left: -19px; } } @media (max-width: 991px) { .get-insurance-six__content__right { margin: 0; } } .get-insurance-six__content__right img { max-width: 100%; height: auto; border-radius: 20px; } .get-insurance-six__content__right__text { line-height: 30px; font-weight: 600; margin: 21px 0 0; } .get-insurance-six__form { position: relative; margin-right: 50px; } @media (max-width: 1199px) { .get-insurance-six__form { margin-right: 20px; } } @media (max-width: 991px) { .get-insurance-six__form { margin: 0 0 45px; } } .get-insurance-six__form__input { position: relative; margin: 0 0 20px; } .get-insurance-six__form__input input[type=text], .get-insurance-six__form__input input[type=email] { height: 60px; width: 100%; border: 1px solid var(--insur-bdr-color); background-color: transparent; padding-left: 30px; padding-right: 30px; outline: none; font-size: 14px; color: var(--insur-gray); display: block; font-weight: 700; border-radius: 10px; } .get-insurance-six__form__input .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { position: relative; display: block; max-width: 100%; width: 100% !important; } .get-insurance-six__form__input .bootstrap-select > .dropdown-toggle { position: relative; background-color: transparent; border-radius: 0; border-radius: 10px; color: var(--insur-gray); font-size: 14px; font-weight: 700; height: 60px; line-height: 60px; padding-left: 30px; padding-right: 30px; padding-top: 0; padding-bottom: 0; width: 100%; outline: none !important; border: 1px solid var(--insur-bdr-color); box-shadow: none !important; background-repeat: no-repeat; background-size: 14px 12px; background-position: right 25.75px center; } .get-insurance-six__form__input .bootstrap-select > .dropdown-toggle::after { display: none; } .get-insurance-six__form__input .bootstrap-select > .dropdown-toggle:before { position: absolute; top: 0; bottom: 0; right: 25px; font-family: "Font Awesome 5 Free"; content: ""; font-weight: 900; font-size: 15px; color: var(--insur-gray); } .get-insurance-six__form__input .bootstrap-select .dropdown-menu > li.selected > a { background-color: var(--insur-black); } .get-insurance-six__form__progress { position: relative; margin: 26px 0 11px; } .get-insurance-six__form__progress__title { font-size: 16px; font-weight: 700; margin: 0 0 15px; } .get-insurance-six__form__progress .get-insurance__balance-box { top: -4px; } .get-insurance-six__form__progress .get-insurance__balance { letter-spacing: 0; font-weight: 500; } .get-insurance-six__form__progress .get-insurance__progress-range .irs--flat .irs-line { height: 8px; border-radius: 2px; border: none; background-color: var(--insur-extra); } .get-insurance-six__form__progress .get-insurance__progress-range .irs--flat .irs-bar { background: var(--insur-base); height: 8px; border-radius: 2px; } .get-insurance-six__form__progress .get-insurance__progress-range .irs--flat .irs-handle { width: 15px; height: 14px; background-color: var(--insur-black); border-radius: 2px; border: none; top: -3px; cursor: pointer; } .get-insurance-six .tabs-content { position: relative; display: block; } .get-insurance-six .tabs-content .tab { position: relative; display: none; transform: translateY(35px); transition: all 500ms ease; z-index: 10; } .get-insurance-six .tabs-content .tab.active-tab { display: block; margin-top: 0px; transform: translateY(0px); } /*-------------------------------------------------------------- # Team --------------------------------------------------------------*/ .team-seven { position: relative; padding: 120px 0; } @media (max-width: 767px) { .team-seven { padding: 80px 0; } } .team-seven__bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 349px; background-color: var(--insur-base); background-position: center center; background-repeat: no-repeat; background-size: cover; } .team-seven__single { position: relative; overflow: hidden; border-radius: 20px; } .team-seven__single::after { background-color: rgba(var(--insur-black-rgb, 0, 0, 0), .9); position: absolute; content: ""; width: calc(100% + 180px); height: 0%; left: 50%; top: 50%; border-radius: 20px; transform: translate(-50%, -50%) rotate(-45deg); transition: all 500ms ease; } .team-seven__single:hover::after { height: calc(100% + 180px); } .team-seven__single__image { position: relative; } .team-seven__single__image img { width: 100%; height: auto; } .team-seven__single__content { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; border-radius: 10px 10px 0 0; padding: 26px 25px 28px; text-align: center; margin: auto; } .team-seven__single__content::before { position: absolute; top: 0; left: 0; right: 0; content: ""; width: 100%; height: 100%; background-color: var(--insur-white); transition: all 500ms ease; z-index: -1; } .team-seven__single:hover .team-seven__single__content::before { top: 100%; height: 0; } .team-seven__single__name { font-size: 24px; line-height: 1; font-weight: 700; margin: 0 0 11px; } .team-seven__single__name a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .team-seven__single__name a:hover { color: var(--insur-base); background-size: 100% 1px; } .team-seven__single:hover .team-seven__single__name { color: var(--insur-white); } .team-seven__single__designation { display: block; font-size: 16px; line-height: 1; font-weight: 700; transition: all ease .3s; } .team-seven__single:hover .team-seven__single__designation { color: var(--insur-white); } .team-seven__single__hover { position: absolute; z-index: 2; left: 30px; top: 30px; margin: auto; display: flex; align-items: center; padding-bottom: 10px; cursor: pointer; } .team-seven__single__hover__iconwrap { width: 39px; height: 39px; background-color: var(--insur-white); border-radius: 6px; display: flex; align-items: center; justify-content: center; color: var(--insur-black); font-size: 15px; transition: all .4s linear; } .team-seven__single__hover:hover .team-seven__single__social { opacity: 1; transform: scaleY(1); } .team-seven__single:hover .team-seven__single__hover__iconwrap { color: var(--insur-white); background-color: var(--insur-base); } .team-seven__single__social { position: absolute; top: 100%; right: 0; z-index: 3; background-color: var(--insur-white); margin: 0; padding: 5px 14px 0; opacity: 0; transform: scaleY(0); transform-origin: center; transform-origin: top center; transform-style: preserve-3d; transition: all .4s linear; border-radius: 6px; } .team-seven__single__social a { color: var(--insur-black); font-size: 12px; transition: all 500ms ease; display: block; text-align: center; border-bottom: 1px solid rgba(var(--insur-black-rgb), .2); margin-bottom: 2px; padding-bottom: 2px; } .team-seven__single__social a:last-child { border: none; } .team-seven__single__social a:hover { color: var(--insur-base); } .team-eight { position: relative; padding: 45px 0 120px; } @media (max-width: 767px) { .team-eight { padding: 45px 0 80px; } } .team-eight__single { position: relative; overflow: hidden; border-radius: 10px; } .team-eight__single__image { position: relative; } .team-eight__single__image img { width: 100%; height: auto; } .team-eight__single__content { position: absolute; left: 30px; bottom: 0; z-index: 2; border-radius: 0 0 50px 50px; padding: 21px 18px 26px 20px; transform: rotate(180deg); background-color: var(--insur-black); overflow: hidden; white-space: nowrap; writing-mode: vertical-rl; min-height: 170px; } .team-eight__single__content::before { position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 0; background-color: var(--insur-base); transition: all 500ms ease; z-index: -1; } .team-eight__single:hover .team-eight__single__content::before { height: 100%; } .team-eight__single__name { font-size: 16px; line-height: 1; font-weight: 600; color: var(--insur-white); margin: 0 0 0 3px; } .team-eight__single__name a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .team-eight__single__name a:hover { color: var(--insur-white); background-size: 1px 100%; } .team-eight__single:hover .team-eight__single__name { color: var(--insur-white); } .team-eight__single__designation { display: block; font-size: 14px; line-height: 1; font-weight: 600; transition: all ease .3s; } .team-eight__single:hover .team-eight__single__designation { color: var(--insur-white); } .team-eight__single__hover { position: absolute; z-index: 2; right: 20px; top: 20px; margin: auto; display: flex; align-items: center; padding-bottom: 10px; cursor: pointer; } .team-eight__single__hover__iconwrap { width: 35px; height: 35px; background-color: var(--insur-black); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 13px; transition: all .4s linear; } .team-eight__single__hover:hover .team-eight__single__social { opacity: 1; transform: scaleY(1); } .team-eight__single__hover:hover .team-eight__single__hover__iconwrap { color: var(--insur-white); background-color: var(--insur-base); } .team-eight__single__social { position: absolute; top: 100%; right: 0; z-index: 3; background-color: var(--insur-black); margin: 0; padding: 5px 11.5px 0; opacity: 0; transform: scaleY(0); transform-origin: center; transform-origin: top center; transform-style: preserve-3d; transition: all .4s linear; border-radius: 31px; } .team-eight__single__social a { color: var(--insur-white); font-size: 12px; transition: all 500ms ease; display: block; text-align: center; border-bottom: 1px solid rgba(var(--insur-white-rgb), .2); margin-bottom: 1px; padding-bottom: 1px; } .team-eight__single__social a:last-child { border: none; } .team-eight__single__social a:hover { color: var(--insur-base); } /*-------------------------------------------------------------- # New --------------------------------------------------------------*/ .news-seven { position: relative; padding: 120px 0; } @media (max-width: 767px) { .news-seven { padding: 80px 0; } } .news-seven__single { position: relative; } .news-seven__single__image { position: relative; border-radius: 10px; overflow: hidden; } .news-seven__single__image img { width: 100%; height: auto; } .news-seven__single__image__link { display: flex; width: 100%; height: 100%; background-color: rgba(var(--insur-black-rgb), .7); position: absolute; top: 0; left: 0; justify-content: center; align-items: center; opacity: 0; transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; } .news-seven__single__image__link::after, .news-seven__single__image__link::before { content: ""; width: 32px; height: 2px; background-color: var(--insur-white); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .news-seven__single__image__link::after { transform: translate(-50%, -50%) rotate(90deg); } .news-seven__single:hover .news-seven__single__image__link { opacity: 1; transform: translateY(0); } .news-seven__single__content { position: relative; z-index: 1; margin-right: 20px; margin-top: -77px; background-color: var(--insur-white); box-shadow: 4px 0px 30px 0px rgba(0, 0, 0, .1); padding: 25px 30px 17px; } .news-seven__single__date { position: absolute; width: 71px; height: 82px; right: 0; top: -36px; background-color: var(--insur-white); border-radius: 36px 36px 0 36px; color: var(--insur-gray); text-transform: uppercase; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; line-height: 1; flex-direction: column; z-index: 3; } .news-seven__single__date__day { display: block; color: var(--insur-black); font-weight: 700; font-size: 24px; line-height: 1; margin-bottom: 5px; } .news-seven__single__comment { position: relative; display: flex; align-items: center; color: var(--insur-base); font-size: 19px; gap: 6px; margin: 0 0 7px; } .news-seven__single__comment a { color: var(--insur-gray); font-size: 14px; font-weight: 600; display: inline-block; position: relative; transition: all .5s ease; top: 2px; } .news-seven__single__comment a:hover { color: var(--insur-base); } .news-seven__single__title { font-size: 24px; line-height: 35px; font-weight: 700; margin: 0; } .news-seven__single__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .news-seven__single__title a:hover { color: var(--insur-base); background-size: 100% 1px; } .news-seven__single__rm { width: calc(100% - 20px); height: 54px; background-color: var(--insur-gray); border-radius: 0 0 10px 0; display: flex; align-items: center; justify-content: space-between; transition: all ease .4s; font-size: 14px; font-weight: 600; text-transform: capitalize; color: var(--insur-white); position: relative; z-index: 2; overflow: hidden; padding: 0 30px; } .news-seven__single__rm span { font-size: 20px; position: relative; transform: rotate(30deg); display: inline-block; } .news-seven__single__rm:hover { color: var(--insur-white); } .news-seven__single__rm::after { position: absolute; right: 73px; bottom: 0; top: 0; margin: auto; width: 44%; height: 1px; background-color: rgba(var(--insur-white-rgb), .1); content: ""; } @media (max-width: 1199px) { .news-seven__single__rm::after { width: 22%; } } @media (max-width: 991px) { .news-seven__single__rm::after { width: 30%; } } @media (max-width: 767px) { .news-seven__single__rm::after { width: 37%; } } .news-seven__single__rm::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: var(--insur-base); transform: scalex(0); transform-style: preserve-3d; transition: transform .4s ease-in-out; transform-origin: right center; z-index: -1; } .news-seven__single__rm:hover::before { transform: scalex(1); transform-origin: left center; } .news-eight { position: relative; padding: 120px 0 90px; } @media (max-width: 767px) { .news-eight { padding: 80px 0; } } .news-eight__single { position: relative; display: flex; align-items: center; margin-bottom: 30px; background-color: var(--insur-white); box-shadow: 4px 0px 30px 0px rgba(0, 0, 0, .1); } @media (max-width: 767px) { .news-eight__single { display: block; } } .news-eight__single__image { position: relative; border-radius: 10px 10px 10px 0; overflow: hidden; flex-shrink: 0; max-width: 300px; margin-left: auto; } @media (max-width: 767px) { .news-eight__single__image { margin: 0 auto; border-radius: 10px 10px 0 0; } } .news-eight__single__image img { width: 100%; height: auto; } .news-eight__single__image__link { display: flex; width: 100%; height: 100%; background-color: rgba(var(--insur-black-rgb), .7); position: absolute; top: 0; left: 0; justify-content: center; align-items: center; opacity: 0; transform: translateY(-20%); transition: opacity 500ms ease, transform 500ms ease; } .news-eight__single__image__link::after, .news-eight__single__image__link::before { content: ""; width: 32px; height: 2px; background-color: var(--insur-white); display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .news-eight__single__image__link::after { transform: translate(-50%, -50%) rotate(90deg); } .news-eight__single__date { position: absolute; width: 77px; height: 78px; left: 0; bottom: 0; background-color: var(--insur-base); border-radius: 0 10px 10px 0; color: var(--insur-white); text-transform: capitalize; font-size: 14px; font-weight: 600; display: flex; align-items: center; justify-content: center; line-height: 1; flex-direction: column; z-index: 3; } .news-eight__single__date__day { display: block; color: var(--insur-white); font-weight: 700; font-size: 24px; line-height: 1; margin-bottom: 4px; margin-top: -3px; } .news-eight__single:hover .news-eight__single__image__link { opacity: 1; transform: translateY(0); } .news-eight__single__content { position: relative; z-index: 1; padding: 25px 40px; } .news-eight__single__meta { position: relative; display: flex; align-items: center; gap: 20px; padding: 0 0 16px; margin: 0 0 11px; border-bottom: 1px solid var(--insur-bdr-color); } .news-eight__single__meta li { display: flex; align-items: center; color: var(--insur-base); font-size: 19px; text-transform: capitalize; gap: 6px; } .news-eight__single__meta li a { color: var(--insur-gray); font-size: 14px; font-weight: 600; display: inline-block; position: relative; transition: all .5s ease; } .news-eight__single__meta li a:hover { color: var(--insur-base); } .news-eight__single__meta li:last-child { font-size: 15px; } .news-eight__single__meta li:last-child span { position: relative; top: 1px; } .news-eight__single__title { font-size: 24px; line-height: 35px; font-weight: 700; margin: 0 0 13px; } .news-eight__single__title a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .news-eight__single__title a:hover { color: var(--insur-base); background-size: 100% 1px; } .news-eight__single__text { line-height: 30px; font-weight: 600; margin: 0; } .news-eight__single--two { display: block; margin: 0; box-shadow: none; max-width: 470px; } .news-eight__single--two .news-eight__single__image { max-width: 100%; border-radius: 10px 10px 0 10px; } .news-eight__single--two .news-eight__single__date { position: absolute; right: 40px; left: auto; top: -28px; border-radius: 10px 10px 0 0; } @media (max-width: 767px) { .news-eight__single--two .news-eight__single__date { right: 0; } } .news-eight__single--two .news-eight__single__content { position: absolute; right: 0; bottom: 0; width: calc(100% - 48px); z-index: 2; background-color: var(--insur-white); border-radius: 20px 0 0 0; padding: 27px 40px 20px; } @media (max-width: 767px) { .news-eight__single--two .news-eight__single__content { width: calc(100% - 20px); padding: 27px 30px 10px; } } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .site-footer-five { position: relative; background-color: var(--insur-black); } .site-footer-five__shape-one { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: left top; background-repeat: no-repeat; mix-blend-mode: overlay; opacity: .3; animation: br-translate 3s ease infinite; } @media (max-width: 1300px) { .site-footer-five__shape-one { display: none; } } .site-footer-five__shape-two { position: absolute; right: 5%; top: 75px; width: 100%; height: 100%; background-position: right top; background-repeat: no-repeat; mix-blend-mode: overlay; animation: br-translate 2s ease infinite; } @media (max-width: 1600px) { .site-footer-five__shape-two { right: 1%; } } @media (max-width: 1300px) { .site-footer-five__shape-two { display: none; } } @keyframes br-translate { 0% { transform: translateX(0px) translateY(0px); } 50% { transform: translateX(-5px) translateY(-5px); } 100% { transform: translateX(0px) translateY(0px); } } .site-footer-five__top { position: relative; z-index: 1; padding: 130px 0 100px; } @media (max-width: 991px) { .site-footer-five__top { padding: 50px 0 80px; } } .site-footer-five__column { position: relative; } @media (max-width: 991px) { .site-footer-five__column { margin-top: 50px; } } .site-footer-five__title { font-size: 18px; color: var(--insur-white); font-weight: 700; margin: 0 0 16px; } .site-footer-five__about { position: relative; } @media (min-width: 1200px) { .site-footer-five__about { margin-right: -3px; } } .site-footer-five__about__text { font-size: 18px; line-height: 30px; font-weight: 700; margin: 0 0 22px; } .site-footer-five__about__form { position: relative; } .site-footer-five__about__form input[type=email] { height: 56px; width: 100%; border: none; outline: none; padding-left: 30px; padding-right: 60px; background-color: rgba(var(--insur-white-rgb), .16); font-size: 14px; font-weight: 600; color: var(--insur-gray); border-radius: 6px; } .site-footer-five__about__form button { position: absolute; right: 0; top: 0; width: 56px; height: 56px; background-color: var(--insur-base); border-radius: 6px; font-size: 19px; border: none; outline: none; transition: all 300ms ease; } .site-footer-five__about__form button i { color: var(--insur-white); display: inline-block; transition: all 500ms ease; } .site-footer-five__about__form button:hover { background-color: var(--insur-white); } .site-footer-five__about__form button:hover i { color: var(--insur-black); transform: rotate(30deg); } .site-footer-five__about__social { position: relative; display: flex; align-items: center; gap: 19px; margin: 30px 0 0; } .site-footer-five__about__social a { width: 36px; height: 36px; background-color: rgba(142, 143, 155, .15); border-radius: 50%; color: var(--insur-white); font-size: 12px; display: flex; align-items: center; justify-content: center; transition: all 300ms ease; } .site-footer-five__about__social a:hover { background-color: var(--insur-base); } .site-footer-five__contact { position: relative; background-color: rgba(var(--insur-white-rgb), .1); border-radius: 20px; max-width: 370px; padding-top: 1px; padding-bottom: 26px; } @media (min-width: 1200px) { .site-footer-five__contact { margin-left: 30px; } } @media (min-width: 992px) and (max-width: 1199px) { .site-footer-five__contact { max-width: 340px; } } .site-footer-five__contact__logo { position: relative; background-color: var(--insur-black); border-radius: 9px; max-width: 227px; margin: -31px auto 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px 5px 19px; } .site-footer-five__contact__list { margin: 0 0 15px; padding: 30px 0 29px; list-style: none; border-bottom: 1px solid rgba(var(--insur-white-rgb), .1); } .site-footer-five__contact__list li { margin: 0; padding: 0 53px; display: flex; align-items: center; gap: 11px; } .site-footer-five__contact__list li:hover .site-footer-five__contact__icon { color: var(--insur-white); } .site-footer-five__contact__list li:hover .site-footer-five__contact__icon::after { height: 100%; } .site-footer-five__contact__list li + li { margin-top: 28px; } .site-footer-five__contact__icon { width: 40px; height: 40px; background-color: var(--insur-black); color: var(--insur-base); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 19px; position: relative; z-index: 1; transition: all 500ms ease; } .site-footer-five__contact__icon::after { position: absolute; content: ""; background-color: var(--insur-base); width: 100%; height: 0%; left: 50%; top: 50%; border-radius: 25px; transform: translate(-50%, -50%) rotate(-45deg); z-index: -1; transition: all 500ms ease; } .site-footer-five__contact__text { color: var(--insur-gray); font-size: 16px; font-weight: 600; line-height: 21px; margin: 0; } .site-footer-five__contact__text a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .site-footer-five__contact__text a:hover { color: var(--insur-base); background-size: 100% 1px; } .site-footer-five__contact__call { position: relative; min-height: 40px; padding: 8px 0 0 53px; margin: 0 53px; } .site-footer-five__contact__call__icon { width: 40px; height: 40px; background-color: var(--insur-base); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--insur-white); font-size: 16px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .site-footer-five__contact__call__icon i { display: inline-block; transition: all 600ms ease; } .site-footer-five__contact__call:hover .site-footer-five__contact__call__icon i { transform: scaleX(-1); } .site-footer-five__contact__call__title { line-height: 1; display: block; margin: 0 0 3px; font-size: 12px; font-weight: 700; color: var(--insur-gray); } .site-footer-five__contact__call__text { color: var(--insur-white); font-weight: 700; font-size: 18px; line-height: 1.1; display: inline-block; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .site-footer-five__contact__call__text:hover { color: var(--insur-base); background-size: 100% 1px; } .site-footer-five__links { position: relative; } @media (min-width: 992px) { .site-footer-five__links { margin-left: -30px; } } .site-footer-five__links__list { margin: 0; padding: 0; list-style: none; } .site-footer-five__links__list li { font-size: 16px; line-height: 30px; color: var(--insur-gray); font-weight: 700; margin: 0 0 6px; } .site-footer-five__links__list li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .site-footer-five__links__list li a:hover { color: var(--insur-base); background-size: 100% 1px; } .site-footer-five__gallery { position: relative; max-width: 206px; } @media (min-width: 992px) { .site-footer-five__gallery { margin-left: -36px; } } .site-footer-five__gallery__wrapper { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 24px; } .site-footer-five__gallery__wrapper img { width: 100%; height: auto; border-radius: 8px; } .site-footer-five__bottom { position: relative; background-color: #121026; text-align: center; padding: 27px 0; } .site-footer-five__bottom__text { font-weight: 600; margin: 0; } .site-footer-five__bottom__text a { color: inherit; } .site-footer-five__bottom__text a:hover { color: var(--insur-base); } .site-footer-five--home-nine { position: relative; } .site-footer-five--home-nine .site-footer-five__about__form input[type=email] { background-color: #242533; } .site-footer-five--home-nine .site-footer-five__about__text, .site-footer-five--home-nine .site-footer-five__links__list li { font-weight: 600; } .site-footer-five--home-nine .site-footer-five__bottom { background-color: #12131f; } /* Custom --------------------------------------------- */ .site-footer-five { position: relative; z-index: 1 !important; } .site-footer-five .e-con-inner .site-footer-five .elementor-widget-footer-copyright, .site-footer-five .elementor-element.e-con, .site-footer-five .elementor-widget-insur-shape, .site-footer-five .elementor-section, .site-footer-five .elementor-column, .site-footer-five .elementor-widget-container, .site-footer-five .elementor-widget-wrap { position: unset !important; } div.site-footer-five__gallery__wrapper img { height: auto; border-radius: 8px; } @media (min-width: 992px) { .site-footer-five__gallery { margin-left: 0; } } div.about-nine__image__one img { border-radius: 40px; max-width: 100%; height: auto; } div.about-nine__image__two img { border-radius: 40px; max-width: 100%; height: auto; } div.testimonial-eight__single__author img { border-radius: 10px 10px 0 0; } div.get-insurance-five__content__image img { max-width: 100%; height: auto; border-radius: 0 20px 20px 0; } .thm-btn--eight { line-height: 26px; } div.about-ten__image > img { border-radius: 10px; max-width: 100%; height: auto; } div.about-ten__content__image img { max-width: 100%; height: auto; border-radius: 10px; } div.get-insurance-six__content__right img { max-width: 100%; height: auto; border-radius: 20px; } .cta-seven__inner .thm-btn--eight { width: 193px; } .cta-eight .thm-btn--eight { width: 195px; } .news-eight__single__content .comments-link .far, .news-seven__single .far { font-weight: 900; } .site-footer-five .footer-widget-two__links-list li a { color: inherit; background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat; transition: all 500ms ease; } .site-footer-five .footer-widget-two__links-list li a:hover { color: var(--insur-base) !important; background-size: 100% 1px; } .site-footer-five.site-footer-five--home-nine .site-footer-five__about__form input[type=email] { background-color: #242533; }